h1.rental {
	margin-top: -20px;
}

h2.rental {
	font-family: Teachers;
	text-align: center;
	font-weight: 500;
	font-size: 18px;
}

/* gallery */
#rental_gallery {
	width: 400px;
	max-width: 100%;
	margin: 20px auto 20px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	background: #fff;
	border: 4px solid #fff;
	border-radius: 4px;
	box-shadow: 1px 1px 15px -3px rgba(104,123,194,0.65);
	-webkit-box-shadow: 1px 1px 15px -3px rgba(104,123,194,0.65);
	-moz-box-shadow: 1px 1px 15px -3px rgba(104,123,194,0.65);
}
#slides_center {
	order: 1;
	display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
}
#slides_left {
	order: 2;
	display: flex;
	flex-direction: row;
	gap: 4px;
}
#slides_right {
	order: 3;
	display: flex;
	flex-direction: row;
	gap: 4px;
}

.slide {	
	border-radius: 0;
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	color: white;
	position: relative;
	
}

.slide img{
	object-fit: cover;
	aspect-ratio: 1;	
	border: 1px solid #DBDBEE;
	border-radius: 0;
	opacity: 1;
	
}

.slide img:hover {
	cursor: zoom-in;
	opacity: 1;
}

#slides_center .slide img{
	aspect-ratio: 120/81;	
	opacity: 1;
}
#rental-gallery-text {
	position: absolute;
	bottom: 5px;
	text-align: center;
	background: rgba(256, 256, 256, 0.85);
	padding: 3px 8px;
	font-size: 13px;
	border-radius: 4px;
	font-style: italic;
	color: black;
	
}

@media all and (min-width: 700px){
	
	#rental_gallery {
		display: flex;
		flex-direction: row;
		width: 1100px;
	}
	
	#slides_left {  
		width: 20%;
		display: flex;
        flex-direction: column;
		order: 1;
	}
	#slides_center {  
		width: 60%;
		display: flex;
        flex-direction: column;
        justify-content: space-between;
		align-items: center;
		order: 2;
	}
	
	
	#slides_right{  
		width: 20%;
		display: flex;
        flex-direction: column;
		order: 3;
	}	
	
	.slide img{
		opacity: 0.5;
	
	}
	
	.slide img:hover {
		cursor: zoom-in;
		opacity: 1;
	}
}
/* end gallery */

.rental-main-info {
	
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	column-gap: 30px;
	justify-content: center;
	padding: 15px;
	background: white;
	border: 1px solid #DBDBEE;
	border-radius: 4px;	
	font-size: 17px;
	color: #22316c;
	
	list-style: none;
  
}
.rental-main-info li::before {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%2322316c'/%3E%3C/svg%3E");
  background-size: 60%;
  background-repeat: no-repeat;
  background-position: left bottom;
  position: relative;
  top: 1px;
}
/* end main info */


.rental-left {
	margin-bottom: 30px;
}
.rental-right {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	font-weight: 500;
}

.rental-intro {
	margin-bottom: 20px;
	font-weight: 600;
}


@media (min-width: 900px) {
	.rental-left {
		margin: 30px 0 0;
		width: calc(100% - 350px);
		
		float: left;
	}
	.rental-right {
		width: 310px;
		float: right;
		margin: 30px 0 20px 0;
	}
}





/*  mTab: Responsive Tabbing/Accordion Plugin */

