/*
*Theme Name:     CozyStay Child Theme
*Theme URI: 	 https://cozystay.loftocean.com/
*Description:    CozyStay child theme for user customization
*Author:         Loft.Ocean
*Author URI:     http://www.loftocean.com
*License: 		 GNU General Public License v2 or later
*License URI: 	 http://www.gnu.org/licenses/gpl-2.0.html
*Tags: 			 full-width-template, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, threaded-comments, translation-ready
*Template:       cozystay
*Text Domain: 	 cozystay-child
*Version:        1.0
*/

 /** Add your styles below **/

 .frm-show-form {
/* 	input{
		border-radius:0 !important;
		border:2px solid #b0854566 !important;
		font-size: 18px !important;
	} */
	imput::placeholder, input::-webkit-input-placeholder {
		color: #182B30 !important;
		font-size: 18px !important;
		opacity: 1 !important;
	}
/* 	input[aria-invalid="true"]{
		border-color: red !important;
	} */
	button{
        padding: 0 24px !important;
       font-size: 0.875rem !important;
	   background-color: #445540 !important;
       border: none !important;
		border-radius: 0 !important;
	   height: 40px !important;
       font-size: 16px !important;
	   display: block !important;
	   margin: 10px auto !important;
	}
	
	.frm_error{
		font-size: 14px;;
		color: red !important;
	}
/* 	input#field_jf2dn{
		min-height: 80px !important;
	} */
/* 	.frm_checkbox input[type=checkbox]:not([disabled]):checked{
		background-color: #b08545b3 !important;
	}
	.frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before:not(#form_newsletter){
	  background-size: 13px !important;
	} */
} 

#form_newsletter{
	input[type="email"] {
    height: 50px !important;
    background: none !important;
    border: 1px solid #fff !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    transition: 0.3s !important;
    -webkit-appearance: none !important;
    border-radius: 0 !important;
    color: #fff !important;
}

input[type="email"]::placeholder{
    color: #f9f9f991 !important;
    font-size: 18px !important;
    opacity: 1 !important;
}
	input[type="email"]::-webkit-input-placeholder{
		color: #f9f9f991 !important;
    font-size: 18px !important;
    opacity: 1 !important;
	}
	input[type="email"]:-moz-placeholder{
		color: #f9f9f991 !important;
    font-size: 18px !important;
    opacity: 1 !important;
	}
	input[type="email"]::-moz-placeholder{
	color: #f9f9f991 !important;
    font-size: 18px !important;
    opacity: 1 !important;	
	}
	input[type="email"]:-ms-input-placeholder{
		color: #f9f9f991 !important;
    font-size: 18px !important;
    opacity: 1 !important;
	}

	input:focus{
		outline:none;
		box-shadow:none !important;
	}
	#frm_field_8_container{
		display:flex;
		flex-wrap:wrap;
	}
	#frm_field_8_container .frm_error{
		width:100%;
		order: 3;
	}
	input[type="checkbox"]{
		width:16px !important;
		height:16px !important;
	}
	
	.frm_opt_container{
		position:relative;
	}
	
	#frm_field_8_container .frm_opt_container .frm_checkbox > label::after{
		content: "";
		position:absolute;
		width:100px;
		left:0;
		top:0;
		height:100%;
	}
	#frm_field_8_container  .frm_primary_label{
		order:2;
		font-size:14px;
		color: white;
	}
	.submit-wrapper{
    background: none;
    border: none;
    box-shadow: none;
    font-size: 18px !important;
	padding-left: 0;
	}
/* 	.wpcf7-submit:after{
		-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font: normal normal normal 14px / 1 "Font Awesome 5 Free";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    font-weight: 900;
    content: "\f1d8";
    font-weight: 400;
    margin-left: 12px;
	} */
	 .frm_error{
		    color: #ff0000e6;
    font-size: 14px;
	}
 .frm_error_style{
		display: none;
	}
	
	@-webkit-keyframes autofill {
    0%,100% {
        color: #666 !important;
        background: transparent !important;
    }
}

