/*
Theme Name: Aura Creative Media Child Theme
Theme URI: http://auracreativemedia.co.uk
Version: 1.0
Description: A bespoke child theme specifically for Aura Creative Media
Author: Aura Creative Media
Author URI: http://auracreativemedia.co.uk
template: bb-theme
*/

/* Add your custom styles here... */ 



/* Connor changes to gallery section to help with portrait images*/

.aura-roomsingle .vikfx-thumbslide-thumbnails li {
    margin: 0 1px 3px 0 !important;
    padding: 0 3px 3px 0;
    max-width: 100px !important;
    max-height: 65px !important;
}



#tb-col-social {
	display: none;
}

body.page:not(.fl-builder-edit):not(.archive) #main-nav {
	/* position: absolute; */
	left: 0;
    right: 0;
	z-index: 9;
}

body.archive #main-nav {

	width: 100%!important;
	
}

@media screen and (min-width: 1750px){
	body.page:not(.fl-builder-edit):not(.archive) #main-nav {
		/* box-shadow: 0px 3px 19px -8px black; 
	width: 90%;  */
	}
}

#main-nav .mn-col {
	/* max-height: 78px; */
}

#main-nav .menu-item-has-children.fl-has-submenu ul {
    background: #272d49;
    border: 1px solid white;
}

#main-nav .menu-item-has-children.fl-has-submenu ul li a {
	font-size: 1.6rem;
    text-transform: capitalize;
    color: white;
}


#main-nav--tablet .mn-col {
	/* max-height: 78px; */
	z-index: 99;
	position: relative;
}

#main-nav .mn-col .main-menu {
	padding: 5px 15px;
}


.mn-col #main-logo {
	padding: 8px 24px 13px;
    background: white;
}

.fl-menu .fl-menu-mobile-toggle {
    font-size: 20px;
}

.content-squeeze .fl-col-group {
	max-width: 760px;
    margin: auto;
}

#main-nav--tablet .fl-module-menu.fl-menu-mobile-clone {
	background: #234761;
}

#main-nav--tablet .fl-module-menu.fl-menu-mobile-clone li.menu-item a {
	color: white;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 0;
}

#main-nav--tablet .fl-module-menu.fl-menu-mobile-clone li.menu-item:not(:last-child) {
    border-bottom: 1px solid rgb(172, 135, 100);
}

@media screen and (min-width: 1561px){
	#tb-col-email {
		width: 100%!important;
	}
}

@media screen and (max-width: 1320px){	
	#main-nav .menu .menu-item {
		font-size: 16px;
	}
	#main-nav .menu .menu-item a {
		padding: 15px 10px;
	}
}

@media screen and (max-width: 1180px){	
	#main-nav .menu .menu-item {
		font-size: 14px;
	}
	#main-nav .menu .menu-item a {
		padding: 15px 9px;
	}
}

@media screen and (max-width: 859px){
	#tb-col-email {
		width: 100%!important;
	}
}

@media screen and (min-width: 860px) and (max-width: 1560px){
	#main-nav .mn-col .main-menu li.social-nav-icon {
		display: none;
	}
	#tb-col-social {
		display: block;
	}
}
@media screen and (max-width: 1241px){
	#main-nav .main-menu li {
		font-size: 14px;
	}
}


#main-nav .fl-node-xudmksvw43pt > .fl-col-content > .fl-node-content,
#main-nav .fl-node-7x9zkuej04fs {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

#main-nav .fl-node-7x9zkuej04fs {
	flex-wrap: nowrap;
	align-items: center;
	gap: 18px;
}

#main-nav .fl-node-7x9zkuej04fs p {
	margin: 0;
	text-align: right;
	white-space: nowrap;
}

@media (max-width: 1024px) {
	#main-nav .fl-node-7x9zkuej04fs .landlineheader {
		display: none;
	}
}

@media (max-width: 768px) {
	#main-nav .fl-node-xudmksvw43pt > .fl-col-content > .fl-node-content {
		justify-content: flex-start;
	}

	#main-nav .fl-node-7x9zkuej04fs {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}

	#main-nav .fl-node-7x9zkuej04fs .mobileheader,
	#main-nav .fl-node-7x9zkuej04fs .emailheader {
		display: block;
		text-align: left;
		white-space: normal;
	}

	#main-nav .fl-node-7x9zkuej04fs .landlineheader {
		display: none;
	}
}
/* New H1 Placement*/
.fl-row.h1title {
	margin-top: -260px;
	margin-bottom: 150px;
}

/* ---------------- HOME ------------*/

/*Fixing Background image in themer*/
/* Make header transparent on homepage */
body.home .fl-builder-content[data-type="header"] {
  position: absolute;
  width: 100%;
  z-index: 999;
  background: transparent !important;
}

body.home .fl-builder-content[data-type="header"] .fl-row-content-wrap {
  background-image: none !important;
  background-color: transparent !important;
}

/* Remove any top margin/padding on the homepage hero so it sits at the very top */
body.home #fl-main-content {
  padding-top: 0;
  margin-top: 0;
}

/* Ensure the hero row fills the viewport top */
body.home .fl-node-9priv3jl76ms .fl-row-content-wrap {
  padding-top: 120px; /* adjust to match your header height so content isn't hidden behind it */
}





/*End Background image in themer*/


#hero-video {
	overflow: hidden;
	max-height: 920px;
}	

#hero-yt-video {
	margin-top: -40px;
}	

.mejs-container .mejs-controls {
	display: none!important;
}

body.page:not(.fl-builder-edit):not(.archive) #hero-overlay-row {
	    position: absolute;
	    margin-top: 350px;
	    width: 100%;
	    max-width: 100%;
	        z-index: 99;
}
body.page:not(.fl-builder-edit):not(.archive) #home-hero-overlay {

    z-index: 99;
    text-align: center;
    width: 100%;
}

#home-hero-overlay .fl-slide-title {
	font-weight: 800;
	font-family: 'Lato', sans-serif;
	margin-bottom: 75px!important;
	color: #ffffff;
	font-size: 4.8rem;
    line-height: 1.4;
    margin: 0 0 20px !important;
    padding: 0 !important;
    margin-bottom: 75px!important;
}

#hero-video .mejs-overlay-play {
	display: none;
}


@media screen and (max-width: 1320px){
	
	body.page:not(.fl-builder-edit):not(.archive) #hero-overlay-row {
	  
	    margin-top: 200px;
	   
	}
}
@media screen and (max-width: 1080px){
	body.page:not(.fl-builder-edit):not(.archive) #hero-overlay-row {
    	margin-top: 17%;
	}
	#home-hero-overlay .fl-slide-title {
		font-size: 4rem;
		margin-bottom: 40px!important;
	}
}

@media screen and (max-width: 880px){
	body.page:not(.fl-builder-edit):not(.archive) #hero-overlay-row {
    	margin-top: 14%;
	}
	#home-hero-overlay .fl-slide-title {
		font-size: 3.5rem;
		margin-bottom: 30px!important;
		display: none;
	}
}


@media screen and (max-width: 767px){
	#home-slider .fl-slide-content,
	#home-hero-overlay .fl-slide-content  {
	 	background-color: rgb(35, 71, 97);
	}
}

@media screen and (max-width: 767px){
	#home-slider .fl-slide .fl-slide-title,
	#home-hero-overlay .fl-slide-title {
		display: none;
	}
}

@media screen and (max-width: 880px){
	body.page:not(.fl-builder-edit):not(.archive) #hero-overlay-row {
	    margin-top: 14%;
	    margin-top: 0;
	}
	#home-hero-overlay .fl-module-content {
		margin: 0;
	}
	#home-hero-overlay .fl-module-content .main-slide-button a {
		display: block;
		border: none;
	}

}


#home-slider .main-slide-button a,
#home-hero-overlay .main-slide-button a {
	font-weight: 800;
    text-transform: uppercase;
    border: 1px solid rgba(161,123,89,0);
    color: white;
    padding: 14px 19px;
    border-color: white;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-radius: 4px;
    background: rgb(33, 71, 98);
}

@media screen and (max-width: 767px){
	#home-slider .main-slide-button a,
	#home-hero-overlay .main-slide-button a  {
		background: transparent;
	}
}

.testimonial-listing {
	padding: 0;
}