.mResAccordion .mResTabNav {display:none;}
.tabNav:before, .tabNav:after { content: " "; display: table; }
.tabNav:after { clear: both; }
.tabNav { list-style:none; padding:0; margin:0 }
.tabNav li { float:left; padding:0; margin:0 }
.mResTabAccordA { 
	display:inline-block; 
	text-decoration:none; 
	padding:15px 15px; 
	color:#000; 
	background-color: #DBDBEE;
	border-radius: 4px;
	border: 1px solid #fff;
	border-bottom: none;
}
.tabNav li.active > .mResTabAccordA, .mResTabAccordA:hover, .mResTabAccordA.active { 
	background-color:#fff; 
	text-decoration:none; 
	border-color: #DBDBEE;;
}
.tabNav li.current > .mResTabAccordA, .mResTabAccordA:hover, .mResTabAccordA.active { 
	background-color:#fff; 
	text-decoration:none; 
	border-color: #DBDBEE;;
}
.tabContainer .tabContent {
	border:1px solid #DBDBEE; 
	border-top: none;
	padding:15px; 
	background-color:#fff; 
}
.tabContainer .tabContent {opacity:0; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in;}
.tabContainer .tabContent.mTabActive {opacity:1;  display:block; }
.mResTabbing .mResAccordAnchor { display:none; }

.mResAccordAnchor { 
	display:block; 
	margin-bottom:1px;
	margin-top: 10px;	
	position:relative;
}

.mResAccordAnchor > span { display:block; }
.mResAccordAnchor > span:after { display:block; position:absolute; right:0; top:0; bottom:0; width:30px; padding:5px; text-align:center; font-size:20px; content:'+' }
.mResAccordAnchor.active > span:after {content:'--';}
.mTabAnimated .tabContainer {position:relative;}
.mTabSimple .tabContent, .mTabAnimated .hideAfterAnim {display:none;}
.defaultState {position:absolute; left:0; top:0;}

.animBlock {-webkit-transition: all 600ms ease-in; -moz-transition: all 600ms ease-in; -ms-transition: all 600ms ease-in; -o-transition: all 600ms ease-in; transition: all 600ms ease-in;}
.mTabAnimated .hideAfterAnim {
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);}

.mTabAnimated .defaultState { -moz-transform: translateY(100px);
-webkit-transform: translateY(100px);
-o-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px);}

.mTabAnimated .mTabActive { -moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);}



.tab-inner h3{
	font-size: 16px;
	font-weight: 600;
	margin-top: 24px;
	margin-bottom: 0;
}

.tabNav li h2, .mResAccordAnchor > span h2 {
	font-family: Teachers;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
	color: black;
}

.tabNav li h2, .mResAccordAnchor > span h2 {
	//color: blue;
}
.tabNav li.active > .mResTabAccordA h2, .mResAccordAnchor.active > span h2{ 
	color: #22316c;
}



#map {
	border-radius: 4px;
    border: 1px solid lightblue;		
	height: 400px;
	width: 700px;	
	max-width: 100%;
}

@media all and (min-width: 980px){
	
	.mResAccordAnchor { 
		margin-bottom:1px;  
	}	
	
	.mResTabAccordA { 
		border-radius: 12px 12px 0 0;
		border-bottom: none;
	}
		
	.tabContent {
		height: 490px;
		overflow-y: auto;
	}
	
	#map {	
		height: 100%;
	}
	
	
	.tab-inner-flex {
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.availability-left {
		width: 320px;
		margin-right: 20px;
		float: left;
	}
	
	.availability-right {
		/*width: calc(100% - 340px);
		min-width: 250px;*/
		margin-top: 63px;
		float: right;
	}

}

@media all and (max-width: 1160px){
	.tabNav li h2 {
		font-size: 15px;
	}
}
.tab-inner {
	height: 100%;
	padding: 0 0 15px;
	container-name: cont-tab;
	container-type: inline-size;
}

.featurecat {
	clear: both;
	margin-bottom: 30px;
}

.featurecat:last-child {
	margin-bottom: 0; 
}

.featurelist{
	overflow: auto;
}


.featurelist li{
	float: left;
	width: 90%;
	width: calc(100% - 17px);
	padding-right: 10px;
}

.featurelist li:lastchild{
	padding-right: 0;
}

@container cont-tab (inline-size > 450px)  {
	.featurelist li{
		width: 40%;
		width: calc(50% - 17px);
	}	
}
@container cont-tab (inline-size > 700px)  {
	.featurelist li{
		width: 30%;
		width: calc(33% - 34px);
	}	
}

