/* CSS Document */

.page-content .content-section .property { border: 1px solid #ccc; padding: 30px; margin-bottom: 30px; }
.page-content .content-section .property h5 { margin: 0; }
.page-content .content-section .property img.resort-photo { max-width: 190px; border: 1px solid rgb(255,222,0); margin-left: 15px; margin-bottom: 25px; }
.page-content .content-section .property a.btn { clear: right; width: 190px; padding-left: 1px; padding-right: 1px; margin-left: 10px; }

.Properties.view .page-content .navigation-secondary { clear: both; }

.Properties.view #property-title { font-size: 18px; color:#fff; background: #1e2b68; border: 1px solid #2b3d90; width: 100%; text-align: center; font-family: "Open Sans", Arial, sans-serif; height: 40px; }
.Properties.view #property-title option { color: #ccc; font-size: 16px; }

.Properties.view .page-content .nav-pills > li { margin-right: 4px; }
.Properties.view .page-content .nav-pills > li > a { font-size: 16px; }

.Properties.view .page-content .resort-photo,
.Properties.view .page-content .room-photo{ height: 200px; max-height: 200px; overflow-y: hidden; margin-bottom: 20px; border: 1px solid rgb(255,222,0); margin-right: -4px; }
.Properties.view .page-content .resort-photo img,
.Properties.view .page-content .room-photo img { width: 100%; }

@media ( min-width: 661px ) {
	.Properties.view .page-content #property-description p.fullwidth { width: calc(200% - 18px); }
}

.Properties.view .page-content #room-layouts .room,
.Properties.view .page-content #views .view { width: 800px; margin: 0 auto 40px; background: #fff; border-radius: 10px 10px 0 0; color: #000; }
.Properties.view .page-content #room-layouts .room .name,
.Properties.view .page-content #views .view .name{ font-size: 16px; font-weight: bold; background: rgb(255,222,0); color: #000; padding: 8px 15px 6px; border-radius: 10px 10px 0 0; }
.Properties.view .page-content #room-layouts .room .content,
.Properties.view .page-content #views .view .content{ padding: 15px; font-size: 14px; }
.Properties.view .page-content #room-layouts .room .content p,
.Properties.view .page-content #views .view .content p{ font-size: 14px; margin: 10px 0; }
.Properties.view .page-content #room-layouts .room .layout-photo { text-align: center; padding-bottom: 10px; }
.Properties.view .page-content #room-layouts .room span.occupancy { padding-right: 10px; white-space: nowrap; }

.Properties.view .page-content #transient-tax table.tax-tables > tbody > tr > th { border: 0; }
.Properties.view .page-content #transient-tax table.tax-tables > tbody > tr > td { border: 0; padding: 0; }
.Properties.view .page-content #transient-tax table.tax-chart { margin: 0 auto; }
.Properties.view .page-content #transient-tax table.tax-chart td,
.Properties.view .page-content #transient-tax table.tax-chart th { background: inherit; text-align: center; padding: 5px; }
.Properties.view .page-content #transient-tax table.tax-chart .col0 { border-left: 1px solid #ddd; }
.Properties.view .page-content #transient-tax table.tax-chart .col0:first-child { border-left: 0; }
.Properties.view .page-content #transient-tax table.tax-chart td:last-child,
.Properties.view .page-content #transient-tax table.tax-chart th:last-child { border-right: 0; }
.Properties.view .page-content #transient-tax table.tax-chart td.season { border-left: 0; }
.Properties.view .page-content #transient-tax table.tax-chart tr.values td,
.Properties.view .page-content #transient-tax table.tax-chart tr.views th { font-size: 15px; }
.Properties.view .page-content #transient-tax table.tax-chart tbody + tbody { border-top: 0; }
.Properties.view .page-content #transient-tax table.tax-chart td.season i.icon-calendar { margin-left: 5px; }
.Properties.view .page-content #transient-tax table.tax-chart td.season .tooltip .tooltip-inner { font-size: 13px; font-weight: bold; text-align: left; }
.Properties.view .page-content #transient-tax table.tax-chart td.season span.dates { display: block; font-size: 13px; }
.Properties.view .page-content #transient-tax table.tax-chart td.season span.dates span.badge { font-weight: normal; line-height: 15px; margin: 0 2px; padding-bottom: 3px; background: rgba(255,255,255,0.7); color: #000; text-shadow: none; }

.Properties.view .page-content #transient-tax table.tax-chart td.dow { min-width: 80px; border-left: 0; }

.Properties.view .page-content #map { padding-bottom: 30px; }
.Properties.view .page-content #map .row { margin-left: -3%; }
.Properties.view .page-content #map .map { border: 1px solid rgb(255,222,0); width: 30%; height: 16vw; overflow: hidden; margin-left: 3%; float: left; }
.Properties.view .page-content #map .map.pdf { font-size: 150px; text-align: center; line-height: 100%; }
.Properties.view .page-content #map .map.pdf a { display: inline-block; width: 100%; height: 160px; padding: calc(8vw - 80px) 0; }

.Properties .page-content #videos {  }
.Properties .page-content #videos .room { clear: both; }
.Properties .page-content #videos iframe { width: 48.5%; height: 320px; margin-right: 3%; float: left; margin-bottom: 3%; }
.Properties .page-content #videos iframe:nth-child(2n) { margin-right: 0; }
.Properties .page-content #videos iframe.full { margin-right: 0; width: 100%; height: 66vw; }
.Properties .page-content #videos .room iframe { margin-right: 3%; }
.Properties .page-content #videos .room iframe:nth-child(2n+1) { margin-right: 0; }
.Properties .page-content #videos h5 { clear: both; }
.Properties .page-content #videos .video-virtual-tour-tab-content { text-align: left; margin-bottom: 30px; font-size: 18px; line-height: 1.4em; }
.Properties .page-content #transient-tax .transient-tax-tab-content { text-align: left; margin-bottom: 30px; font-size: 18px; line-height: 1.4em; }
@media (min-width: 480px) and (max-width: 767px) { .Properties .page-content #transient-tax .transient-tax-tab-content { padding: 0 40px; } }
.Properties.videos #video-virtual-tour-content { text-align: left; margin-bottom: 30px; font-size: 18px; line-height: 1.4em; }

@media ( min-width: 1331px ) {
	.Properties.view .page-content #transient-tax table.tax-tables { margin-left: -25px; }
	.Properties.view .page-content #transient-tax table.tax-tables .tablet { display: none; }
}
@media ( max-width: 1330px ) {
	.Properties.view .page-content #transient-tax table.tax-tables .desktop { display: none; }
	.Properties.view .page-content #transient-tax table.tax-tables tr.values.tablet div.tablet { white-space: nowrap; text-align: left; }
	.Properties.view .page-content #transient-tax table.tax-tables tr.values.tablet td { padding: 8px 12px; }
}
@media ( min-width: 1200px ) {
	.Properties.view .page-content #map .map { height: 270px; }
	.Properties.view .page-content #map .map.pdf a { padding: 55px 0; }
}
@media ( min-width: 980px ) and ( max-width: 1199px ) {
	.Properties.view .page-content .resort-photo, 
	.Properties.view .page-content .room-photo   { height: 160px; }
	.Properties.view .page-content #map .map { height: 216px; }
	.Properties.view .page-content #map .map.pdf a { padding: 28px 0; }
}
@media ( min-width: 768px ) and ( max-width: 979px ) { 
	.Properties.index .property { position: relative; padding-bottom: 60px; }
	.Properties.index .property img.resort-photo { max-width: 100%; width: 100%; margin-left: 0; }
	.Properties.index .page-content .content-section .property a.btn-yellow { position: absolute; bottom: 30px; width: calc(100% - 60px); top: auto; margin-left: 0; }
	
	.Properties.view .page-content #room-layouts .room,
	.Properties.view .page-content #views .view { max-width: 720px; } 
	.Properties.view .page-content .resort-photo, 
	.Properties.view .page-content .room-photo { height: 120px; }
	.Properties.view .page-content #map .map { height: 165px; }
	.Properties.view .page-content #map .map.pdf a { padding: 0; }
	.Properties .page-content #videos iframe { height: 33vw; }
	.Properties .page-content #videos iframe.full { height: 66vw; }

	.Properties.view .page-content #transient-tax table.tax-tables tr.values.tablet div.tablet { white-space: normal; text-align: center; line-height: 18px; padding-bottom: 5px; }

}
@media ( min-width: 480px ) and ( max-width: 767px ) {
	.Properties.view .page-content .resort-photo, 
	.Properties.view .page-content .room-photo { width: 48%; height: 33vw; max-height: none; float: left; margin-right: 4%; margin-bottom: 4%; }
	.Properties.view .page-content .resort-photo:nth-child(2n), 
	.Properties.view .page-content .room-photo:nth-child(2n+1) { margin-right: 0; }
	.Properties.view .page-content #map .map { width: 47%; height: 33vw; margin-bottom: 3%; }
	.Properties.view .page-content #map .map.pdf a { padding: calc(16.5vw - 80px) 0; }
	.Properties .page-content #videos iframe { width: 100%; margin-right: 0; height: 66vw; }

	.Properties.view .page-content #transient-tax table.tax-tables tr.values.tablet div.tablet { white-space: normal; text-align: center; line-height: 18px; padding-bottom: 5px; }
	.Properties.view .page-content #transient-tax { margin-left: -48px; margin-right: -48px; }
}
@media ( max-width: 700px ) and ( min-width: 591px ) {
	.Properties.view .page-content #transient-tax table.tax-chart tr.rooms th,
	.Properties.view .page-content #transient-tax table.tax-chart td.season,
	.Properties.view .page-content #transient-tax table.tax-chart tr.values td .tablet { font-size: 14px; }
	.Properties.view .page-content #transient-tax .tax-tables { width: 475px; }
}
@media ( max-width: 620px ) and ( min-width: 591px ) {
	.Properties.view .page-content #transient-tax table.tax-tables tr.values.tablet td { padding: 5px; }
	.Properties.view .page-content #transient-tax .tax-tables { width: 445px; }
}
@media ( max-width: 550px ) {
	.Properties.view .page-content #transient-tax table.tax-chart tr.rooms th,
	.Properties.view .page-content #transient-tax table.tax-chart td.season,
	.Properties.view .page-content #transient-tax table.tax-chart tr.values td .tablet { font-size: 14px; }
	.Properties.view .page-content #transient-tax table.tax-tables tr.values.tablet td { padding: 5px; }
	.Properties.view .page-content #transient-tax .tax-tables { width: 400px; }
}
@media ( max-width: 479px ) {
	.Properties.index .property { position: relative; padding-bottom: 60px; }
	.Properties.index .property img.resort-photo { max-width: 100%; width: 100%; margin-left: 0; }
	.Properties.index .page-content .content-section .property a.btn-yellow { position: absolute; bottom: 30px; width: calc(100% - 60px); top: auto; margin-left: 0; }

	.Properties.view .page-content .resort-photo, 
	.Properties.view .page-content .room-photo { max-height: none; height: 66vw; }
	.Properties.view .page-content #map .map { width: 97%; height: 66vw; margin-bottom: 5%; }
	.Properties.view .page-content #map .map.pdf a { padding: calc(33vw - 80px) 0; }
	.Properties .page-content #videos iframe { width: 100%; margin-right: 0; height: 66vw; }
}
@media ( max-width: 767px ) { 
	.Properties.view .page-content #room-layouts .room,
	.Properties.view .page-content #views .view { width: 100%; } 
	.Properties.view #property-title-h4 { margin-bottom: 0; }

}