.testimonial-listing li .review-col {
	width: 50%;
	float: left;
}

.testimonial-listing li .review-col.col-left,
.testimonial-listing li .review-col.col-right {
	padding: 60px 23.5px 40px;
}



#testimonial-svg-sq {
	position: absolute;
    left: 0;
}

.testimonial-listing li .review-image-pic {
	box-shadow: 0px 30px 17px -28px #000000;
}
.testimonial-listing li .review-content,
.testimonial-listing li .review-title {
	padding-right: 75px;
}
.testimonial-listing li .review-title {
	color: rgba(172,134,100,1.0);
    font-size: 2.7rem;
    font-family: 'San Francisco',Helvetica,Arial,serif;
	margin-bottom: 30px;
}

.testimonial-listing li .review-content {
	color: white;
	font-weight: 900;
	font-size: 2.5rem;
	
}
.testimonial-listing li .review-stars {
	color: rgba(172,134,100,1.0);
	margin-top: 35px;
}

.testimonial-listing li .review-stars i.fa {
	padding: 0 3px;
}

@media only screen and (max-width:1024px) {
	.testimonial-listing li .review-title {
        font-size: 2.2rem;
	}
	.testimonial-listing li .review-content {
		font-size: 1.8rem;

	}
}

@media only screen and (max-width:720px) {

	.testimonial-listing li .review-content {
		font-size: 1.6rem;
	}
}

@media only screen and (max-width:620px) {
	
	.testimonial-listing li .review-col {
		width: 100%;
	}
	.testimonial-listing li .review-col.col-left,
	#testimonial-svg-sq {
		display: none;
	}
	.testimonial-listing {
		background: #e1d3c6;
	}
	.testimonial-listing li .review-col.col-right {
    	padding: 40px 23.5px 35px;
    	text-align: center;
	}
	.testimonial-listing li .review-title,
	.testimonial-listing li .review-content {
    	padding-right: 0;
	}
	#testimonial-strap .fl-heading {
		text-align: center;
	}
}


@media only screen and (max-width:767px) {
	#home-prefooter .fl-row-content-wrap {
    	background-position-y: 300px;
	}
}

#footer-social ul.menu {
	float: none;
	    display: inline-block;
	    vertical-align: top;
	    display: table;
	    margin: 0 auto;
}

#footer-social ul.menu li {
	float: left;

}

#scroll-to-top-bar {
	visibility: hidden;
}

