/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


.ct-footer .lang-item {display:none !important;}

 /*.main-slide {}*/
 .main-slide .swiper-pagination {padding-left:6vw !important;}

 :is(.entry-content,.is-layout-flow,.is-layout-constrained) :where(h1,h2,h3,h4,h5,h6) {
    margin-top: 12px !important;
}

.wpcp-carousel-wrapper {width:100%; max-height:60vh; overflow:hidden;}
.wpcp-carousel-section.wpcp-standard {max-height:60vh; padding:0; border-radius:24px;}
.wpcp-carousel-section.nav-vertical-center {margin:0;}
.wpcp-carousel-section .wpcp-single-item {border:0px solid white !important;}
.wpcp-carousel-section .swiper-wrapper {display:flex !important; align-items: center !important; max-height:60vh;}
.wpcp-carousel-wrapper .wpcp-carousel-section.wpcp-image-carousel .wpcp-single-item img {width:auto; height:100%;}
.wpcp-carousel-section.nav-vertical-center .swiper-button-prev,
.wpcp-carousel-section.nav-vertical-center .swiper-button-next {background:rgba(0,0,0,0.5) !important; padding:32px !important; border-radius:32px;}
.wpcp-carousel-section.nav-vertical-center .swiper-button-prev:hover,
.wpcp-carousel-section.nav-vertical-center .swiper-button-next:hover {background:black !important;}
.wpcp-carousel-section.nav-vertical-center .swiper-button-prev {top:auto !important; left:auto !important; right:3.33vw !important; bottom:3.33vw !important;}
.wpcp-carousel-section.nav-vertical-center .swiper-button-next {top:auto !important; left:auto !important; right:3.33vw !important; bottom:calc(3.33vw + 80px) !important;}
.wpcp-carousel-section .swiper-button-next, 
.wpcp-carousel-section .swiper-button-next i, 
.wpcp-carousel-section .swiper-button-prev, 
.wpcp-carousel-section .swiper-button-prev i {color:white !important; font-size:18px;}
.wpcp-carousel-section .wpcp-swiper-dots {position:absolute; display:block; left:3.33vw; bottom:3.33vw !important; }
.wpcp-carousel-section .wpcp-swiper-dots .swiper-pagination-bullet {display:block !important; background:white !important; width:4px !important; height:4px !important; margin:7px 3px !important; transition: 0.3s ease;}
.wpcp-carousel-section .wpcp-swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {width:24px !important; height:4px !important; background:#C10101 !important; border-radius:4px; transition: 0.3s ease;}



/* Banner */
.banner-why {
    position: fixed;
    width: 100%;
    max-width:420px !important;
    right: 12px;
    bottom: 12px;
    border-radius: 12px;
    overflow: hidden;
    z-index: 22;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
    transition: opacity 0.25s ease-out;
}

.hidden {
    opacity: 0 !important;
}








/*------------------------------------*\
    MOBILE
\*------------------------------------*/

.booking--desktop:before {top:-24px; left:-24px;}
.booking--desktop:after {right:-24px; bottom:-24px;}
.booking--desktop:before, 
.booking--desktop:after {content:''; position:absolute;width:48px; height:48px; background:#C44B4B;
-webkit-mask-image: radial-gradient(circle at top right, transparent 0, transparent  24px, black 21px);
-webkit-mask-position: top right;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 50% 50%;
mask-image: radial-gradient(circle at top right, transparent 0, transparent 24px, black 21px);
mask-position: top right;
mask-repeat: no-repeat;
mask-size: 50% 50%;
} 


.booking--desktop {position:relative; float:left; width:100%; min-height:100px; background:#C44B4B; color:#fff; padding:24px 24px 24px 24px; margin:0; border-radius:0px 24px 0 0;}
#booking-form form {width:100%; display: flex; align-items: center; justify-content: space-between;}
  
#ITH_dtCheckIn_div, 
#ITH_dtCheckOut_div, 
#ITH_Pax_div, 
#ITH_Extra_div {position:relative; margin:0 6px 0 0; padding:0 0 0 24px; border-left:1px solid rgba(255, 255, 255, 0.6);} 

#booking-form label {font-family: 'DM Serif Display', Sans-Serif; width:100%; display:block; font-size:14px; padding:0; margin:0; text-transform:uppercase; font-weight:700; letter-spacing:1px;}  
#booking-form input[type='text'] {display:block; font-size:14px !important; width:100%; min-width:160px; border:0px solid #FAF8F1; background:transparent; font-size:14px; line-height:24px; color: white; text-align:left; margin:0 !important; padding:0 !important;}
  
#booking-form select {width:100%; border:0px solid #FAF8F1; background:transparent url(img/arrow-down-light.svg) center right no-repeat; background-size:8px auto; font-size:12px; line-height:24px; color: white; padding:0 !important; margin:0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.date-picker {top:auto !important; bottom:90px !important;}  
#booking-form .date-picker-control {position:absolute; bottom:8px; right:14px; display: inline-block; background-image:url(img/arrow-down-light.svg) !important; background-position:center center !important; background-repeat: no-repeat; background-size:8px auto; padding: 0; margin:0;}
 
#booking-form .date-picker-control span {width:24px; height:24px;}

#booking-form button {min-width:25%; font-size:16px; color:#000; background:#fff; padding:18px 0; border:none; margin:0; text-transform: uppercase; font-weight:600; border-radius:8px; letter-spacing:1px; transition: all 0.3s ease 0s;}
#booking-form button:hover {background:#eaeaea; transition: all 0.3s ease 0s;}







/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen
    and (min-width: 120px)
    and (max-width: 470px)
    and (orientation: portrait) {

        .banner-why {max-width: 320px !important;}

        .wpcp-carousel-wrapper {width:100%; /*height:220px !important;*/ /*max-height:60vh !important;*/}
        .wpcp-carousel-section.wpcp-standard {/*max-height:60vh !important;*/ border-radius:0px;}
        .wpcp-carousel-section .swiper-wrapper {/*margin-top: -31%;*/}
        .wpcp-carousel-section.nav-vertical-center .swiper-button-prev,
        .wpcp-carousel-section.nav-vertical-center .swiper-button-next {padding:22px !important;} 
        .wpcp-carousel-section.nav-vertical-center .swiper-button-prev {top:auto !important; left:calc(50% - 46px) !important; right:auto !important; bottom:18px !important;}
        .wpcp-carousel-section.nav-vertical-center .swiper-button-next {top:auto !important; left:auto !important; right:calc(50% - 46px) !important; bottom:18px !important;}
        .wpcp-carousel-section .wpcp-swiper-dots {display:none;}
		
	}	


@media only screen
    and (min-width: 1023px)
    and (max-width: 1180px)
    and (orientation: landscape) {
        .site-logo-container img {max-height:80px !important;}
        .ct-menu-link {padding-left:8px !important; padding-right:8px !important;}
	}



/* TABLET PORTRAIT */	
@media only screen
    and (min-width: 471px)
    and (max-width: 1180px)
    and (orientation: portrait) {

		
	}