/*
Theme Name: Hoteller Child
Theme URI: https://themes.themegoods.com/hoteller/landing
Description: Premium Photography WordPress Theme
Version: 1.0
Author: ThemeGoods
Author URI: https://themeforest.net/user/ThemeGoods
License: GNU General Public License
License URI: https://themeforest.net/licenses/regular_extended
Text Domain: hoteller
Template: hoteller
*/
@import url("../hoteller/style.css");
html { scroll-behavior: smooth; }


.pll-switcher-select { background-color: transparent; border: none; text-transform: uppercase; color: #fff;  }
.pll-switcher-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: none; }
.header_style_wrapper.visible .ilpelagone-lang-vertdiv { appearance: none; background-image: url('https://www.ilpelagone.com/wp-content/uploads/2025/03/arrow-white.png'); background-repeat: no-repeat; background-position: right 10px center; background-size: 11px; } 
.header_style_wrapper .ilpelagone-stickyheader-langdp { appearance: none; background-image: url('https://www.ilpelagone.com/wp-content/uploads/2025/03/arrow-black.png'); background-repeat: no-repeat; background-position: right 10px center; background-size: 11px; }
.fullmenu-active .ilpelagone-lang-vertdiv { appearance: none; background-image: url('https://www.ilpelagone.com/wp-content/uploads/2025/03/arrow-black.png'); background-repeat: no-repeat; background-position: right 10px center; background-size: 11px; padding-right: 10px; }