.page-title--static {
	max-width: 1420px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width:767px) {
	.menu-pages--child ul {
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

body.page:not(.fl-builder-edit) .panel-nav-heading .fl-heading {
	margin-top: -47px!important;
	background: rgba(255, 255, 255, 0.72);
    z-index: 9;
    position: relative;
    width: 100%;
    padding: 10px!important;
}

.inner-content-text h1,
.inner-content-text h2,
.inner-content-text h3,
.inner-content-text h4,
.inner-content-text h5 {
	color: #ac8764;
}

.pp-hover-card-title h2 {
	color: white;
}
@media only screen and (min-width:1421px) {
	.page-banner-row .page-title--static .fl-heading {
		padding-left: 35px!important;
	}
}
@media only screen and (min-width:1024px) and (max-width:1420px){
	.page-banner-row .page-title--static .fl-heading {
		padding-left: 25px!important;
	}
}
@media only screen and (max-width:767px) {
	.page-banner-row .page-title--static .fl-heading {
		padding-left: 20px!important;
	}
}

.aura-roomlist .vblistroomblock .vbo-info-room {
    padding-left: 15px;
    display: flex;
    flex-direction: column;
   /* border-right: 1px solid rgb(228, 232, 235); */

}
.aura-roomlist .room_result {
    border: none;
}
.vbdescrlistdiv {
    padding: 8px 20px 8px 10px;
    overflow: hidden;
}
.aura-roomlist .vblistroomblock,
.room_resultdiffusage {
     border: none;
}
.aura-roomlist .vblistroomblock .vbimglistdiv {
    -ms-flex: 0 0 35%;
    -webkit-flex: 0 0 35%;
    flex: 0 0 35%;
}
.aura-roomlist .vbrowcname {
    font-size: 3.4rem;
    padding: 0;
    display: block;
    color: #214762;
    font-weight: bold;
}
.aura-roomlist .vbrowcname a {
	color: #214762;
}
.aura-roomlist .vblistroomcat,
.aura-roomsingle .vblistroomcat {
    color: #ad845c;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 5px;
    /* margin-bottom: 8px; old*/
}
.aura-roomlist .vblistroomcat i.fa,
.aura-roomsingle .vblistroomcat i.fa {
    padding-right: 6px;
}

.aura-roomlist .vbrowcdescr {
	margin: 15px 0;
}
.aura-roomlist.vblist li,
.room_resultdiffusage {
    margin: 0 0 35px 0;
}
.aura-roomlist .vbulcarats {
    text-align: right;
}
.aura-roomlist .vbulcarats li {
    padding: 2px;
    margin-bottom: 8px;
}
.aura-roomlist .vbulcarats li span {
	background: rgba(54, 87, 104, 0.14);
	padding: 3px 5px;
}
.vbulcarats li span i.fa {
	 font-size: 26px;
}

    
.aura-roomlist.vblist .vbsrowpricediv {
	text-align: right;
	padding: 3px 5px 3px 16px;
	margin-bottom: 2.4rem;
}
.aura-roomlist .vbsrowprice .vbsrowpricediv .room_cost {
    font-weight: 600;
    font-size: 3.6rem;
    color: #a5a4a3;
}
.aura-roomlist.vblist li .vbliststartfrom {
    color: #ac8764;
    font-weight: 300;
    font-size: 1.7rem;
}
.aura-roomlist .vbrowroomcapacity {
    display: block;
    text-align: right;
    margin: 10px 4px 8px 0;
}
.aura-roomlist .vbmaxminpeopleroom {
    margin-top: auto;
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #e4e8eb;
    border-bottom: 1px solid #e4e8eb;
    background: rgba(228, 232, 235, 0.18);
}
.aura-roomlist .vbselectordiv {
    border-top: none;
       padding: 12px 0px;
    margin: auto 0 0 auto;
    width: 85%;
}
.aura-roomlist .vbsrowprice {
    display: flex;
    flex-direction: column;
    padding-right: 8px;
}

.aura-roomlist.vblist .roomlist_moredetails {
	padding: 14px 7px 10px 0;
}
.aura-roomlist.vblist .roomlist_moredetails li {
	margin: 1px 0 1px 0;
	text-align: right;
	list-style-type: none;
	font-size: 14px;
	font-weight: bold;
	color: #598ea4;
}

.vbdivtot, .vbdivtotinline, .vbsrowprice {
	height: 100%;
}

.vbmodhorsearch-hum-guests-rooms,
.vbmodhorsearchroomsel, 
.horsrnum,
.vbo-search-num-rooms,
.vbo-search-roomnum {
	display: none!important;
}

.vb_detpriceroombt {
    color: white;
    background: #365868;
}

.vik-widget-row .fl-widget {
	margin-bottom: 5px;
}

/* --  SINGLE -  */

.aura-roomsingle .vblistroomnamediv {
    width: auto;
    margin: 0 0 18px 40px;
    border-bottom: none;
    position: absolute;
    z-index: 9999;
	left: 0;
    padding: 20px 40px 25px;
    background: rgba(246, 246, 246, 0.62);
}

@media (max-width: 767px){
	.aura-roomsingle .vblistroomnamediv {
		margin: 0 0 18px 20px;
	}
}


.aura-roomsingle .vblistroomnamediv .vblistroomname {
    font-size: 3rem;
    display: inline-block;
    color: #3E6372;
    font-weight: bold;
}

.aura-roomsingle .roomlist_moredetails {
	padding: 0px 7px 0 0;
}
.aura-roomsingle .roomlist_moredetails ul {
	padding-left: 0px;
    /* padding-top: 5px;
    padding-bottom: 12px;
  */
}
.aura-roomsingle .roomlist_moredetails li {
	margin: 1px 0 1px 0;
	text-align: left;
	list-style-type: none;
	font-size: 16px;
	color: #e2e2e2;
	font-weight: bold;
}


.aura-roomsingle .vblistroomcat {
	color: #845b32;
}

@media only screen and (min-width:1024px) {  
	.aura-roomsingle.vbrdetboxtop .vbroomimgdesc {
	    width: 100%;
	    float: left;
	}
}

.aura-roomsingle .vikfx-thumbslide-thumbnails {
	padding-top: 3px;
}
.aura-roomsingle .vikfx-thumbslide-thumbnails li {
    margin: 0 0px 0px 0;
    padding: 0 3px 3px 0;
	max-width: 101px;
}

.aura-single .vbo-rdet-descprice-block {

    border-top: none;
    border-bottom: none;
    margin: 0 0 10px 0;
    background: transparent;
}

.aura-single .vb_detcostroomdet .vblistroomname {
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
    padding-bottom: 10px;
}
.aura-single .vbliststartfromrdet {
    font-size: 18px;
	color: #ad8765;
}
.aura-single .room_carats {
    border-bottom: 1px solid rgba(255, 255, 255, 0.54);
    padding-bottom: 10px;
	padding-top: 7px;
}

.aura-single .vbmaxminpeopleroom {
    color: white;
	display: none;
}

.aura-single .vblistroomname .room_cost {
    font-size: 4.7rem;
    display: block;
    font-weight: bold;
	color: white;
}

.aura-single .vbulcarats {
	margin-top: 20px;
}
.aura-single .vbulcarats li {
    padding: 2px;
    margin-bottom: 8px;
}
.aura-single .vbulcarats li span {
    background: rgb(226, 226, 226);
    padding: 3px 5px;
}

.aura-single .vbulcarats li span i.fa {
        
}

.aura-single .vblistroomnamedivprice {
    padding: 15px 0 0;
}

.aura-single .vbo-rdet-descprice-block .vb_detcostroomdet {
	background: #272d49;
    /* padding: 18px 15px; old*/
    padding: 8px 15px;
}

.single-vb.booknow-wrap .booknow {
    background: #214762;
    padding: 0;
    border: 1px solid white;
    width: 100%;
    border-radius: 2px;
	margin-bottom: 10px;
}

.single-vb.booknow-wrap .booknow a {
    padding: 10px 12px;
    display: block;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.7rem;
}

@media only screen and (min-width:1024px) {  
	.aura-single .vbo-rdet-descprice-block {
		width: 100%;
		flex-direction: column;
		padding-left: 10px;
	}
	.aura-single .vbo-rdet-descprice-block .vb_detcostroomdet {
	    width: 100%;
	    float: left;
	}
	.aura-single .vbo-rdet-desc-cont {
	    width: 100%;
	    float: left;
	    padding: 10px 20px;
	    display: inline-block;
	    background: #fff;
	    border-right: none;
	}
}
.aura-single .vbo-reqinfo-cont {
	margin-top: 30px;
}


.aura-single .vbo-rdet-desc-cont {
    margin: 0 0 40px;
	float: left;
	
}
.aura-single .vbo-rdet-desc-cont h4 {
	    font-size: 2.4rem;
    margin: 0 0 23px;
    line-height: 30px;
    color: #204762;
    font-weight: bold;
}

.aura-single .vb-single-sidebar {
	float: left;
	width: 100%;
}


@media screen and (min-width: 1480px){
	.aura-single .vbo-rdet-desc-cont {
		float: right;
		width: 68%;
	}
	.aura-single .vb-single-sidebar {
		float: left;
		padding-right: 45px;
		width: 32%;
		min-width: 428px;
	}
}
@media screen and (min-width: 1200px) and (max-width: 1479px) {
	.aura-single .vbo-rdet-desc-cont {
		float: right;
		width: 60%;
	}
	.aura-single .vb-single-sidebar {
		float: left;
		padding-right: 45px;
		width: 40%;

	}
}




.room_buttons_box .booknow,
.vboconfirmbottom .booknow {
    margin: 0 0 15px 0;
    padding: 12px 30px;
    font-size: 2.2rem;
}

.vbvordpaybutton input[type="image"] {
	    transform: scale(1.5);
}

@media only screen and (max-width:1023px) {  
	.vbo-rdet-descprice-block .vb_detcostroomdet {
		width: 100%!important;
	}

}

@media only screen and (min-width:1024px) {  
/* 	.aura-single .vbo-rdet-desc-cont {
		-webkit-columns: 2;
   		-moz-columns: 2;
        columns: 2;
	} */
	
}
.aura-single .vbo-reqinfo-opener {
    padding: 12px 19px;
    font-size: 2rem;
    background: #214762;
    color: #fff;

}

.aura-single .vbmaxadultsdet,
.aura-single .vbmaxchildrendet,
.aura-single .vbmaxtotdet {
    display: inline-block;
    text-align: center;
    padding: 3px;
    margin-bottom: 10px;
}

.aura-single .room_carats .vbtith3 {
	display: none;
}

.aura-single #vbjstotnights {
    margin: 2px 0 10px;
    font-size: 14px;
    padding-left: 25px;
}
.aura-single .vbo-search-submit {
    margin: 20px 0;
    /* width: 70%; */
        flex: 1;

}

.aura-single .vbo-seldates-cont h4 {
    color: #204762;
    font-size: 20px;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
}
.aura-single .vbo-search-submit .btn {
    padding: 12px 50px !important;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}

/* Large Screens (Desktop) */
@media (min-width: 992px) {
    .aura-single .vbo-search-submit .btn {
        width: 70%; /* Sirf bari screens par 70% */
    }
}

.aura-single .vbo-availcalendars-cont {
	margin-top: 0px;
	margin-bottom: 50px;
	width: 100%;
	padding: 20px 20px 30px;
	box-shadow: 0 0 21px 0 #b7b7b747;
	text-align: center;
	float: left;
}
.aura-single .vbo-availcalendars-cont h4 {
	  font-size: 27px;
    width: 100%;
    padding: 8px 0;
    color: #365768;
    font-weight: bold;
    margin-bottom: 20px;
}
.aura-single .vbo-availcalendars-cont h4 span {
	  border-bottom: 1px solid #ddd;
	  padding-bottom: 7px;
}

.aura-single .vbo-seldates-cont .vb-search-inner h5 {
	width: 100%;
    font-size: 2rem;
    margin: -5px 0 20px;
    font-weight: 900;
    color: #365768;
    border-bottom: 1px solid rgba(89, 142, 164, 0.22);

}


@media screen and (max-width: 1199px) {
	.aura-single .vbo-availcalendars-cont,
	.aura-single .vbo-seldates-cont {
		/*width: 50%;*/
		width: 100%;
		float: left;
		padding: 10px 35px;
		
	}
}


@media screen and (max-width: 768px) {
	.aura-single .vbo-availcalendars-cont,
	.aura-single .vbo-seldates-cont {
		width: 100%;
		float: left;
		padding: 10px 25px;
		
	}
}

@media screen and (min-width: 768px){
	
	.vbo-mapframe-cont {
		padding-right: 15px;
	}

}
.vbo-mapframe-cont {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}

.vbo-mapframe-cont h4 {
    color: #204762;
    font-size: 24px;
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
	text-align: center;
}

.contact-form .wpcf7 input,
.contact-form .wpcf7 textarea,
.contact-form .wpcf7 label,
.contact-form .wpcf7 .wpcf7-form-control-wrap {
	width: 100%;
	max-width: 100%;
}

.contact-form .wpcf7 .wpcf7-submit {
	font-size: 2rem;
	    padding: 1.4rem;

}

.main-post-index .fl-post-feed-more {
    padding: 8px 15px;
    background: #272d49;
    color: white;
    margin-top: 30px;
}

.fl-module-sidebar .fl-widget .fl-widget-title {
    margin-bottom: 20px;
    font-size: 2.6rem;
    font-weight: bold;
    color: #ac8764;
    border-bottom: 1px solid rgba(39, 45, 73, 0.16);
}

.fl-module-sidebar {
	padding-left: 10px;
}

@media only screen and (max-width:1380px) and (min-width:1023px) {  

	 .fl-menu .fl-toggle-arrows .fl-menu-toggle:before,  
	.fl-menu .fl-toggle-none .fl-menu-toggle:before {
		display: none;
	}
}

.template__SingleCottage .page-banner-row {
	display: none;
}

.ui-datepicker-group:not(.ui-datepicker-group-last){	
    padding-right: 20px;
    border-right: 1px solid #929090;
}

.ui-datepicker-group:not(.ui-datepicker-group-first){	
    padding-left: 20px;

}
.flex-2-col {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.flex-2-col > div {
	border: 1px solid #dddddd;
	    padding: 17px;
	    background: #f6f6f6;
}
.large-6 {
	width: 50%;
}

.vbvordpaynote {
	margin: 20px 0;
}


.vbo-showprc-wrapper .vbroomimgdesc,
.vbo-showprc-wrapper .room_carats
{
	display: none;
}

.vbo-showprc-wrapper .vbo-showprc-roomname {
	font-size: 3rem;
	margin-bottom: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(128, 128, 128, 0.12);
}

.vbo-availability-wrapper .vbo-availability-room-container {
	margin: 30px 0 45px;
	padding-bottom: 40px;

	border-bottom: 3px solid #365868;
	box-shadow: 0 0 12px -4px black;
}

.vbo-availability-wrapper .vbo-availability-room-container .room_carats {
    margin-bottom: 0;
}


.vbo-availability-wrapper .vbo-availability-room-containerr:nth-child(odd) .vbo-availability-room-details {
	background-color: #f4f4f4;
}

.ui-datepicker .ui-datepicker-calendar td {
    border: 1px solid #adadad;
}
.ui-datepicker td:not(.ui-state-disabled){
    background: #e0ffdc;
}

body .ui-datepicker-calendar .ui-state-disabled, 
.ui-datepicker-calendar .ui-widget-content .ui-state-disabled, 
body .ui-datepicker-calendar .ui-widget-header .ui-state-disabled {
    opacity: 0.4 !important;
}

.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span {
    transform: scale(1.8);
}

 .ui-datepicker .ui-datepicker-next span,
 .ui-datepicker .ui-datepicker-prev span  {
    background-image: url(/wp-content/plugins/vikbooking/site/resources/images/ui-icons_0073ea_256x240.png);
}

body .ui-datepicker .ui-datepicker-prev, 
body .ui-datepicker .ui-datepicker-next, 
body .ui-datepicker .ui-datepicker-prev-hover, 
body .ui-datepicker .ui-datepicker-next-hover {
    top: 0px !important;
}

.vbo-seldates-cont {
	    margin-top: 1rem;
	    padding-left: 10px;
}

.vbo-availcalendars-cont .vbcaldivcont {
    margin: 0 20px 8px 0;
}

.ytp-chrome-top, .ytp-chrome-bottom {
	display: none!important;
}



/* ---------------- 1024 - 768 ------------*/
@media only screen and (max-width:1024px) and (min-width:768px) {  
	.medium-6 {
		
		width: 50%;
	}

}

/* ---------------- 767px and Less ------------*/
@media only screen and (max-width:767px) and (min-width:0px) {
    .small-12 {
    
    	width: 100%;
    }

}
.vbo-availability-room-container {
	padding: 20px;
}

.vbo-availability-room-container:nth-child(odd) {
	background: rgb(237, 247, 252);
}

.vbo-availability-room-container:nth-child(even) {
	background: #f6f6f6;
}

.vbo-availability-room-monthcal.table-responsive {
	background: white;
}

.vbo-availability-room-monthcal.table-responsive .vbo-availability-month-name {
	background: #365868;
	color: white;
}

.vbo-availability-room-avdays .vbo-free-cell {
    background: #cbcbcb;
}

.vbo-availability-room-details h4 {
    font-size: 2.6rem;
    font-weight: bold;
}

.vbo-availability-controls {
	position: -webkit-sticky;
	 position: -moz-sticky;
	 position: -ms-sticky;
	 position: -o-sticky;
	 position: sticky;
	top: 0;
	/* z-index: 99; */
	z-index: 9999;
	background: white;
	left: 0;
	width: 100%;
	padding: 8px 0 14px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.vbo-availability-controls form {
	width: auto;
    display: inline-block;
    margin-right: 20px;

}
.vbo-availability-controls .vblegendediv {
   clear: none;
   display: inline-block;
   flex: 1 1 auto;
}
.vbo-availability-controls select {
    font-size: 16px !important;
    line-height: 16px;

}


.vblegfree {
    background: #cbcbcb;
}

@media only screen and (max-width: 600px){
	.vblegenda {
	    width: 100%;
	    font-size: 12px;
	}

	.vbo-availability-controls {
		padding: 8px 0 8px 0;
	}
}


.vbrdetboxtop .vbroomimgdesc .vikfx-thumbslide-container {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	flex: 1;
}

.aura-single .vbo-rdet-descprice-block {

    background: #272d48;
    margin-bottom: 0;
 }

@media only screen and (min-width: 1024px){

	
	.vbrdetboxtop .vbroomimgdesc .vikfx-thumbslide-container .vikfx-thumbslide-fade-container {
	    width: 73%!important;
	}

	.aura-single .vbo-rdet-descprice-block {
	    width: 27%;
	    justify-content: center;
	}
	.single-vb.booknow-wrap {
		display: none;
	}

}


@media only screen and (max-width: 1023px){
	.template__SingleCottage .vik-widget-row .fl-row-content-wrap {
		display: none;
	}

}


.vbo-results-head {
    margin: 0 0 10px;
    padding: 10px;
}
.vbo-showprc-wrapper {
    margin-top: 0px;
}
.vbo-showprc-room-head {
    font-size: 12px;
    margin: 0 0 10px;
}

.vbo-showprc-wrapper .vbo-showprc-roomname {
    font-size: 2rem;
    margin-bottom: 13px;
    font-weight: bold;
    color: #ffffff;
    background: #224761;
    padding: 5px 15px 0;
    text-transform: uppercase;
    text-align: center;
}


@media only screen and (min-width: 1024px){
	.room_prices {
	    width: 50%;
	    float: left;
	    padding-right: 40px;
	}

	.room_options {
	    width: 50%;
	    float: left;
	}
	.vbo-showprc-optionstable .vbo-showprc-option-entry {
	    -ms-flex: 0 0 48%;
	    -webkit-flex: 0 0 48%;
	    flex: 0 0 48%;
	}
}




.room_prices h4,
.room_options h4 {
    font-weight: bold;
}

.room_buttons_box .booknow {
	padding: 14px 85px;
	text-transform: uppercase;
}

#room-36.aura-single .vb-single-sidebar .vbo-availcalendars-cont,
#room-36.aura-single .vb-single-sidebar .vbo-seldates-cont {
	display: none;
}

.vba-custom-message {
	margin-top: 35px;
	font-size: 1.8rem;
}



.vba-custom-message .btn{
	background: #224762;
    color: #fff;
    border: 1px solid #122635;
    outline: none;
    position: relative;
    top: 1px;
    padding: 20px 50px 16px !important;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
}

.vba-custom-message .btn:hover {
	color: white;
}

#cf-order_sprequests {
	display: none;
}

@media screen and (max-width: 560px){
	.aura-roomsingle .vblistroomnamediv {
    	padding: 10px 13px 12px;
	}
	.aura-roomsingle .vblistroomnamediv .vblistroomname {
    	font-size: 2.6rem;
        margin-top: 15px !important;
	}
	.aura-roomsingle .vblistroomcat {
    	font-size: 15px;
	}

}

[data-vbo-expl] {
   /* background: rgba(54, 87, 104, 0.14);
    padding: 3px 5px;
    display: inline-block; */
}
.vbo-icn-carat {
    color: #708896;
    font-size: 26px;
}

.vbo-availcalendars-cont .vbcaldivcont {
	width: auto;
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
    /* background-image: url(/wp-content/plugins/vikbooking/site/resources/images/ui-icons_0073ea_256x240.png); */
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    /* transform: scale(1.8); */
}

#ui-datepicker-div {
	/* display: flex; */
}

