/* Theme Name: Enfold Child Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then. Version: 1.0 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ /*Add your own styles here:*/ /*******************************************************************************/ /* Per nascondere il menu dalla pagina Tutorial: */ /* https://kriesi.at/support/topic/hide-menu-bar-on-single-page/ */ /*******************************************************************************/ .page-id-30445 nav.main_menu { display: none !important;} /*******************************************************************************/ /*******************************************************************************/ /* 2025 07 17: per evitare che quando si fa lo swipe da mobile si muova tutta la finestra, quando si ha aperta la lightbox. da qui: https://kriesi.at/support/topic/swipe-on-lightbox-seems-not-to-be-working/#post-1486915 */ /*******************************************************************************/ /*******************************************************************************/ #top .mfp-wrap { overflow: hidden; touch-action: none; } .responsive .mfp-zoom-out-cur { overflow: hidden; } /*******************************************************************************/ /*******************************************************************************/ /*Add your own logo on hover: RIMOSSO il giorno 3/9/2025 .logo a:hover img { opacity: 0; } .logo a:hover { background: url(https://www.sentierigressoney.it/wp-content/uploads/2022/04/Logo-bianco-320-x-61.png) no-repeat; } */ /*****************************************************/ /* Modifiche per il Catalogue */ /*****************************************************/ .av-catalogue-container.angelino .av-catalogue-list li .av-catalogue-image { width: 140px; height: 140px; } .av-catalogue-container.angelino .av-catalogue-list li .av-catalogue-image { border-radius: 8px !important; } .av-catalogue-container.angelino .av-catalogue-list li .av-catalogue-content { color: #CCCCCC !important; } /* modifica l'interlinea */ .angelino p { line-height: 1.3em !important; } @media only screen and (max-width: 767px) { #top .av-catalogue-list .av-catalogue-item-inner { width: 100%; } #top .av-catalogue-list .av-catalogue-title, #top .av-catalogue-list .av-catalogue-content { padding: 0; } } /*****************************************************/ /* far sparire le icone social da un certo punto in poi */ /*****************************************************/ @media only screen and (max-width: 541px) { #top .social_bookmarks { display: none !important; } } /*****************************************************/ /* modificare l'opacità dell'header glassy */ /*****************************************************/ #top .av_header_glassy.av_header_transparency .header_bg { background-color: #000; opacity: 0.2; filter: alpha(opacity=50); } p.sleep-note { color: black !important; font-size: large !important; opacity: 100 !important; } /*****************************************************/ /*****************************************************/ /*****************************************************/ /*****************************************************/ /* RICORDA DI MODIFICARE SU INGLESE!!!!!!!!!!! */ /*****************************************************/ /*****************************************************/ /*****************************************************/ /*****************************************************/ @media only screen and (max-width: 1207px) { .warningsentierochiuso { margin-top: 0px !important; margin-bottom: 0px; } } /*****************************************************/ /* non fare più in modo che ci siano degli uppercase automatici sui bottoni */ /*****************************************************/ body * { text-transform: none !important; } /*****************************************************/ /* fa in modo che su cellulare le tre zone con i pulsanti sulla homepage siano più vicine verticalmente*/ /*****************************************************/ @media only screen and (max-width: 1207px) { .flex_cell { padding: 5px !important; } } /****************************************************************************/ /* rimuove la fottuta icona di Google Translator sul sentiero del colletto TAF, sentiero 1B GSJ */ /****************************************************************************/ #gtx-trans { display: none !important; } /*****************************************************/ /* mostrare le bandierine accanto al burger menu */ /* da https://kriesi.at/support/topic/placing-language-switcher-via-wpml-next-to-mobile-burger-menu-icon/ */ /*****************************************************/ @media only screen and (max-width: 1302px) { .responsive #top .av-main-nav .menu-item.wpml-ls-slot-9 { display: block !important; } .responsive #top #wrap_all #header #av-burger-menu-ul .wpml-ls-slot-9.av-active-burger-items { opacity: 0 !important; } } .caption_sulla_homepage { background-color: rgba(12, 12, 12, 0.5); padding: 0px; } #top .flex_cell_angelino { border-width: 12px !important; border-bottom-width: 0px !important; border-top-width: 40px !important; border-style: solid !important; border-color: transparent !important; } .av-masonry-entry .av-inner-masonry-content { padding: 7px !important; } .av-masonry-date { font-size: 18px !important; } /*******************************************************************************/ /*******************************************************************************/ /* Pagine ricapitolative dei SENTIERI di SJ e LT*/ /*******************************************************************************/ /*******************************************************************************/ .av-masonry-entry .av-masonry-entry-title { font-size: 18px !important; text-shadow: 2px 2px 4px #000000 !important; } .av-masonry-entry-content { line-height: 1.3em !important; text-shadow: 2px 2px 4px #000000 !important; } @media only screen and (max-width: 767px) { .av-masonry-entry-content { font-size: 22px !important; } } /*******************************************************************************/ /*******************************************************************************/ /* Homepage: adjust the LOGO in the header as soon as the screen size reduces*/ /*******************************************************************************/ /*******************************************************************************/ .logo img { padding-top: 8px; width: 170px !important; } /****** @media only screen and (max-width: 1300px) { nav.main_menu { display: block !important; } #avia-menu .menu-item { display: none; } .av-burger-menu-main.menu-item-avia-special { display: block; } } **********/ @media only screen and (min-width: 768px) and (max-width: 989px) { span.logo img { padding-top: 25px; } } @media only screen and (max-width: 768px) { span.logo img { padding-top: 0px !important; } } /*******************************************************************************/ /* fa sparire la scritta "percorsi escursionistici nella valle di gressoney al 1100 px*/ /*******************************************************************************/ @media only screen and (max-width: 1100px) { #top .avia-caption-content { display: none !important; } } /*******************************************************************************/ /*******************************************************************************/ /* burger menu appears earlier! */ /* from https://kriesi.at/support/topic/burger-menu-set-screen-size/ */ /*******************************************************************************/ /*******************************************************************************/ @media only screen and (max-width: 1302px) { .responsive #top .av-main-nav .menu-item-avia-special { display: block !important; } .responsive #top .av-main-nav .menu-item { display: none !important; } .responsive #top .av-main-nav .menu-item-avia-special { display: block !important; } } /*******************************************************************************/ /*******************************************************************************/ /* riduce dimensioni di privacy banner su mobile */ /*******************************************************************************/ /*******************************************************************************/ @media only screen and (max-width: 767px) { .avia-cookie-consent { /*font-size:90%!important; */ /*line-height: 1.5em !important; */ } } /*******************************************************************************/ /*******************************************************************************/ /* HOMEPAGE: configuration for buttons style & no background on caption for FULLSCREEN SLIDER */ /*******************************************************************************/ /*******************************************************************************/ /*********************************/ /* no background on caption for FULLSCREEN SLIDER */ /*********************************/ #top .avia-fullscreen-slider .slideshow_inner_caption, #top .avia-fullscreen-slider .avia-caption-title, #top .avia-fullscreen-slider .avia-caption-content p { background: rgba(0, 0, 0, 0) !important; } /*********************************/ /* style for buttons on FULLSCREEN SLIDER */ /*********************************/ /* fare in modo che su mobile i due pulsanti dell'easy slider della homepage siano perfettamente centrati https://kriesi.at/support/topic/two-buttons-in-line-in-same-column-in-enfold/ */ @media only screen and (max-width: 767px) { #top .avia-fullscreen-slider .avia-slideshow-button { margin: 12px 0px !important; } } /* qui decido colore di sfondo e l'ombra per i 2 pulsanti dell'EasySlider */ #top .avia-fullscreen-slider .avia-slideshow-button { background: #9cae30 !important; /* CAMBIO ANDREA */ /* background: #65b286!important; */ /* background: #2e9d4a!important; */ line-height: 1.3em !important; border-radius: 5px !important; box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.5); /* color: #b1e899!important; */ border-width: 0px !important; /* CAMBIO ANDREA 30/6/2022, prima questa voce non c'era */ } #top .avia-fullscreen-slider .avia-slideshow-button:hover { background: #5D6622 !important; opacity: 1 !important; } /*******************************************************************************/ /*******************************************************************************/ /* hide horizontal navigation dots in horizontal gallery */ /*******************************************************************************/ /*******************************************************************************/ .av-horizontal-gallery-dot, .avia-slideshow-dots { display: none !important; } /*******************************************************************************/ /*******************************************************************************/ /* On mobile only, enlarge accordion on SCEGLI IL SENTIERO page */ /*******************************************************************************/ /*******************************************************************************/ @media only screen and (max-width: 767px) { .page-id-3720 #after_grid_row_1 .container, .page-id-4626 #after_grid_row_1 .container, { max-width: 100%; padding: 3px; } .page-id-3720 #after_grid_row_1 .av-minimal-toggle .toggle_content, .page-id-4626 #after_grid_row_1 .av-minimal-toggle .toggle_content { padding: 12px 3px 11px 3px; } } /*******************************************************************************/ /*******************************************************************************/ /* THE WHOLE SITE: change the size of P and H1 font size when on mobile */ /*******************************************************************************/ /*******************************************************************************/ @media only screen and (max-width: 767px) { p { font-size: 18px !important; /* line-height: 1.3em !important; */ } H1 { font-size: 24px; /* line-height: 1.3em !important; */ } } /*******************************************************************************/ /*******************************************************************************/ /* HOMEPAGE: il bordered menu su SCEGLI SENTIERO */ /*******************************************************************************/ /*******************************************************************************/ #top #wrap_all .header_color .av-menu-button-bordered>a .avia-menu-text { color: white !important; border: solid !important; border-width: 1px !important; border-color: white !important; border-radius: 5px !important; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -ms-transition: 0.3s !important; -o-transition: 0.3s !important; transition: 0.3s !important; } #top #wrap_all .header_color .av-menu-button-bordered>a .avia-menu-text:hover { background: #5D6629 !important; color: white !important; border-color: #ffffff00 !important; } .avia_textblock.img-side-by-side p { display: flex; } /*******************************************************************************/ /*******************************************************************************/ /* HOMEPAGE: scritta COPYRIGHT */ /*******************************************************************************/ /*******************************************************************************/ /* aumenta dimensioni scritta di copyright */ .copyright { font-size: 16px; } /*******************************************************************************/ /*******************************************************************************/ /* HOMEPAGE: immagine delle tre montagne sopra il titolo SENTIERI DI GRESSONEY*/ /*******************************************************************************/ /*******************************************************************************/ /* riduco le dimensioni del logo con le tre montagne sulla nuova homepage */ .logo_titolo_homepage { vertical-align: baseline !important; height: 1.5em !important; } /*.logo_titolo_homepage { box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.5) !important; }*/ .logo_titolo_homepage { -webkit-filter: drop-shadow(8px 8px 10px rgba(0, 0, 0, 0.5))!important; filter: drop-shadow(8px 8px 10px rgba(0, 0, 0, 0.5))!important; } /*.logo_titolo_homepage_mobile { vertical-align: baseline !important; height: 1.2em !important; }*/ .logo_titolo_homepage_mobile { -webkit-filter: drop-shadow(8px 8px 10px rgba(0, 0, 0, 0.5))!important; filter: drop-shadow(8px 8px 10px rgba(0, 0, 0, 0.5))!important; } /* HOMEPAGE: ombbra su SENTIERI DI GRESSONEY e PERCORSI ESCURSIONISTICI ETC ETCY*/ .avia-caption-title, .avia-caption-content { text-shadow: 2px 2px 4px #000000 !important; font-weight: 400 !important; } /* HOMEPAGE per MOBILE: ombra su scritte*/ .titolo_homepage_mobile { text-shadow: 2px 2px 4px #000000 !important; font-weight: 400 !important; } /*******************************************************************************/ /*******************************************************************************/ /* HOMEPAGE: main menu */ /*******************************************************************************/ /*******************************************************************************/ /* questo definisce il font del main menu */ #top #header #avia-menu .sub-menu li.menu-item, #top #header #avia-menu .sub-menu li.menu-item a span.avia-menu-text { /*font-family: 'lato'!important; */ font-size: 16px !important; /* font-weight: 400!important; */ } /* questo cambia il colore di sfondo della testata del main menu quando t trasparente #top #header .av-main-nav > li > a:hover { background-color: #333333 !important; opacity: 1; } */ /*******************************************************************************/ /*******************************************************************************/ /* HOMEPAGE: title e breadcrumb */ /*******************************************************************************/ /*******************************************************************************/ /* questo modifica il carattere del titolo */ .main-title a { color: lightgrey !important; font-size: 24px !important; font-weight: bold !important; } /* questo modifica il carattere del breadcrumb */ #top .breadcrumb, #top .breadcrumb a { font-size: 16px; font-weight: 700; } /* far sparire il solo titolo dalla versione desktop: https://kriesi.at/support/topic/how-to-remove-breadcrumbs-from-mobile-only/ */ /* #top #wrap_all .entry-title { display: none; } */ /* far sparire il breadcrumb da cellulare da qui: https://kriesi.at/support/topic/how-to-remove-breadcrumbs-from-mobile-only/ */ @media only screen and (max-width: 767px) { #top #wrap_all .breadcrumb { display: none; } } /* far sparire tutto quanta la zona con il title da cellulare da qui: https://kriesi.at/support/topic/how-to-remove-breadcrumbs-from-mobile-only/ */ @media only screen and (max-width: 767px) { .container_wrap.title_container { display: none; } } /* far sparire submenu sentieri sui cellulari: https://kriesi.at/support/topic/hide-fullwidth-sub-menu-on-small-screen-devices @media only screen and (max-width: 767px) { #top .av-submenu-container { display: none !important; } } */ /* rendere sticky menu il menu anche su cellulare: https://kriesi.at/support/topic/sticky-menu-on-mobile-not-sticky/ */ /* @media only screen and (max-width: 767px) { */ @media only screen and (max-width: 989px) { .responsive #top #main { /* Margin top value should be equal to header height*/ margin-top: 80px !important; } .responsive #top #wrap_all #header { position: fixed !important; } } /* far sparire il submenu sentieri sui cellulari: https://kriesi.at/support/topic/how-to-remove-breadcrumbs-from-mobile-only/ @media only screen and (max-width: 767px) { #top #wrap_all .submenusentieri { display: none; } } */ /*******************************************************************************/ /*******************************************************************************/ /* HOMEPAGE: Pulsanti sull'EasySlider */ /*******************************************************************************/ /*******************************************************************************/ /* fare in modo che su mobile i due pulsanti dell'easy slider della homepage siano perfettamente centrati https://kriesi.at/support/topic/two-buttons-in-line-in-same-column-in-enfold/ */ @media only screen and (max-width: 767px) { #top .av_slideshow_full .avia-slideshow-button { margin: 12px 0px !important; } } /* qui decido colore di sfondo e l'ombra per i 2 pulsanti dell'EasySlider */ #top .av_slideshow_full .avia-slideshow-button { background: #9cae30 !important; /* CAMBIO ANDREA */ /* background: #65b286!important; */ /* background: #2e9d4a!important; */ line-height: 1.3em !important; border-radius: 5px !important; box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.5); /* color: #b1e899!important; */ border-width: 0px !important; /* CAMBIO ANDREA 30/6/2022, prima questa voce non c'era */ } #top .av_slideshow_full .avia-slideshow-button:hover { background: #5D6622 !important; opacity: 1 !important; } /*******************************************************************************/ /*******************************************************************************/ /* HOMEPAGE: Icone INFORMAZIONI/CONSIGLI/ETC */ /*******************************************************************************/ /*******************************************************************************/ /* colore di sfondo delle icone sulla homepage */ .av_font_icon .av-icon-char { background: #9cae30 !important; /* #65b286; CAMBIO ANDREA*/ border-width: 1px !important; padding: 15px !important; } /* il cursor pointer è stato messo per rendere le iconbox della homepage cliccabili interamente, letto da: https://kriesi.at/support/topic/linking-the-icon-box-icon/#post-183782 */ .home article.iconbox { cursor: pointer; box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.5) } /*******************************************************************************/ /*******************************************************************************/ /* HOMEPAGE: portfolio slider che mostra alcuni sentieri a rotazione */ /*******************************************************************************/ /*******************************************************************************/ /* nascondo le categorie nel Portfolio slider che uso per far veder nella homepage alcuni sentieri .blog-categories { display:none!important; /*font-size:70%!important; } */ /* riduco la dimensione del font del caption sul Portfolio slider che uso per far veder nella homepage alcuni sentieri */ .slide-entry-title { font-size: 90% !important; text-align: center !important; } /*******************************************************************************/ /*******************************************************************************/ /* HOMEPAGE: Social share buttons */ /*******************************************************************************/ /*******************************************************************************/ /*---------------------------------------- // CSS - Social Share style - 4 //--------------------------------------*/ /* Hide tool tip */ .av-social-sharing-box .avia-related-tooltip { display: none !important; } /* Remove icon border */ #top .av-social-sharing-box .av-share-box ul li { border-left-style: none; display: inline-block; vertical-align: middle !important; margin: 0 10px 0 0; } /* Icon style */ #top .av-social-sharing-box .av-share-link a { width: 30px !important; height: 30px !important; border-radius: 30px !important; padding: 0px 0 !important; } /* Icon color */ .av-social-sharing-box .av-share-link a:before { color: #fff; transition: all .5s ease; } /* Icon */ #top .av-social-sharing-box .av-share-link a { border-radius: 30px; } /*---------------------------------------- // END CSS - Social Share style - 4 //--------------------------------------*/ /*******************************************************************************/ /*******************************************************************************/ /* COMINGSOON: logo */ /*******************************************************************************/ /*******************************************************************************/ /* con questi due lavoro con il logo della comingsoon */ .page-id-2297 main.content { padding-top: 0px; padding-bottom: 10px; } .logo_comingsoon { width: 400px !important; } /* secondo me questo non serve ad una mazza */ .logo_comingsoon { padding-top: 1px !important; margin-top: 1px !important; margin-bottom: 1px !important; padding-bottom: 7px !important; } /*******************************************************************************/ /*******************************************************************************/ /* WAYMARK PLUGIN */ /*******************************************************************************/ /*******************************************************************************/ /* Questo cambia il colore del grafico di Elevation nel plugin Waymark*/ .waymark-elevation, .waymark-elevation .background { background: #FFFFFF !important; /* #FFFFFF */ } #top .elevation-control .background { background-color: white !important; } /* RGBA(193, 209, 240,0.2) */ /*******************************************************************************/ /*******************************************************************************/ /* pagina INFORMAZIONI e CONSIGLI */ /*******************************************************************************/ /*******************************************************************************/ /* modifica l'interlinea nella lista puntata della pagina INFORMAZIONI e CONSIGLI */ .tabs_consigli ul li { padding: 5px !important; } .tabs_consigli ol li { padding: 5px !important; } .tabs_consigli ol { padding: 5px !important; line-height: 1.3em !important; } .tabs_consigli ul { padding: 5px !important; line-height: 1.3em !important; } .tabs_consigli p { padding: 5px !important; line-height: 1.3em !important; } .tabs_informazioni_consigli ul, .testo_compatto ul, .testo_compatto_trasparente ul, .testo_compatto_trasparente ol { line-height: 1.3em !important; } .accordion_scelta ul { line-height: 1.3em !important; } /* modifica l'interlinea anche nel testo normale della pagina INFORMAZIONI e CONSIGLI*/ .tabs_informazioni_consigli p, .testo_compatto p, .testo_compatto2 p, .testo_compatto_trasparente p { line-height: 1.3em !important; } .accordion_scelta p { line-height: 1.3em !important; } .testo_compatto { background-color: black; padding: 10px; } .testo_compatto_trasparente { padding: 2px; margin: 5px; } /* modifico il font dei tab quando non sono selezionati e quando sono in hover, da: https://kriesi.at/documentation/enfold/tabs/ */ #top .tabcontainer .tab { font-weight: 400; } #top .tabcontainer .tab:hover { font-weight: 700; } /*******************************************************************************/ /*******************************************************************************/ /* Pagine SENTIERI */ /*******************************************************************************/ /*******************************************************************************/ /* colore dell'hotspot sulle immagini con hotspot */ .av-hotspot-container .av-image-hotspot_inner { background: yellow !important; color: black !important; font-weight: 400 !important; } /* disabilitare la navigazione laterale tra i portfolio #top .avia-post-nav { display: none; } */ /* rendere le immaginette dei due < e > per la navigazione laterale tra i portfolio dei sentieri quadrate */ .avia-post-nav .entry-image img { border-radius: 8px; } /* aumento dimensioni del caption sulle immagini usate all'interno dei textbox nei sentieri*/ .wp-caption-text { font-size: 15px !important; /* font-weight:400!Important; */ font-style: normal !important; font-family: 'lato' !important; } /* le coordinate si allineano tutte a destra sopra le mappe */ .coordinate { text-align: right !important; font-size: 80% !important; } /* aumenta le dimensioni della scritta "Load more" quando faccio un Masonry gallery con paginazione */ @media only screen and (max-width: 767px) { .av-masonry-load-more { font-size: 110% !important; } } @media only screen and (min-width: 768px) { .av-masonry-load-more { font-size: 150% !important; } } /* aumento il peso del carattere del FILTRO sui masonry che mostrano le fotine dei sentieri nelle due pagine SJ e LT */ .inner_sort_button { font-weight: 800; } /*questo il font del caption su quel Masonry: */ #top .masonry-riepilogo-sentieri .av-masonry-entry-title { font-weight: 500 !important; font-size: 120% !important; } /* riduco dimensioni del font sul caption del Masonry con il riepilogo delle mete dei sentieri .av-image-caption-overlay-center{ font-size: 50%!important; } */ /* Faccio in modo che il subheading di tutti gli SpecialHeading sui sentieri */ /* quando visto in modalità "piccola" abbia una altezza corretta*/ /* da https://kriesi.at/support/topic/special-heading-subheading-too-tall-when-splitting-on-small-screen/#post-1370235 */ @media only screen and (max-width: 767px) { .av-subheading p { line-height: 25px !important; } } /*******************************************************************************/ /*******************************************************************************/ /* Pagine HOMEPAGE: i pulsanti con le voci di sottomenu Sentiero Facile, Vetta, Mangiare, Dormire...... */ /*******************************************************************************/ /*******************************************************************************/ /* versione Desktop: pulsantimenuhomepage => sono i pulsanti al di sotto dei due pulsanti principali "Partenza da..." Versione Mobile: pulsantimenuhomepage1 => i due pulsanti "partenza da SJ, partenza da LT" pulsantimenuhomepage3 => il pulsante singolo "sentieri facili" pulsantimenuhomepage2 => i due pulsanti affiancati sotto pulsantimenuhomepage_download => il pulsante di dowload dell'app */ /* Desktop */ /* vecchi pulsanti .pulsantimenuhomepage .avia-button { font-family: 'lato' !important; font-size: 16px !important; background: #9cae30 !important; border-collapse: separate !important; border-width: 0px !important; border-color: white !important; border-radius: 5px !important; color: white !important; opacity: 1 !important; padding: 12px 16px !important; box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.5) !important; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -ms-transition: 0.3s !important; -o-transition: 0.3s !important; transition: 0.3s !important; } */ /***************************************************/ /* Pusanti Homepage - COLORE HOVER */ /***************************************************/ .pulsantimenuhomepage .avia-button:hover, .pulsantimenuhomepage_nuova1 .avia-button:hover, .pulsantimenuhomepage_nuova2 .avia-button:hover, .pulsantimenuhomepage_nuova3 .avia-button:hover, .pulsantimenuhomepage_nuova_main .avia-button:hover, .pulsantimenuhomepage1 .avia-button:hover, .pulsantimenuhomepage2 .avia-button:hover, .pulsantimenuhomepage3 .avia-button:hover { background: #5D6622 !important; } /***************************************************/ /* Pusanti Homepage - COLORE DELL'ICONA E TAGLIA */ /***************************************************/ .pulsantimenuhomepage_nuova2 a.avia-button .avia_button_icon, .pulsantimenuhomepage_nuova3 a.avia-button .avia_button_icon, .pulsantimenuhomepage_nuova_main a.avia-button .avia_button_icon, .pulsantimenuhomepage2 a.avia-button .avia_button_icon, .pulsantimenuhomepage3 a.avia-button .avia_button_icon, .pulsantimenuhomepage_nuova1 a.avia-button .avia_button_icon, .pulsantimenuhomepage a.avia-button .avia_button_icon, .pulsantimenuhomepage1 a.avia-button .avia_button_icon{ /* Button icon size */ /* line-height: 30px; */ /* Vertical align icon*/ font-size: 30px !important; color: gold !important; } /***************************************************/ /* Pusanti Homepage - CARATTERISTICHE DEI PULSANTI */ /***************************************************/ .pulsantimenuhomepage_nuova1 .avia-button, .pulsantimenuhomepage1 .avia-button { /* font-family: 'lato' !important; */ font-size: 16px !important; background: #9cae30 !important; border-collapse: separate !important; border-width: 0px !important; width: 350px !important; border-color: white !important; border-radius: 5px !important; color: white !important; opacity: 1 !important; padding: 12px 16px !important; box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.5) !important; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -ms-transition: 0.3s !important; -o-transition: 0.3s !important; transition: 0.3s !important; } .pulsantimenuhomepage_nuova2 .avia-button, .pulsantimenuhomepage_nuova3 .avia-button, .pulsantimenuhomepage_nuova_main .avia-button, .pulsantimenuhomepage2 .avia-button, .pulsantimenuhomepage3 .avia-button { /* font-family: 'lato' !important; */ font-size: 16px !important; /*background: #6cae30!important; */ background: #9cae30 !important; border-collapse: separate !important; border-width: 0px !important; border-color: white !important; border-radius: 5px !important; color: white !important; opacity: 1 !important; padding: 12px 16px !important; box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.5) !important; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -ms-transition: 0.3s !important; -o-transition: 0.3s !important; transition: 0.3s !important; align-items: center !important; justify-content: center !important; } .pulsantimenuhomepage2 .avia-button { width:150px!important; } .pulsantimenuhomepage_nuova2 .avia-button { width:300px!important; } .pulsantimenuhomepage_nuova_main .avia-button { width:320px!important; } #top .avia-button .avia_button_icon, #top .avia-button .avia_iconbox_title { vertical-align: middle; } .barrahomepage { margin-top: 2px !important; margin-bottom: 2px !important; } /***************************************************/ /* Bottone per il download dell'app sulla homepage */ /***************************************************/ .pulsantimenuhomepage_download .avia-button:hover { /* background: #5D6622 !important; */ background: #004A8F !important; } .pulsantimenuhomepage_download .avia-button:active { /* background: #5D6622 !important; */ background: #003C73 !important; } .pulsantimenuhomepage_download a.avia-button .avia_button_icon { font-size: 30px !important; } .pulsantimenuhomepage_download .avia-button { /* font-family: 'lato' !important; */ font-size: 16px !important; /*background: #6cae30!important; */ background: #0056A6 !important; border-collapse: separate !important; border-width: 0px !important; border-color: white !important; border-radius: 5px !important; color: white !important; opacity: 1 !important; padding: 12px 16px !important; box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.5) !important; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -ms-transition: 0.3s !important; -o-transition: 0.3s !important; transition: 0.3s !important; align-items: center !important; justify-content: center !important; } /* questo è il SVG dell'icona del download della app */ .avia_button_icon svg path { fill: white !important; } /*******************************************************************************/ /*******************************************************************************/ /* Pagine SENTIERI: i due pulsanti SCARICA GPX e MAGGIORI INFO SU... */ /*******************************************************************************/ /*******************************************************************************/ .pulsantesentieri .avia-button { font-family: 'lato' !important; font-size: 16px !important; background: #9cae30 !important; /* CAMBIO ANDREA */ border-collapse: separate !important; border-width: 0px !important; /* CAMBIO ANDREA 30/6/2022, prima c'era 1px */ border-color: white !important; border-radius: 5px !important; color: white !important; opacity: 1 !important; padding: 10px 20px !important; box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.5) !important; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -ms-transition: 0.3s !important; -o-transition: 0.3s !important; transition: 0.3s !important; } .pulsantesentieri .avia-button:hover { background: #5D6622 !important; } /*******************************************************************************/ /*******************************************************************************/ /* Pagine SENTIERI: il FULL WIDTH SUBMENU */ /*******************************************************************************/ /*******************************************************************************/ /* cambia font e carattere del fullwidth submenu, come visto qui: https://kriesi.at/support/topic/how-to-change-the-font-size-of-the-full-width-submenu/ https://kriesi.at/support/topic/how-to-change-the-text-color-fullwidth-submenu/ .main_color .av-subnav-menu a { color: #9ab8ac; color: #6bad4e; } Le transizioni di colore sull' HOVER le ho viste qui: https://www.w3schools.com/howto/howto_css_transition_hover.asp */ #av-custom-submenu-1 li>a .avia-menu-text { font-size: 16px !important; font-family: 'lato' !important; background: #9cae30 !important; border-collapse: separate !important; border-width: 0px !important; /* CAMBIO ANDREA 30/6/2022, prima c'era 1px */ border-color: white !important; border-radius: 5px !important; color: white !important; opacity: 1 !important; padding: 10px !important; box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.5) !important; -webkit-transition: 0.3s !important; -moz-transition: 0.3s !important; -ms-transition: 0.3s !important; -o-transition: 0.3s !important; transition: 0.3s !important; border: none !important; } #av-custom-submenu-1 li>a .avia-menu-text:hover { background: #5D6622 !important; } /***************************************************************************************************************/ /* rendi sticky il full width submenu: https://kriesi.at/support/topic/fullwidth-submenu-sticky-on-mobile/ */ @media only screen and (max-width: 767px) { .responsive #top .av-submenu-container { position: fixed !important; top: 80px !important; } } @media only screen and (min-width: 768px) and (max-width: 989px) { .responsive #top .av-submenu-container { position: fixed !important; top: 90px !important; } } @media only screen and (min-width: 990px) and (max-width: 1302px) { .responsive #top .av-submenu-container { position: fixed !important; top: 52px !important; } } /* FINE */ /***************************************************************************************************************/ /***************************************************************************************************************/ /* nascondi su mobile il secondo pulsante PARTENZA E ARRIVO */ @media only screen and (max-width: 767px) { .menu-item-top-level-2 { display: none !important; } } /*******************************************************************************/ /*******************************************************************************/ /* Pagine SENTIERI: la HORIZONTAL GALLERY */ /*******************************************************************************/ /*******************************************************************************/ /* fa aprire la horizontal gallery direttamente sulla lightbox, da qui: * https://kriesi.at/support/topic/horizontal-gallery-need-the-lightbox-to-open-when-the-picture-is-clicked/ */ #top .av-horizontal-gallery-link { width: 100% !important; height: 100% !important; background: transparent !important; transform: none !important; } /* * questo l'ho aggiunto il 18/8/2022 per il problemam del tap sulla horizontal gallery! * https://kriesi.at/support/topic/horizontal-gallery-on-mobile-phones-can-i-jump-directly-into-the-lightbox/#post-1362093 * */ @media only screen and (max-width: 989px) { /* Add your Mobile Styles here */ #top .av-horizontal-gallery-link:before { display: none !important; } #top .av-horizontal-gallery-link { -webkit-transition: none; transition: none; opacity: 1 !important; } } /* aumenta le dimensioni della caption nella Horizontal gallery usata sui sentieri */ .mfp-title { font-size: 120% !important; text-align: center !important; } /* questo va in accoppiata con la modifica fatta nel functions.php che ho trovato qui * https://kriesi.at/support/topic/adding-caption-to-each-slide-in-horizontal-gallery/ * serve per mostrare la didascalia della horizontal gallery sui dispositivi piccolini @media only screen and (max-width: 767px){ .text-under-image { position: absolute !important; background-color: black; color: #b1e899!important; bottom: 0; left: 50%; transform: translateX(-50%); padding: 0 30px; margin: 0 !important; */ /* text-shadow: 1px 1px 2px #aaa; */ /* border-radius: 8px 8px 0 0; } } */ /*******************************************************************************/ /*******************************************************************************/ /* impostazioni globali */ /*******************************************************************************/ /*******************************************************************************/ /* colore di TUTTI i link */ .tabs_informazioni a, .avia_textblock a { color: #FFAD05 !important; /* CAMBIO ANDREA #60bed5 -> FFAD05 */ font-weight: 200 !Important; } /* Link sempre sottolineati da: https://kriesi.at/support/topic/my-page-links-are-not-underlined-and-i-want-them-to-be/ */ /************** #main p a { text-decoration: underline; } #main a { text-decoration: underline; } *****************/ /* questo non ricordo cosa sia */ .mfp-title p { font-size: 16px !important; } /*******************************************************************************/ /*******************************************************************************/ /* pagina PRIVACY */ /*******************************************************************************/ /*******************************************************************************/ /* cambio il colore dello sfondo del pulsante di consenso alla privacy */ .avia-cookie-consent { padding: 5pt !Important; background: #ff6200 !Important; } .avia-cookie-consent-button { background: white !important; border-color: white !important; color: black !important; font-size: 80% !important; /* 100% */ padding: 8pt !important; margin: 6pt !important; border-radius: 4px !important; } .avia-cookie-consent-button:hover { background: #5D6622 !important; color: white !important; opacity: 1 !important; } .avia_cookie_text { font-size: 80% !important; /* 110%*/ text-align: left !important; line-height: 1.3em !important; } /* da qui: https://kriesi.at/support/topic/stye-for-a-link-added-to-the-cookie-consent-message-bar/ oppure . privacyclass { color: antiquewhite; } oppure . privacyclass { color: antiquewhite; } oppure .avia_cookie_text a { color: burlywood; } */ .avia_cookie_text a { color: burlywood; } /*******************************************************************************/ /*******************************************************************************/ /* ELEMENTI NON PIU'USATI */ /*******************************************************************************/ /*******************************************************************************/ /* NON MESSO dimensioni del font sulla caption della masonry per il portfolio dei sentieri: c'era #top e #wrap, ma con #wrap non va, invece #top sembra ininfluente*/ #top .masonry_tuttisentieri h3.av-masonry-entry-title.entry-title { font-size: 15px !important; } /* NON MESSO cancellla la data nel magazine del portfolio */ time.av-magazine-time.updated { display: none !important; } /*******************************************************************************/ /*******************************************************************************/ /* ALTRO */ /*******************************************************************************/ /*******************************************************************************/ /* questo aggiunge un overlay al caption sopra le immagini, suggerimento supporto Enfold commentato il giorno 2/1/2022 .av-overlay-hover-deactivate .avia-image-overlay-wrap:hover .av-image-caption-overlay-center p { background: rgba(0,0,0,.5); } */ /* questo modifica il colore della trasparenza dell'header, dal sito di Ferdy #top .av_header_transparency { background: rgba(10, 3,3, 0.3); } */ /* toglie l'alternanza dei colori nella tabella TablePress #tablepress-1 td { color: #000; } .paging_simple .paginate_button.next:after, .paging_simple .paginate_button.previous:before { text-shadow: none; color: #666; font-weight: 400; } */ /*******************************************************************************/ /*******************************************************************************/ /* ROBA DELLA VECCHIA HOMEPAGE */ /*******************************************************************************/ /*******************************************************************************/ /* OLD HOMEPAGE: aumento le dimensioni del caption sopra l'immagine dei pulsanti in homepate SENTIERI DI GRESSONEY SAINT JEAN, LA TRINITE', INFORMAZIONI etc*/ .pulsantoni-homepage, .pulsantini-homepage { /*font-size: 120%; */ font-weight: 400; /*font-family:'lato'; */ text-shadow: 1px 1px #000 !important; } /* OLD HOMEPAGE: però, solamente su mobile, riduci le dimensioni del peso del font a 200! */ @media only screen and (max-width: 767px) { .pulsantoni-homepage, .pulsantini-homepage { font-weight: 200; /*font-family:'lato'; */ text-shadow: 1px 1px #000 !important; } } /* OLD HOMEPAGE con questo aumento le dimensioni nella homepage della scritta "Un sito dedicato ai sentieri etc .av-subheading_below{ font-size: 200%!important; font-weight:800!important; text-shadow: 3px 3px #000!important; } */ /* OLD HOMEPAGE con questo aumento le dimensioni nella homepage della scritta I SENTIERI DI GRESSONEY .av-heading-link{ font-size: 200%; line-height:120%; text-shadow: 3px 3px #000!important; } */ /* cambio il colore della citazione che uso in un sentiero per evidenziare le cose importanti - non ricordo quali */ /* .avia_textblock blockquote p { color: white!important; } */ /* questa rende sia title che breadcrumb stick, da qui * https://kriesi.at/support/topic/stick-title-breadcrumb/ #top.single-portfolio .title_container { position: fixed; top: 82px; z-index: 1000; width: 100%; } #top.single-portfolio #sub_menu1 { top: 142px !important; } */