.pll-switcher-select option { color: #000; }
.ilpelagone-header-bookbtn .elementor-button-wrapper a { padding: 12px 54px 12px 54px !important; margin-right: 10px; text-transform: uppercase; margin-left: 15px }
.ilpelagone-header-menubar a { border: 1px solid #fff; padding: 12px 15px; }
.ilpelagone-lang-vertdiv + .elementor-element.elementor-widget-social-icons .elementor-social-icons-wrapper.elementor-grid { border-left: 1px solid #fff; padding-left: 13px; margin-left: 8px; }
.fullmenu-wrapper-active .ilpelagone-lang-vertdiv + .elementor-element.elementor-widget-social-icons .elementor-social-icons-wrapper.elementor-grid { margin-left: 0px !important; padding-left: 0px; }
.ilpelagone-stickyheader-socialicon { margin-left: 8px; }

.ilpelagone-header-giftvoucher .elementor-icon-box-wrapper, .ilpelagone-header-advantages .elementor-icon-box-wrapper { margin: 0; transform: scale(0.8); }
.ilpelagone-header-giftvoucher .elementor-icon-box-wrapper { border-right: 1px solid #fff; padding-right: 21px; }
.ilpelagone-header-giftvoucher .elementor-icon-box-wrapper .elementor-icon-box-icon a, .ilpelagone-header-advantages .elementor-icon-box-wrapper .elementor-icon-box-icon a { font-size: 23px !important; }
.ilpelagone-header-giftvoucher .elementor-icon-box-wrapper .elementor-icon-box-content a, .ilpelagone-header-advantages .elementor-icon-box-wrapper .elementor-icon-box-content a { font-size: 15px !important; }
.ilpelagone-header-giftvoucher .elementor-icon-box-wrapper .elementor-icon-box-icon, .ilpelagone-header-advantages .elementor-icon-box-wrapper .elementor-icon-box-icon { height: 26px; } 


.ilpelagone-stickyheader-langdp .pll-switcher-select { background-color: transparent; border: none; text-transform: uppercase; color: #000; }
.ilpelagone-stickyheader-langdp .pll-switcher-select option { color: #000; }
.ilpelagone-stickyheader-socialicon { border-left: 1px solid #000; padding-left: 13px; }
.ilpelagone-stickyheader-menubar a { border: 1px solid #000; padding: 12px 15px; }

.ilpelagone-stickyheader-bookbtn .elementor-button-wrapper a { padding: 12px 54px 12px 54px !important; margin-right: 10px; text-transform: uppercase; margin-left: 15px; background: #081F2C !important; }


.ilpelagone-stickyheader-giftvoucher .elementor-icon-box-wrapper, .ilpelagone-stickyheader-advantages .elementor-icon-box-wrapper { margin: 0; transform: scale(0.8); }
.ilpelagone-stickyheader-giftvoucher .elementor-icon-box-wrapper {  border-right: 1px solid #000; padding-right: 21px; }
.ilpelagone-stickyheader-giftvoucher .elementor-icon-box-wrapper .elementor-icon-box-icon a, .ilpelagone-stickyheader-advantages .elementor-icon-box-wrapper .elementor-icon-box-icon a { font-size: 23px !important; }
.ilpelagone-stickyheader-giftvoucher .elementor-icon-box-wrapper .elementor-icon-box-content a, .ilpelagone-stickyheader-advantages .elementor-icon-box-wrapper .elementor-icon-box-content a { font-size: 15px !important; }
.ilpelagone-stickyheader-giftvoucher .elementor-icon-box-wrapper .elementor-icon-box-icon, .ilpelagone-stickyheader-advantages .elementor-icon-box-wrapper .elementor-icon-box-icon { height: 26px; } 
.slider_zoom_wrapper .pagination__item { width: 18px !important; height: 18px !important; border-radius: 0px !important; margin: 0 7px !important }

p.ilpelagone-main-title-text { text-align: center; color: #7e5226; font-family: "Taviraj", sans-serif; font-size: 38px; margin: 0; padding: 0; text-transform: uppercase; }
a.ilpelagone-offer-subtitle { text-align: center; font-family: "Montserrat", sans-serif; font-size: 16px; color: #081F2C; text-transform: uppercase; margin: 30px auto 20px; display: table; }


.ilpelagone-sp-offers .container { background: #fff; max-width: 980px; margin: 0 auto; display: table; padding: 30px }
.ilpelagone-sp-offers .container .col-md-6 { width: 50%; float: left; padding: 20px; }

p.ilpelagone-offer-title { text-transform: uppercase; font-family: "Taviraj", sans-serif; font-size: 31px; margin-bottom: 0; line-height: 45px; padding: 0; color: #0e2e40; }
p.ilpelagone-offer-desc { font-size: 14px; font-family: "Montserrat", sans-serif; color: #081f2c; margin-bottom: 20px; } 
p.ilpelagone-offer-desc + a { background: #7E5226 !important; padding: 11px 48px; color: #fff; font-family: "Montserrat", sans-serif; float: left; }
.ilpelagone-sp-offers .container .col-md-6 img { height: 260px; }
p.ilpelagone-main-title-text::after { content: ""; width: 70px; height: 1px; background: #081f2c; margin: 15px auto; display: table; }
.ilpelagone-slider-box-title::after { content: ""; width: 70px; height: 1px; background: #081f2c; margin: 15px auto; display: table; }

div#n2-ss-3 .n2-ss-slide { height: 100vh !important }

.ilpelagone-footer-first-column ul.elementor-icon-list-items li.elementor-icon-list-item span.elementor-icon-list-icon { width: 18px; height: 18px; float: left; position:absolute; left: -10px; margin-top: 9px;}
.ilpelagone-footer-second-column ul.elementor-icon-list-items li.elementor-icon-list-item, .ilpelagone-footer-third-column ul.elementor-icon-list-items li.elementor-icon-list-item { list-style: none; }
.ilpelagone-footer-first-column ul.elementor-icon-list-items li.elementor-icon-list-item { list-style: none; position: relative }

button.ilpelagone-newsletter-button { background: #7E5226 !important; font-family: "Montserrat", sans-serif; }
.ilpelagone-newsletter-form input:focus { border-color: #7E5226 !important; box-shadow: none !important }

div.wpforms-container-full input[type=checkbox]:checked:before, div.wpforms-container-full input[type=checkbox]:checked:after { border-color: #7E5226 !important; box-shadow: none !important}
input.ilpelagone-submit-btn {  background: #7E5226 !important; padding: 11px 48px; color: #fff; font-family: "Montserrat", sans-serif; border-color: #7E5226 !important }  

.header_style_wrapper.visible { background: transparent -webkit-gradient(linear,left bottom,left top,from(rgba(8,31,44,0)),to(rgba(8,31,44,.67))) 0 0 no-repeat padding-box; background: transparent linear-gradient(0deg,rgba(8,31,44,0),rgba(8,31,44,.67)) 0 0 no-repeat padding-box; }

.n2-ss-slide-backgrounds.n2-ow-all::after { content: ''; position: absolute; width: 100%; height: 150px; background: transparent -webkit-gradient(linear,left top,left bottom,from(rgba(8,31,44,0)),to(rgba(8,31,44,.67))) 0 0 no-repeat padding-box; background: transparent linear-gradient(180deg,rgba(8,31,44,0),rgba(8,31,44,.67)) 0 0 no-repeat padding-box; z-index: 111; bottom: 0; }
.page-template .ilpelagone-stickyheader-bookbtn .elementor-button-wrapper a { padding: 12px 54px 12px 54px !important}
 
.ilpelagone-box-slider-common .n2-ss-slide-limiter { max-width: 1380px !important }

.accommodation-list { float: left; width: 100%; }
.accommodation-list .accommodation-item { width: 50%; float: left; padding: 1.5rem; }
.accommodation-list .accommodation-item .accommodation-item-list { border: 15px solid #f6f6f6; float: left; width: 100%; }

.accommodation-item-details { padding: 25px; float: left; width: 100%; }
.accommodation-item-details > h3 { font-family: Taviraj, serif; margin-bottom: 15px; min-height: 75px; }
.amenities-icons { float: left; width: 100%; }
span.amenity { border: 1px solid #0e2e40; color: #0e2e40; float: left; font-size: 14px; text-align: center; margin-right: 10px; padding: 5px 1px; width: 38px; height: 38px; line-height: 28px; margin-bottom: 10px; }
a.btn.book-btn.accommodation-book-btn { background: #7E5226; color: #fff; padding: 8px 45px; margin-right: 10px; border: 1px solid #7E5226}
a.btn.book-btn.accommodation-book-btn:hover, a.btn.book-btn.accommodation-book-btn:focus { background: #fff; color: #7E5226; border: 1px solid #7E5226 }
.accommodation-item-buttons { float: left; width: 100%; margin-top: 19px; margin-bottom: 5px; }
a.btn.discover-btn.accommodation-book-discover { background: #fff; color: #fff; padding: 8px 45px; border: 1px solid #081F2C; color: #081F2C }
a.btn.discover-btn.accommodation-book-discover:hover, a.btn.discover-btn.accommodation-book-discover:focus { background : #7E5226; color: #fff;  border: 1px solid #7E5226; }
.ilpelagone-amenities-icons { border: 15px solid #F6F6F6; padding: 55px; float: left; width: 100%; }
.ilpelagone-amenities-icons h3.ilpelagone-amenities-title { color: #7e5226; font-family: "Taviraj", sans-serif; font-size: 38px; margin-bottom: 20px; }
span.ilpelagone-amenity { width: 20%; float: left; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
span.ilpelagone-amenity i { border: 1px solid #0e2e40; color: #0e2e40; float: left; font-size: 14px; text-align: center; margin-right: 10px; padding: 5px 1px; width: 38px; height: 38px; line-height: 28px; margin-bottom: 0; }
span.ilpelagone-amenity-name { font-size: 16px; line-height: 20px; float: left; width: calc(100% - 65px); color: #000000; font-weight: 300; }
.ilpelagone-slider-full .n2-ss-slide-active { height: 100vh }
.ilpelagone-breadcrumbs { color: #081f2cad; font-weight: 400; font-family: Montserrat, sans-serif; font-size: 14px; }
.ilpelagone-breadcrumbs a { margin: 0 7px; color: #081f2c; font-weight: 500 }
.ilpelagone-breadcrumbs a:first-Child, .ilpelagone-breadcrumbs a:hover { color: #7e5226 !important }
.ilpelagone-breadcrumbs span:last-Child { color: #081f2c; margin-left: 8px; font-weight: 600 }
.ilpelagone-advantages-popup { position: absolute; top: 50px; right: 0;  width: 320px;  background: #F6F6F6; padding: 20px 20px 10px 20px; display: none; z-index: 9999; cursor: pointer; }
.ilpelagone-advantages-popup p { color: #7e5226; text-align: center; width: 100%; font-family: Taviraj, serif; font-size: 18px; border-bottom: 1px solid #e5e4e2; padding-bottom: 9px !important; font-weight: 500; line-height: 24px; }
.ilpelagone-advantages-popup ul li svg { max-width: 17px; margin-right: 5px; margin-top: 5px; float: left; }
.ilpelagone-advantages-popup ul li i { margin-right: 10px; }	
.ilpelagone-advantages-popup p, .ilpelagone-advantages-popup ul { margin: 0; padding: 0; }
.ilpelagone-advantages-popup ul { list-style: none; margin-top: 10px; float: left; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #e5e4e2;  }
.ilpelagone-advantages-popup ul li { margin: 8px 0; color: #081f2c; font-family: Montserrat, sans-serif; text-align: center; font-size: 14px; cursor: pointer; }
span.ilpelagone-advantages-popup-close { margin: 15px auto 0; display: table; float: left; width: 100%; text-align: center; pointer-events: none;  }
span.ilpelagone-advantages-popup-close svg { width: 18px; color: #7e5226; }
span.ilpelagone-advantages-popup-close svg path { color: #7e5226; }
.tg_navigation_wrapper .nav li.arrow > a:after { display: none !important; }
span.submenu-toggle i { margin-left: 8px; color: #7E5226; font-size: 11px; }
.menu-item-has-children .sub-menu { background-color: #fff; }
.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text { margin-left: 8px; line-height: 30px; }

.room-details { line-height: 30px; }
.ilpelagone-line-height-paregraphs p { line-height: 19px; }
.ilpelagone-header-advantages { cursor: pointer; }

.mobile-footer-icon { width: calc(100% - 147px); padding: 13px 0; float: left; }
.mobile-footer-icon a { width: 25%; float: left; text-align: center; border-right: 1px solid #fff; }
.mobile-footer-icon a img { max-width: 26px; padding: 0px; margin: 0 auto; float: none;  display: table; }
.mobile-footer-icon a.none-border { border: none }
a.advantage-btn.ilpelagone-footer-advantages .ilpelagone-advantages-popup { position: fixed; bottom: 110px; left: 0; right: 0; margin: auto; height: min-content; overflow: auto; width: 320px; top: auto; z-index: 11; } 


.page-template #full-screen-menu .tg_navigation_wrapper .nav li > ul { width: 99% !important; }

.ilpelagone-lang-vertdiv > div { margin-right: 0 !important; }
select.pll-switcher-select { width: 52px; }

.ilpelagone-stickyheader-langdp > div { margin-right: 0 !important; }


@media ( max-width: 1024px ) {
	.accommodation-list .accommodation-item { padding: 0.5rem; }
	.accommodation-item-details { padding: 19px }
	.elementor-element.elementor-absolute.elementor-icon-list--layout-traditional.elementor-list-item-link-full_width.elementor-widget.elementor-widget-icon-list { display: none }
}
@media ( max-width: 880px ) {
	.accommodation-list .accommodation-item { width: 100%; float: left; padding: 1rem; }
	.accommodation-item-details { padding: 25px }
	.ilpelagone-amenities-icons { padding: 25px 20px; }
}

@media ( max-width: 767px) { 
	.ilpelagone-sp-offers .container .col-md-6 { width: 100%; float: left; padding: 0px; }
	.ilpelagone-sp-offers .container .col-md-6 img { height: auto; width: 100%;}
	.ilpelagone-header-menubar a { padding: 6px 12px; }
	p.ilpelagone-offer-title { margin-top: 20px; font-size: 23px; line-height: 31px; }
	#full-screen-menu .tg_navigation_wrapper .nav li > ul { position: relative !important }
	.accommodation-list .accommodation-item { padding-left: 0px; padding-right: 0px; }
	.ilpelagone-amenities-icons { padding: 25px 20px; }	
	span.ilpelagone-amenity-name { font-size: 18px; }
}

@media ( min-width: 881px) { 
	.mobile-screen-footer { display: none }
}

@media ( max-width: 880px) {
	.mobile-screen-footer { position: fixed; z-index: 11; bottom: 0; background: #0E2D3F; right: 0; padding: 0px; color: #fff !important; font-size: 20px !important; border-radius: 0px 5px 0 0; float: left; width: 100%; }
	.mobile-booking { background: #7E5226; right: 0; padding: 9px 10px; color: #fff !important; font-size: 20px !important; border-radius: 0px 5px 0 0; float: left; width: 147px; text-align:center; }
	.chrono-container .chrono-bookingbutton { width: calc(100% - 20px) !important; bottom: 52px !important; left: 0px !important; border-radius: 5px 5px 0 0 !important; right: 0 !important; margin: auto; }
	#toTop { bottom: 60px !important; }
	p.ilpelagone-main-title-text { font-size: 30px }
	.cmplz-cookiebanner { z-index: 11 !important; }
	.ilpelagone-advantages-popup { width: 270px; }
	a#toTop { display: none; }
}
 /* .pll-switcher-select option:nth-child(3) { display: none; } 

 .ilpelagone-lang-vertdiv, .ilpelagone-stickyheader-langdp { display: none; } */
/* .ilpelagone-header-giftvoucher, .ilpelagone-stickyheader-giftvoucher, .ilpelagone-header-gift-icon, .ilpelagone-premedia-menu-icon-gift-voucher, .ilpelagone-premedia-menu-icon-gift-voucher, .ilpelagone-premedia-menu-icon-gift-voucher, .ilpelagone-premedia-menu-icon-gift-voucher { display: none !important; } 
 */ 

 
/* Please uncomment below code when done your today */

/* .elementor-vertical-align-middle.ilpelagone-header-giftvoucher, .elementor-hidden-mobile.ilpelagone-header-gift-icon, .ilpelagone-stickyheader-giftvoucher.elementor-hidden-laptop { display: none !important; }
 .ilpelagone-lang-vertdiv, .ilpelagone-stickyheader-langdp, .ilpelagone-premedia-menu-icon-gift-voucher, .ilpelagone-premedia-menu-icon-Advantage  { display: none !important; } */

/* Start Golf teetime nexxchange CSS */
.teetime2 .label-success { background-color: lightgreen; }
.teetime2 { /* color: #4FA965 !important;*/ }
#teetimecontainer2 table { width: 100%; }
#teetimecontainer2 td, #teetimecontainer2 th { vertical-align: middle; white-space: nowrap; }
.gfBookingButton { display: block; width: 100%; margin-bottom: 6px; white-space: normal; background-color: #61CE70; font-weight: 500; color: #ffffff; }
#teetimecontainer2 .gfBookingButton { display: block; width: 100%; margin: 1px 0; padding: 5px 0px; box-sizing: border-box; }
#teetimecontainer2 {margin-top: 10px; overflow-y: auto; max-height: 40vh;}
#datepicker2 {position: relative; z-index: 2;}
/* End Golf teetime nexxchange CSS */