@media only screen and (min-width: 1024px){
	.vbo-showprc-optionstable .vbo-showprc-option-entry {
    	-ms-flex: 0 0 32%;
    	-webkit-flex: 0 0 32%;
    	flex: 0 0 32%;
	}
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    top: 17px !important;
   filter: sepia() saturate(900000%) brightness(100%) hue-rotate(
238deg); 
} 

.vbo-showprc-option-entry-img img {
    object-fit: cover;
    height: 175px;
    width: 100%;
}
.vbo-room-carat [data-vbo-expl] i {
    padding: 4px 4px;
    background: #e4e8eb;
    color: #708896;
    vertical-align: middle;
    font-size: 22px;
}

.aura-roomlist .vblistroomblock .vbo-info-room {
    padding: 0 0 0 30px;
}

.aura-roomlist .roomlist_carats {
    /* text-align: right; */
    text-align: left !important;
}

.aura-roomlist .roomlist_carats .vbo-room-carat {
	margin-top: 7px;
}

.aura-single .room_carats .vbo-room-carats {
	text-align: left;
}

.vbo-results-head:not(.vbo-results-head-showprc) span {
    padding: 14px;
    color: #365868;
    font-size: 19px;
}

.vbo-results-head:not(.vbo-results-head-showprc) span i {
	margin-right: 5px;
}

