:root {
  /* ===== BookDirectMate brand palette (single source of truth) ===== */
  --bdm-purple: #8b31f0;       /* headings, links, icons, text accents */
  --bdm-purple-dark: #7a2bf5;  /* gradient start / hover state */
  --bdm-purple-btn: #a238fd;   /* button fills (red_button etc.) */
  --bdm-blue: #32b7fb;         /* gradient end */
  --bdm-indigo: #6a72fb;       /* third accent (shadow_link2) */
  --bdm-tint: #f5f0ff;         /* light purple panel/card background */
  --bdm-ink: #241436;          /* dark heading/plum-replacement text */
  --bdm-gradient: linear-gradient(120deg, var(--bdm-purple-dark) 0%, var(--bdm-purple) 45%, var(--bdm-blue) 100%);

  --black: #000000;
  --electric-violet: #9e38f9;
  --medium-purple: #914cff;
  --white: #ffffff;

  --font-size-l: 28px;
  --font-size-m: 24px;
  --font-size-s: 23px;
  --font-size-xl: 54px;
  --font-size-xs: 20px;
  --font-size-xxs: 19px;
  --font-size-xxxs: 14px;
 
  --font-family-inter: "Inter", Helvetica;
  --font-family-montserrat: "Montserrat", Helvetica;
}
.montserrat-bold-white-23px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-white-54px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-white-24px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-medium-purple-23px {
  color: var(--medium-purple);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.montserrat-bold-electric-violet-23px {
  color: var(--electric-violet);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
}

.montserrat-medium-white-28px {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 500;
}


/********************************* ALL *************************/
	h1{font-size:1.6rem;}
	h2{font-size:1.4rem;}
	h3{font-size:1.2rem;}
	h4{font-size:1.2rem;}
	.clear{clear:both}
	a, a:hover{
		color:var(--bdm-purple);

	}
	label.error{color:red;}	
	input {
	
	-webkit-user-select:text!important;

	-moz-user-select:text!important;
	-ms-user-select:text!important;

	}
	.desc_all .red_button{width:250px; padding-left:20px; padding-right:20px;}
	.light_grey{padding:0; background: var(--bdm-tint);}
	.dark_grey{  background:var(--bdm-tint);}
	.no_padding{padding:0px}
	.bdm-text-accent{color:var(--bdm-purple);}

	.red_button{
		background:var(--bdm-purple-btn);
		color:#fff!important;
		padding:10px 60px;
		border-radius:10px;
		display:inline-block;

	}
	.owners_cottages_choose a{
		background:var(--bdm-purple-btn);
		color:#fff!important;
		padding:10px 60px;
		border-radius:10px;
		display:inline-block;
		margin-bottom:10px;
	}
/********************************* HEADER *************************/	
	#topmenu_out{
	background:var(--bdm-tint);
	height:30px;
	float:none;
	clear:both;
	}
	#htop_menu{
		float:right;
		list-style:none;
		margin-bottom:0px;
	}
	
	#htop_menu li{
	float: left;
	padding:0 10px;
	border-right:1px solid var(--bdm-purple);
	font-size: 0.8rem;
	}
	#htop_menu li,
	#htop_menu li a{

	color: var(--bdm-purple);
	}
	
	#header{
		width:100%;
		text-align:center;
		
	}
	
	#header_out{
		border-bottom:1px solid #fff;
		background:var(--bdm-purple-btn);
		color:#fff!important;
		padding-bottom:20px;
	}
	#header_out .container{
		text-align:center;
	}
	#header_out .container a{
		
	}
 
	#logo{margin: 0px auto!important; } 

	#bdm_header{
	 
	background:url(/newtemplate/newimages/header_bg.png) no-repeat left top;
	background-size:contain;
	}
	#home_search_date{
	width:180px;
	}
	 
	

 
nav#main_nav a{
color:#fff!important;
}
nav#main_nav ul ul a{
color:#000!important;
}
/*
	.navbar-nav .nav-link{padding-left:10px!important}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}
*/


@media (min-width: 768px) {
	
	/*
	.navbar  {
		padding: 0;
	}

	.navbar-nav {
		margin: 0;
		display: block;
		float:right;
	}

	.navbar-nav > li {
		display: block;
		width: auto;
		float: left;
		text-align: center;
			 white-space: nowrap;
	}


	.navbar-nav li:first-child a {
		border-left: 0;
		border-radius: 3px 0 0 3px;

	}
	.navbar-nav li  a span{
		 white-space: nowrap;
	}
	.navbar-nav li:last-child a {
		border-right: 0;
		border-radius: 0 3px 3px 0;
	}
	#navbarSupportedContent{display:block;}
	
	*/
}
#location{text-align:left;}
 
#start_date{width:120px; height:22px!important; padding:0!important; margin:0!important;  border:0px!important;}

@media (max-width: 1199px) { 

#start_date{width:100%; margin-right:-15px!important;  }
	
}
	#topmenu_out{right:15px;  }