input:-webkit-autofill {
    -webkit-animation-delay: 1s !important; /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill !important;
    -webkit-animation-fill-mode: both !important;
}
}
.room-booking-form button.button{
	background: #2A6399;
	font-weight: 700;
}
.cs-reservation-form.inline-label .field-wrap > .cs-form-label, .cs-room-booking .room-booking-title h4{
	font-weight: 500;
}
.cs-reservation-form.inline-label .field-input-wrap > *{
	font-weight: 500;
    font-family: 'Montserrat';
}
.room-booking-form .cs-form-total-price{display: none !important;}
#form_newsletter a:not([class*="button"]):not(:hover){
	color: #b99d75;
}
#form_newsletter a:not([class*="button"]):hover{
	color: #b99d75b5;
}

/* /// Contact Page /// */
.contactLeft, .fancyBox-content-left .cs-fc-wrap .cs-fc-content{
	max-width:730px;
	margin-left: auto;
}
.contectRight, .fancyBox-content-right .cs-fc-wrap .cs-fc-content{
	margin-right:auto;
	max-width:730px;
}


.DividerDotRemove .cs-vd-line:after{
	display: none !important
}

.BannfCollection .cs-title{
    border-bottom: 2px solid #B99E75;
    display: inline-block;
    padding-bottom: 5px;
}


/* Primary Navigation Menu  */
.primary-menu .sub-menu{
	background: #182B30;
}
.primary-menu .current-menu-item a:before{
	background: #B99E75;
}