.location {
	margin-bottom: 14px;
}


/* availability */
.availability-left, .availability-right {
	margin-bottom: 30px;
}

#calendar {
	display: none;
}

.greenClass {
  background-color: lightgreen !important;
}

.flatpickr-day:has(~ .today) {
    background: lightgrey !important;
}

.divbooking {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #FF6A6A;
	vertical-align: middle;
	border: 1px solid gray;
}
.redClass {
  background-color: #FF6A6A !important;
}
.redStartClass {
  /* 135 degrees creates the top-right to bottom-left split */
  background: linear-gradient(-135deg, #FF6A6A 50%, transparent 50%) !important;  
  background: linear-gradient(135deg, transparent 50%, #FF6A6A 50%) !important;
}
.redEndClass {
  /* 135 degrees creates the top-right to bottom-left split */
  background: linear-gradient(135deg, #FF6A6A 50%, transparent 50%) !important;
  background: linear-gradient(-135deg, transparent 50%, #FF6A6A 50%) !important; 
}

.flatpickr-day {
	border-radius: 0 !important;
	border: 1px solid gray;
}
.flatpickr-day.flatpickr-disabled {  	
	color: rgba(64, 72, 72, 0.9) !important;
}


.flatpickr-day.selected.startRange {
  border-radius: 50px 0 0 50px !important;
}
.flatpickr-day.endRange {
  border-radius: 00 50px 50px 0 !important;
}

span.flatpickr-day:nth-child(n+8), span.flatpickr-day.prevMonthDay:nth-child(n+8), span.flatpickr-day.nextMonthDay:nth-child(n+8) {
    border-top-color: #e9e9e9 !important;
}


/* Prices tab */
#prices-2cols {
	container-name: cont-prices-2cols;
	container-type: inline-size;
}

.prices-table {		
	width: 400px;
	max-width: 100%;
	margin: 0 0 20px 0;	
}
.prices-right{
	margin-top: 20px;
	margin-bottom:20px;
	font-style: italic;
}

@container cont-prices-2cols (inline-size > 650px)  {
	.prices-table{
		float: left;
	}	
	.prices-right{
		//float: left;
		margin-left: 10px;
		margin-top:30px;
		margin-bottom:20px
	}	
}	

th.prices {
	padding: 4px 8px;
	font-weight: 500;
}

tr.tr_odd {	
	background: #e6e6fa;
}
	
tr.tr_even {
	background: #e0e0f4;
}

td.pad8 {
	padding: 4px 8px;
}



.owner-top {
	text-align: center;
	margin-bottom: 20px;
}

.owner-image img{
	max-width: 300px;
	max-height: 150px;
	vertical-align: middle;
	display: inline-block;
}
.owner-name {
	text-align: center;
	margin-top: 5px;
	font-weight: 500;
}

.owner-links {
	margin: 20px 0 0 0;
}

@media all and (min-width: 600px){
	.owner-image, .owner-name {
		display: inline-block;
		padding-left: 10px;
	}
}

.mp_rental_link a{
   text-decoration: none;
}

.mp_rental_link a:hover{
   text-decoration: underline;
}

.mp_rental_web, .mp_rental_facebook, .mp_rental_instagram {
	display: inline-block;
    margin: 0 6px 6px 0;
    vertical-align: middle;
    width: 24px;
    height: 24px;
	background-size: cover;
}

.mp_rental_web {
	background-image: url(../images/mp_web_blue.png);
}

.mp_rental_facebook {
	background-image: url(../images/mp_facebook_blue.png);
}
.mp_rental_instagram {
	background-image: url(../images/mp_insta_blue.png);
}

/* contact */

.owner-email {
	word-wrap: break-word;
}

form {
	overflow: auto;
	margin-top: 10px;
}

#rental-form {
	background: #E0E0F4;
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 14px 20px 20px;
}

#rental-form h2{
	font-family: Teachers;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 500;
}