@media (max-width: 767px) {
 
	
	#topmenu_out{right:55px; top:8px;}
	

	#cco{margin-left:10px; width:200px;}
	#logo{margin-left:10px;}
	#start_date{width:100%; margin-right:-15px!important;  }
	#top_menu{position:absolute; top:52px; right:50px; z-index:100;}
	#top_menu .btn{color:#000; background:transparent; }
	
	
	#location{width:100%; text-align:left;}
	#start_date{text-align:left; }
	#occupancy, #duration, #home_search_date, #pets{width:48%; border:0;}
	#home_search_date{margin-right:1%; overflow:hidden; text-align:left;}
	#occupancy{margin-right:1%;}
		#pets{margin-left:0.8%;}
	#duration{margin-left:0.8%;}
	#search_but{width:100%;}
}

.btn-light{background:#fff; color:#000;}

/*.main-nav-item{float:left; padding:0 10px;}*/


#search_out{ color:#fff; padding:20px 0;}
#search_out label{ color:#000;}
#search_out input, #search_out select,  #search_out button, #home_search_date{margin-bottom:15px;
-webkit-appearance: none;

}

#home_search_date{ padding-top:8px!important; padding-bottom:8px!important; border:0px!important;}

/*********************************FOOOTER *************************/
 
	#footer_out{
		
	 
  
		color:#fff;
 
	}
	#footer_out .row{

		background:var(--bdm-blue);

	}
	.footer_links,
	#footer_links {
		list-style:none;
		margin:0;
		padding:0;
		font-weight:bold;
	}
	
	#footer_out a{color:#fff}
	#newsletter_box img{width:100%}
	#newsletter_box div{
		background:#fff;
		color: var(--bdm-ink);
		padding:20px;
	}
	
	
	#footer_out .red_button{
		margin-top:20px;
	}
	
	
	
@media screen and (max-width:767px) { 
	#footer_out .col-md{text-align:center; padding-bottom:20px;}
	
	#footer_out ul{border-bottom:2px solid; text-align:center; padding-bottom:10px;}
	#footer_out ul li, #footer_out h3{ text-align:left; }
	.cottage_row_icons{border:0px!important}
}


/*********************************HOMEPAGE *************************/
	#home_category img{width:100%}
	.shadow_link{
		background:var(--bdm-purple-btn);
		display:block;
		padding:15px;
		color:#fff;
		margin-top:6px;
		font-size:1.2rem;
	}
	.shadow_link a{
		color:var(--bdm-ink);
	}


	.shadow_link2{
		background:var(--bdm-indigo);

	}

	.shadow_link3{
		background:var(--bdm-blue);

	}
	@media screen and (max-width:767px) { 
	.shadow_link{
 
		margin-top:0px;
		margin-bottom:10px;
	 
	}
	}
@media screen and (min-width:768px) { 

	.col-md{padding-bottom:20px}
	.col-md,
	.col{
	  padding-right:6px;
	  padding-left:6px;
	}
	.col-md:first-child,
	.col:first-child{

	  padding-left:15px;
	}
	.col-md:last-child,
	.col:last-child{
	  padding-right:15px;
	}

}

	#home_icons{text-align:center; color: var(--bdm-purple);}
	#home_icons .row{padding-top:30px}
	#home_icons p{padding-top:10px}

	#home_blogs{
		background:var(--bdm-tint);
		overflow:hidden;
	}

	#home_blogs h3{
		background:var(--bdm-ink);
		margin-top:10px;
		padding:20px;
		color:#fff;
	}
	.home_head{
		text-align:center;
		color:var(--bdm-purple);
		 line-height:1.5;
		padding:20px 0;
	}

	#home_blogs .front_box{
		background:var(--bdm-tint);
		display:block;
		padding:15px;
		color:var(--bdm-ink);
 
margin-top: 6px;
  min-height: 310px;
  position: relative;
	}

	 #home_blogs .front_box .red_button{
		 position:absolute; 
		 bottom:30px;
		right:20px;
	}
	#home_blogs img{max-height:200px; min-width:100%;}
	
	