.fancyBox-content-left .cs-fc-content{
	padding: 110px 60px 110px 83px !important;
}
.fancyBox-content-right .cs-fc-wrap .cs-fc-content{
	padding: 110px 83px 110px 60px !important;
}
/* Home page Popup */
.cs-popup-box{
	position: fixed;
    left: 0 !important;
    transform: translate(40px, 0px) !important;
	bottom: 0 !important;
	box-shadow: 0px 0px 20px #0000005c;
	height: fit-content !important;
	top: auto !important;
}
.cs-popup-box .e-con-inner{margin: 0 !important;}
.elementor-5168 .elementor-element.elementor-element-6de6fc7{min-height: auto !important;}
.cs-popup-box .container{
	height: fit-content !important;
}
.cs-popup-box .close-button{background-color: #182b30 !important; width: 30px !important; height: 30px !important;}
.cs-popup-box .close-button:hover{background-color: #B99E75 !important;}
.close-button:before, .close-button:after{width: 20px !important;top: 14px !important; left: 6px !important;}
.close-button:before, .close-button:after{width: 20px !important;}


#form_newsletter .submit-wrapper > p{display:flex; align-items: center;}
#form_newsletter .submit-wrapper .wpcf7-spinner{right: -53px;}
#form_newsletter .submit-wrapper input[type="submit"]{background: transparent; }
#form_newsletter br{display: none;}
#form_newsletter .form-acceptance{margin-left: -20px;}
#form_newsletter .wpcf7-response-output{margin: 1em 0em;}
.cs-room-content .read-more-btn{font-family: "Montserrat", Sans-serif; color: #475C6A; font-weight: 500;}
.cs-room-content .cs-room-basic-info .csrbi-text, .single-room .cs-room-basic-info .csrbi-text{color:#b99d75; font-weight: 500; line-height: 23px;}
.single-room .cs-room-basic-info ul li{margin: 0;}

.single-room .post-header .entry-title{font-weight: 400;}


input[type="date"]:not(:focus):before {
    content: attr(data-placeholder);
    color: #aaa;
}
.site-header.sticky .header-upper{display: none;}
.sidemenu-custom .menu-item-has-children .dropdown-toggle{width: 100%; text-align: right;}
ul, ol{margin: 0 0 30px 40px;}
/* .cs-room-basic-info ul li{line-height: 23px;} */
.services-lists .cs-title{font-size: 28px !important; line-height: 32px; margin-bottom: 10px !important;}

/* Rooms single page */
.single-room .cs-room-basic-info ul{display: block;}
.single-room .primary {padding-bottom: 60px;}
.single-room  .post-header{margin-bottom: 30px;}

/* Custom Room booking form */
.room-booking-form .number-input{
	padding: 0;
    margin: 0;
    width: 40px !important;
    height: auto !important;
    background: none !important;
    border: none !important;
    text-align: center;
    color: inherit;
    font-size: 16px !important;
    line-height: 1.2 !important;
}
.room-booking-form .number-popup{
	z-index: 999;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
	display: none;
}


.flatpickr-calendar{background: #182b30 !important; padding: 0 15px 15px !important;}
.flatpickr-current-month{
  font-size:16px !important;
  font-family: arial !important;
  font-weight: 300 !important;
  padding-top: 20px !important;
}
span.flatpickr-weekday{
   color: #fff !important;
   font-weight: 400 !important;
   font-family: arial !important;
}
.flatpickr-months .flatpickr-month{color: #fff !important;
    fill: #fff !important;}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay{
  color: #fff;
  
}

.flatpickr-day{    border-radius: 0 !important;
    border: 1px solid #fff !important;
    background: #475c6a !important;
    color: #fff !important;
    max-width: -webkit-fill-available !important;
	margin-top: 0 !important;
}
.flatpickr-days{gap: 10px;}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange{border-radius: 0;}


.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{ background: #b99e75 !important; border-color: #b99e75 !important;}


.flatpickr-day:hover{ background: #475c6a !important;
    border-color: #b99e75 !important; background-color: #b99e75 !important;}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #baa389 !important;
    box-shadow: -10px 0 0 #baa389 !important;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover{
   background: transparent !important;
 }
.flatpickr-day.inRange{
	    border-radius: 0 !important;
    -webkit-box-shadow: -5px 0 0 #baa389, 5px 0 0 #baa389 !important;
    box-shadow: -5px 0 0 #baa389, 5px 0 0 #baa389 !important;
	background: #baa389 !important;
    border-color: #baa389 !important;
}
.flatpickr-months .flatpickr-month{height: 50px !important;}
.flatpickr-current-month{padding: 15px 0 0 0; !important}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg{fill: #fff; color: #fff;}

.elementor-element-64f53b24 .parallax-img-container img {
    height: 100% !important;
    margin: 0 !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
}


@media (max-width:1024px){
	.contactLeft, .contectRight, .fancyBox-content-left .cs-fc-wrap .cs-fc-content, .fancyBox-content-right .cs-fc-wrap .cs-fc-content{
	max-width:100%;
	margin-left: auto;
   }
	
/* 	.section-padding{
		
        padding-right: calc((100 / 25) * 2vw);
	} */
    .fancyBox-content-left .cs-fc-content, .fancyBox-content-right .cs-fc-wrap .cs-fc-content{
	   padding: 60px !important;
	   padding-left: calc((100 / 25) * 2vw) !important;
	   padding-right: calc((100 / 25) * 2vw) !important;
    }
	.single-room  .post-header{margin-bottom: 20px;}
	
}
@media (min-width: 768px){
	.post-excerpt{
	  font-size: 18px;
    }
		.flatpickr-calendar{
		min-width: 650px !important;
	}
}
@media (max-width:767px){
  	.fancyBox-content-left .cs-fc-content, .fancyBox-content-right .cs-fc-wrap .cs-fc-content{
	   padding: 40px !important;
	   padding-left: calc((100 / 25) * 2vw) !important;
	   padding-right: calc((100 / 25) * 2vw) !important;
    }
	.cs-popup-box .popup-left-img{width: 25% !important;}
	.cs-popup-box .footer-popup-wrap > .e-con-inner{flex-wrap: nowrap !important;}
	.cs-popup-box .footer-popup-content{width: auto !important;}
	.cs-popup-box{max-width: 95% !important; transform: translate(0px, 0px) !important;}
	.single-room .primary {padding-bottom: 0px;}
	
/* 	.room-top-section .cs-gallery.gallery-mosaic .cs-gallery-wrap{display: grid; grid-template-columns: repeat(12, 1fr);}
	.room-top-section .cs-gallery.gallery-mosaic .cs-gallery-wrap .cs-gallery-item:nth-child(1){grid-column: 1 / span 12;}
	.room-top-section .cs-gallery.gallery-mosaic .cs-gallery-wrap .cs-gallery-item:nth-child(2), .room-top-section .cs-gallery.gallery-mosaic .cs-gallery-wrap .cs-gallery-item:nth-child(4){display: block; grid-column-start: 1; grid-column-end: 7;}
	.room-top-section .cs-gallery.gallery-mosaic .cs-gallery-wrap .cs-gallery-item:nth-child(3), .room-top-section .cs-gallery.gallery-mosaic .cs-gallery-wrap .cs-gallery-item:nth-child(5){display: block; grid-column-start: 7; grid-column-end: 13;} */
	
	.flatpickr-calendar{
		min-width: 337px !important;
	}
}

@media (min-width: 1200px) {
	.single-room .cs-room-basic-info .csrbi-text{font-size: 17px; line-height: 23px;}
		.single-room .sidebar-container{width: 440px;}
.single-room #secondary{float: right;}
.single-room  .primary {
        float: left;
        width: calc(100% - 440px - 70px);

}
}
span.flatpickr-weekday {

	font-size: 12px !important;
	flex: auto !important;
}

span.flatpickr-next-month {

	border-radius: 50%;
	border: 1px solid #fff;
	width: 36px ! IMPORTANT;
	height: 36px !important;
	line-height: 20px;
	top: 10px !important;
	right: 10px !important;
}

span.flatpickr-prev-month {

	border-radius: 50%;
	border: 1px solid #fff;
	width: 36px ! IMPORTANT;
	height: 36px !important;
	line-height: 20px;
	top: 10px !important;
	left: 10px !important;
}

.flatpickr-day {

	font-size: 12px !important;
	flex-basis: auto !important;
	border: 0.0625rem solid #d8d9db !important;
}
.flatpickr-calendar {

	padding: 0 11px 15px !important;
}
@media (min-width: 768px) {
	.dayContainer {
			justify-content: normal !important;
			width: 280px !important;
			min-width: 280px !important;
			max-width: 280px !important;
		}
				.flatpickr-day {
					width: 36px !important;
					height: 36px !important;
					line-height: 36px !important;
					font-size: 12px !important;
					flex-basis: auto !important;
					border: 0.0625rem solid #d8d9db !important;
				}
		
				.flatpickr-days {
					gap: 0 !important;
				}
		
				.room-booking-title span {
					display: none;
				}
		
				span.flatpickr-weekday {
					color: #fff !important;
					font-weight: 400 !important;
					font-family: arial !important;
					width: 36px;
					height: 36px;
					line-height: 36px !important;
					font-size: 12px !important;
				}
		
				.flatpickr-innerContainer {
					display: block !important;
				}
		
				.dayContainer+.dayContainer {
		
					box-shadow: unset !important;
				}
		
				span.flatpickr-day.flatpickr-disabled {
					cursor: not-allowed;
					text-decoration: line-through;
					color: #d8d9db !important;
				}
		
				span.flatpickr-weekday {
					color: #fff !important;
					font-weight: 400 !important;
					font-family: arial !important;
					width: 36px !important;
					height: 36px ! IMPORTANT;
					line-height: 36px !important;
					font-size: 12px !important;
					flex: auto !important;
				}
		
				.flatpickr-weekdays {
		
					gap: 38px !important;
				}
		
				.flatpickr-days {
					gap: 20px !important
				}
		
			
}

span.flatpickr-day.selected{
	box-shadow: unset	!important;
}
.flatpickr-day.inRange {
	
	box-shadow: unset !important;
}