/* font */
@font-face{font-family: 'Gotham'; src: url('fonts/Gotham-Medium.eot'); src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Medium.woff2') format('woff2'), url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face{font-family: 'Gotham'; src: url('fonts/Gotham-Book.eot'); src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Book.woff2') format('woff2'), url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face{font-family: 'Gotham'; src: url('fonts/Gotham-Light.eot'); src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Light.woff2') format('woff2'), url('fonts/Gotham-Light.woff') format('woff'), url('fonts/Gotham-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face{font-family: 'Gotham'; src: url('fonts/Gotham-Bold.eot'); src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Bold.woff2') format('woff2'), url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap;}


:root {
    --bkg-derk: #16120F;
}

body, html,
#site-header *,
#content *,
#site-footer *{font-family: 'Gotham', sans-serif;}

strong, b{margin:0 3px}

.mySwiper .slide-description, 
.slider-modal .slide-description{font-size: 20px !important; line-height: 1.3em !important; letter-spacing: 1.3px; color: var(--e-global-color-text) !important; margin-bottom: 15px;}
.mySwiper .slide-info span.slide-title,
.mySwiper .slide-info span.slide-subtitle{letter-spacing: 3px; font-size: 18px; line-height: 1.4em; font-weight: 400; color: var(--e-global-color-text) !important;}

.elementor-editor-active [class*=" eicon-"], 
.elementor-editor-active [class^=eicon]{font-family: eicons !important;}

@media (min-width: 1024px) {
    .mySwiper .slide-description, 
    .slider-modal .slide-description{font-size: 18px !important;}
}

@media (max-width: 767px) {
    .mySwiper .slide-description, 
	.slider-modal .slide-description{font-size: 18px !important}
    .mySwiper .slide-description, 
    .slider-modal .slide-description{font-size: 16px !important;  line-height: 1.5em !important; }
}

/* base */
a{transition: all .5s cubic-bezier(.215, .61, .355, 1);}
p a{position: relative;}
p a:after{content: ""; position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%); width: 0%; height: 2px; background: var( --e-global-color-accent ); transition: all .5s cubic-bezier(.215, .61, .355, 1);}
p a:hover:after{width: 100%;}

/* header */
.site-header{position:absolute; top:35px; left:0; width:100%; padding:20px; z-index:10;}
.site-header .header-inner{max-width: 1720px; align-items: center;}

.site-header .site-description{display: none;}
.site-header .header-inner .site-branding .site-logo img{height: 70px; width: auto;}
.site-navigation{flex-direction: column;}
.site-navigation ul.menu li a{color: #fff; text-transform: uppercase; font-weight: bold; font-size: 16px; line-height: 16px; text-decoration: none; padding: 5px 10px;}
/* .site-navigation ul.menu li a:nth-last-child(-n+3){padding: 5px;} */
.site-navigation ul.menu li a:hover,
.site-navigation ul.menu li.current-menu-item a{color: var( --e-global-color-secondary );}
.site-navigation ul.menu li.current-menu-item a{border-bottom: 2px solid var( --e-global-color-secondary );}
.admin-bar .site-header{top: calc(32px + 35px);}

.site-navigation-toggle-holder{padding: 0;}
.site-navigation-toggle-holder .site-navigation-toggle{background: transparent; padding: 0;}
.site-navigation-toggle-holder .site-navigation-toggle-icon{width: 25px;}
.site-navigation-toggle-holder .site-navigation-toggle-icon:after, 
.site-navigation-toggle-holder .site-navigation-toggle-icon:before{background-color: #fff;}
.site-navigation-toggle-holder .site-navigation-toggle-icon:before{box-shadow: 0 8px 0 #fff; margin-block-end: 13px;}
.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:before{transform: translateY(8px) rotate(45deg);}
.site-navigation-toggle-holder .site-navigation-toggle[aria-expanded=true] .site-navigation-toggle-icon:after{transform: translateY(-8px) rotate(-45deg);}
.site-navigation-dropdown{bottom: -10px; margin-block-start:0}
.site-navigation-dropdown ul.menu{display:flex; flex-wrap: wrap;}
.site-navigation-dropdown ul.menu li:last-child{border-left: 1px solid #f5f5f5; width:50%;}
.site-navigation-dropdown ul.menu li:nth-last-child(2){width:50%;}
.site-navigation-dropdown ul.menu li a{background-color: #fff; box-shadow:none; border-bottom: 1px solid #f5f5f5; text-transform: uppercase; text-align: center; font-weight: 500; padding:10px 20px}
.site-navigation-dropdown ul.menu li a:hover{background-color: var(--e-global-color-secondary);}

.scroll-up .site-header{position: fixed; background-color: var(--e-global-color-secondary); background-color: #AB9981; box-shadow: 0px 5px 10px rgba(0,0,0,.15); top: 0; z-index: 9999;}
.scroll-up.admin-bar .site-header{top: 32px;}
.scroll-up .site-navigation ul.menu li a:hover,
.scroll-up .site-navigation ul.menu li.current-menu-item a{color: var( --e-global-color-primary );}
.scroll-up .site-navigation ul.menu li.current-menu-item a{border-bottom: 2px solid var( --e-global-color-primary );}

.sopramenu{background: var(--bkg-derk); padding: 5px 10px; color: #fff; font-size: 12px; text-align: center; text-transform: uppercase; font-weight: 600; letter-spacing: 3px; max-height: 35px;}


@media (min-width: 1180px) {
}

@media (max-width: 1180px) {
    .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation {display: none !important;}
    .site-header.menu-dropdown-tablet:not(.menu-layout-dropdown) .site-navigation-toggle-holder {display: flex !important;}
}

@media (max-width: 767px) {
    .site-header .header-inner .site-branding .site-logo img{height: 60px;}
}

/* website */
.cont-img > .elementor-element{height: 100%;}
.cont-img > .elementor-element a{height: 100%;}
.cont-txt{max-width: 980px;}

.max-height100 img{max-height: 100svh; max-height: 100%;}

.svg-prenota{height:60px; width:auto;}


.elementor-slideshow__footer .elementor-slideshow__title{display:none !important}

/* carosello piatti */
.lisa--desc .swiper-slide-inner p{color:#fff !important; font-weight:400; font-size:22px; line-height:1.2em; margin-top:0; text-transform:uppercase; position: absolute; bottom: -8px; left: 0; width: 100%; padding: 150px 20px 40px; background: rgba(0, 0, 0, .5); background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);}

/* carosello testimonial */
.swiper-arrows-position-outside .mySwiper{width: 100% !important; padding: 0 !important;}
.mySwiper .swiper-wrapper .swiper-slide{padding: 30px 30px 50px;}
.mySwiper .block-shadow{box-shadow: none !important; padding: 0 !important; flex-direction: column-reverse !important;}
.mySwiper .block-shadow .slide-block{border-top: 1px solid #c4c4c4; border-bottom: 0; padding: 15px 0 0;  margin: 15px 0 0; font-style: italic;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: -10px !important;}
.mySwiper .swiper-pagination-bullet{transition: all .5s cubic-bezier(.215, .61, .355, 1); margin: 0 3px !important;}

@media (max-width: 1180px) {
    .mySwiper .swiper-wrapper .swiper-slide{padding: 15px 15px 50px;}
}

@media (max-width: 767px) {
    .mySwiper .swiper-wrapper .swiper-slide{padding: 10px 10px 50px;}
}


/* calendario prenotazione */
.carosello-dintorni .swiper-slide-inner:after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .2); background: linear-gradient(180deg,rgba(22, 18, 15, 0) 0%, rgba(22, 18, 15, .6) 100%);}
.carosello-dintorni figcaption.elementor-image-carousel-caption{position: absolute; bottom: 10px; left: 0; width: 100%; padding: 10px; z-index: 10;}

.carosello-dintorni figure,
.carosello-dintorni figure img{display: block;}

/* calendario prenotazione */
.wpbc_container_booking_form{margin: 0 !important; width: 100% !important;}
#calendar_booking1 .datepick-inline.datepick-multi{background-color: transparent; box-shadow: none;}
.wpbc_container_booking_form .wpbc__field:last-child,
.wpbc_container_booking_form .wpbc__field:not(.wpbc__cal),
.wpbc_container_booking_form .wpbc__field:not(.wpbc__cal) .wpbc_cal_container.bk_calendar_frame{margin-top: 0;}
.wpbc_wizard__border_container{background: transparent !important; box-shadow: none !important; border: 0 !important; padding-top: 0 !important; padding: 0;}
.wpbc_wizard_step.wpbc__form__div.wpbc_wizard_step1 > .wpbc__row:first-child{display: none;}
.wpbc_wizard_step.wpbc__form__div.wpbc_wizard_step1 > .wpbc__row:nth-child(2) > .wpbc__field:first-child{padding: 0;}
.wpbc_wizard_step.wpbc__form__div.wpbc_wizard_step1 > .wpbc__row:nth-child(2) > .wpbc__field:last-child{display: none;}
.wpbc_wizard_step.wpbc__form__div.wpbc_wizard_step1 > .wpbc__row:last-child{display: none;}
#calendar_booking1 .datepick-inline.datepick-multi{display: flex; flex-wrap: wrap;}
#calendar_booking1 .datepick-inline.datepick-multi .calendar-links{width: 100%; max-width: 100%; position: relative; top: -4px;}
#calendar_booking1 .datepick-inline.datepick-multi .datepick-one-month{width: 50%; max-width: 50%; padding: 0 10px;}
.booking_form_div div.bk_calendar_frame div.datepick-header{background-color: #fff; color: var( --e-global-color-text ); font-weight: 600; text-transform: uppercase;}
.datepick.wpbc_calendar thead tr.datepick-title-row th{color: var( --e-global-color-text ); font-weight: 600; font-size: 12px;}
div#calendar_booking1{margin-bottom: 20px;}

.wpbc_booking_form_simple .wpbc_wizard_step .wpbc_r_calendar.wpbc__field .block_hints{max-width: 100% !important;}

.datepick-inline .datepick-days-cell,
.datepick-inline .datepick-days-cell .wpbc-cell-box,
.datepick-inline .datepick-days-cell .wpbc-cell-box .date-cell-content,
.datepick-inline .datepick-days-cell .wpbc-cell-box .date-cell-content *{pointer-events: none !important; cursor: auto;}

.wpbc_calendar_wraper.wpbc_change_over_triangle > div:nth-child(3),
.booking_form_div hr{display: none;}

/* footer */
.pre-footer--prenota{padding:20px; background:url(https://masozambo.it/wp-content/uploads/2025/06/Siamo-pronti-ad-accoglierti.webp) center no-repeat; background-size:cover; min-height:450px; display:flex; flex-direction:column; gap:0; justify-content:center; align-items:center; text-align:center; text-transform:uppercase; color: var(--e-global-color-secondary); position:relative}
.pre-footer--prenota:before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:black; opacity:.3; z-index:0;}
.pre-footer--prenota h2{margin-bottom:30px; margin-top:0; position:relative; z-index:1}
.pre-footer--prenota p a{color: var(--e-global-color-secondary); font-weight:500; position:relative; z-index:1}

.page-id-133 .pre-footer--prenota{display:none;}

.site-footer{background: var(--bkg-derk); color: var(--e-global-color-secondary); padding: 50px 20px; display: flex; flex-direction: column; text-align: center; justify-content: center; align-items: center;}
.site-footer .custom-logo-link{margin-bottom: 110px;}
.site-footer span{display: flex; align-items: center; gap: 10px;     justify-content: center;}
.site-footer span svg{width: 16px; height: 16px; display: block;}
.site-footer span a{display: block;}
.site-footer p{font-size: 16px; line-height: 1.6em; color: #9D9B97; letter-spacing: 0.5px;}
.site-footer p a{color: #fff; letter-spacing: .5px;}
.site-footer p a::after{display: none;}
.site-footer .logo-footer{height: 100px;}

#site-footer .menu{display: flex; gap: 15px; flex-wrap: wrap; list-style: none; margin-bottom: 20px; font-size: 14px; text-transform: uppercase; justify-content:center}
#site-footer .menu a{color: #fff;}
#site-footer .menu .children{display: none;}

.site-footer .prettyhotels{margin: 20px 0; font-size: 14px;}
.site-footer .prettyhotels a{display: block; margin:0 auto; display: block; width: 160px;}
.site-footer .prettyhotels a.logo_wonderlakecomo{width:60px;}
.site-footer .prettyhotels img{display: block; width: 100%;}

.flex-part-of{display:flex; flex-wrap:wrap; gap:20px; align-items: center;}

.btn-footer{position: fixed; bottom:10px; right:10px; z-index:1000}
.btn-footer a{display:block; text-transform:uppercase; font-weight:500; padding:10px 30px; background:#876e4b; transition: all .6s cubic-bezier(.215, .61, .355, 1); color:var( --e-global-color-secondary ); font-size:14px; letter-spacing:3px}
.btn-footer a:hover{background:var( --e-global-color-secondary ); color:#876e4b;}

.page-id-1021 .btn-footer{display:none}

@media (max-width: 480px) {
	body:not(.page-id-1021)#site-footer{margin-bottom:52px;}
    .btn-footer{bottom:0; right:0; width:100%}
	.btn-footer a{width:100%; text-align:center; font-size:16px; padding:15px 30px;}	
}


.forminator-ui.forminator-custom-form[data-design=default] button.forminator-button{width: 100%; max-width: 280px; margin: 0 auto !important; text-align: center; display: block; text-transform: uppercase; font-size: 16px !important; letter-spacing:2px;}

#upload-1 .forminator-file-upload{align-items: end;}
.forminator-ui#forminator-module-2442.forminator-design--default .forminator-button-submit,
.forminator-ui#forminator-module-2442.forminator-design--default .forminator-button-upload,
.forminator-ui#forminator-module-2669.forminator-design--default .forminator-button-submit,
.forminator-ui#forminator-module-2669.forminator-design--default .forminator-button-upload,
.forminator-ui#forminator-module-2670.forminator-design--default .forminator-button-submit,
.forminator-ui#forminator-module-2670.forminator-design--default .forminator-button-upload{margin: 0 10px 0 0 !important}

.error404 .site-header{position: relative; background: #876e4b; top: 0;}
.error404 .site-main{padding-top:15vh; padding-bottom:15vh; max-width:820px: margin:0 auto;}