.elementor-436 .elementor-element.elementor-element-e05191f{--display:flex;}.elementor-436 .elementor-element.elementor-element-e05191f:not(.elementor-motion-effects-element-type-background), .elementor-436 .elementor-element.elementor-element-e05191f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.tropeasnorkelingtour.it/wp-content/uploads/2026/10/dove-fare-snorkeling-hero-alternativa-desktop.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-436 .elementor-element.elementor-element-f2fe1bb{--display:flex;}.elementor-436 .elementor-element.elementor-element-ff65283{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-436 .elementor-element.elementor-element-b630036{--display:flex;}.elementor-436 .elementor-element.elementor-element-e0c6d83{--display:flex;}.elementor-436 .elementor-element.elementor-element-b12c160{--display:flex;}.elementor-436 .elementor-element.elementor-element-a1b30fe{--display:flex;}.elementor-436 .elementor-element.elementor-element-96c73ee{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-436 .elementor-element.elementor-element-c01b4f1{--display:flex;}.elementor-436 .elementor-element.elementor-element-f2e5b1d{--display:flex;}.elementor-436 .elementor-element.elementor-element-6edb39e{--display:flex;}.elementor-436 .elementor-element.elementor-element-106c539{--display:flex;}.elementor-436 .elementor-element.elementor-element-1d03e4d{--display:flex;}.elementor-436 .elementor-element.elementor-element-f9d7047{--display:flex;}.elementor-436 .elementor-element.elementor-element-c9eb83c{--display:flex;}.elementor-436 .elementor-element.elementor-element-2f7dc55{--display:flex;}.elementor-436 .elementor-element.elementor-element-82c380a{--display:flex;}.elementor-436 .elementor-element.elementor-element-7cb8c0c{--display:flex;}.elementor-436 .elementor-element.elementor-element-aa0ee2c{--display:flex;}.elementor-436 .elementor-element.elementor-element-aa81e27{--display:flex;}.elementor-436 .elementor-element.elementor-element-802bc4f{--display:flex;}.elementor-436 .elementor-element.elementor-element-03a2789{--display:flex;}.elementor-436 .elementor-element.elementor-element-d5e6bfb{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-436 .elementor-element.elementor-element-a1f4c94 .elementor-icon-wrapper{text-align:center;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-436 .elementor-element.elementor-element-9aeeb2d .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-436 .elementor-element.elementor-element-9aeeb2d .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-436 .elementor-element.elementor-element-9aeeb2d{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-436 .elementor-element.elementor-element-9aeeb2d .elementor-icon-list-text{transition:color 0.3s;}.elementor-436 .elementor-element.elementor-element-2869af6{--display:flex;}.elementor-436 .elementor-element.elementor-element-a9a081d .elementor-icon-wrapper{text-align:center;}.elementor-436 .elementor-element.elementor-element-092a5d2 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-436 .elementor-element.elementor-element-092a5d2 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-436 .elementor-element.elementor-element-092a5d2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-436 .elementor-element.elementor-element-092a5d2 .elementor-icon-list-text{transition:color 0.3s;}.elementor-436 .elementor-element.elementor-element-840b6a0{--display:flex;}.elementor-436 .elementor-element.elementor-element-4a81824{--display:flex;}.elementor-436 .elementor-element.elementor-element-5420756{--display:flex;}.elementor-436 .elementor-element.elementor-element-6b9325b{--display:flex;}.elementor-436 .elementor-element.elementor-element-5b1318c{--display:flex;}.elementor-436 .elementor-element.elementor-element-ffe5f9e .elementor-icon-wrapper{text-align:center;}.elementor-436 .elementor-element.elementor-element-bad8123{--display:flex;}.elementor-436 .elementor-element.elementor-element-9ee8bbd .elementor-icon-wrapper{text-align:center;}.elementor-436 .elementor-element.elementor-element-f0cce63{--display:flex;}.elementor-436 .elementor-element.elementor-element-331955e .elementor-icon-wrapper{text-align:center;}.elementor-436 .elementor-element.elementor-element-9881f33{--display:flex;}.elementor-436 .elementor-element.elementor-element-4a9082b .elementor-icon-wrapper{text-align:center;}.elementor-436 .elementor-element.elementor-element-7816b51{--display:flex;}.elementor-436 .elementor-element.elementor-element-120b129{--display:flex;}.elementor-436 .elementor-element.elementor-element-ce75de0{--display:flex;}.elementor-436 .elementor-element.elementor-element-5994004{--display:flex;}.elementor-436 .elementor-element.elementor-element-123a6fd{--display:flex;}.elementor-436 .elementor-element.elementor-element-190631e .elementor-icon-wrapper{text-align:center;}.elementor-436 .elementor-element.elementor-element-ec4b535{--display:flex;}.elementor-436 .elementor-element.elementor-element-4d6cda6 .elementor-icon-wrapper{text-align:center;}.elementor-436 .elementor-element.elementor-element-742b1a3{--display:flex;}.elementor-436 .elementor-element.elementor-element-8386801 .elementor-icon-wrapper{text-align:center;}.elementor-436 .elementor-element.elementor-element-63523bb{--display:flex;}.elementor-436 .elementor-element.elementor-element-eeb46d1 .elementor-icon-wrapper{text-align:center;}.elementor-436 .elementor-element.elementor-element-7d3c302{--display:flex;}.elementor-436 .elementor-element.elementor-element-d451f21 .elementor-icon-wrapper{text-align:center;}.elementor-436 .elementor-element.elementor-element-34e2866{--display:flex;}.elementor-436 .elementor-element.elementor-element-21ed472{--display:flex;}.elementor-436 .elementor-element.elementor-element-a7776a9{--display:flex;}.elementor-436 .elementor-element.elementor-element-bd263ee{--display:flex;}.elementor-436 .elementor-element.elementor-element-3b21dbb{--display:flex;}.elementor-436 .elementor-element.elementor-element-8bee8b4{--display:flex;}.elementor-436 .elementor-element.elementor-element-6bf9788{--display:flex;}.elementor-436 .elementor-element.elementor-element-65c868f{--display:flex;}.elementor-436 .elementor-element.elementor-element-7d3b937{--display:flex;}.elementor-436 .elementor-element.elementor-element-6e0284f{--display:flex;}.elementor-436 .elementor-element.elementor-element-0b1c2e2{--display:flex;}.elementor-436 .elementor-element.elementor-element-ee0ffc6{--display:flex;}.elementor-436 .elementor-element.elementor-element-f93662e{--display:flex;}.elementor-436 .elementor-element.elementor-element-840ffff{--display:flex;}.elementor-436 .elementor-element.elementor-element-af6d606{--display:flex;}.elementor-436 .elementor-element.elementor-element-8e3fa1d{--n-accordion-title-font-size:1,75rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-436 .elementor-element.elementor-element-e05191f:not(.elementor-motion-effects-element-type-background), .elementor-436 .elementor-element.elementor-element-e05191f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.tropeasnorkelingtour.it/wp-content/uploads/2026/10/dove-fare-snorkeling-hero-alternativa-mobile.webp");}}/* Start custom CSS for container, class: .elementor-element-e05191f *//* ========================================================= TROPEA SNORKELING TOUR HERO — DOVE FARE SNORKELING A TROPEA CSS COMPLETO ========================================================= */ /* ========================================================= HERO ESTERNA ========================================================= */ html body .snorkeling-guide-hero{ position:relative !important; width:100% !important; min-height:475px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important; } /* ========================================================= OVERLAY DESKTOP ========================================================= */ html body .snorkeling-guide-hero::before{ content:""; position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background: linear-gradient( 90deg, rgba(3,25,47,.87) 0%, rgba(3,25,47,.78) 23%, rgba(3,25,47,.55) 43%, rgba(3,25,47,.25) 66%, rgba(3,25,47,.06) 88%, rgba(3,25,47,0) 100% ) !important; } /* ========================================================= CONTAINER INTERNO ========================================================= */ html body .snorkeling-guide-hero .snorkeling-guide-hero-inner{ position:relative !important; z-index:2 !important; width:100% !important; max-width:1440px !important; min-height:475px !important; margin:0 auto !important; padding-top:0 !important; padding-right:88px !important; padding-bottom:0 !important; padding-left:88px !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; gap:0 !important; } /* ========================================================= GRUPPO CONTENUTO ========================================================= */ html body .snorkeling-guide-hero .snorkeling-guide-hero-content{ position:relative !important; width:100% !important; max-width:610px !important; margin:0 !important; padding:0 !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:0 !important; top:30px !important; } /* ========================================================= EYEBROW ========================================================= */ html body .snorkeling-guide-hero .snorkeling-places-eyebrow{ width:100% !important; margin:0 0 14px 0 !important; padding:0 !important; } html body .snorkeling-guide-hero .snorkeling-places-eyebrow .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:13px !important; line-height:1.2 !important; font-weight:800 !important; letter-spacing:1.8px !important; text-transform:uppercase !important; color:#FFFFFF !important; text-decoration:none !important; } /* ========================================================= TITOLO ========================================================= */ html body .snorkeling-guide-hero .snorkeling-places-title{ width:100% !important; margin:0 0 18px 0 !important; padding:0 !important; } html body .snorkeling-guide-hero .snorkeling-places-title .elementor-heading-title{ width:100% !important; max-width:650px !important; margin:0 !important; padding:0 !important; font-family:"DM Serif Display",serif !important; font-size:58px !important; line-height:.98 !important; font-weight:400 !important; letter-spacing:-.7px !important; color:#FFFFFF !important; text-decoration:none !important; text-shadow: 0 2px 16px rgba(0,0,0,.15) !important; } /* ========================================================= RIGHE TITOLO ========================================================= */ html body .snorkeling-guide-hero .snorkeling-places-title .title-first-line{ display:block !important; white-space:nowrap !important; } html body .snorkeling-guide-hero .snorkeling-places-title .tropea-break{ display:block !important; white-space:nowrap !important; } /* ========================================================= TESTO DESCRITTIVO ========================================================= */ html body .snorkeling-guide-hero .snorkeling-places-text{ width:100% !important; max-width:565px !important; margin:0 0 25px 0 !important; padding:0 !important; } html body .snorkeling-guide-hero .snorkeling-places-text .elementor-widget-container{ margin:0 !important; padding:0 !important; } html body .snorkeling-guide-hero .snorkeling-places-text p{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:16px !important; line-height:1.55 !important; font-weight:400 !important; color:rgba(255,255,255,.97) !important; } /* ========================================================= PULSANTE ========================================================= */ html body .snorkeling-guide-hero .snorkeling-places-button{ width:auto !important; margin:0 !important; padding:0 !important; } html body .snorkeling-guide-hero .snorkeling-places-button .elementor-button-wrapper{ display:inline-flex !important; } html body .snorkeling-guide-hero .snorkeling-places-button .elementor-button{ min-height:52px !important; padding:0 25px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border:0 !important; border-radius:999px !important; background:#FFFFFF !important; background-color:#FFFFFF !important; color:#073064 !important; font-family:"Manrope",sans-serif !important; font-size:14px !important; line-height:1 !important; font-weight:700 !important; text-decoration:none !important; box-shadow: 0 7px 20px rgba(7,28,51,.18) !important; transition: background-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease !important; } html body .snorkeling-guide-hero .snorkeling-places-button .elementor-button-text{ color:inherit !important; text-decoration:none !important; } /* ========================================================= FRECCIA ========================================================= */ html body .snorkeling-guide-hero .snorkeling-places-button .elementor-button::after{ content:"↓"; display:inline-block !important; margin-left:15px !important; font-size:18px !important; line-height:1 !important; color:#168EB2 !important; transition: transform .22s ease, color .22s ease !important; } /* ========================================================= HOVER ========================================================= */ html body .snorkeling-guide-hero .snorkeling-places-button .elementor-button:hover{ background:#72D8F7 !important; background-color:#72D8F7 !important; color:#071C33 !important; transform:translateY(-2px) !important; box-shadow: 0 11px 25px rgba(7,28,51,.24) !important; } html body .snorkeling-guide-hero .snorkeling-places-button .elementor-button:hover::after{ color:#071C33 !important; transform:translateY(3px) !important; } /* ========================================================= LAPTOP ========================================================= */ @media(max-width:1366px) and (min-width:1025px){ html body .snorkeling-guide-hero{ min-height:450px !important; } html body .snorkeling-guide-hero .snorkeling-guide-hero-inner{ min-height:450px !important; padding-left:72px !important; padding-right:72px !important; } html body .snorkeling-guide-hero .snorkeling-guide-hero-content{ max-width:585px !important; top:28px !important; } html body .snorkeling-guide-hero .snorkeling-places-title .elementor-heading-title{ font-size:55px !important; } html body .snorkeling-guide-hero .snorkeling-places-text{ max-width:540px !important; } } /* ========================================================= TABLET EXTRA ========================================================= */ @media(max-width:1200px) and (min-width:1025px){ html body .snorkeling-guide-hero{ min-height:430px !important; } html body .snorkeling-guide-hero .snorkeling-guide-hero-inner{ min-height:430px !important; padding-left:52px !important; padding-right:52px !important; } html body .snorkeling-guide-hero .snorkeling-guide-hero-content{ max-width:535px !important; top:24px !important; } html body .snorkeling-guide-hero .snorkeling-places-title .elementor-heading-title{ font-size:50px !important; } html body .snorkeling-guide-hero .snorkeling-places-text{ max-width:500px !important; } html body .snorkeling-guide-hero .snorkeling-places-text p{ font-size:15px !important; } } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px) and (min-width:768px){ html body .snorkeling-guide-hero{ min-height:420px !important; background-position:center center !important; } html body .snorkeling-guide-hero::before{ background: linear-gradient( 90deg, rgba(3,25,47,.88) 0%, rgba(3,25,47,.74) 48%, rgba(3,25,47,.32) 82%, rgba(3,25,47,.05) 100% ) !important; } html body .snorkeling-guide-hero .snorkeling-guide-hero-inner{ min-height:420px !important; padding-left:36px !important; padding-right:36px !important; } html body .snorkeling-guide-hero .snorkeling-guide-hero-content{ max-width:500px !important; top:20px !important; } html body .snorkeling-guide-hero .snorkeling-places-title .elementor-heading-title{ font-size:44px !important; line-height:.98 !important; } html body .snorkeling-guide-hero .snorkeling-places-text{ max-width:465px !important; margin-bottom:22px !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ html body .snorkeling-guide-hero{ min-height:435px !important; background-position:center center !important; } html body .snorkeling-guide-hero::before{ background: linear-gradient( 180deg, rgba(3,24,44,.16) 0%, rgba(3,24,44,.26) 32%, rgba(3,24,44,.56) 63%, rgba(3,24,44,.94) 100% ) !important; } html body .snorkeling-guide-hero .snorkeling-guide-hero-inner{ width:100% !important; min-height:435px !important; margin:0 !important; padding-top:0 !important; padding-right:20px !important; padding-bottom:0 !important; padding-left:20px !important; display:flex !important; align-items:flex-end !important; justify-content:flex-start !important; } html body .snorkeling-guide-hero .snorkeling-guide-hero-content{ width:100% !important; max-width:none !important; margin:0 !important; padding-top:0 !important; padding-right:0 !important; padding-bottom:30px !important; padding-left:0 !important; top:15px !important; } /* EYEBROW MOBILE */ html body .snorkeling-guide-hero .snorkeling-places-eyebrow{ margin:0 0 9px 0 !important; } html body .snorkeling-guide-hero .snorkeling-places-eyebrow .elementor-heading-title{ font-size:10.5px !important; line-height:1.2 !important; letter-spacing:1.5px !important; } /* TITOLO MOBILE */ html body .snorkeling-guide-hero .snorkeling-places-title{ margin:0 0 14px 0 !important; } html body .snorkeling-guide-hero .snorkeling-places-title .elementor-heading-title{ width:100% !important; max-width:360px !important; font-size:36px !important; line-height:.96 !important; letter-spacing:-.35px !important; } html body .snorkeling-guide-hero .snorkeling-places-title .title-first-line{ display:block !important; white-space:nowrap !important; } html body .snorkeling-guide-hero .snorkeling-places-title .tropea-break{ display:block !important; white-space:nowrap !important; margin-top:1px !important; } /* TESTO MOBILE */ html body .snorkeling-guide-hero .snorkeling-places-text{ width:100% !important; max-width:350px !important; margin:0 0 20px 0 !important; } html body .snorkeling-guide-hero .snorkeling-places-text p{ font-size:13.5px !important; line-height:1.48 !important; } /* PULSANTE MOBILE */ html body .snorkeling-guide-hero .snorkeling-places-button .elementor-button{ min-height:46px !important; padding-left:21px !important; padding-right:21px !important; font-size:13px !important; } html body .snorkeling-guide-hero .snorkeling-places-button .elementor-button::after{ margin-left:13px !important; font-size:17px !important; } } /* ========================================================= MOBILE PICCOLO ========================================================= */ @media(max-width:390px){ html body .snorkeling-guide-hero{ min-height:425px !important; } html body .snorkeling-guide-hero .snorkeling-guide-hero-inner{ min-height:425px !important; padding-left:16px !important; padding-right:16px !important; } html body .snorkeling-guide-hero .snorkeling-guide-hero-content{ padding-bottom:26px !important; top:12px !important; } html body .snorkeling-guide-hero .snorkeling-places-title .elementor-heading-title{ max-width:340px !important; font-size:33px !important; line-height:.96 !important; } html body .snorkeling-guide-hero .snorkeling-places-text{ max-width:335px !important; } html body .snorkeling-guide-hero .snorkeling-places-text p{ font-size:13px !important; line-height:1.47 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b630036 *//* ========================================================= TROPEA SNORKELING TOUR I MIGLIORI POSTI PER FARE SNORKELING VERSIONE COMPATTA CARD SENZA FRECCE ========================================================= */ /* ========================================================= SEZIONE ========================================================= */ html body .snorkeling-places-section{ position:relative !important; width:100% !important; max-width:none !important; margin:0 !important; padding-top:36px !important; padding-right:0 !important; padding-bottom:40px !important; padding-left:0 !important; background:#FFFFFF !important; overflow:hidden !important; box-sizing:border-box !important; } /* ========================================================= INNER ========================================================= */ html body .snorkeling-places-section .snorkeling-places-inner{ width:calc(100% - 64px) !important; max-width:1280px !important; margin:0 auto !important; padding:0 !important; display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:0 !important; box-sizing:border-box !important; } /* ========================================================= HEADER ========================================================= */ html body .snorkeling-places-section .snorkeling-places-header{ width:100% !important; max-width:760px !important; margin:0 0 25px 0 !important; padding:0 !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:0 !important; text-align:left !important; } /* ========================================================= EYEBROW ========================================================= */ html body .snorkeling-places-section .snorkeling-places-section-eyebrow{ width:100% !important; margin:0 0 7px 0 !important; padding:0 !important; } html body .snorkeling-places-section .snorkeling-places-section-eyebrow .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:13px !important; line-height:1.2 !important; font-weight:800 !important; letter-spacing:1.7px !important; text-transform:uppercase !important; color:#168EB2 !important; } /* ========================================================= TITOLO SEZIONE ========================================================= */ html body .snorkeling-places-section .snorkeling-places-section-title{ width:100% !important; max-width:760px !important; margin:0 0 9px 0 !important; padding:0 !important; } html body .snorkeling-places-section .snorkeling-places-section-title .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"DM Serif Display",serif !important; font-size:46px !important; line-height:1.02 !important; font-weight:400 !important; letter-spacing:-.55px !important; color:#071C33 !important; } /* ========================================================= TESTO INTRO ========================================================= */ html body .snorkeling-places-section .snorkeling-places-section-text{ width:100% !important; max-width:720px !important; margin:0 !important; padding:0 !important; } html body .snorkeling-places-section .snorkeling-places-section-text .elementor-widget-container{ margin:0 !important; padding:0 !important; } html body .snorkeling-places-section .snorkeling-places-section-text .elementor-text-editor, html body .snorkeling-places-section .snorkeling-places-section-text p{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:15px !important; line-height:1.48 !important; font-weight:400 !important; color:#40556A !important; } /* ========================================================= GRID CARD ========================================================= */ html body .snorkeling-places-section .snorkeling-places-grid{ width:100% !important; margin:0 !important; padding:0 !important; display:grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; column-gap:17px !important; row-gap:17px !important; align-items:stretch !important; box-sizing:border-box !important; } /* ========================================================= CARD COMPATTA ========================================================= */ html body .snorkeling-places-section .snorkeling-place-card{ position:relative !important; width:100% !important; min-width:0 !important; height:300px !important; min-height:300px !important; max-height:300px !important; margin:0 !important; padding:0 !important; display:flex !important; flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; overflow:hidden !important; background:#FFFFFF !important; border:1px solid #D6E0E7 !important; border-radius:11px !important; box-shadow: 0 2px 7px rgba(7,28,51,.025) !important; box-sizing:border-box !important; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important; } /* ========================================================= HOVER CARD ========================================================= */ html body .snorkeling-places-section .snorkeling-place-card:hover{ transform:translateY(-3px) !important; border-color:#8FD7EC !important; box-shadow: 0 9px 24px rgba(7,48,100,.09) !important; } /* ========================================================= IMMAGINE ========================================================= */ html body .snorkeling-places-section .snorkeling-place-image{ width:100% !important; height:166px !important; min-height:166px !important; max-height:166px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; flex:0 0 166px !important; } html body .snorkeling-places-section .snorkeling-place-image .elementor-widget-container{ width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; } html body .snorkeling-places-section .snorkeling-place-image img{ display:block !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:center center !important; transition:transform .45s ease !important; } html body .snorkeling-places-section .snorkeling-place-card:hover .snorkeling-place-image img{ transform:scale(1.035) !important; } /* ========================================================= BODY ========================================================= */ html body .snorkeling-places-section .snorkeling-place-body{ position:relative !important; width:100% !important; height:134px !important; min-height:134px !important; max-height:134px !important; margin:0 !important; padding-top:14px !important; padding-right:16px !important; padding-bottom:12px !important; padding-left:16px !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; gap:0 !important; flex:0 0 134px !important; overflow:hidden !important; box-sizing:border-box !important; } /* ========================================================= TITOLO CARD ========================================================= */ html body .snorkeling-places-section .snorkeling-place-title{ width:100% !important; margin:0 0 5px 0 !important; padding:0 !important; flex:0 0 auto !important; } html body .snorkeling-places-section .snorkeling-place-title .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"DM Serif Display",serif !important; font-size:20px !important; line-height:1.05 !important; font-weight:400 !important; letter-spacing:-.15px !important; color:#071C33 !important; } /* ========================================================= DESCRIZIONE ========================================================= */ html body .snorkeling-places-section .snorkeling-place-description{ width:100% !important; margin:0 !important; padding:0 !important; flex:0 0 auto !important; } html body .snorkeling-places-section .snorkeling-place-description .elementor-widget-container{ margin:0 !important; padding:0 !important; } html body .snorkeling-places-section .snorkeling-place-description .elementor-text-editor, html body .snorkeling-places-section .snorkeling-place-description p{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:12.5px !important; line-height:1.42 !important; font-weight:400 !important; color:#40556A !important; } /* ========================================================= RESET ELEMENTOR ========================================================= */ html body .snorkeling-places-section *, html body .snorkeling-places-section *::before, html body .snorkeling-places-section *::after{ box-sizing:border-box !important; } html body .snorkeling-places-section .elementor-widget{ margin-bottom:0 !important; } /* ========================================================= LAPTOP ========================================================= */ @media(max-width:1366px){ html body .snorkeling-places-section{ padding-top:34px !important; padding-bottom:38px !important; } html body .snorkeling-places-section .snorkeling-places-inner{ width:calc(100% - 52px) !important; } html body .snorkeling-places-section .snorkeling-places-section-title .elementor-heading-title{ font-size:42px !important; } html body .snorkeling-places-section .snorkeling-places-grid{ gap:15px !important; } html body .snorkeling-places-section .snorkeling-place-card{ height:286px !important; min-height:286px !important; max-height:286px !important; } html body .snorkeling-places-section .snorkeling-place-image{ height:155px !important; min-height:155px !important; max-height:155px !important; flex-basis:155px !important; } html body .snorkeling-places-section .snorkeling-place-body{ height:131px !important; min-height:131px !important; max-height:131px !important; flex-basis:131px !important; padding-top:13px !important; } html body .snorkeling-places-section .snorkeling-place-title .elementor-heading-title{ font-size:19px !important; } } /* ========================================================= TABLET ========================================================= */ @media(max-width:1100px){ html body .snorkeling-places-section .snorkeling-places-inner{ width:calc(100% - 44px) !important; } html body .snorkeling-places-section .snorkeling-places-grid{ grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap:16px !important; } html body .snorkeling-places-section .snorkeling-place-card{ height:310px !important; min-height:310px !important; max-height:310px !important; } html body .snorkeling-places-section .snorkeling-place-image{ height:178px !important; min-height:178px !important; max-height:178px !important; flex-basis:178px !important; } html body .snorkeling-places-section .snorkeling-place-body{ height:132px !important; min-height:132px !important; max-height:132px !important; flex-basis:132px !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ html body .snorkeling-places-section{ padding-top:28px !important; padding-bottom:32px !important; } html body .snorkeling-places-section .snorkeling-places-inner{ width:calc(100% - 32px) !important; max-width:none !important; } html body .snorkeling-places-section .snorkeling-places-header{ max-width:none !important; margin-bottom:18px !important; } html body .snorkeling-places-section .snorkeling-places-section-eyebrow{ margin-bottom:6px !important; } html body .snorkeling-places-section .snorkeling-places-section-eyebrow .elementor-heading-title{ font-size:10.5px !important; letter-spacing:1.45px !important; } html body .snorkeling-places-section .snorkeling-places-section-title{ max-width:350px !important; margin-bottom:8px !important; } html body .snorkeling-places-section .snorkeling-places-section-title .elementor-heading-title{ font-size:30px !important; line-height:1 !important; } html body .snorkeling-places-section .snorkeling-places-section-text{ max-width:355px !important; } html body .snorkeling-places-section .snorkeling-places-section-text .elementor-text-editor, html body .snorkeling-places-section .snorkeling-places-section-text p{ font-size:12.5px !important; line-height:1.45 !important; } /* ===================================================== GRID MOBILE ===================================================== */ html body .snorkeling-places-section .snorkeling-places-grid{ grid-template-columns:1fr !important; gap:9px !important; } /* ===================================================== CARD MOBILE ORIZZONTALE ===================================================== */ html body .snorkeling-places-section .snorkeling-place-card{ width:100% !important; height:91px !important; min-height:91px !important; max-height:91px !important; display:grid !important; grid-template-columns: 94px minmax(0,1fr) !important; grid-template-rows:91px !important; column-gap:13px !important; align-items:center !important; overflow:visible !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; transform:none !important; } html body .snorkeling-places-section .snorkeling-place-card:hover{ transform:none !important; box-shadow:none !important; } /* FOTO MOBILE */ html body .snorkeling-places-section .snorkeling-place-image{ grid-column:1 !important; grid-row:1 !important; width:94px !important; height:88px !important; min-height:88px !important; max-height:88px !important; flex:none !important; border-radius:9px !important; } html body .snorkeling-places-section .snorkeling-place-image .elementor-widget-container, html body .snorkeling-places-section .snorkeling-place-image img{ width:94px !important; height:88px !important; min-height:88px !important; max-height:88px !important; border-radius:9px !important; } html body .snorkeling-places-section .snorkeling-place-card:hover .snorkeling-place-image img{ transform:none !important; } /* BODY MOBILE */ html body .snorkeling-places-section .snorkeling-place-body{ position:relative !important; grid-column:2 !important; grid-row:1 !important; width:100% !important; height:91px !important; min-height:91px !important; max-height:91px !important; padding-top:7px !important; padding-right:0 !important; padding-bottom:7px !important; padding-left:0 !important; display:flex !important; flex-direction:column !important; justify-content:center !important; overflow:visible !important; flex:none !important; } html body .snorkeling-places-section .snorkeling-place-title{ margin-bottom:3px !important; } html body .snorkeling-places-section .snorkeling-place-title .elementor-heading-title{ font-size:16px !important; line-height:1.04 !important; } html body .snorkeling-places-section .snorkeling-place-description .elementor-text-editor, html body .snorkeling-places-section .snorkeling-place-description p{ font-size:10.5px !important; line-height:1.35 !important; } } /* ========================================================= MOBILE PICCOLO ========================================================= */ @media(max-width:390px){ html body .snorkeling-places-section .snorkeling-places-inner{ width:calc(100% - 28px) !important; } html body .snorkeling-places-section .snorkeling-places-section-title .elementor-heading-title{ font-size:28px !important; } html body .snorkeling-places-section .snorkeling-place-card{ grid-template-columns: 86px minmax(0,1fr) !important; column-gap:11px !important; } html body .snorkeling-places-section .snorkeling-place-image, html body .snorkeling-places-section .snorkeling-place-image .elementor-widget-container, html body .snorkeling-places-section .snorkeling-place-image img{ width:86px !important; height:82px !important; min-height:82px !important; max-height:82px !important; } html body .snorkeling-places-section .snorkeling-place-title .elementor-heading-title{ font-size:15px !important; } html body .snorkeling-places-section .snorkeling-place-description p{ font-size:10px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f7dc55 *//* ========================================================= TROPEA SNORKELING TOUR MAPPA DEGLI SPOT TESTO SINISTRA + MAPPA DESTRA SPAZI VERTICALI RIDOTTI CSS COMPLETO ========================================================= */ /* ========================================================= SEZIONE ESTERNA ========================================================= */ html body .snorkeling-map-section{ position:relative !important; width:100% !important; max-width:none !important; margin:0 !important; padding-top:32px !important; padding-right:0 !important; padding-bottom:32px !important; padding-left:0 !important; background:#F7FBFC !important; overflow:hidden !important; box-sizing:border-box !important; } /* ========================================================= INNER ========================================================= */ html body .snorkeling-map-section .snorkeling-map-inner{ width:calc(100% - 64px) !important; max-width:1280px !important; margin:0 auto !important; padding:0 !important; display:block !important; box-sizing:border-box !important; } /* ========================================================= HEADER ========================================================= */ html body .snorkeling-map-section .snorkeling-map-header{ position:relative !important; width:100% !important; max-width:none !important; height:390px !important; min-height:390px !important; margin:0 !important; padding:0 !important; display:grid !important; grid-template-columns: 380px minmax(0,1fr) !important; grid-template-rows: 1fr auto auto auto 1fr !important; column-gap:48px !important; row-gap:0 !important; align-items:start !important; box-sizing:border-box !important; } /* ========================================================= EYEBROW ========================================================= */ html body .snorkeling-map-section .snorkeling-map-eyebrow{ grid-column:1 !important; grid-row:2 !important; width:100% !important; margin:0 0 9px 0 !important; padding:0 !important; align-self:end !important; } html body .snorkeling-map-section .snorkeling-map-eyebrow .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:13px !important; line-height:1.2 !important; font-weight:800 !important; letter-spacing:1.7px !important; text-transform:uppercase !important; color:#168EB2 !important; } /* ========================================================= TITOLO ========================================================= */ html body .snorkeling-map-section .snorkeling-map-title{ grid-column:1 !important; grid-row:3 !important; width:100% !important; max-width:375px !important; margin:0 0 15px 0 !important; padding:0 !important; } html body .snorkeling-map-section .snorkeling-map-title .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"DM Serif Display",serif !important; font-size:46px !important; line-height:1.01 !important; font-weight:400 !important; letter-spacing:-.55px !important; color:#071C33 !important; } /* ========================================================= TESTO ========================================================= */ html body .snorkeling-map-section .snorkeling-map-text{ grid-column:1 !important; grid-row:4 !important; width:100% !important; max-width:355px !important; margin:0 !important; padding:0 !important; align-self:start !important; } html body .snorkeling-map-section .snorkeling-map-text .elementor-widget-container{ margin:0 !important; padding:0 !important; } html body .snorkeling-map-section .snorkeling-map-text p{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:15px !important; line-height:1.55 !important; font-weight:400 !important; color:#40556A !important; } /* ========================================================= WIDGET HTML MAPPA ========================================================= */ html body .snorkeling-map-section .snorkeling-map-header > .elementor-widget-html{ grid-column:2 !important; grid-row:1 / 6 !important; position:relative !important; width:100% !important; min-width:0 !important; height:390px !important; min-height:390px !important; max-height:390px !important; margin:0 !important; padding:0 !important; align-self:center !important; overflow:hidden !important; border:1px solid #D7E5E8 !important; border-radius:17px !important; background:#C5E8ED !important; box-shadow: 0 10px 28px rgba(7,48,100,.08) !important; box-sizing:border-box !important; } html body .snorkeling-map-section .snorkeling-map-header > .elementor-widget-html > .elementor-widget-container{ width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; } /* ========================================================= WRAPPER MAPPA ========================================================= */ html body .snorkeling-map-section .snorkeling-3d-map-wrap{ position:relative !important; width:100% !important; height:390px !important; min-height:390px !important; max-height:390px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; background:#C5E8ED !important; border-radius:16px !important; isolation:isolate !important; box-sizing:border-box !important; } /* ========================================================= MAPPA ========================================================= */ html body .snorkeling-map-section #snorkeling-3d-map{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; z-index:1 !important; background:#BFE9EE !important; font-family:"Manrope",sans-serif !important; } html body .snorkeling-map-section #snorkeling-3d-map .maplibregl-canvas{ outline:none !important; } /* ========================================================= BADGE ========================================================= */ html body .snorkeling-map-section .snorkeling-3d-badge{ position:absolute !important; top:14px !important; right:14px !important; z-index:10 !important; height:35px !important; padding:0 13px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:7px !important; border:1px solid #D6E4E8 !important; border-radius:999px !important; background:rgba(255,255,255,.95) !important; box-shadow: 0 4px 13px rgba(7,48,100,.09) !important; font-family:"Manrope",sans-serif !important; font-size:10px !important; line-height:1 !important; font-weight:800 !important; letter-spacing:.5px !important; text-transform:uppercase !important; color:#294858 !important; pointer-events:none !important; } html body .snorkeling-map-section .snorkeling-3d-badge span{ display:block !important; width:8px !important; height:8px !important; flex:0 0 8px !important; border-radius:50% !important; background:#168EB2 !important; box-shadow: 0 0 0 3px rgba(22,142,178,.12) !important; } /* ========================================================= VISTA COMPLETA ========================================================= */ html body .snorkeling-map-section .snorkeling-map-reset{ position:absolute !important; top:56px !important; right:14px !important; z-index:10 !important; min-height:35px !important; margin:0 !important; padding:0 13px !important; display:flex !important; align-items:center !important; justify-content:center !important; border:1px solid #D8E5E8 !important; border-radius:999px !important; background:rgba(255,255,255,.95) !important; box-shadow: 0 4px 13px rgba(7,48,100,.08) !important; font-family:"Manrope",sans-serif !important; font-size:10px !important; line-height:1 !important; font-weight:700 !important; color:#315264 !important; cursor:pointer !important; } html body .snorkeling-map-section .snorkeling-map-reset:hover{ background:#FFFFFF !important; color:#168EB2 !important; } /* ========================================================= CONTROLLI ========================================================= */ html body .snorkeling-map-section .maplibregl-ctrl-top-left{ top:13px !important; left:13px !important; } html body .snorkeling-map-section .maplibregl-ctrl-group{ overflow:hidden !important; margin:0 !important; border:1px solid #D5E3E7 !important; border-radius:10px !important; background:#FFFFFF !important; box-shadow: 0 4px 13px rgba(7,48,100,.10) !important; } html body .snorkeling-map-section .maplibregl-ctrl-group button{ width:37px !important; height:37px !important; background-color:#FFFFFF !important; } html body .snorkeling-map-section .maplibregl-ctrl-group button:hover{ background-color:#F0F8F9 !important; } /* ========================================================= POPUP ========================================================= */ html body .snorkeling-map-section .maplibregl-popup{ z-index:20 !important; } html body .snorkeling-map-section .maplibregl-popup-content{ min-width:245px !important; max-width:285px !important; padding:0 !important; overflow:hidden !important; border:1px solid #DDE8EB !important; border-radius:13px !important; background:#FFFFFF !important; box-shadow: 0 12px 30px rgba(7,48,100,.17) !important; } /* ========================================================= X POPUP ========================================================= */ html body .snorkeling-map-section .maplibregl-popup-close-button{ position:absolute !important; top:9px !important; right:10px !important; width:23px !important; height:23px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; outline:none !important; font-family:Arial,sans-serif !important; font-size:23px !important; line-height:1 !important; font-weight:300 !important; color:#82939D !important; cursor:pointer !important; } html body .snorkeling-map-section .maplibregl-popup-close-button:hover, html body .snorkeling-map-section .maplibregl-popup-close-button:focus{ background:transparent !important; color:#17384B !important; box-shadow:none !important; } /* ========================================================= CONTENUTO POPUP ========================================================= */ html body .snorkeling-map-section .snorkeling-3d-popup{ padding: 20px 41px 19px 20px !important; } html body .snorkeling-map-section .snorkeling-3d-popup-top{ margin:0 0 7px 0 !important; display:flex !important; align-items:center !important; gap:8px !important; } html body .snorkeling-map-section .snorkeling-3d-popup-top span{ display:flex !important; min-width:30px !important; height:23px !important; padding:0 7px !important; align-items:center !important; justify-content:center !important; border-radius:999px !important; background:#E3F5F8 !important; font-family:"Manrope",sans-serif !important; font-size:9px !important; font-weight:800 !important; color:#168EB2 !important; } html body .snorkeling-map-section .snorkeling-3d-popup-top small{ font-family:"Manrope",sans-serif !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.4px !important; text-transform:uppercase !important; color:#82949E !important; } html body .snorkeling-map-section .snorkeling-3d-popup strong{ display:block !important; margin:0 0 8px 0 !important; font-family:"DM Serif Display",serif !important; font-size:23px !important; line-height:1.05 !important; font-weight:400 !important; color:#071C33 !important; } html body .snorkeling-map-section .snorkeling-3d-popup p{ margin:0 !important; font-family:"Manrope",sans-serif !important; font-size:12px !important; line-height:1.5 !important; color:#53687B !important; } /* ========================================================= BARRA SPOT ========================================================= */ html body .snorkeling-map-section .snorkeling-map-spots{ position:absolute !important; left:12px !important; right:12px !important; bottom:12px !important; z-index:10 !important; display:grid !important; grid-template-columns: repeat(5,minmax(0,1fr)) !important; gap:4px !important; padding:6px !important; border:1px solid #D7E5E9 !important; border-radius:12px !important; background:rgba(255,255,255,.96) !important; box-shadow: 0 7px 20px rgba(7,48,100,.10) !important; } /* ========================================================= SINGOLO SPOT ========================================================= */ html body .snorkeling-map-section .snorkeling-map-spot{ width:100% !important; min-width:0 !important; min-height:42px !important; margin:0 !important; padding:0 8px !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:6px !important; border:0 !important; border-radius:8px !important; background:transparent !important; font-family:"Manrope",sans-serif !important; font-size:9.5px !important; line-height:1.15 !important; font-weight:700 !important; text-align:left !important; color:#294555 !important; cursor:pointer !important; } html body .snorkeling-map-section .snorkeling-map-spot span{ display:flex !important; width:24px !important; height:24px !important; flex:0 0 24px !important; align-items:center !important; justify-content:center !important; border-radius:50% !important; background:#E2F4F7 !important; font-size:8px !important; font-weight:800 !important; color:#168EB2 !important; } html body .snorkeling-map-section .snorkeling-map-spot:hover{ background:#F1F8F9 !important; color:#087A98 !important; } html body .snorkeling-map-section .snorkeling-map-spot.active{ background:#E8F7F9 !important; color:#087A98 !important; } html body .snorkeling-map-section .snorkeling-map-spot.active span{ background:#168EB2 !important; color:#FFFFFF !important; } /* ========================================================= ATTRIBUZIONE ========================================================= */ html body .snorkeling-map-section .maplibregl-ctrl-attrib{ margin: 0 5px 66px 0 !important; padding:2px 5px !important; border-radius:4px !important; background:rgba(255,255,255,.88) !important; font-family:"Manrope",sans-serif !important; font-size:6px !important; color:#687D88 !important; } /* ========================================================= RESET ELEMENTOR ========================================================= */ html body .snorkeling-map-section *, html body .snorkeling-map-section *::before, html body .snorkeling-map-section *::after{ box-sizing:border-box !important; } html body .snorkeling-map-section .elementor-widget{ margin-bottom:0 !important; } /* ========================================================= LAPTOP ========================================================= */ @media(max-width:1366px){ html body .snorkeling-map-section{ padding-top:30px !important; padding-bottom:30px !important; } html body .snorkeling-map-section .snorkeling-map-inner{ width:calc(100% - 52px) !important; } html body .snorkeling-map-section .snorkeling-map-header{ height:370px !important; min-height:370px !important; grid-template-columns: 350px minmax(0,1fr) !important; column-gap:40px !important; } html body .snorkeling-map-section .snorkeling-map-title .elementor-heading-title{ font-size:42px !important; } html body .snorkeling-map-section .snorkeling-map-header > .elementor-widget-html, html body .snorkeling-map-section .snorkeling-3d-map-wrap{ height:370px !important; min-height:370px !important; max-height:370px !important; } } /* ========================================================= TABLET GRANDE ========================================================= */ @media(max-width:1100px){ html body .snorkeling-map-section .snorkeling-map-inner{ width:calc(100% - 44px) !important; } html body .snorkeling-map-section .snorkeling-map-header{ grid-template-columns: 320px minmax(0,1fr) !important; column-gap:30px !important; } html body .snorkeling-map-section .snorkeling-map-title .elementor-heading-title{ font-size:37px !important; } html body .snorkeling-map-section .snorkeling-map-text p{ font-size:13px !important; } } /* ========================================================= TABLET / MOBILE ========================================================= */ @media(max-width:900px){ html body .snorkeling-map-section{ padding-top:28px !important; padding-bottom:28px !important; } html body .snorkeling-map-section .snorkeling-map-inner{ width:calc(100% - 40px) !important; } html body .snorkeling-map-section .snorkeling-map-header{ height:auto !important; min-height:0 !important; display:grid !important; grid-template-columns:1fr !important; grid-template-rows: auto auto auto auto !important; column-gap:0 !important; row-gap:0 !important; } html body .snorkeling-map-section .snorkeling-map-eyebrow{ grid-column:1 !important; grid-row:1 !important; margin-bottom:8px !important; } html body .snorkeling-map-section .snorkeling-map-title{ grid-column:1 !important; grid-row:2 !important; max-width:600px !important; margin-bottom:11px !important; } html body .snorkeling-map-section .snorkeling-map-text{ grid-column:1 !important; grid-row:3 !important; max-width:580px !important; margin-bottom:22px !important; } html body .snorkeling-map-section .snorkeling-map-header > .elementor-widget-html{ grid-column:1 !important; grid-row:4 !important; height:450px !important; min-height:450px !important; max-height:450px !important; width:100% !important; } html body .snorkeling-map-section .snorkeling-3d-map-wrap{ height:450px !important; min-height:450px !important; max-height:450px !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ html body .snorkeling-map-section{ padding-top:24px !important; padding-bottom:24px !important; } html body .snorkeling-map-section .snorkeling-map-inner{ width:calc(100% - 32px) !important; max-width:none !important; } html body .snorkeling-map-section .snorkeling-map-eyebrow{ margin-bottom:7px !important; } html body .snorkeling-map-section .snorkeling-map-eyebrow .elementor-heading-title{ font-size:10.5px !important; letter-spacing:1.45px !important; } html body .snorkeling-map-section .snorkeling-map-title{ max-width:340px !important; margin-bottom:10px !important; } html body .snorkeling-map-section .snorkeling-map-title .elementor-heading-title{ font-size:31px !important; line-height:1.01 !important; } html body .snorkeling-map-section .snorkeling-map-text{ max-width:350px !important; margin-bottom:18px !important; } html body .snorkeling-map-section .snorkeling-map-text p{ font-size:13px !important; line-height:1.48 !important; } html body .snorkeling-map-section .snorkeling-map-header > .elementor-widget-html, html body .snorkeling-map-section .snorkeling-3d-map-wrap{ height:440px !important; min-height:440px !important; max-height:440px !important; border-radius:13px !important; } html body .snorkeling-map-section .snorkeling-3d-badge{ top:10px !important; right:10px !important; height:32px !important; padding:0 10px !important; font-size:9px !important; } html body .snorkeling-map-section .snorkeling-map-reset{ top:49px !important; right:10px !important; min-height:32px !important; padding:0 10px !important; font-size:9px !important; } html body .snorkeling-map-section .maplibregl-ctrl-top-left{ top:10px !important; left:10px !important; } html body .snorkeling-map-section .maplibregl-ctrl-group button{ width:34px !important; height:34px !important; } html body .snorkeling-map-section .snorkeling-map-spots{ left:9px !important; right:9px !important; bottom:9px !important; display:flex !important; gap:4px !important; padding:6px !important; overflow-x:auto !important; overflow-y:hidden !important; scrollbar-width:none !important; } html body .snorkeling-map-section .snorkeling-map-spots::-webkit-scrollbar{ display:none !important; } html body .snorkeling-map-section .snorkeling-map-spot{ width:auto !important; min-width:max-content !important; min-height:42px !important; padding:0 10px !important; flex:0 0 auto !important; font-size:10px !important; } html body .snorkeling-map-section .snorkeling-map-spot span{ width:23px !important; height:23px !important; flex-basis:23px !important; font-size:8px !important; } html body .snorkeling-map-section .maplibregl-ctrl-attrib{ margin-bottom:66px !important; font-size:6px !important; } } /* ========================================================= MOBILE PICCOLO ========================================================= */ @media(max-width:390px){ html body .snorkeling-map-section{ padding-top:22px !important; padding-bottom:22px !important; } html body .snorkeling-map-section .snorkeling-map-inner{ width:calc(100% - 28px) !important; } html body .snorkeling-map-section .snorkeling-map-title .elementor-heading-title{ font-size:29px !important; } html body .snorkeling-map-section .snorkeling-map-header > .elementor-widget-html, html body .snorkeling-map-section .snorkeling-3d-map-wrap{ height:420px !important; min-height:420px !important; max-height:420px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-aa0ee2c *//* ========================================================= TROPEA SNORKELING TOUR CONFRONTO SPIAGGIA / BARCA STANDARD GRAFICO DEL SITO CSS COMPLETO ========================================================= */ /* ========================================================= SEZIONE ESTERNA ========================================================= */ html body .snorkeling-choice-section{ position:relative !important; width:100% !important; max-width:none !important; margin:0 !important; padding-top:34px !important; padding-right:0 !important; padding-bottom:34px !important; padding-left:0 !important; background:#FFFFFF !important; overflow:hidden !important; box-sizing:border-box !important; } /* ========================================================= CONTENITORE GENERALE STESSO ASSE DELLE ALTRE SEZIONI ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-inner{ width:calc(100% - 64px) !important; max-width:1280px !important; margin:0 auto !important; padding:0 !important; display:grid !important; grid-template-columns: minmax(330px,34%) minmax(0,66%) !important; column-gap:50px !important; row-gap:0 !important; align-items:center !important; box-sizing:border-box !important; } /* ========================================================= COLONNA TESTO ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-header{ width:100% !important; max-width:400px !important; margin:0 !important; padding:0 !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:0 !important; text-align:left !important; } /* ========================================================= EYEBROW ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-eyebrow{ width:100% !important; margin:0 0 8px 0 !important; padding:0 !important; } html body .snorkeling-choice-section .snorkeling-choice-eyebrow .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:13px !important; line-height:1.2 !important; font-weight:800 !important; letter-spacing:1.7px !important; text-transform:uppercase !important; color:#168EB2 !important; } /* ========================================================= TITOLO ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-title{ width:100% !important; max-width:390px !important; margin:0 0 13px 0 !important; padding:0 !important; } html body .snorkeling-choice-section .snorkeling-choice-title .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"DM Serif Display",serif !important; font-size:46px !important; line-height:1.01 !important; font-weight:400 !important; letter-spacing:-.55px !important; color:#071C33 !important; } /* ========================================================= TESTO INTRO ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-text{ width:100% !important; max-width:375px !important; margin:0 !important; padding:0 !important; } html body .snorkeling-choice-section .snorkeling-choice-text .elementor-widget-container{ margin:0 !important; padding:0 !important; } html body .snorkeling-choice-section .snorkeling-choice-text .elementor-text-editor, html body .snorkeling-choice-section .snorkeling-choice-text p{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:15px !important; line-height:1.55 !important; font-weight:400 !important; color:#40556A !important; } /* ========================================================= GRID DELLE DUE CARD ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-grid{ width:100% !important; margin:0 !important; padding:0 !important; display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap:18px !important; align-items:stretch !important; justify-items:stretch !important; box-sizing:border-box !important; } /* ========================================================= CARD BASE ENTRAMBE IDENTICHE ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-card{ position:relative !important; width:100% !important; min-width:0 !important; height:250px !important; min-height:250px !important; max-height:250px !important; margin:0 !important; padding-top:25px !important; padding-right:24px !important; padding-bottom:23px !important; padding-left:24px !important; display:grid !important; grid-template-columns: 46px minmax(0,1fr) !important; grid-template-rows: 46px minmax(0,1fr) !important; column-gap:15px !important; row-gap:16px !important; align-items:start !important; border-radius:13px !important; overflow:hidden !important; box-sizing:border-box !important; } /* ========================================================= CARD SPIAGGIA ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-shore{ background: linear-gradient( 145deg, #FAFBFC 0%, #F5F7F8 100% ) !important; border:1px solid #E5EBEE !important; box-shadow: 0 6px 20px rgba(7,48,100,.04) !important; } /* ========================================================= CARD BARCA ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-boat{ background:#FFFFFF !important; border:1.5px solid #74C8DE !important; box-shadow: 0 7px 22px rgba(22,142,178,.07) !important; } /* ========================================================= ICONA PRINCIPALE ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-icon{ width:46px !important; height:46px !important; margin:0 !important; padding:0 !important; grid-column:1 !important; grid-row:1 !important; display:flex !important; align-items:center !important; justify-content:center !important; } html body .snorkeling-choice-section .snorkeling-choice-icon .elementor-widget-container, html body .snorkeling-choice-section .snorkeling-choice-icon .elementor-icon-wrapper, html body .snorkeling-choice-section .snorkeling-choice-icon .elementor-icon{ width:46px !important; height:46px !important; margin:0 !important; padding:0 !important; } html body .snorkeling-choice-section .snorkeling-choice-icon .elementor-icon{ display:flex !important; align-items:center !important; justify-content:center !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:#168EB2 !important; } html body .snorkeling-choice-section .snorkeling-choice-icon .elementor-icon svg{ width:34px !important; height:34px !important; fill:#168EB2 !important; } html body .snorkeling-choice-section .snorkeling-choice-icon .elementor-icon i{ font-size:34px !important; color:#168EB2 !important; } /* ========================================================= TITOLO CARD ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-card-title{ width:100% !important; margin:0 !important; padding:0 !important; grid-column:2 !important; grid-row:1 !important; align-self:center !important; } html body .snorkeling-choice-section .snorkeling-choice-card-title .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"DM Serif Display",serif !important; font-size:21px !important; line-height:1.12 !important; font-weight:400 !important; color:#071C33 !important; } /* ========================================================= LISTA ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-list{ width:100% !important; margin:0 !important; padding:0 !important; grid-column:1 / -1 !important; grid-row:2 !important; } html body .snorkeling-choice-section .snorkeling-choice-list .elementor-widget-container{ width:100% !important; margin:0 !important; padding:0 !important; } html body .snorkeling-choice-section .snorkeling-choice-list .elementor-icon-list-items{ width:100% !important; margin:0 !important; padding:0 !important; } /* ========================================================= RIGA LISTA ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-list .elementor-icon-list-item{ position:relative !important; width:100% !important; min-height:24px !important; margin:0 0 12px 0 !important; padding-top:0 !important; padding-right:0 !important; padding-bottom:0 !important; padding-left:37px !important; display:flex !important; align-items:center !important; } html body .snorkeling-choice-section .snorkeling-choice-list .elementor-icon-list-item:last-child{ margin-bottom:0 !important; } /* ========================================================= NASCONDE ICONA NATIVA ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-list .elementor-icon-list-icon{ display:none !important; } /* ========================================================= CERCHIO CHECK ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-list .elementor-icon-list-item::before{ content:"✓" !important; position:absolute !important; top:50% !important; left:2px !important; width:20px !important; height:20px !important; transform:translateY(-50%) !important; display:flex !important; align-items:center !important; justify-content:center !important; border:1.7px solid #23A7CB !important; border-radius:50% !important; background:#FFFFFF !important; font-family:Arial,sans-serif !important; font-size:9px !important; line-height:1 !important; font-weight:700 !important; color:#168EB2 !important; box-sizing:border-box !important; } /* ========================================================= ULTIMA VOCE SPIAGGIA ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-shore .snorkeling-choice-list .elementor-icon-list-item:last-child::before{ content:"−" !important; border-color:#F0A06D !important; color:#E98A4C !important; font-size:12px !important; } /* ========================================================= ACCENTI CARD BARCA ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-boat .snorkeling-choice-list .elementor-icon-list-item:nth-child(1)::before, html body .snorkeling-choice-section .snorkeling-choice-boat .snorkeling-choice-list .elementor-icon-list-item:nth-child(4)::before{ border-color:#EFA06E !important; color:#168EB2 !important; } /* ========================================================= TESTO LISTA ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-list .elementor-icon-list-text{ width:100% !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:13px !important; line-height:1.35 !important; font-weight:600 !important; color:#53687A !important; } /* ========================================================= NASCONDE VECCHI ELEMENTI ========================================================= */ html body .snorkeling-choice-section .snorkeling-choice-badge, html body .snorkeling-choice-section .snorkeling-choice-card-text, html body .snorkeling-choice-section .snorkeling-choice-button{ display:none !important; } /* ========================================================= RESET ELEMENTOR ========================================================= */ html body .snorkeling-choice-section *, html body .snorkeling-choice-section *::before, html body .snorkeling-choice-section *::after{ box-sizing:border-box !important; } html body .snorkeling-choice-section .elementor-widget{ margin-bottom:0 !important; } /* ========================================================= LAPTOP ========================================================= */ @media(max-width:1366px){ html body .snorkeling-choice-section{ padding-top:30px !important; padding-bottom:30px !important; } html body .snorkeling-choice-section .snorkeling-choice-inner{ width:calc(100% - 52px) !important; grid-template-columns: minmax(310px,34%) minmax(0,66%) !important; column-gap:42px !important; } html body .snorkeling-choice-section .snorkeling-choice-title .elementor-heading-title{ font-size:42px !important; } html body .snorkeling-choice-section .snorkeling-choice-card{ height:240px !important; min-height:240px !important; max-height:240px !important; padding-top:23px !important; padding-right:22px !important; padding-bottom:21px !important; padding-left:22px !important; } } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ html body .snorkeling-choice-section{ padding-top:28px !important; padding-bottom:28px !important; } html body .snorkeling-choice-section .snorkeling-choice-inner{ width:calc(100% - 44px) !important; grid-template-columns:1fr !important; row-gap:24px !important; } html body .snorkeling-choice-section .snorkeling-choice-header{ max-width:650px !important; } html body .snorkeling-choice-section .snorkeling-choice-title{ max-width:600px !important; } html body .snorkeling-choice-section .snorkeling-choice-title .elementor-heading-title{ font-size:38px !important; } html body .snorkeling-choice-section .snorkeling-choice-text{ max-width:560px !important; } html body .snorkeling-choice-section .snorkeling-choice-grid{ gap:14px !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ html body .snorkeling-choice-section{ padding-top:24px !important; padding-bottom:24px !important; } html body .snorkeling-choice-section .snorkeling-choice-inner{ width:calc(100% - 32px) !important; max-width:none !important; grid-template-columns:1fr !important; row-gap:20px !important; } /* HEADER */ html body .snorkeling-choice-section .snorkeling-choice-header{ max-width:none !important; } html body .snorkeling-choice-section .snorkeling-choice-eyebrow{ margin-bottom:7px !important; } html body .snorkeling-choice-section .snorkeling-choice-eyebrow .elementor-heading-title{ font-size:10.5px !important; letter-spacing:1.45px !important; } html body .snorkeling-choice-section .snorkeling-choice-title{ max-width:350px !important; margin-bottom:10px !important; } html body .snorkeling-choice-section .snorkeling-choice-title .elementor-heading-title{ font-size:31px !important; line-height:1.01 !important; } html body .snorkeling-choice-section .snorkeling-choice-text{ max-width:355px !important; } html body .snorkeling-choice-section .snorkeling-choice-text .elementor-text-editor, html body .snorkeling-choice-section .snorkeling-choice-text p{ font-size:13px !important; line-height:1.48 !important; } /* CARD UNA SOTTO L'ALTRA */ html body .snorkeling-choice-section .snorkeling-choice-grid{ grid-template-columns:1fr !important; gap:10px !important; } html body .snorkeling-choice-section .snorkeling-choice-card{ height:auto !important; min-height:218px !important; max-height:none !important; padding-top:20px !important; padding-right:18px !important; padding-bottom:20px !important; padding-left:18px !important; grid-template-columns: 42px minmax(0,1fr) !important; grid-template-rows: 42px auto !important; column-gap:12px !important; row-gap:14px !important; border-radius:12px !important; } /* ICONA */ html body .snorkeling-choice-section .snorkeling-choice-icon, html body .snorkeling-choice-section .snorkeling-choice-icon .elementor-widget-container, html body .snorkeling-choice-section .snorkeling-choice-icon .elementor-icon-wrapper, html body .snorkeling-choice-section .snorkeling-choice-icon .elementor-icon{ width:42px !important; height:42px !important; } html body .snorkeling-choice-section .snorkeling-choice-icon .elementor-icon svg{ width:30px !important; height:30px !important; } html body .snorkeling-choice-section .snorkeling-choice-icon .elementor-icon i{ font-size:30px !important; } /* TITOLO CARD */ html body .snorkeling-choice-section .snorkeling-choice-card-title .elementor-heading-title{ font-size:19px !important; } /* LISTA */ html body .snorkeling-choice-section .snorkeling-choice-list .elementor-icon-list-item{ min-height:22px !important; margin-bottom:10px !important; padding-left:34px !important; } html body .snorkeling-choice-section .snorkeling-choice-list .elementor-icon-list-item::before{ left:1px !important; width:19px !important; height:19px !important; } html body .snorkeling-choice-section .snorkeling-choice-list .elementor-icon-list-text{ font-size:12px !important; line-height:1.38 !important; } } /* ========================================================= MOBILE PICCOLO ========================================================= */ @media(max-width:390px){ html body .snorkeling-choice-section{ padding-top:22px !important; padding-bottom:22px !important; } html body .snorkeling-choice-section .snorkeling-choice-inner{ width:calc(100% - 28px) !important; } html body .snorkeling-choice-section .snorkeling-choice-title .elementor-heading-title{ font-size:29px !important; } html body .snorkeling-choice-section .snorkeling-choice-card{ padding-left:16px !important; padding-right:16px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-840b6a0 *//* ========================================================= TROPEA SNORKELING TOUR QUANDO ANDARE IMMAGINE INVARIATA CONTENUTO DESTRO ALLINEATO ALLO STILE DEL SITO CSS COMPLETO ========================================================= */ /* ========================================================= SEZIONE PRINCIPALE ========================================================= */ html body .elementor-element-840b6a0.snorkeling-when-section{ position:relative !important; width:100% !important; max-width:none !important; min-height:365px !important; margin:0 !important; padding:0 !important; display:grid !important; grid-template-columns: 49% 51% !important; grid-template-rows:1fr !important; gap:0 !important; align-items:stretch !important; overflow:hidden !important; background:#EDF7FA !important; box-sizing:border-box !important; } /* ========================================================= COLONNA SINISTRA NON MODIFICHIAMO L'IMMAGINE ========================================================= */ html body .elementor-element-840b6a0 > .elementor-element-4a81824{ position:relative !important; width:100% !important; max-width:none !important; height:365px !important; min-height:365px !important; margin:0 !important; padding:0 !important; display:block !important; overflow:hidden !important; background:#0D93B4 !important; } /* ========================================================= IMMAGINE INVARIATA ========================================================= */ html body .elementor-element-840b6a0 .snorkeling-when-image{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; } html body .elementor-element-840b6a0 .snorkeling-when-image .elementor-widget-container{ width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; } html body .elementor-element-840b6a0 .snorkeling-when-image img{ display:block !important; width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:center center !important; } /* ========================================================= SFUMATURA TRA FOTO E TESTO INVARIATA ========================================================= */ html body .elementor-element-840b6a0 > .elementor-element-4a81824::after{ content:"" !important; position:absolute !important; z-index:5 !important; top:0 !important; right:-2px !important; bottom:0 !important; width:150px !important; pointer-events:none !important; background: linear-gradient( 90deg, rgba(237,247,250,0) 0%, rgba(237,247,250,.05) 18%, rgba(237,247,250,.26) 42%, rgba(237,247,250,.68) 72%, #EDF7FA 100% ) !important; } /* ========================================================= COLONNA DESTRA ========================================================= */ html body .elementor-element-840b6a0 > .elementor-element-5420756.snorkeling-when-content{ position:relative !important; width:100% !important; max-width:none !important; height:365px !important; min-height:365px !important; margin:0 !important; padding-top:26px !important; padding-right:56px !important; padding-bottom:25px !important; padding-left:46px !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:0 !important; background: linear-gradient( 110deg, #EDF7FA 0%, #F3FAFC 54%, #F8FCFD 100% ) !important; box-sizing:border-box !important; } /* ========================================================= EYEBROW ========================================================= */ html body .elementor-element-840b6a0 .snorkeling-when-eyebrow{ width:100% !important; margin:0 0 8px 0 !important; padding:0 !important; } html body .elementor-element-840b6a0 .snorkeling-when-eyebrow .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:13px !important; line-height:1.2 !important; font-weight:800 !important; letter-spacing:1.7px !important; text-transform:uppercase !important; color:#168EB2 !important; } /* ========================================================= TITOLO H2 ========================================================= */ html body .elementor-element-840b6a0 .snorkeling-when-title{ width:100% !important; max-width:560px !important; margin:0 0 13px 0 !important; padding:0 !important; } html body .elementor-element-840b6a0 .snorkeling-when-title .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"DM Serif Display",serif !important; font-size:44px !important; line-height:1.01 !important; font-weight:400 !important; letter-spacing:-.55px !important; color:#071C33 !important; } /* ========================================================= TESTO DESCRITTIVO ========================================================= */ html body .elementor-element-840b6a0 .snorkeling-when-text{ width:100% !important; max-width:620px !important; margin:0 0 22px 0 !important; padding:0 !important; } html body .elementor-element-840b6a0 .snorkeling-when-text .elementor-widget-container{ margin:0 !important; padding:0 !important; } html body .elementor-element-840b6a0 .snorkeling-when-text .elementor-text-editor, html body .elementor-element-840b6a0 .snorkeling-when-text p{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:15.5px !important; line-height:1.55 !important; font-weight:400 !important; color:#40556A !important; } /* ========================================================= CONTENITORE 4 DATI ========================================================= */ html body .elementor-element-840b6a0 .snorkeling-when-stats{ width:100% !important; margin:0 !important; padding:0 !important; display:grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; column-gap:24px !important; row-gap:0 !important; align-items:start !important; box-sizing:border-box !important; } /* ========================================================= SINGOLO DATO ========================================================= */ html body .elementor-element-840b6a0 .snorkeling-when-stats > .e-con{ width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; gap:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; } html body .elementor-element-840b6a0 .snorkeling-when-stats > .e-con::before, html body .elementor-element-840b6a0 .snorkeling-when-stats > .e-con::after{ display:none !important; content:none !important; } /* ========================================================= ICONE ========================================================= */ html body .elementor-element-840b6a0 .snorkeling-when-icon{ width:auto !important; margin:0 0 8px 0 !important; padding:0 !important; } html body .elementor-element-840b6a0 .snorkeling-when-icon .elementor-widget-container, html body .elementor-element-840b6a0 .snorkeling-when-icon .elementor-icon-wrapper{ margin:0 !important; padding:0 !important; } html body .elementor-element-840b6a0 .snorkeling-when-icon .elementor-icon{ width:40px !important; height:40px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; border:0 !important; border-radius:0 !important; background:transparent !important; color:#139BC3 !important; } html body .elementor-element-840b6a0 .snorkeling-when-icon .elementor-icon svg{ width:34px !important; height:34px !important; fill:#139BC3 !important; color:#139BC3 !important; } html body .elementor-element-840b6a0 .snorkeling-when-icon .elementor-icon i{ font-size:34px !important; color:#139BC3 !important; } /* ========================================================= TITOLO DATO ========================================================= */ html body .elementor-element-840b6a0 .snorkeling-when-item-title{ width:100% !important; margin:0 0 3px 0 !important; padding:0 !important; } html body .elementor-element-840b6a0 .snorkeling-when-item-title .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:13.5px !important; line-height:1.28 !important; font-weight:800 !important; letter-spacing:-.1px !important; text-transform:none !important; color:#18354A !important; } /* ========================================================= SOTTOTESTO DATO ========================================================= */ html body .elementor-element-840b6a0 .snorkeling-when-item-text{ width:100% !important; margin:0 !important; padding:0 !important; } html body .elementor-element-840b6a0 .snorkeling-when-item-text .elementor-widget-container{ margin:0 !important; padding:0 !important; } html body .elementor-element-840b6a0 .snorkeling-when-item-text .elementor-text-editor, html body .elementor-element-840b6a0 .snorkeling-when-item-text p{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:12px !important; line-height:1.38 !important; font-weight:500 !important; color:#5E7180 !important; } /* ========================================================= RESET ELEMENTOR ========================================================= */ html body .elementor-element-840b6a0 *, html body .elementor-element-840b6a0 *::before, html body .elementor-element-840b6a0 *::after{ box-sizing:border-box !important; } html body .elementor-element-840b6a0 .elementor-widget{ margin-bottom:0 !important; } /* ========================================================= DESKTOP MEDIO ========================================================= */ @media(max-width:1366px){ html body .elementor-element-840b6a0.snorkeling-when-section{ grid-template-columns: 48% 52% !important; min-height:365px !important; } html body .elementor-element-840b6a0 > .elementor-element-4a81824, html body .elementor-element-840b6a0 > .elementor-element-5420756.snorkeling-when-content{ height:365px !important; min-height:365px !important; } html body .elementor-element-840b6a0 > .elementor-element-5420756.snorkeling-when-content{ padding-top:25px !important; padding-right:35px !important; padding-bottom:24px !important; padding-left:38px !important; } html body .elementor-element-840b6a0 .snorkeling-when-title .elementor-heading-title{ font-size:40px !important; } html body .elementor-element-840b6a0 .snorkeling-when-text{ margin-bottom:20px !important; } html body .elementor-element-840b6a0 .snorkeling-when-text .elementor-text-editor, html body .elementor-element-840b6a0 .snorkeling-when-text p{ font-size:14.5px !important; } html body .elementor-element-840b6a0 .snorkeling-when-stats{ column-gap:16px !important; } html body .elementor-element-840b6a0 .snorkeling-when-item-title .elementor-heading-title{ font-size:12.5px !important; } html body .elementor-element-840b6a0 .snorkeling-when-item-text .elementor-text-editor, html body .elementor-element-840b6a0 .snorkeling-when-item-text p{ font-size:11px !important; } } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ html body .elementor-element-840b6a0.snorkeling-when-section{ grid-template-columns: 44% 56% !important; min-height:430px !important; } html body .elementor-element-840b6a0 > .elementor-element-4a81824, html body .elementor-element-840b6a0 > .elementor-element-5420756.snorkeling-when-content{ height:430px !important; min-height:430px !important; } html body .elementor-element-840b6a0 > .elementor-element-5420756.snorkeling-when-content{ padding-top:28px !important; padding-right:26px !important; padding-bottom:27px !important; padding-left:28px !important; } html body .elementor-element-840b6a0 .snorkeling-when-title .elementor-heading-title{ font-size:35px !important; } html body .elementor-element-840b6a0 .snorkeling-when-text{ margin-bottom:21px !important; } html body .elementor-element-840b6a0 .snorkeling-when-text .elementor-text-editor, html body .elementor-element-840b6a0 .snorkeling-when-text p{ font-size:13.5px !important; line-height:1.52 !important; } html body .elementor-element-840b6a0 .snorkeling-when-stats{ grid-template-columns: repeat(2,minmax(0,1fr)) !important; column-gap:22px !important; row-gap:18px !important; } html body .elementor-element-840b6a0 .snorkeling-when-item-title .elementor-heading-title{ font-size:12.5px !important; } html body .elementor-element-840b6a0 .snorkeling-when-item-text .elementor-text-editor, html body .elementor-element-840b6a0 .snorkeling-when-item-text p{ font-size:10.5px !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ html body .elementor-element-840b6a0.snorkeling-when-section{ min-height:0 !important; display:flex !important; flex-direction:column !important; background:#EDF7FA !important; } /* FOTO — LASCIATA COME ORA */ html body .elementor-element-840b6a0 > .elementor-element-4a81824{ width:100% !important; height:255px !important; min-height:255px !important; flex:none !important; } html body .elementor-element-840b6a0 .snorkeling-when-image{ height:255px !important; } /* SFUMATURA MOBILE — INVARIATA */ html body .elementor-element-840b6a0 > .elementor-element-4a81824::after{ top:auto !important; right:0 !important; bottom:-1px !important; left:0 !important; width:100% !important; height:75px !important; background: linear-gradient( 180deg, rgba(237,247,250,0) 0%, rgba(237,247,250,.22) 30%, #EDF7FA 100% ) !important; } /* CONTENUTO */ html body .elementor-element-840b6a0 > .elementor-element-5420756.snorkeling-when-content{ width:100% !important; height:auto !important; min-height:0 !important; padding-top:24px !important; padding-right:19px !important; padding-bottom:32px !important; padding-left:19px !important; flex:none !important; background:#EDF7FA !important; } /* EYEBROW */ html body .elementor-element-840b6a0 .snorkeling-when-eyebrow{ margin-bottom:7px !important; } html body .elementor-element-840b6a0 .snorkeling-when-eyebrow .elementor-heading-title{ font-size:10.5px !important; letter-spacing:1.45px !important; } /* TITOLO */ html body .elementor-element-840b6a0 .snorkeling-when-title{ max-width:350px !important; margin-bottom:11px !important; } html body .elementor-element-840b6a0 .snorkeling-when-title .elementor-heading-title{ font-size:31px !important; line-height:1.01 !important; } /* TESTO */ html body .elementor-element-840b6a0 .snorkeling-when-text{ max-width:365px !important; margin-bottom:22px !important; } html body .elementor-element-840b6a0 .snorkeling-when-text .elementor-text-editor, html body .elementor-element-840b6a0 .snorkeling-when-text p{ font-size:13px !important; line-height:1.52 !important; } /* DATI */ html body .elementor-element-840b6a0 .snorkeling-when-stats{ grid-template-columns: repeat(2,minmax(0,1fr)) !important; column-gap:25px !important; row-gap:22px !important; } /* ICONE */ html body .elementor-element-840b6a0 .snorkeling-when-icon{ margin-bottom:7px !important; } html body .elementor-element-840b6a0 .snorkeling-when-icon .elementor-icon{ width:35px !important; height:35px !important; } html body .elementor-element-840b6a0 .snorkeling-when-icon .elementor-icon svg{ width:30px !important; height:30px !important; } html body .elementor-element-840b6a0 .snorkeling-when-icon .elementor-icon i{ font-size:30px !important; } /* TITOLI DATI */ html body .elementor-element-840b6a0 .snorkeling-when-item-title .elementor-heading-title{ font-size:12px !important; line-height:1.3 !important; } /* SOTTOTESTI */ html body .elementor-element-840b6a0 .snorkeling-when-item-text .elementor-text-editor, html body .elementor-element-840b6a0 .snorkeling-when-item-text p{ font-size:10.5px !important; line-height:1.4 !important; } } /* ========================================================= MOBILE PICCOLO ========================================================= */ @media(max-width:390px){ html body .elementor-element-840b6a0 > .elementor-element-4a81824, html body .elementor-element-840b6a0 .snorkeling-when-image{ height:235px !important; min-height:235px !important; } html body .elementor-element-840b6a0 > .elementor-element-5420756.snorkeling-when-content{ padding-left:16px !important; padding-right:16px !important; padding-bottom:29px !important; } html body .elementor-element-840b6a0 .snorkeling-when-title .elementor-heading-title{ font-size:29px !important; } html body .elementor-element-840b6a0 .snorkeling-when-text .elementor-text-editor, html body .elementor-element-840b6a0 .snorkeling-when-text p{ font-size:12.5px !important; } html body .elementor-element-840b6a0 .snorkeling-when-stats{ column-gap:18px !important; row-gap:20px !important; } html body .elementor-element-840b6a0 .snorkeling-when-item-title .elementor-heading-title{ font-size:11.5px !important; } html body .elementor-element-840b6a0 .snorkeling-when-item-text .elementor-text-editor, html body .elementor-element-840b6a0 .snorkeling-when-item-text p{ font-size:10px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7816b51 *//* ========================================================= TROPEA SNORKELING TOUR CONSIGLI PRATICI ALTEZZA ORIGINALE + ALLINEAMENTO CORRETTO CSS COMPLETO ========================================================= */ /* ========================================================= SEZIONE ESTERNA ========================================================= */ html body .snorkeling-tips-section{ position:relative !important; width:100% !important; max-width:none !important; min-height:0 !important; margin:0 !important; padding-top:27px !important; padding-right:0 !important; padding-bottom:29px !important; padding-left:0 !important; background:#FFFFFF !important; overflow:hidden !important; box-sizing:border-box !important; } /* ========================================================= CONTENITORE PRINCIPALE STESSA LINEA DEGLI ALTRI CONTENITORI ========================================================= */ html body .snorkeling-tips-section .snorkeling-tips-inner{ width:calc(100% - 64px) !important; max-width:1280px !important; min-height:0 !important; margin:0 auto !important; padding:0 !important; display:grid !important; grid-template-columns: minmax(300px,.72fr) minmax(0,1.55fr) !important; gap:42px !important; align-items:center !important; flex:none !important; box-sizing:border-box !important; } /* ========================================================= HEADER SINISTRA ========================================================= */ html body .snorkeling-tips-section .snorkeling-tips-header{ width:100% !important; max-width:350px !important; min-height:0 !important; margin:0 !important; padding:0 !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:0 !important; flex:none !important; text-align:left !important; } /* ========================================================= EYEBROW ========================================================= */ html body .snorkeling-tips-section .snorkeling-tips-eyebrow{ width:100% !important; margin:0 0 6px 0 !important; padding:0 !important; } html body .snorkeling-tips-section .snorkeling-tips-eyebrow .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:11px !important; line-height:1.15 !important; font-weight:800 !important; letter-spacing:1.6px !important; text-transform:uppercase !important; color:#168EB2 !important; } /* ========================================================= TITOLO ========================================================= */ html body .snorkeling-tips-section .snorkeling-tips-title{ width:100% !important; margin:0 0 8px 0 !important; padding:0 !important; } html body .snorkeling-tips-section .snorkeling-tips-title .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"DM Serif Display",serif !important; font-size:31px !important; line-height:1.02 !important; font-weight:400 !important; letter-spacing:-.35px !important; color:#071C33 !important; } /* ========================================================= TESTO INTRO ========================================================= */ html body .snorkeling-tips-section .snorkeling-tips-text{ width:100% !important; max-width:320px !important; margin:0 !important; padding:0 !important; } html body .snorkeling-tips-section .snorkeling-tips-text .elementor-widget-container{ margin:0 !important; padding:0 !important; } html body .snorkeling-tips-section .snorkeling-tips-text .elementor-text-editor, html body .snorkeling-tips-section .snorkeling-tips-text p{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:12px !important; line-height:1.46 !important; font-weight:400 !important; color:#53687A !important; } /* ========================================================= GRID 5 CONSIGLI ========================================================= */ html body .snorkeling-tips-section .snorkeling-tips-grid{ width:100% !important; min-height:0 !important; margin:0 !important; padding:0 !important; display:grid !important; grid-template-columns: repeat(5,minmax(0,1fr)) !important; gap:12px !important; align-items:start !important; flex:none !important; } /* ========================================================= SINGOLO CONSIGLIO ========================================================= */ html body .snorkeling-tips-section .snorkeling-tips-item{ width:100% !important; min-width:0 !important; min-height:0 !important; margin:0 !important; padding:0 !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:flex-start !important; gap:0 !important; flex:none !important; text-align:center !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; } /* ========================================================= PSEUDO ELEMENTI ========================================================= */ html body .snorkeling-tips-section .snorkeling-tips-item::before, html body .snorkeling-tips-section .snorkeling-tips-item::after{ display:none !important; content:none !important; } /* ========================================================= ICONA ========================================================= */ html body .snorkeling-tips-section .snorkeling-tips-icon{ width:auto !important; margin:0 0 10px 0 !important; padding:0 !important; flex:none !important; } html body .snorkeling-tips-section .snorkeling-tips-icon .elementor-widget-container, html body .snorkeling-tips-section .snorkeling-tips-icon .elementor-icon-wrapper{ margin:0 !important; padding:0 !important; } html body .snorkeling-tips-section .snorkeling-tips-icon .elementor-icon{ width:58px !important; height:58px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; border:0 !important; border-radius:50% !important; background:#EAF7FA !important; color:#159BC2 !important; transition: transform .2s ease, background-color .2s ease !important; } html body .snorkeling-tips-section .snorkeling-tips-item:hover .snorkeling-tips-icon .elementor-icon{ transform:translateY(-2px) !important; background:#DDF2F6 !important; } html body .snorkeling-tips-section .snorkeling-tips-icon .elementor-icon svg{ width:25px !important; height:25px !important; fill:#159BC2 !important; color:#159BC2 !important; } html body .snorkeling-tips-section .snorkeling-tips-icon .elementor-icon i{ font-size:25px !important; color:#159BC2 !important; } /* ========================================================= TITOLO CONSIGLIO ========================================================= */ html body .snorkeling-tips-section .snorkeling-tips-item-title{ width:100% !important; margin:0 0 4px 0 !important; padding:0 !important; } html body .snorkeling-tips-section .snorkeling-tips-item-title .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:12px !important; line-height:1.25 !important; font-weight:800 !important; color:#18354A !important; } /* ========================================================= TESTO CONSIGLIO ========================================================= */ html body .snorkeling-tips-section .snorkeling-tips-item-text{ width:100% !important; max-width:135px !important; margin:0 auto !important; padding:0 !important; } html body .snorkeling-tips-section .snorkeling-tips-item-text .elementor-widget-container{ margin:0 !important; padding:0 !important; } html body .snorkeling-tips-section .snorkeling-tips-item-text .elementor-text-editor, html body .snorkeling-tips-section .snorkeling-tips-item-text p{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:10px !important; line-height:1.35 !important; font-weight:400 !important; color:#687987 !important; } /* ========================================================= RESET ELEMENTOR ========================================================= */ html body .snorkeling-tips-section .e-con, html body .snorkeling-tips-section .elementor-widget, html body .snorkeling-tips-section .elementor-widget-container{ min-height:0 !important; } html body .snorkeling-tips-section .snorkeling-tips-inner, html body .snorkeling-tips-section .snorkeling-tips-header, html body .snorkeling-tips-section .snorkeling-tips-grid, html body .snorkeling-tips-section .snorkeling-tips-item{ flex-grow:0 !important; flex-shrink:0 !important; } /* ========================================================= LAPTOP ========================================================= */ @media(max-width:1366px){ html body .snorkeling-tips-section{ padding-top:25px !important; padding-bottom:27px !important; } html body .snorkeling-tips-section .snorkeling-tips-inner{ width:calc(100% - 52px) !important; max-width:1280px !important; padding:0 !important; grid-template-columns: minmax(280px,.70fr) minmax(0,1.55fr) !important; gap:34px !important; } html body .snorkeling-tips-section .snorkeling-tips-title .elementor-heading-title{ font-size:29px !important; } html body .snorkeling-tips-section .snorkeling-tips-grid{ gap:9px !important; } html body .snorkeling-tips-section .snorkeling-tips-icon .elementor-icon{ width:54px !important; height:54px !important; } html body .snorkeling-tips-section .snorkeling-tips-icon .elementor-icon svg{ width:23px !important; height:23px !important; } html body .snorkeling-tips-section .snorkeling-tips-icon .elementor-icon i{ font-size:23px !important; } } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ html body .snorkeling-tips-section{ padding-top:30px !important; padding-bottom:31px !important; } html body .snorkeling-tips-section .snorkeling-tips-inner{ width:calc(100% - 44px) !important; max-width:1280px !important; padding:0 !important; display:flex !important; flex-direction:column !important; gap:22px !important; } html body .snorkeling-tips-section .snorkeling-tips-header{ max-width:590px !important; } html body .snorkeling-tips-section .snorkeling-tips-title .elementor-heading-title{ font-size:31px !important; } html body .snorkeling-tips-section .snorkeling-tips-text{ max-width:560px !important; } html body .snorkeling-tips-section .snorkeling-tips-grid{ grid-template-columns: repeat(5,minmax(0,1fr)) !important; gap:14px !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ html body .snorkeling-tips-section{ padding-top:26px !important; padding-bottom:27px !important; } html body .snorkeling-tips-section .snorkeling-tips-inner{ width:calc(100% - 32px) !important; max-width:none !important; padding:0 !important; gap:19px !important; } html body .snorkeling-tips-section .snorkeling-tips-header{ width:100% !important; max-width:none !important; } html body .snorkeling-tips-section .snorkeling-tips-eyebrow{ margin-bottom:5px !important; } html body .snorkeling-tips-section .snorkeling-tips-eyebrow .elementor-heading-title{ font-size:10px !important; letter-spacing:1.4px !important; } html body .snorkeling-tips-section .snorkeling-tips-title{ max-width:350px !important; margin-bottom:7px !important; } html body .snorkeling-tips-section .snorkeling-tips-title .elementor-heading-title{ font-size:27px !important; line-height:1.02 !important; } html body .snorkeling-tips-section .snorkeling-tips-text{ max-width:360px !important; } html body .snorkeling-tips-section .snorkeling-tips-text .elementor-text-editor, html body .snorkeling-tips-section .snorkeling-tips-text p{ font-size:11.5px !important; line-height:1.45 !important; } /* SCORRIMENTO ORIZZONTALE */ html body .snorkeling-tips-section .snorkeling-tips-grid{ width:calc(100% + 16px) !important; margin-right:-16px !important; display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; gap:10px !important; overflow-x:auto !important; overflow-y:hidden !important; padding-top:0 !important; padding-right:16px !important; padding-bottom:4px !important; padding-left:0 !important; scroll-snap-type:x proximity !important; scrollbar-width:none !important; } html body .snorkeling-tips-section .snorkeling-tips-grid::-webkit-scrollbar{ display:none !important; } html body .snorkeling-tips-section .snorkeling-tips-item{ width:145px !important; min-width:145px !important; max-width:145px !important; flex:0 0 145px !important; scroll-snap-align:start !important; } html body .snorkeling-tips-section .snorkeling-tips-icon{ margin-bottom:8px !important; } html body .snorkeling-tips-section .snorkeling-tips-icon .elementor-icon{ width:52px !important; height:52px !important; } html body .snorkeling-tips-section .snorkeling-tips-icon .elementor-icon svg{ width:22px !important; height:22px !important; } html body .snorkeling-tips-section .snorkeling-tips-icon .elementor-icon i{ font-size:22px !important; } html body .snorkeling-tips-section .snorkeling-tips-item-title .elementor-heading-title{ font-size:11.5px !important; } html body .snorkeling-tips-section .snorkeling-tips-item-text{ max-width:135px !important; } html body .snorkeling-tips-section .snorkeling-tips-item-text .elementor-text-editor, html body .snorkeling-tips-section .snorkeling-tips-item-text p{ font-size:9.5px !important; line-height:1.35 !important; } } /* ========================================================= MOBILE PICCOLO ========================================================= */ @media(max-width:390px){ html body .snorkeling-tips-section{ padding-top:24px !important; padding-bottom:25px !important; } html body .snorkeling-tips-section .snorkeling-tips-inner{ width:calc(100% - 28px) !important; gap:17px !important; } html body .snorkeling-tips-section .snorkeling-tips-title .elementor-heading-title{ font-size:26px !important; } html body .snorkeling-tips-section .snorkeling-tips-grid{ width:calc(100% + 14px) !important; margin-right:-14px !important; padding-right:14px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-34e2866 *//* ========================================================= TROPEA SNORKELING TOUR ESPERIENZA GUIDATA CONTENITORE SEPARATO CSS COMPLETO ========================================================= */ /* ========================================================= SEZIONE ESTERNA ========================================================= */ .elementor-436 .elementor-element.elementor-element-34e2866{ position:relative !important; width:100% !important; max-width:none !important; margin:0 !important; padding-top:30px !important; padding-right:0 !important; padding-bottom:30px !important; padding-left:0 !important; background:#FFFFFF !important; overflow:hidden !important; box-sizing:border-box !important; } /* ========================================================= INNER STESSO ASSE DEL RESTO DEL SITO ========================================================= */ .elementor-436 .elementor-element.elementor-element-34e2866 .snorkeling-final-inner{ width:calc(100% - 64px) !important; max-width:1280px !important; margin:0 auto !important; padding:0 !important; display:grid !important; grid-template-columns: minmax(340px,420px) minmax(0,1fr) !important; column-gap:44px !important; align-items:center !important; box-sizing:border-box !important; } /* ========================================================= BLOCCO TESTO ========================================================= */ .elementor-436 .elementor-element.elementor-element-34e2866 .snorkeling-guide-row{ width:100% !important; margin:0 !important; padding:0 !important; align-self:center !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .snorkeling-guide-content{ width:100% !important; margin:0 !important; padding:0 !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:center !important; gap:0 !important; } /* ========================================================= EYEBROW ========================================================= */ .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-22a40da{ width:100% !important; margin:0 0 8px 0 !important; padding:0 !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-22a40da .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:12px !important; line-height:1.2 !important; font-weight:800 !important; letter-spacing:1.7px !important; text-transform:uppercase !important; color:#168EB2 !important; } /* ========================================================= TITOLO ========================================================= */ .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-a5fed50{ width:100% !important; max-width:420px !important; margin:0 0 11px 0 !important; padding:0 !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-a5fed50 .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"DM Serif Display",serif !important; font-size:40px !important; line-height:1.01 !important; font-weight:400 !important; letter-spacing:-.5px !important; color:#071C33 !important; } /* ========================================================= TESTO ========================================================= */ .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-679589e{ width:100% !important; max-width:410px !important; margin:0 0 17px 0 !important; padding:0 !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-679589e .elementor-widget-container{ margin:0 !important; padding:0 !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-679589e .elementor-text-editor, .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-679589e p{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:14px !important; line-height:1.52 !important; font-weight:400 !important; color:#506579 !important; } /* ========================================================= BOTTONE ========================================================= */ .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-9606fe7{ width:auto !important; margin:0 !important; padding:0 !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-9606fe7 .elementor-widget-container{ margin:0 !important; padding:0 !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-9606fe7 .elementor-button{ min-height:44px !important; padding:0 24px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; border:0 !important; border-radius:999px !important; background:#159BC2 !important; box-shadow:none !important; font-family:"Manrope",sans-serif !important; font-size:13px !important; line-height:1 !important; font-weight:700 !important; color:#FFFFFF !important; text-decoration:none !important; transition: background-color .2s ease, transform .2s ease !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-9606fe7 .elementor-button:hover{ background:#087FA4 !important; transform:translateY(-1px) !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-9606fe7 .elementor-button-text::after{ content:"+" !important; display:inline-block !important; margin-left:14px !important; font-family:Arial,sans-serif !important; font-size:19px !important; line-height:1 !important; font-weight:300 !important; } /* ========================================================= IMMAGINE DESTRA ========================================================= */ .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-95ac8cc{ position:relative !important; width:100% !important; height:230px !important; min-height:230px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; border-radius:16px !important; background:#E4F2F5 !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-95ac8cc .elementor-widget-container{ width:100% !important; height:100% !important; margin:0 !important; padding:0 !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-95ac8cc img{ display:block !important; width:100% !important; height:230px !important; margin:0 !important; padding:0 !important; object-fit:cover !important; object-position:center center !important; border-radius:16px !important; } /* ========================================================= RESET ========================================================= */ .elementor-436 .elementor-element.elementor-element-34e2866 *, .elementor-436 .elementor-element.elementor-element-34e2866 *::before, .elementor-436 .elementor-element.elementor-element-34e2866 *::after{ box-sizing:border-box !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-widget{ margin-bottom:0 !important; } /* ========================================================= LAPTOP ========================================================= */ @media(max-width:1366px){ .elementor-436 .elementor-element.elementor-element-34e2866{ padding-top:28px !important; padding-bottom:28px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .snorkeling-final-inner{ width:calc(100% - 52px) !important; grid-template-columns: minmax(320px,380px) minmax(0,1fr) !important; column-gap:38px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-a5fed50 .elementor-heading-title{ font-size:36px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-95ac8cc, .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-95ac8cc img{ height:220px !important; min-height:220px !important; } } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .elementor-436 .elementor-element.elementor-element-34e2866{ padding-top:27px !important; padding-bottom:27px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .snorkeling-final-inner{ width:calc(100% - 44px) !important; grid-template-columns: 36% minmax(0,1fr) !important; column-gap:28px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-a5fed50 .elementor-heading-title{ font-size:33px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-679589e p{ font-size:13px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-95ac8cc, .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-95ac8cc img{ height:210px !important; min-height:210px !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .elementor-436 .elementor-element.elementor-element-34e2866{ padding-top:25px !important; padding-bottom:26px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .snorkeling-final-inner{ width:calc(100% - 32px) !important; max-width:none !important; display:flex !important; flex-direction:column !important; gap:19px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .snorkeling-guide-row{ width:100% !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-22a40da{ margin-bottom:6px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-22a40da .elementor-heading-title{ font-size:10.5px !important; letter-spacing:1.45px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-a5fed50{ max-width:350px !important; margin-bottom:9px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-a5fed50 .elementor-heading-title{ font-size:30px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-679589e{ max-width:355px !important; margin-bottom:15px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-679589e p{ font-size:12.5px !important; line-height:1.5 !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-9606fe7 .elementor-button{ min-height:42px !important; padding:0 21px !important; font-size:12px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-95ac8cc, .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-95ac8cc img{ width:100% !important; height:200px !important; min-height:200px !important; border-radius:13px !important; } } /* ========================================================= MOBILE PICCOLO ========================================================= */ @media(max-width:390px){ .elementor-436 .elementor-element.elementor-element-34e2866 .snorkeling-final-inner{ width:calc(100% - 28px) !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-a5fed50 .elementor-heading-title{ font-size:28px !important; } .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-95ac8cc, .elementor-436 .elementor-element.elementor-element-34e2866 .elementor-element-95ac8cc img{ height:185px !important; min-height:185px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3b21dbb *//* ========================================================= TROPEA SNORKELING TOUR FAQ — RIPRISTINO STILE ORIGINALE MODIFICATO SOLO PER: 1. CONTENITORE ORA SEPARATO 2. 6 FAQ = 3 + 3 3. CORRETTO + / - ========================================================= */ /* ========================================================= CONTENITORE FAQ ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb{ width:calc(100% - 64px) !important; max-width:1280px !important; margin:0 auto !important; padding:30px 0 32px !important; display:grid !important; grid-template-columns: 300px minmax(0,1fr) !important; column-gap:55px !important; align-items:start !important; background:#FFFFFF !important; } /* ========================================================= RESET ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb *, .elementor-436 .elementor-element.elementor-element-3b21dbb *::before, .elementor-436 .elementor-element.elementor-element-3b21dbb *::after{ box-sizing:border-box !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-inner, .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid{ min-width:0 !important; } /* ========================================================= BLOCCO SINISTRO ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-inner{ width:100% !important; margin:0 !important; padding:0 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-header{ width:100% !important; margin:0 !important; padding:4px 0 0 0 !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; justify-content:flex-start !important; gap:0 !important; text-align:left !important; } /* ========================================================= DOMANDE FREQUENTI ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-eyebrow{ width:100% !important; margin:0 0 5px 0 !important; padding:0 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-eyebrow .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:11px !important; line-height:1.2 !important; font-weight:800 !important; letter-spacing:1.6px !important; text-transform:uppercase !important; color:#168EB2 !important; text-align:left !important; } /* ========================================================= FAQ GRANDE ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-title{ width:100% !important; margin:0 0 6px 0 !important; padding:0 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-title .elementor-heading-title{ margin:0 !important; padding:0 !important; font-family:"DM Serif Display",serif !important; font-size:38px !important; line-height:1 !important; font-weight:400 !important; color:#071C33 !important; text-align:left !important; } /* ========================================================= INTRO FAQ ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-intro{ width:100% !important; max-width:300px !important; margin:0 !important; padding:0 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-intro .elementor-widget-container{ margin:0 !important; padding:0 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-intro .elementor-text-editor, .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-intro p{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:12.5px !important; line-height:1.45 !important; font-weight:400 !important; color:#596D7F !important; text-align:left !important; } /* ========================================================= AREA ACCORDION ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid{ width:100% !important; margin:0 !important; padding:0 !important; display:block !important; min-height:0 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .elementor-widget-n-accordion{ width:100% !important; margin:0 !important; padding:0 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .elementor-widget-n-accordion > .elementor-widget-container{ width:100% !important; margin:0 !important; padding:0 !important; } /* ========================================================= 6 FAQ 3 A SINISTRA + 3 A DESTRA ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion{ width:100% !important; margin:0 !important; padding:0 !important; display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-template-rows: repeat(3,auto) !important; column-gap:16px !important; row-gap:7px !important; align-items:start !important; } /* 1 - 2 - 3 SINISTRA */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion > .e-n-accordion-item:nth-child(1){ grid-column:1 !important; grid-row:1 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion > .e-n-accordion-item:nth-child(2){ grid-column:1 !important; grid-row:2 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion > .e-n-accordion-item:nth-child(3){ grid-column:1 !important; grid-row:3 !important; } /* 4 - 5 - 6 DESTRA */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion > .e-n-accordion-item:nth-child(4){ grid-column:2 !important; grid-row:1 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion > .e-n-accordion-item:nth-child(5){ grid-column:2 !important; grid-row:2 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion > .e-n-accordion-item:nth-child(6){ grid-column:2 !important; grid-row:3 !important; } /* ========================================================= SINGOLA FAQ ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item{ width:100% !important; min-width:0 !important; margin:0 !important; padding:0 !important; border:1px solid #D3DEE4 !important; border-radius:6px !important; background:#FFFFFF !important; overflow:hidden !important; box-shadow: 0 1px 3px rgba(7,28,51,.035) !important; } /* ========================================================= TESTATA FAQ ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item-title{ width:100% !important; min-height:48px !important; margin:0 !important; padding-top:10px !important; padding-right:15px !important; padding-bottom:10px !important; padding-left:15px !important; display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; gap:0 !important; border:0 !important; background:#FFFFFF !important; cursor:pointer !important; text-align:left !important; } /* ========================================================= TESTO DOMANDA ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item-title-text{ order:1 !important; flex:1 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; padding-top:0 !important; padding-right:15px !important; padding-bottom:0 !important; padding-left:0 !important; font-family:"Manrope",sans-serif !important; font-size:12px !important; line-height:1.3 !important; font-weight:700 !important; text-align:left !important; color:#40586B !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item-title-text *{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:12px !important; line-height:1.3 !important; font-weight:700 !important; color:#40586B !important; } /* ========================================================= CONTENITORE ICONA ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item-title-icon{ order:2 !important; flex:0 0 22px !important; width:22px !important; height:22px !important; margin:0 0 0 auto !important; padding:0 !important; align-items:center !important; justify-content:center !important; color:#159BC2 !important; transform:none !important; } /* ========================================================= CORREZIONE UNICA + / - CHIUSA = SOLO + APERTA = SOLO - ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item:not([open]) .e-n-accordion-item-title-icon .e-opened{ display:none !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item:not([open]) .e-n-accordion-item-title-icon .e-closed{ display:flex !important; align-items:center !important; justify-content:center !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed{ display:none !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened{ display:flex !important; align-items:center !important; justify-content:center !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item-title-icon .e-opened, .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item-title-icon .e-closed{ width:18px !important; height:18px !important; margin:0 !important; padding:0 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item-title-icon svg{ width:14px !important; height:14px !important; margin:0 !important; fill:#159BC2 !important; color:#159BC2 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item-title-icon i{ font-size:14px !important; color:#159BC2 !important; } /* ========================================================= FAQ APERTA ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item[open]{ border-color:#9FD1DD !important; box-shadow: 0 3px 10px rgba(7,48,100,.06) !important; } /* ========================================================= RISPOSTA ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item > .e-con{ min-height:0 !important; margin:0 !important; padding-top:0 !important; padding-right:50px !important; padding-bottom:13px !important; padding-left:15px !important; background:#FFFFFF !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item .elementor-widget-text-editor, .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item .elementor-widget-container{ margin:0 !important; padding:0 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item .elementor-widget-text-editor, .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item .elementor-widget-text-editor p{ margin:0 !important; padding:0 !important; font-family:"Manrope",sans-serif !important; font-size:12px !important; line-height:1.5 !important; font-weight:400 !important; text-align:left !important; color:#566B7C !important; } /* ========================================================= RESET ELEMENTOR ========================================================= */ .elementor-436 .elementor-element.elementor-element-3b21dbb .elementor-widget{ margin-bottom:0 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .elementor-widget-container{ min-height:0 !important; } /* ========================================================= LAPTOP ========================================================= */ @media(max-width:1366px){ .elementor-436 .elementor-element.elementor-element-3b21dbb{ width:calc(100% - 52px) !important; grid-template-columns: 260px minmax(0,1fr) !important; column-gap:42px !important; } } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .elementor-436 .elementor-element.elementor-element-3b21dbb{ width:calc(100% - 44px) !important; grid-template-columns: 220px minmax(0,1fr) !important; column-gap:28px !important; padding-top:26px !important; padding-bottom:28px !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion{ column-gap:10px !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item-title-text, .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item-title-text *{ font-size:11px !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .elementor-436 .elementor-element.elementor-element-3b21dbb{ width:calc(100% - 32px) !important; padding-top:26px !important; padding-bottom:27px !important; display:flex !important; flex-direction:column !important; gap:17px !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-header{ padding-top:0 !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-eyebrow .elementor-heading-title{ font-size:10px !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-title .elementor-heading-title{ font-size:29px !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-intro{ max-width:100% !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-intro .elementor-text-editor, .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-intro p{ font-size:11.5px !important; line-height:1.45 !important; } /* UNA COLONNA */ .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion{ grid-template-columns:1fr !important; grid-template-rows:auto !important; column-gap:0 !important; row-gap:7px !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion > .e-n-accordion-item:nth-child(n){ grid-column:auto !important; grid-row:auto !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item-title{ min-height:45px !important; padding-left:13px !important; padding-right:13px !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item-title-text, .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item-title-text *{ font-size:12px !important; padding-right:12px !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-grid .e-n-accordion-item > .e-con{ padding-left:13px !important; padding-right:35px !important; } } /* ========================================================= MOBILE PICCOLO ========================================================= */ @media(max-width:390px){ .elementor-436 .elementor-element.elementor-element-3b21dbb{ width:calc(100% - 28px) !important; } .elementor-436 .elementor-element.elementor-element-3b21dbb .tour-faq-title .elementor-heading-title{ font-size:27px !important; } }/* End custom CSS */