/*********************************COTTAGE *************************/
	.row.custom-gutter {
	  margin-left: 30px;
	  margin-right: 30px;
	}

	[class^='col'].custom-gutter,
	[class*=' col'].custom-gutter {
	  padding-left: 7px;
	  padding-right: 7px;
	}
	.cottage_subtitle{
		text-align:right; width:100%; padding:15px 0;
	}
	@media (max-width: 767px) {
		.cottage_subtitle{
		font-size:18px;
		}
	}
	#breadcrumbs a{color:#fff}
	.cott_keys {padding-top:8px}
	.cott_keys div{  background:var(--bdm-tint);  padding:5px 10px; border-right:5px solid #fff; text-align:center;}
	.cott_keys div:last-child{   border-right:0px solid #fff;  }
	#myTab .nav-link{background:var(--bdm-tint); border-left:2px solid #fff; border-right:2px solid #fff; border-top:2px solid #fff; border-radius: 9px 9px 0px 0px; color:#545457; border-bottom:0px;}
	#reviews, #myTab .nav-link.active{background:var(--bdm-tint)!important;  }
	#myTabContent .tab-pane.active{background:var(--bdm-tint)!important; padding:20px; }

	ul.extra_special {
	  list-style: none;
	  padding: 0;
	  margin: 0;
	}

	ul.extra_special li {
	  padding-left: 1em; 
	  text-indent: -.7em;
	}

	ul.extra_special li::before {
		content: "• ";
	  color: var(--bdm-purple);
	  font-size:22px;
	  line-height:22px;
	}
ul.extra_special li li::before {
		content: "";
	  color: var(--bdm-purple);
	  font-size:22px;
	  line-height:22px;
	}
	.colcal{ }

	.row  .row {
		margin: 0px ;
	}




	#home_blogs{
		background:var(--bdm-tint);
		overflow:hidden;
	}

	#similar h3{
		background:var(--bdm-ink);
		margin-top:10px;
		padding:20px;
		color:#fff;
	}
	.home_head{
		text-align:center;
		color:var(--bdm-purple);
		 line-height:1.5;
		padding:20px 0;
	}

	#similar .front_box{
	background:var(--bdm-tint);
	display:block;
	padding:15px;
	color:var(--bdm-ink);
	margin-top:6px;
	height: 270px;
	}

	#similar img{max-height:200px; min-width:100%; font-size:1rem;}
	#cottage_av .red_button, #cottage_right .red_button{width:100%; font-size:1rem;}
	#cottage_right{text-align:center; font-size:1rem;}
	#cottage_right table{text-align:left;}
	#reviews{padding:20px}
	#cottage_left h2{padding:20px 0; padding-bottom: 10px;}
	@media (max-width: 1199.98px) {
		.cott_stars img{width:16px;}
		#cottage_right .red_button{
			 
		padding:10px 20px!important;
		}
	}
	
	@media (max-width: 991.98px) {
		 
		#cottage_right .red_button{
			 
		padding:10px 10px!important;
		font-size:0.9rem;
		}
		.cott_keys div{
			border-bottom:2px solid #fff;
		}
	}
	
	
	
	
	
	
	/************** AVAILABILITY CALENDAR ************/
.avail_available{
	background:#fff;
 
}
.avail_booked{
	background:#E6E6E6; /*#a238fd;*/
	/*opacity:.7;*/
 	color:#808080;
	
}
.avail_booked_end,
.avail_booked_start{
  position:relative;
  overflow:hidden;
 
}
.avail_booked_end span,
.avail_booked_start span{z-index:100;  position:relative;}
.avail_booked_start::after {
    content: "";
  border-bottom: 20px solid #E6E6E6;
  border-right: 20px solid #E6E6E6;
  border-left: 20px solid white;
  border-top: 20px solid white;
 
  
  position: absolute;
  left: 0;
  top: 0;
  right:0;
  
  width:10px;
  z-index:1;
}


.avail_booked_end::after {
    content: "";
  border-bottom: 20px solid white;
  border-right: 20px solid white;
  border-left: 20px solid #E6E6E6;
  border-top: 20px solid #E6E6E6 ;
 
  
  position: absolute;
  left: 0;
  top: 0;
  right:0;
  
  width:10px;
  z-index:1;
}
.avail_chov{
	
}
#prev_but_a2,
#next_but_a2{
		background:#fff;
		border-radius:5px;
		border:0px;
		padding:2px 10px!important;
}

#av_calendar{  padding:10px 10px; color:#000; }
#av_calendar .col{padding-top:8px; padding-bottom:8px;}
@media (max-width: 767px) {
	#av_calendar{  padding:10px 5px; color:#000; font-size: 1rem;}
	#av_calendar .col{padding:9px 2px;}
	.avail_table{margin: 0 -15px;}
	
}
#cottage_booking_div{font-size:90%}
#av_calendar{font-size:90%}
#av_calendar td{text-align:center;}
#avail_keys{padding:5px 10px;}

.avail_table{  background:#fff; padding-top:5px; padding-bottom:5px; }
.avail_body{border:1px solid var(--bdm-purple-btn); border-radius:10px;  overflow:hidden;}
.avail_table .th{  font-weight:bold;}
.avail_table .col{  text-align:center;}

	 .cho{
		border:1px solid #067c5a; border-radius:12px;
	}
	.avail_booked .cho{
		border:0px;
	}
	
	.avail_booked{text-decoration: line-through}
	
	.avail_available .cho {cursor:pointer;}
	#prices_results{display:none}
	#prices_results_list div{

	background: var(--bdm-tint);
padding: 6px 10px;
border-radius: 5px;
font-size: 1rem;
margin:10px 5px;
	}
	
	#prices_results_list div b{
	display:inline-block;
	margin-right:10px;
	}
	
		#prices_results_list div   a{
		width:auto!important;
		padding:5px 10px!important;
		}
		
		
		.chocho{
			border:2px solid red;
		}