.vbo-results-head.vbo-results-head-showprc {
	display: flex;
}

.vbcheckinroom-lbl, .vbcheckoutroom-lbl {
    font-size: 0.8em;
    display: block;
    color: rgb(105, 138, 168);
}

.vbo-showprc-room-head {
    font-size: 14px;
    text-align: left;
    display: flex;
    margin: 0px 0px 10px;
    background: rgb(246, 246, 246);
}

.goback a {
    color: rgb(68, 68, 68);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    background: none 0px 0px repeat scroll rgb(238, 238, 238);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    border-radius: 4px;
    margin: 0px;
    padding: 8px 25px;
    transition: all 400ms ease-in-out 0s;
}
.vbo-results-head > span:not(first-child) {
	border-left: 1px solid #eee;
}

.vbo-results-head > span {
	display: inline-block;
    padding: 10px 30px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}
   .vbchoosepayment+ul li {
    background: none repeat scroll 0 0 #eee;
    display: inline-block;
    vertical-align: top;
    margin: 5px;
    padding: 10px 15px;
    height: 60px;
    line-height: 37px;
    list-style-type: none !important;
}
.vbchoosepayment+ul {
	padding-left: 0;
}


.vbo-booking-details-head-confirmed {
    background: #7eb676;
    color: #fff;
    width: 100%;
	margin-top: 50px;
}

.ui-datepicker-multi-2 .ui-datepicker-group-first {
    margin-right: 0 !important;
    padding-right: 10px !important;
}
.ui-datepicker-multi .ui-datepicker-group {
    width: calc(50% - 12px) !important;
}
.ui-datepicker-group:not(.ui-datepicker-group-first) {
    padding-left: 10px;
}

.single-prop-summary,
.single-prop-offer {
	border-bottom: 1px solid rgb(173 135 101);
}

.single-prop-offer {
	background: #d76161;
}


.single-prop-summary > span {
	font-size: 13px;
	color: white;
	text-align: left;
	margin-bottom: 20px;
	display: block;
}

.single-prop-summary span ul {
	padding-left: 15px;
}


.single-prop-offer p {
	color: white;
    font-size: 14px;
    padding: 20px 15px 0;
    margin-bottom: 18px;
}

.index-prop-offer {
	background:  #d76161;
	margin-bottom: 10px;
}

.index-prop-offer p {
	padding: 15px 15px 6px;
    color: white;
    font-size: 13px;
    text-align: center;
}

.vbimglistdiv .soffer-img {
	position: absolute;
	max-width: 150px;
	top: 0;
	left: 0;
}

@media (min-width: 1024px) and (max-width: 1280px){

	.single-prop-summary > span {
		font-size: 11px;
		color: white;
		text-align: left;
		margin-bottom: 20px;
	}
	
	.single-prop-offer p {
		color: white;
		font-size: 12px;
		padding: 20px 15px 0;
		margin-bottom: 18px;
	}

}

@media (min-width: 1024px) and (max-width: 1180px){
	.single-prop-summary > span {
		display: none;
	}
}

@media (max-width: 640px){
	.aura-roomlist .vblistroomblock .vbimglistdiv {
		flex: 1 1 100%;
	}
	.aura-roomlist .vblistroomblock .vbo-info-room {
		padding: 0 0 0 5px;
	}
	.aura-roomlist.vblist .vbsrowpricediv,
	.aura-roomlist .roomlist_carats,
	.aura-roomlist.vblist .roomlist_moredetails li {
		text-align: center;
	}
	.aura-roomlist.vblist .roomlist_moredetails ul {
		padding-left: 5px;
	}
	.aura-roomlist .vbselectordiv {
		width: 100%;
	}
}


/* @media (max-width: 600px){
	.single-prop-summary span {
		padding-top: 15px;
	}
} */

.aura-roomlist.vblist .room_result {
	box-shadow: 1px 1px 7px -2px black!important;
    padding: 20px 20px 12px;
	border-radius:6px;
}
.aura-roomlist.vblist .room_result:nth-child(even){
	    background: rgb(197 197 197 / 16%);
}

/* Hide starting from + Prices */
.aura-roomlist.vblist .vbsrowpricediv.roomlist-generic,
.vb_detcostroom .vbliststartfromrdet,
.aura-single .vblistroomname .room_cost {
    display: none!important;
}
.aura-roomlist.vblist .vbsrowprice {
	padding-top: 0;
}


.reviews-title {
	margin: 20px 0 10px;
    font-size: 26px;
    letter-spacing: 1px;
    font-weight: 800;
    text-transform: uppercase;

}
.reviews-slider {
    padding: 10px 0 10px 0;
    margin: 5px 0 20px;
	list-style-type: none;
}

.reviews-slider li {
	list-style-type: none;
}
.reviews-slider .review-stars {
    margin: 20px 0;
}
.reviews-slider .review-stars .fa.fa-star {
    font-size: 20px;
    color: #e7cb00;
    padding: 0 3px;
}

.reviews-slider .review-content {
    font-size: 17px;
    color: #204762;
    margin-bottom: 20px;
}

.review-footer .review-title,
.review-footer .review-date {

}

.review-footer .review-title {
    font-weight: bold;
    margin-bottom: 15px;
}

.review-footer .review-date {
    font-weight: 300;
}

@media (max-width: 1023px){
	.reviews-slider {
		max-width: 762px;
   	     margin: 20px auto 0;
	}
}

@media (max-width: 768px){
	.reviews-slider {
		max-width: 470px;
   	     margin: 20px auto 0;
	}
}

@media (max-width: 480px){
	.reviews-slider {
		max-width: 320px;
   	     margin: 20px auto 0;
	}
}

.vbrdetboxtop .vbroomimgdesc .vikfx-thumbslide-container img.vblistimg {
    max-height: 655px;
}

/*Custom CSS for the customization made*/

.vbo-room-carat-name {
    font-family: Lato;
    font-weight: 900;
    /*font-size: 14px;*/
    /*line-height: 100%;*/
    color: #24465F;
    padding: 0px 10px;
}

.aura-roomlist .vbrowcname {
    font-family: Lato;
    font-weight: 400;
    /*font-size: 40px;*/
    /*line-height: 100%;*/
    color: #375768;
}

.aura-roomlist .vbrowcdescr {
    font-family: Lato;
    font-weight: 400;
    /*font-size: 14px;*/
    /*line-height: 100%;*/
    color: #24465F;
}

.aura-roomlist .vblistroomcat {
    font-family: Lato;
    font-weight: 400;
    /*font-size: 14px;*/
    /*line-height: 100%;*/
    color: #913F28;
}

.aura-roomlist .more-info-btn {
    background: white;
    color: #375869;
    border: 2px solid #375869;
}

.vblistroomblock img.vblistimg {
    height: 300px;
}

/*Custom CSS for the customization made*/



/* Ahmad's Added CSS starts from here */


/* ---- Ensure outer wrappers allow arrows outside ---- */
.aura-roomlist.vblist .room_result,
.room_result .vblistroomblock,
.room_result .vbimglistdiv,
.room_result .vikfx-thumbslide-fade-container {
    overflow: visible !important;
}


/* ---- Landscape Image Container ---- */
.room_result .vbimglistdiv {
    height: auto !important;
    aspect-ratio: 16 / 10;
    width: 100%;
    display: flex;
    justify-content: center;   /* center horizontally */
    align-items: center;       /* center vertically */
    position: relative;
}


/* ---- Reduce actual slider width to create arrow space ---- */
.room_result .vikfx-thumbslide-container {
    width: 82% !important;
    margin: 0 auto;
    position: relative;
    height: 100% !important;
}


/* ---- Image Fit ---- */
.room_result .vikfx-thumbslide-image,
.room_result img.vblistimg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}


/* Arrows always visible */

/* Force visible */
.room_result .vikfx-thumbslide-navigation-controls-prevnext,
.room_result .vikfx-thumbslide-navigation-controls {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Remove hover dependency fully */
.room_result .vikfx-thumbslide-container:hover 
.vikfx-thumbslide-navigation-controls-prevnext {
    opacity: 1 !important;
}

/* Position wrapper centered */
.room_result .vikfx-thumbslide-navigation-controls-prevnext {
    position: absolute;
    top: 53%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 9999 !important;
    pointer-events: none;
}


/* Individual arrows */
.room_result .vikfx-thumbslide-previous-image,
.room_result .vikfx-thumbslide-next-image {
    position: absolute;
    pointer-events: auto;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #375869 !important;
}

/* Desktop arrow position */
.room_result .vikfx-thumbslide-previous-image {
    left: -51px;
}

.room_result .vikfx-thumbslide-next-image {
    right: -31px;
}


/* Force arrow icon color */
.room_result .vikfx-thumbslide-navigation-controls-prevnext a i,
.room_result .vikfx-thumbslide-navigation-controls-prevnext a svg {
    color: #375869 !important;
    fill: #375869 !important;
}


/* Remove focus blue highlight */
.room_result .vikfx-thumbslide-previous-image:focus,
.room_result .vikfx-thumbslide-next-image:focus,
.room_result .vikfx-thumbslide-previous-image:active,
.room_result .vikfx-thumbslide-next-image:active {
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}



/* Centering Image CSS */

.room_result .vbimglistdiv {
    height: 280px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative;
}

/* Ensure inner slider fills full height */
.room_result .vikfx-thumbslide-container,
.room_result .vikfx-thumbslide-fade-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

/* Prevent image pushing upward */
.room_result .vikfx-thumbslide-image,
.room_result img.vblistimg {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}



/* Responsiveness */

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {

    .room_result .vbimglistdiv {
        height: 260px !important;
    }

    .room_result .vikfx-thumbslide-container {
        width: 95% !important;
    }
}


/* ---------- Mobile ---------- */
@media (max-width: 767px) {

    .room_result .vbimglistdiv,
    .room_result .vikfx-thumbslide-container,
    .room_result .vikfx-thumbslide-fade-container {
        overflow: visible !important;
        position: relative !important;  
    }

    .room_result .vbimglistdiv {
        height: 220px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 30px !important;    
        box-sizing: border-box !important;
    }

    .room_result .vikfx-thumbslide-container {
        width: 100% !important;
        margin: 0 !important;
    }

  
    .room_result .vikfx-thumbslide-navigation-controls-prevnext {
        width: calc(100% + 80px) !important;  
        left: -40px !important;               
        right: auto !important;
        margin: 0 !important;
        position: absolute !important;
        top: 55% !important;
        transform: translateY(-50%) !important;
        z-index: 9999 !important;
        pointer-events: none !important;
        overflow: visible !important;        
    }

    .room_result .vikfx-thumbslide-previous-image {
        left: 0 !important;                  
        pointer-events: auto !important;
    }

    .room_result .vikfx-thumbslide-next-image {
        right: 0 !important;            
        pointer-events: auto !important;
    }

}

/* Book Now Button - Filled | Hover: Outline */
.book-now-btn {
    background-color: #375869 !important;
    color: white !important;
    border: 2px solid #375869 !important;   
    transition: all 0.3s ease;
}

.book-now-btn:hover {
    background-color: transparent !important;
    color: #375869 !important;
    border: 2px solid #375869 !important;
}

/* More Info Button - Outline | Hover: Filled */
.more-info-btn {
    background-color: transparent !important;
    border: 2px solid #375869 !important;
    color: #375869 !important;
    transition: all 0.3s ease;
}

.more-info-btn:hover {
    background-color: #375869 !important;
    color: white !important;
    border: 2px solid #375869 !important;
}


/* Navigation arrows shadow remove */
.vikfx-thumbslide-fade-container a i {
    text-shadow: none !important;
}

.vbselectr:has(.book-now-btn, .more-info-btn) {
    padding: 0 !important;
}



/* Availability At A Glance  Page CSS starts here*/

/* ============================= */
/* Availability Card Layout Fix */
/* ============================= */

/* Main room container spacing */
.vbo-availability-room-container {
    margin-bottom: 40px;
}

/* Left image column width control */
.vbo-availability-room-details-left {
    width: 38%;
    position: relative;
}

/* Right content column */
.vbo-availability-room-details-right {
    width: 62%;
    padding-left: 40px;
}

/* Make first section flex like previous card */
.vbo-availability-room-details-first {
    display: flex;
    align-items: flex-start;
}


/* ============================= */
/* Slider Width Reduce */
/* ============================= */

.vbo-availability-room-details-left 
.vikfx-thumbslide-container {
    width: 82% !important;
    margin: 0 auto;
    position: relative;
}

/* Ensure image fills properly */
.vbo-availability-room-details-left 
.vikfx-thumbslide-image {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}


/* ============================= */
/* Arrows Always Visible */
/* ============================= */

.vbo-availability-room-details-left 
.vikfx-thumbslide-navigation-controls-prevnext {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    pointer-events: none;
}

.vbo-availability-room-details-left 
.vikfx-thumbslide-previous-image,
.vbo-availability-room-details-left 
.vikfx-thumbslide-next-image {
    position: absolute;
    pointer-events: auto;
    background: transparent !important;
    box-shadow: none !important;
    color: #375869 !important;
}

/* Desktop arrow positions */
.vbo-availability-room-details-left 
.vikfx-thumbslide-previous-image {
    left: -45px;
}

.vbo-availability-room-details-left 
.vikfx-thumbslide-next-image {
    right: -45px;
}

/* Force icon color */
.vbo-availability-room-details-left 
.vikfx-thumbslide-navigation-controls-prevnext i {
    color: #375869 !important;
}


/* ============================= */
/* Heading Styling */
/* ============================= */

.vbo-availability-room-details-right h4 {
    font-family: 'Lato', sans-serif;
    font-size: 34px;
    line-height: 49px;
    font-weight: 400;
    color: #375869;
    margin-bottom: 15px;
}


/* ============================= */
/* Responsive */
/* ============================= */

@media (max-width: 1024px) {

    .vbo-availability-room-details-left {
        width: 45%;
    }

    .vbo-availability-room-details-right {
        width: 55%;
        padding-left: 25px;
    }

    .vbo-availability-room-details-left 
    .vikfx-thumbslide-container {
        width: 90% !important;
    }
}

@media (max-width: 767px) {

    .vbo-availability-room-details-first {
        flex-direction: column;
    }

    .vbo-availability-room-details-left,
    .vbo-availability-room-details-right {
        width: 100%;
        padding-left: 0;
    }

    .vbo-availability-room-details-left {
        margin-bottom: 20px;
    }

    .vbo-availability-room-details-left 
    .vikfx-thumbslide-container {
        width: 100% !important;
    }

    .vbo-availability-room-details-left 
    .vikfx-thumbslide-previous-image {
        left: 10px;
    }

    .vbo-availability-room-details-left 
    .vikfx-thumbslide-next-image {
        right: 10px;
    }
}


/* ============================= */
/* FIX SLIDER WIDTH FOR ARROWS  */
/* ============================= */

.vbo-availability-room-details-left {
    position: relative;
    padding: 0 40px; /* arrow space */
}

.vbo-availability-room-details-left 
.vikfx-thumbslide-container {
    width: 100% !important;
    margin: 0 auto;
    overflow: visible !important;
}

/* ============================= */
/* FORCE ARROWS VISIBLE */
/* ============================= */

.vbo-availability-room-details-left 
.vikfx-thumbslide-navigation-controls,
.vbo-availability-room-details-left 
.vikfx-thumbslide-navigation-controls-prevnext {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

/* Position arrow wrapper */
.vbo-availability-room-details-left 
.vikfx-thumbslide-navigation-controls-prevnext {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 9999;
    pointer-events: none;
}

/* Individual arrows */
.vbo-availability-room-details-left 
.vikfx-thumbslide-previous-image,
.vbo-availability-room-details-left 
.vikfx-thumbslide-next-image {
    position: absolute;
    pointer-events: auto;
    background: transparent !important;
    box-shadow: none !important;
    color: #375869 !important;
}

/* Proper clean positioning */
.vbo-availability-room-details-left 
.vikfx-thumbslide-previous-image {
    left: 0;
}

.vbo-availability-room-details-left 
.vikfx-thumbslide-next-image {
    right: 0;
}

/* Icon color force */
.vbo-availability-room-details-left 
.vikfx-thumbslide-navigation-controls-prevnext i {
    color: #375869 !important;
}


/* ============================= */
/* TEXT AREA WIDTH CONTROL */
/* ============================= */

.vbo-availability-room-details-right {
    padding-left: 30px;
    padding-right: 60px; /* stop before buttons */
}


/* ============================= */
/* HEADING TYPOGRAPHY */
/* ============================= */

.vbo-availability-room-details-right h4 {
    font-family: 'Lato', sans-serif;
    font-size: 34px;
    line-height: 49px;
    font-weight: 400;
    color: #375869;
    margin-bottom: 15px;
}


/* ============================= */
/* RESPONSIVE SAFE */
/* ============================= */

@media (max-width: 767px) {

    .vbo-availability-room-details-left {
        padding: 0 20px;
    }

    .vbo-availability-room-details-right {
        padding-right: 0;
    }

    .vbo-availability-room-details-left 
    .vikfx-thumbslide-previous-image {
        left: 5px;
    }

    .vbo-availability-room-details-left 
    .vikfx-thumbslide-next-image {
        right: 5px;
    }


    .vbo-availability-room-details-left 
    .vikfx-thumbslide-previous-image {
        left: -45px !important;   
        position: absolute;
    }

    .vbo-availability-room-details-left 
    .vikfx-thumbslide-next-image {
        right: -24px;
        position: absolute;
    }
}

/* Ensure parent allows overflow */
.vbo-availability-room-details-left,
.vbo-availability-room-details-left 
.vikfx-thumbslide-container,
.vbo-availability-room-details-left 
.vikfx-thumbslide-fade-container {
    overflow: visible !important;
}

/* Arrow wrapper full width */
.vbo-availability-room-details-left 
.vikfx-thumbslide-navigation-controls-prevnext {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 9999;
}

    /* Push arrows outside image */
    .vbo-availability-room-details-left 
    .vikfx-thumbslide-previous-image {
        left: -55px !important;   
        position: absolute;
    }

    .vbo-availability-room-details-left 
    .vikfx-thumbslide-next-image {
        right: -24px;  /* adjust if needed */
        position: absolute;
    }

    /* Keep arrows clickable */
    .vbo-availability-room-details-left 
    .vikfx-thumbslide-previous-image,
    .vbo-availability-room-details-left 
    .vikfx-thumbslide-next-image {
        pointer-events: auto;
    }


    /* Details Page CSS starts here */


   /* .vb-search-inner:has(.btn.vbdetbooksubmit) {
    flex-wrap: nowrap !important;
    } */
   
    /* html body.page-id-421 {
    background-color: #5d9338 !important;
    }    */
   
    /* .page-id-502 input.hasDatepicker {
        width: 15ch !important; 
        border: none !important;
        border-radius: none !important;

    } */
     

    /* ============================= */
/* SINGLE DETAILS SLIDER LAYOUT  */
/* ============================= */

.aura-roomsingle .vbroomimgdesc {
    display: flex;
    gap: 60px;
    align-items: flex-start;
    border-bottom: 1px solid rgb(173 135 101)!important;

}

/* LEFT IMAGE COLUMN */
.aura-roomsingle .vikfx-thumbslide-container {
    width: 65% !important;
    position: relative;
    overflow: visible !important;
    margin-bottom:20px !important ;
}

/* Reduce actual visible image area */
.aura-roomsingle .vikfx-thumbslide-fade-container {
    width: 85%;
    margin: 0 auto;
}

/* Make sure parent allows arrow overflow */
.aura-roomsingle .vikfx-thumbslide-container,
.aura-roomsingle .vikfx-thumbslide-fade-container {
    overflow: visible !important;
}

/* Arrow wrapper */
.aura-roomsingle 
.vikfx-thumbslide-navigation-controls-prevnext {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 9999;
}

/* Individual arrows */
.aura-roomsingle 
.vikfx-thumbslide-previous-image,
.aura-roomsingle 
.vikfx-thumbslide-next-image {
    position: absolute;
    pointer-events: auto;
    background: transparent !important;
    box-shadow: none !important;
    color: #375869 !important;
}

/* Push arrows OUTSIDE image */
.aura-roomsingle 
.vikfx-thumbslide-previous-image {
    left: -70px;
}

.aura-roomsingle 
.vikfx-thumbslide-next-image {
    right: -40px;
}

/* Force icon color */
.aura-roomsingle 
.vikfx-thumbslide-navigation-controls-prevnext i {
    color: #375869 !important;
}




/* ===== FORCE VIK SLIDER ARROWS ALWAYS VISIBLE ===== */

/* Make navigation wrapper always visible */
.vikfx-thumbslide-navigation-controls-prevnext {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    z-index: 999 !important;
}

/* Force arrows visible */
.vikfx-thumbslide-previous-image,
.vikfx-thumbslide-next-image {
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    pointer-events: auto !important;
}

/* Kill any hover dependency */
.vikfx-thumbslide-container:hover .vikfx-thumbslide-navigation-controls-prevnext,
.vikfx-thumbslide-container:not(:hover) .vikfx-thumbslide-navigation-controls-prevnext {
    opacity: 1 !important;
    visibility: visible !important;
}


/* ===== FORCE SINGLE PAGE SLIDER ARROWS ALWAYS VISIBLE ===== */

.vbrdetboxtop.aura-roomsingle 
.vikfx-thumbslide-navigation-controls {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

.vbrdetboxtop.aura-roomsingle 
.vikfx-thumbslide-previous-image,
.vbrdetboxtop.aura-roomsingle 
.vikfx-thumbslide-next-image {
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    pointer-events: auto !important;
    z-index: 999 !important;
}

/* Remove hover dependency completely */
.vbrdetboxtop.aura-roomsingle 
.vikfx-thumbslide-container:hover 
.vikfx-thumbslide-previous-image,
.vbrdetboxtop.aura-roomsingle 
.vikfx-thumbslide-container:hover 
.vikfx-thumbslide-next-image,
.vbrdetboxtop.aura-roomsingle 
.vikfx-thumbslide-container:not(:hover) 
.vikfx-thumbslide-previous-image,
.vbrdetboxtop.aura-roomsingle 
.vikfx-thumbslide-container:not(:hover) 
.vikfx-thumbslide-next-image {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Target the paragraph inside .single-prop-summary (or adjust selector if needed) */
.single-prop-summary p {
    color: #000000 !important;     /* All text black */
    margin: 12px 0 0 0;
    padding: 0;
    line-height: 1.5;
}

/* Make each <span> behave like a list item */
.single-prop-summary p span {
    display: block !important;          /* New line for each span */
    position: relative;
    padding-left: 25px !important;      /* Space on left for bullet */
    color: #000000 !important;
}

/* Add black bullet before EVERY span (each line) */
.single-prop-summary p span::before {
    content: "•" !important;          
    position: absolute;
    left: 0;
    top: 2px;                          
    color: #000000 !important;
    font-size: 1.2em;                  
    line-height: 1;
    font-weight: normal;
}

/* Handle bold/strong text inside (keep it black and bold) */
.single-prop-summary p span strong,
.single-prop-summary p span b {
    color: #000000 !important;
    font-weight: bold;
}



.aura-roomsingle .vblistroomnamediv {
    text-align: left !important;
    width: auto;
    /* reset everything else */
    margin: 0;
    border: none;
    position: static;
    z-index: auto;
    left: auto;
    padding: 0;
    background: none;
}

body .aura-roomsingle .vbo-rdet-descprice-block .vblistroomnamediv,
.aura-roomsingle .vblistroomnamediv {
    margin: 0 !important;
}



/* Book Now Button CSS */

.aura-single .vbo-search-submit .btn {
    background-color: #913F28 !important;
    color: white !important;
    padding: 12px 50px !important;
    /* width: 70% !important; */
    text-transform: uppercase;
    font-weight: lighter !important;
    border: 0px !important;
    border-radius: 0px !important;
}


/* Container ko forced line mein lane ke liye */
div.tab-buttons {
    display: flex !important;
    flex-wrap: nowrap !important; /* Mobile par bhi line mein rakhne ke liye */
    width: 100% !important;
    background-color: #ebede8 !important; 
    border: 1px solid #7a7a7a !important; 
    border-radius: 4px !important; 
    padding: 0 !important;
    margin: 20px 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

/* Override Button base styling  karne ke liye */
div.tab-buttons .tab-button {
    flex: 1 !important;
    background-color: #ebede8 !important; 
    color: #4a4a4a !important;
    border: none !important;
    border-right: 1px solid #7a7a7a !important; /* Divider line */
    padding: 15px 5px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important; /* old rounding unset */
    margin: 0 !important;
    box-shadow: none !important;
    height: auto !important;
}

/*Remove Last button divider line */
div.tab-buttons .tab-button:last-child {
    border-right: none !important;
}

/* Active Tab Styling */
div.tab-buttons .tab-button.active {
    background-color: #5d5e52 !important; 
    color: #ffffff !important;
}

/* Hover effect */
div.tab-buttons .tab-button:hover:not(.active) {
    background-color: #e2e4dd !important;
}

/* Icons (+ and -) add karne ke liye */
div.tab-buttons .tab-button::after {
    content: '+' !important;
    margin-left: 10px !important;
    font-size: 16px !important;
}

div.tab-buttons .tab-button.active::after {
    content: '-' !important;
}

/* Mobile fix: Agar text bahut bada ho toh wrap na ho */
@media (max-width: 600px) {
    div.tab-buttons .tab-button {
        font-size: 11px !important;
        padding: 10px 2px !important;
    }
}

.tab-button.active {
    top: 0px !important;
  }



  /* Puray content container aur uske andar har element par Lato apply karne ke liye */
.tab-contents, 
.tab-contents *, 
.tab-content, 
.tab-content * {
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    /* Color logic removed as per your request */
}

/* Headings ko thora weight dainay ke liye (Optional, but recommended) */
.tab-content h2, 
.tab-content h3, 
.tab-content h4 {
    font-weight: 700 !important;
}


/* Review content par bhi font force karne ke liye [cite: 17, 18] */
.review-content, 
.review-author, 
.review-date {
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
}


/* Tabs Mobile Responsiveness */
@media (max-width: 768px) {
    /* Container ko grid mein change karne ke liye */
    div.tab-buttons {
        display: flex !important;
        flex-wrap: wrap !important; /* Buttons ko dusri line mein lane ke liye */
        border-radius: 4px !important;
    }

    /* Har button ko 50% width dainay ke liye */
    div.tab-buttons .tab-button {
        flex: 0 0 50% !important; /* 2 buttons per row */
        width: 50% !important;
        font-size: 13px !important; /* Text thora bara rakha hai */
        padding: 12px 5px !important;
        border-right: 1px solid #7a7a7a !important;
        border-bottom: 1px solid #7a7a7a !important; /* Neechay wali row ke liye divider */
        box-sizing: border-box !important;
    }

    /* Right side wale buttons (2nd aur 4th) ka border-right khatam karne ke liye */
    div.tab-buttons .tab-button:nth-child(2n) {
        border-right: none !important;
    }

    /* Neechay wali row (3rd aur 4th button) ka border-bottom khatam karne ke liye */
    div.tab-buttons .tab-button:nth-child(3),
    div.tab-buttons .tab-button:nth-child(4) {
        border-bottom: none !important;
    }

    /* Icon size mobile par thora adjust karne ke liye */
    div.tab-buttons .tab-button::after {
        margin-left: 5px !important;
        font-size: 14px !important;
    }
}


/* Fix navigation arrows of detalis page on mobile screen */
@media only screen and (max-width: 767px) {
  .aura-roomsingle .vikfx-thumbslide-previous-image {
    left: -60px !important;
  }

  .aura-roomsingle .vikfx-thumbslide-next-image {
    right: -20px !important;    
  }
}



/* .single-prop-summary, .single-prop-offer {
    border-bottom: 0px !important;
} */






/* Ayesha's code */

.vbo-month-slide {
    display: none;
}
 
.vbo-month-slide.active {
    display: block;
}


.vba-custom-message .btn{
	background: #913F28 !important;
    margin-bottom: 20px;
}
.vb-search-inner .input-group i {
order:-1;
}


@media (max-width: 767px) {
    .vbdivsearch .vb-search-inner .vbo-search-inpblock .input-group > input {
        width: 100% !important;
    }
}



@media only screen and (max-width: 780px) {
    .vbo-search-num-aduchild-entry .vbo-search-num-adults-entry {
        flex: unset !important;
    }
}

.single-prop-summary{
	border-bottom: 0 !important;
}
.vbo-availability-room-details-descr{
    color: #24465F !important;

}


/* New Added CSS for Calender scroll (Ahmad) */

/* ===== SLIDER WRAPPER FIX ===== */
.vbo-availability-room-monthcal-slider {
    position: relative;
    display: block;
    overflow: hidden !important;
}

/* Remove previous flex behaviour */
.vbo-availability-room-monthcal-slider {
    align-items: unset !important;
    gap: 0 !important;
}

/* ===== MONTH SLIDE VISIBILITY ===== */
.vbo-month-slide {
    display: none;
}

.vbo-month-slide.active {
    display: block;
}

/* ===== SCROLL ONLY ON SMALL SCREENS ===== */
@media (max-width: 768px) {

    .vbo-calendar-container {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        scroll-behavior: smooth;
    }

    .vbo-calendar-container::-webkit-scrollbar {
        display: none;
    }

}

/* ===== LOCK ARROWS POSITION ===== */
.vbo-prev-month,
.vbo-next-month {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 9999;
    width: 42px;
    height: 42px;
    cursor: pointer;
}

/* Left Arrow */
.vbo-prev-month {
    left: 10px !important;
}

/* Right Arrow */
.vbo-next-month {
    right: 10px !important;
}

/* Prevent content overlap with arrows */
.vbo-calendar-container {
    padding-left: 60px;
    padding-right: 60px;
}

/* ===== KEEP EXISTING CUSTOM STYLES SAFE ===== */
.vba-custom-message .btn{
    background: #913F28 !important;
    margin-bottom: 20px;
}

.vb-search-inner .input-group i {
    order:-1;
}

@media (max-width: 767px) {
    .vbdivsearch .vb-search-inner .vbo-search-inpblock .input-group > input {
        width: 100% !important;
    }
}

@media only screen and (max-width: 780px) {
    .vbo-search-num-aduchild-entry .vbo-search-num-adults-entry {
        flex: unset !important;
    }
}

.single-prop-summary{
    border-bottom: 0 !important;
}

.vbo-availability-room-details-descr{
    color: #24465F !important;
}

.roomlist_carats {
        display: flex;
        flex-wrap: wrap;
        gap: 8px 6px;
        text-align: left;
    }
.vbo-feature-box {
        display: inline-block;
        padding: 6px 10px;
        line-height: 1.3;
        margin: 0;
        white-space: normal;
        max-width: 100%;
        box-sizing: border-box;
    border: 1px solid #24465F;
    border-radius: 5px;
    }
/* OLD
.vbo-feature-box {
    background-color: #ffffff;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 12px;
    border: 1px solid #24465F;
    margin-right: 5px;
}
*/
.index-prop-offer {
	margin-top: 5px;
}

.roomlist_moredetails .sleeps-amount {
    font-size: 16px !important;   
}
.aura-roomlist .vbmaxminpeopleroom {
    margin-top: 5px !important;
    
}
.vbo-caltrigger {
    font-family: "Font Awesome 5 Free" !important;

}