/* ############# Primary Styles ############# */

body {font-family: "Georgia", serif;font-size: 16px;color: #444444;line-height: 20px;background-color:#162734;background-image: url(/img/back_WaHMain.jpg);background-attachment:fixed}
section {position:relative;clear: both;}
b, strong {font-family: inherit;font-weight: 700;}
p {margin: 20px;}
h1, h2 {font-family: Georgia,serif; margin: 40px 20px 20px;}
h3, h4, h5 {font-family: Georgia,serif; margin:20px;}
a {color:#B93C42;text-decoration:none;}
a:hover {color:#252525;-moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}

h1 {font-family: "le-monde-journal-std-2",sans-serif;font-size: 48px;line-height: 60px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
h2 {font-size: 32px;line-height: 32px;font-weight:100;}
h3 {font-size: 24px;line-height: 24px;}
h4 {font-weight: 100;font-size: 18px;text-transform: uppercase;}
h5 {font-weight: 300;font-size: 16px;text-transform: uppercase;margin-bottom:0px;}

img {max-width: 100%;}
hr {display: block; height: 1px; border: 0;border-top:1px solid #efefef;margin: 20px;}
table {margin:20px;width:calc(100% - 40px);}
table thead tr {background-color:#444444;color:#ffffff;}
table th {text-align:left;}
table th, table td {padding:5px;}
tr:nth-of-type(even) {background-color: #f7f7f7;}

blockquote {margin: 20px;padding: 1px;background-color:#cccccc;border-radius: 3px;}
blockquote.nestedLeft {float:left;width: 35%;}
blockquote.nestedRight {float:right;width: 35%;}

ol li {margin-bottom:10px;}

/*------- Red: #B93C42 -------*/

/*------- Site Structure -------*/

.fullScreen {
	aspect-ratio: 16/9;
	overflow: hidden;
}

.fullScreenContent {
	display: grid;
	place-content: center;
	text-align: center;

	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}

.fullScreenContent h1 {
	border-top: 0;
	border-bottom: 0;
	font-size: clamp(2.33rem, calc(1.7rem + 3.15vw), 4.14rem);
}

.fullScreenContent p {
	font-size: 18px;
}

.fullScreenContent a {
	color: #ffffff;
}

.fullScreenContent a:hover {
	color: #000000;
}

.intro-video {
	position: fixed;
	z-index:-1;
	width: 100%;
	aspect-ratio: 16/9;
}

.lightSec {background-color:#ffffff;}
.greySec {background-color:#efefef;}
.darkSec {background-color: rgba(0,10,33,0.9)}
.openSec {color:#ffffff;text-shadow:1px 1px 0px #1b1464;}
.redSec {background-color:#B93C42;background-image: url(/img/back_WaHRed.jpg);box-shadow:0px 0px 5px #761c20 inset;color:#ffffff;}

.bgSec {
	background-color:#162734;background-image: url(/img/back_WaHMain.jpg);background-attachment:fixed
}

.collSec {background-color:#94262b;box-shadow:0px 0px 5px #761c20 inset;color:#ffffff;}

#siteMsg {background-color:#B93C42;color:#ffffff;padding:1px;text-align:center;}

/*------- Content -------*/

.whiteBox {background-color:#ffffff;}

.imgRight {float:right;margin:20px;}
.imgLeft {float:right;margin:20px;}

.redType {color:#B93C42;}
.smallType {font-size: 10px;line-height:14px !important;}
.center {text-align:center;}

.hLight {display:inline-block;background-color:yellow;}

.hero--wrapper .hero--image {
	list-style: none;
	padding: 0;
	margin: 0;
}

.hero__60 .hero--image li {
	height: 60vh;
	min-height: 400px;

	background-size: cover;
}

.hero__80 .hero--image li {
	height: 80vh;
	min-height: 600px;

	background-size: cover;
}

/*------- List Content -------*/

.listFeed {list-style:none;padding:0px;margin:20px;overflow:hidden;}
.listFeed li {border-bottom:1px solid #efefef;padding:5px;}
.listFeed li:last-child {border-bottom:0px}

.floatList {list-style:none;padding:0px;margin:20px 15px 40px;}
.floatList li {float:left;width:calc(50% - 10px);margin:5px;border:1px solid #efefef;}
.floatList li.active {border:1px solid #B93C42;}
.floatList li.active a {background-color: #B93C42;}
.floatList li p:last-child {margin-bottom:20px;}

.listGroup {display:none;}
.listGroup:first-of-type {display:block;}

.selectMenu {list-style:none;padding:0px;}
.selectSubMenu {position:absolute;list-style:none;padding:0px;width:60%;min-width:200px;left:20%;background-color:#fefefe;border:1px solid #cccccc;border-radius:0px 0px 10px 10px;box-shadow:0px 0px 4px rgba(0,0,0,0.1);}
.selectMenuBttn {width:60%;min-width:200px;margin:auto;background-color:#444444;color:#cccccc;display:block;padding:5px 20px;border-radius:2px;}
.selectMenuBttn:hover {color:#ffffff;}

.selectMenu .dropit-submenu li a:hover {background-color:#f8f8f8;}

.hotelThumbs {list-style:none;margin:20px;padding:0px;}
.hotelThumbs li {border:1px solid #efefef;clear:both;overflow:hidden;margin-bottom:20px;}
.thumbHeader {clear:both;}
.thumbImg {display:block;position:relative;margin:10px;width:calc(100% - 20px);height:320px;background-color:#f8f8f8;background-position:center center;background-size:cover;}
.thumbContent {display:block;width:100%;text-align:left;}
.thumbBook {clear:both;border-top:1px solid #efefef;}
.thumbBook p:only-child {margin-bottom:20px;}

.thumb_RateBadge {position:absolute;left:5px;bottom: 5px;padding:10px 20px; background-color:#ffffff;border-radius:5px 5px 5px 0px;text-align:left;}
.thumb_RateBadge span {display:block;}
.thumb_RateBadge .rateBadge_price {font-size:26px;font-weight:bold;}
.thumb_RateBadge .rateBadge_link {text-transform:uppercase;font-size:12px;}

.specList {margin:20px;padding-left:20px;font-size:14px;}
.specList li {border-bottom:1px solid #efefef;margin-bottom:10px;padding-bottom:10px;}


/*------- Buttons/Links -------*/

i.icon {font-size:14px;}
.actBttn {display:inline-block;font-size:10px;text-transform:uppercase;background-color:#cccccc;color:#ffffff;padding: 2px 12px;border-radius:10px;}
.actBttn:hover {background-color:#444444;color:#ffffff;}


.banner-price-match {margin:20px 10px;text-align:center;font-size:18px;}
.banner-price-match a {display:block;}

/*------- Navigation -------*/

nav {border-top:2px solid #efefef;border-bottom:1px solid #efefef;}
nav #mainMenuA {float:left;color:#efefef;}
nav #mainMenuB {float:right;color:#efefef;}

#headerSec {z-index:1000;position:fixed;top:0px;left:0px;width:100%;}

#mainNavBar {position:relative;height:48px;padding:10px;background-color:#ffffff;z-index:1000;}
#mainLogo {position:absolute;z-index:1001;top:-2px;left:50%;width:400px;margin-left:-200px;background-color:#ffffff;text-align:center;line-height:50px;border-radius:0px 0px 10px 10px;box-shadow:0px 0px 4px rgba(0,0,0,0.1);}

#adBar {position:absolute;z-index:1000;top:5px;left:50%;width:680px;margin-left:-340px;}
#adBar a:first-child {float:left;}
#adBar a:last-child {float:right;}
#adBar a img {width:120px;}


#mainNavBar ul {list-style:none;padding:0px;margin:0px;}
#mainNavBar ul li {display:inline-block;margin:0px 5px;}
#mainNavBar ul li a {color:#999999;display:block;line-height:20px;margin-top:2px;font-weight: 700}
#mainNavBar ul li a:hover {color:#B93C42;}

#mainNavBar ul li a.navBttn {border:1px solid #999999;border-radius:3px;padding:2px 6px;font-size:14px;margin-top:-1px;}
#mainNavBar ul li a.navBttn:hover {border:1px solid #B93C42;}

#mainNavBar ul li.mobileNavItem {display:none;}

#dropmenu {background-color: #ffffff;border: 1px solid #efefef;border-radius:0px 0px 10px 10px;text-align:right;}

.sideNav ul {list-style:none;padding:0px;margin:40px 20px 20px;}
.sideNav ul li {border-bottom:1px solid #efefef;}
.sideNav ul li a {display:block;padding:5px;}

.accNav ul {list-style:none;padding:0px;margin:40px 20px 20px;text-align:center;border-top:1px solid #efefef;border-bottom:1px solid #efefef;}
.accNav ul li {display:inline-block;margin-left:-4px;}
.accNav ul li a {display:block;padding:10px 20px;margin: -1px 0px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;color:#cccccc;}
.accNav ul li a:hover {color:#444444;}
.accNav ul li a.active {border-top:1px solid #B93C42;border-bottom:1px solid #B93C42;color:#B93C42;}

.dropit .dropit-trigger { position: relative; }
.dropit #dropmenu {position: absolute;top: 35px;right: 0; /* dropdown left or right */z-index: 1000;display: none;min-width: 200px;list-style: none;padding: 0;margin: 0;}
.dropit .dropit-open .dropit-submenu { display: block; }

.dropit .dropit-submenu li {width:100%;border-bottom:1px solid #efefef;margin:0px !important;}
.dropit .dropit-submenu li:last-child {border-bottom:0px;}
.dropit .dropit-submenu li a {display:block;padding: 5px 10px;}
.dropit .dropit-submenu li a:hover {}

.respMenu {display:none;}
.fullMenu {display:block;}

/*------- Blog -------*/

.blogList {list-style:none;padding:0px;margin:0px;display:flex;flex-wrap:wrap;}
.blogList li {width:calc(33% - 20px);text-align:center;padding:20px;margin:10px;border:1px solid #efefef;border-radius:10px;}
.blogImg {margin:-15px;margin-bottom:20px;background-color:#efefef;border-radius:5px;height:200px;background-size:cover;background-repeat:no-repeat;}

/*------- Pages -------*/

.callOut {background-color: #efefef;padding:10px;border-radius:5px;}
.callOutAlt {background-color: #050E25;color:#ffffff;padding:10px;border-radius:5px;}
.callOutAlt a:hover {color:#ffffff;}

.callOutLink {color: #000000;background-color: white;padding:40px;border-radius:5px;border:5px double goldenrod}

.destList {list-style:none;padding:0px;margin:20px;text-align:center;}
.destList li {display:inline-block;width: calc(33% - 10px);height:160px;margin:5px;box-shadow:0px 0px 4px rgba(0,0,0,0.1);border:5px solid #ffffff;border-radius:3px;background-size:cover;}
.destList li a {display:block;width:100%;height:160px;color:#ffffff;font-size:18px;font-weight:700;line-height:160px;text-shadow: 1px 1px 4px #000000;}
.destList li a:hover {color:#ffffff;}

.collList {list-style:none;padding:0px;margin:20px;text-align:center;}
.collList li {display:inline-block;width: calc(25% - 14px);height:160px;margin:5px;box-shadow:0px 0px 4px rgba(0,0,0,0.1);border:5px solid #ffffff;border-radius:3px;background-size:contain;background-repeat:no-repeat;background-position:center center;}
.collList li a {display:block;width:100%;height:160px;color:#ffffff;font-size:18px;font-weight:700;line-height:160px;text-shadow: 1px 1px 4px #000000;}
.collList li a:hover {color:#444444;}

.collLogo {position: absolute;width:400px;bottom:-100px;left:50%;margin-left:-200px;z-index:2000;background-color:#ffffff;padding:10px;border-radius:10px;box-shadow:0px 0px 4px rgba(0,0,0,0.1);min-height:200px;}
.collLogo img {display:none;}

/*------- Hotels -------*/

.perksBox {position:relative;border-radius:10px;margin:20px;text-shadow: 1px 1px 1px #701418;width:calc(100% - 40px) !important;}
.perksBox ul {list-style:none;margin:20px;padding:0px;font-size:16px;}

.perksList, .perksListAlt {margin:0px !important;padding:0px;}
.perksList li, .perksListAlt li {display:inline-block;margin:5px;width:18%;background-color:#a12d33;vertical-align:top;min-height:240px;padding:20px;border-radius:5px;font-size:14px;}

.perksList li:nth-child(1)::before {content: url(/img/icon_1.svg);}
.perksList li:nth-child(2)::before {content: url(/img/icon_2.svg);}
.perksList li:nth-child(3)::before {content: url(/img/icon_3.svg);}
.perksList li:nth-child(4)::before {content: url(/img/icon_4.svg);}
.perksList li:nth-child(5)::before {content: url(/img/icon_x.svg);}
.perksList li:nth-child(6)::before {content: url(/img/icon_x.svg);}
.perksList li:nth-child(7)::before {content: url(/img/icon_x.svg);}
.perksList li:nth-child(8)::before {content: url(/img/icon_x.svg);}

.perkStar {position:absolute;top:50%;margin-top:-50px;}
.perkStar.starLeft {margin-left:-50px;}
.perkStar.starRight {right:0px;margin-right:-50px;}

.special {background-color:#23313C;padding:1px;color:#ffffff;margin:10px;border-radius:10px;}

/*------- Hotel Gallery -------*/
.hotelGallery_shell {
	padding: 40px 40px 10px;
}

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

.hotelGallery .slick-slide {
	padding: 10px;
}

.hotelGallery .slick-slide img {
	margin: auto;
}

.galleryCaption {
	position: absolute;
	display: inline-block;
	bottom: 0px;
	left: 0px;
	margin: 20px;
	background: rgba(255,255,255,0.8);
	border-radius: 3px;
	color: #000000;
	padding: 10px 20px;
	font-size: 80%;
	text-transform: uppercase;
}

/*------- Custom Booking -------*/

#bookingList-flex {
	display: flex;
	flex-direction: column;
	gap: 20px;

	list-style: none;
	padding: 0;
	margin: 0;
}

#bookingList-flex .bookingItem {
	display: flex;
	gap: 10px;
	background-color: #ffffff;
}

.bookingItem .roomMoreInfo  {
	display: none;
}

#bookingList-flex .bookingItem:first-of-type .booking-room-list.best-rate:first-of-type .roomMoreInfo  {
	display: table-row;
}

#bookingList-flex .bookingItem .bookingItem-img {
	flex: 1;
	flex-basis: 40%;
}

#bookingList-flex .bookingItem .bookingItem-content {
	flex: 1;
	flex-basis: 60%;
	text-align: left;
}

.booking-img-list {
	list-style: none;
	padding: 0;
	margin: 0;

	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.booking-img-list li {
	flex-basis: 33%;
	display: block;

	position: relative;
	padding: 1px;
	margin: 0;
	display:block;
	width: 100%;

	background-color: #f4f4f4;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.booking-img-list li a {
	display: block;
}

.booking-img-list li a img {
	display: block;
	aspect-ratio: 1;
	object-fit: cover;
	width:100%;
}

.booking-img-list li span {
	display: none;
	position: absolute;
	width: 100%;
	padding: 5px 10px;
	opacity: 0.75;
	bottom: 0;
	left: 0;
	background-color: #ffffff;
	font-size: 80%;
}

.booking-img-list li:first-of-type {
	flex-basis: 100%;
	flex-grow: 1;
}

.booking-img-list li:first-of-type a img {
	aspect-ratio: 4/5;
	object-fit: cover;
}

.booking-img-list li:first-of-type span {
	display: block;
}

.booking-room-list {
	border: 1px solid #efefef;
}

.booking-room-list.best-rate {
	border: 3px solid #ffdf0b;
}

.booking-room-list.best-rate::before {
	content: "Our Best Rate!";
	position: relative;
	font-size: 12px;
	font-weight: bold;
	background-color: #ffdf0b;
	padding: 2px 10px;
	display: inline-block;
}

.booking-room-list.best-rate tr:nth-of-type(even) {
	background-color: #fff9ce;
}

.booking-room-list td p {
	margin: 10px !important;
}

.bookItemDesc {display:none;border-top:1px solid #efefef;}
.bookItemPerks {background-color: #ffffff;padding:20px;}

#bookingList {list-style:none;padding:0px;margin:0px;background-color:#ffffff;overflow:hidden;border-top:5px solid #23313C;border-bottom:4px solid #23313C;}
#bookingList li.bookingItem {clear:both;overflow:hidden;border-bottom:1px solid #23313C;padding:1px;text-align:left;}
#bookingList li p:last-child {margin-bottom: 20px;}
#bookingList li h4 {color:#B93C42;}

.bookItemDesc {display:none;border-top:1px solid #efefef;text-align:c}
.bookItemPrice h3 {font-size:32px;margin-top:-10px;}

.bookingInfo {list-style:none;margin:20px;padding:0px;}

#bookingHead {list-type:none;margin:0px;padding:0px;}
#bookingHead li.bookingShell {position:relative;background-size:cover;}
.bookingDetail {margin:40px 0px;background-color:#ffffff;border:#bbbbbb;border-radius:3px;padding:10px;color:#444444;text-align:center;}

.bookItemSumm h4 {text-transform:none;}

.servicesList {list-style:none;margin:20px;padding:0px;overflow:hidden;text-align:center;}
.servicesList li {display:inline-block;width:30%;text-align:center;background-color:#ffffff;border:1px solid #efefef;border-radius:10px;}
.servicesList li img {max-width:75%;}
.servicesList li a {display:block;width:100%;}

.rateBanner {padding:0px;margin:20px 0px;background-color:#23313C;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.rateBanner a {
	display:block;font-size:22px;padding:40px;color:#ffffff;text-shadow: 0px 0px 4px #23313C;
	background: -moz-linear-gradient(top, rgba(35,49,60,0) 0%, rgba(35,49,60,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(35,49,60,0) 0%,rgba(35,49,60,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(35,49,60,0) 0%,rgba(35,49,60,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0023313c', endColorstr='#23313c',GradientType=0 ); /* IE6-9 */
}

.callout-affirm {border: 2px solid #3987C7 !important;}
.callout-affirm a.bttn {background-color:#3987C7 !important;}
.callout-affirm .affirm-ala-price {font-weight:700;}

/*------- Checkout Form -------*/

.checkForm {clear:both;padding-top:1px;}
.checkForm_hidden {display:none;clear:both;padding-top:1px;}
.floatBttn {float:right;}

.checkoutTable {border-top:1px solid #cccccc;border-left:1px solid #cccccc;}
.checkoutTable td {border-bottom: 1px solid #cccccc;border-right:1px solid #cccccc;}

/*------- Account Management -------*/

#bookedList {list-style:none;padding:0px;margin:10px;overflow:hidden;}
#bookedList li {float:left;width:calc(25% - 20px);margin:10px;}
#bookedList li a {display:block;color:#ffffff;position:relative;background-size:cover;background-position:center center;background-repeat:no-repeat;height:225px;border:3px solid #ffffff;border-radius:5px;box-shadow:1px 1px 5px #cccccc;}
#bookedList li a:hover {border:3px solid #B93C42;}

.bookedItemHeader {position:absolute;padding:5px;top:0;left:0px;width:100%;background-color: rgba(0,0,0,0.75);text-align:center;border-radius:5px 5px 0px 0px;font-size:16px;}
.bookedItemFooter {position:absolute;padding:5px;bottom:0;left:0px;width:100%;background-color: rgba(0,0,0,0.75);text-align:center;border-radius:0px 0px 5px 5px;font-size:12px;}

/*------- Search -------*/

.mainSearchBox {margin-bottom:40px;}
.mainSearchBox p {margin:0px;}
.mainSearch {width: 60%;background-color: rgba(175,60,65,0.9);	border-radius: 20px;padding: 20px 30px;color: #ffffff;margin:0px auto;}
.mainSearch input {vertical-align: middle;}
.mainSearch input[type=text] {font-size: 16px;width: 500px;padding: 5px 20px;border: 0px;border-radius: 5px;border: 1px solid #a02b3b;outline: none;}
.mainSearch input[type=text]:focus {border: 1px solid #000000;color: #000000;outline: none;}

.fbMsgBttn {display:block;padding:10px;border-radius:10px;text-transform:uppercase;color:#000000;margin-top:10px;line-height:32px;
	background: #fcee21; /* Old browsers */
	background: -moz-linear-gradient(top, #fcee21 0%, #fbb03b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fcee21 0%,#fbb03b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fcee21 0%,#fbb03b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcee21', endColorstr='#fbb03b',GradientType=0 ); /* IE6-9 */
}

#mobileSearch {display:none;}

#mainOptions {display: inline-block;padding: 5px 20px;border-radius: 0px 0px 5px 5px;background-color: rgba(175,60,65,0.9);text-transform: uppercase;color: #ffffff  !important;text-shadow: 0px 0px 2px #000000;}
#mainOptions:hover {color: #ffffff !important;}

.collHome {list-style:none;margin:20px;padding:0px;}
.collHome li {height:100px;width:100px;display:inline-block;}

/*------- LogIn/Account -------*/

#logSec {border-top: 1px solid #efefef;}
#logSec p:last-child {margin: 40px;}

.mainLogBox {z-index: 50;position: absolute;width: 660px;margin-left: -330px;bottom: 10%;left: 50%;text-align:center;}
.logBox {width: 100%;background-color: rgba(175,60,65,0.9);border-radius: 20px;padding: 20px 30px;color: #ffffff;margin:0px;}
.logBox p {margin:20px;}

/*------- Social Icons -------*/

.socialList {list-style:none;padding: 0px;margin: 20px;font-size: 18px;text-align:center;}
.socialList li {display: inline-block;}
.socialList li a {display: block;margin: 2px;border-radius: 50%;background-color: rgba(0,0,0,0.2);color: #ffffff;text-align: center;line-height: 36px;width: 36px;}
.socialList li a:hover {background-color: rgba(0,0,0,0.5);}

#social-twitter a:hover {background-color:#00aced !important;}
#social-facebook a:hover {background-color:#3b5998 !important;}
#social-google a:hover {background-color:#dd4b39 !important;}
#social-youtube a:hover {background-color:#bb0000 !important;}
#social-instagram a:hover {background-color:#517fa4 !important;}
#social-pinterest a:hover {background-color:#cb2027 !important;}

#social-rss a:hover {background-color:#ff9900 !important;}
#social-email a:hover {background-color:#605ca8 !important;}
#social-share a:hover {background-color:#00a651 !important;}

/*------- Header / Footer -------*/

header {margin-top:48px;border-bottom:5px solid #B93C42;position:relative;color:#ffffff;}

header .tagLine {text-align:center;font-size:32px;line-height:36px;text-shadow:1px 1px 5px #000000, 1px 1px 1px #B93C42;margin:20px -20px;}

.subHead {height:500px !important;}
.miniHead {height:250px !important;}
.moreBttn {z-index:10;position:absolute;bottom:-5px;left:50%;text-align:center;color:#ffffff;background-color:#B93C42;padding:5px 10px;width:240px;margin-left:-120px;font-size:14px;text-transform:uppercase;border-radius:5px 5px 0px 0px;}

footer {background-color:#2B4447;color:#56665D;border-top:5px solid #56665D;font-size:14px;}
footer h4 {font-size: 14px;}
footer ul {list-style:none;margin:20px;padding:0px;}
footer a {color:#ffffff;}
footer a:hover {color:#000000;}

footer .footMenu {width:25%;border-left: 1px solid #56665D;min-height:260px;margin-bottom:5px;}
footer .footMenu:first-child {border-left: 0px;}

footer .footContent {margin:20px 5px;text-align:center;background-color:#ffffff;border-radius:2px;padding:1px;box-shadow: 1px 1px 3px #0c1b1d;min-height: 206px;}
footer .footContent h3 {color:#B93C42;font-size:15px;text-transform:uppercase;}

.footerTag {font-family: "le-monde-journal-std-2",sans-serif;text-align:center;color:#ffffff;max-width:660px;margin:40px auto;line-height:36px;}
#legal {background-color:#22393c;text-align:center;font-size:12px;clear:both;padding:10px;}
#legal a {color:#56665D;}
#legal a:hover {color:#FFFFFF;}


.mainBanner {z-index: 50;position: absolute;width: 800px;margin-left: -400px;top: 25%;left: 50%;text-align:center;}

/*------- Forms & Buttons -------*/

.bttn {border:0px;padding:5px 20px;border-radius:3px;background-color:#B93C42;color:#ffffff;}
.bttn:hover {color:#ffffff;background-color:#db353d;}
.bttnDark {background-color:#23313C;color:#ffffff;}
.bttnDark:hover {background-color:#A12D33;color:#ffffff;}
.bttnLrg {font-size:18px;}
.bttnXLrg {disaply:block;width:100%;font-size:18px;padding:20px;}
.bttnBlock {display:block;width:100%;text-align:center;}
.bttnSmall {font-size: 12px;}

.bttnGold {background-color:#d5be00;color:#000000;padding:10px 40px;font-weight:bold;}
.bttnGold:hover {
		background-color: #a68d01;
		color:#000000
}

.bttn:disabled {background-color:#cccccc;}

.destForm {background-color:#f8f8f8;border:1px solid #efefef;border-radius:5px;padding:1px;}
.destForm p:last-child {margin-bottom:20px;}

.searchForm {border: 1px solid #efefef;padding:20px;}
.searchForm label {display:block;}

#bookFormHidden {display:none;}
#bookForm, #emailPerks {max-width:600px;margin: 20px auto;border:double 3px #cccccc;background-color: #ffffff}
#bookForm h3, #emailPerks h3 {text-transform:uppercase;text-shadow: 1px 1px 1px #ffffff; }

#bookFormSml {
	font-size:12px;
	border-radius:5px;
	padding:10px;
}

.booking-form-small {
	background-color:white;
	border:1px solid #dddddd;
	margin:20px 0px;
}

.booking-form-main {
	display: flex;
	gap: 20px;
	justify-content: center;
}

.booking-form-options {
	display: none;
	gap: 20px;
	justify-content: center;
}

input, button {outline:none;}

form input, form textarea, form select {outline:none;}
form {margin:20px;}
form hr {border-top: 1px solid #cccccc;}

form label {cursor: pointer;}
form label.option {border:1px solid #efefef;padding:10px 20px;border-radius:5px;display:block;}
form label.option:hover {border:1px solid #23313C;}
form fieldset {margin-bottom:20px;border-radius:5px;border: 1px solid #cccccc;}
form fieldset legend {padding:0px 10px;font-size: 14px;font-weight:700;}

form input[type=text], form input[type=number],form input[type=date],form input[type=time],form input[type=email], form input[type=password], form select, form textarea {
	background-color: #ffffff;border: 1px solid #cccccc;color: #444444;padding: 3px;font-size: 100%;border-radius: 3px;width: 100%;
}

form textarea {min-height:60px;}
form input[type=checkbox], form input[type=radio] {vertical-align:middle;}
form input[type=text]:hover,input[type=number]:hover,input[type=email]:hover,input[type=date]:hover, form textarea:hover, form select:hover {border: 1px solid #000000;-moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}

form input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=date]:focus, form textarea:focus, form select:focus {border: 1px solid #B93C42;-moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
form input[type=text]:required {}

form input[type=submit] {}

form .multiLine {display:inline-block;margin:0px 20px;}

form .fieldList {list-style:none;padding: 0px;margin: 20px;}
form .fieldList li {display: inline-block;margin: 1%;width: 22%;padding: 5px;}
form .fieldList li:hover {background-color: rgba(255,255,255,0.3);}
form .fieldList li label {display:block;}

/*------- Form Validation -------*/

form .help-block {color: #999999 !important;font-size: 12px;}
form .form-error {color: #cc0000 !important;font-size: 12px;}

/*------- Video Carousel -------*/

.videoList {list-style:none;margin:0px;padding:0px;}
.videoList li {float:left;margin:10px;width:calc(25% - 20px);}
.videoList li a {display:block;position:relative;padding:0px;height:300px;color:#ffffff;border-radius:3px;}

.videoListContainer  {position:absolute;top:0;left:0;overflow:hidden;width:100%;height:298px;border-radius:2px;}
.videoListVid {width: 100%;height: 100%;object-fit: cover;}

.videoListDesc {
	position:absolute;bottom:0;left:0;width:100%;
	pointer-events: none;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.videoListDesc p {text-align:center;margin:20px;color:#ffffff;}

.videoListBtn {position:absolute;top:40%;left:50%;width:40px;margin-left:-20px;font-size:40px;color:#ffffff;opacity:50%;pointer-events: none;}
.videoList li a:hover .videoListBtn {opacity:0%;}

/*------- CMS Systems -------*/

.tags a {display:inline-block;padding: 2px 5px;margin:0px 2px;background-color:#efefef;border-radius:2px;color:#444444;}
.tags a:hover {background-color:#638b4d;color:#ffffff;}

#crumbSec {background-color:#f8f8f8;border-bottom:#efefef;}
.breadCrumb {position:relative;margin:0px 10px;color: #444444;font-size:12px;text-transform: uppercase;text-align:center;}
.breadCrumb a, #breadCrumb span {display:inline-block;padding:0px 5px;}
.breadCrumb span:last-child {font-size:12px;font-weight:700;}
.breadCrumb a {color: #cccccc;}
.breadCrumb a:hover {color: #151515;}

/*------- CMS / Messaging -------*/

#msgWin, .msgWin {margin:20px;padding:1px;color: #444444;text-align:center;border-radius:2px;background-color:rgba(255,255,255,0.9);cursor:pointer;}
#msgWin h3, .msgWin h3 {margin-bottom:0px;text-align:center;color:#444444;}
#msgWin p, .msgWin p {text-align:center;}
#msgWin p, .msgWin p:last-child {margin-bottom:20px;}

#msgWin.confirm {background-color: #39b54a !important; color:#ffffff !important;}
#msgWin.alert, .basket {background-color: #666666 !important; color:#ffffff !important;}
#msgWin.error {background-color: #CC0000 !important; color:#ffffff !important;}

.adminDebug {background-color:#cccccc;padding:20px;border-radius:10px;margin-bottom:40px;}
.book-admin-images {
	list-style:none;
	margin: 0;
	padding: 0;

	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, 1fr);
}

.book-admin-images li {
	margin: 0;
	padding: 0;
}

.book-admin-images li img {
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
}
#gdpr-cookie-message h4 {
    color: #B93C42;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: #000000;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: #B93C42;
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: #000000;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: #B93C42);
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: #B93C42;
    color: #ffffff;
    transition: all 0.3s ease-in;
}

button#gdpr-cookie-accept {
    background: #efefef;
    color: #000000;
}

button#gdpr-cookie-advanced {
    background: white;
    color: #B93C42;
}

#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}

/*------- Modal Shell -------*/

.modalShell {margin:5px;padding:20px;background-color:#ffffff;border-radius:5px;box-shadow:0px 0px 3px #000000;color:#444444;}
.modalShell h1, .modalShell h2 {margin: 20px;}

.modalImg {height:300px;background-size:cover;background-position:center center;}

.stuck {position:fixed !important;top:0;}
 
/*------- Background Slideshow - Easy eh? -------*/
#bgSlides {position: fixed;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
#subSlides {height:495px;}
#miniSlides {height:245px;}

.cycle-slideshow {list-style:none;padding:0px;margin:0px;}
.cycle-slideshow li {display:block;width: 100%;height: 100%;background-size:cover;background-position:center center;}

.headerSlide div {position:absolute;bottom:0px;width:80%;margin:10%;text-align:center;color:#ffffff;padding:1px;}
.headerSlide a {color:#ffffff;}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 20px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 36px; width: 18px; height: 18px; 
    display: inline-block; color: #ddd; cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color: #454545;}
.cycle-pager > * { cursor: pointer;}

.cycle-prev, .cycle-next {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100px;
	z-index: 5000;
	display: grid;
	align-content: center;
	cursor: pointer;
	font-size: 24px;
}

.cycle-prev:hover, .cycle-next:hover {

}

.cycle-prev {
		left: 0;
}

.cycle-next {
		right: 0;
}

/*------- Background Video -------*/
#bgvid { 
  width: 100dvw;
  height: 100dvh;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: -40px;
  bottom: 0;
  z-index: -1;
  border: 0;
}

.vimeo-wrapper {
   position: fixed;
   top: -5%;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}

.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

/*------- ChatBot -------*/
.chatbot-loader {
	position: fixed;
	bottom: 0;
	right: 0;
}

.chatbot-loader #chat-wrapper {
	position: absolute;
	bottom: 0;
	right: 0;
	width:400px;
	height: auto;
}

/* ############# Media Queries ############# */

@media only screen and (max-width: 1220px) {
	#mainNavBar ul li.mobileNavItem {display:inline-block !important;}
	#mainNavBar ul li.fullNavItem {display:none !important;}
}

@media only screen and (max-width: 920px) {
	
	.thumbImg, .thumbContent {float:none;width:100%;}
	.thumbImg {height:200px;}
	
	.perkStar {display:none;}
}

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

        #adBar {display:none;}
        #mainLogo {width:300px;margin-left:-150px;}

	/*------- General Adjustments -------*/
	h1, h2, h3, h4, h5 {margin: 20px;}
	header .tagLine {font-size:24px;line-height:24px;bottom:70px;}
	
	/*------- Maximize Main Content & Section Navs -------*/
	.secMenu, .mainContent, .sideContent, .homeContent, .searchContent, .sideNav {min-height:20px;width: 100% !important;}
	
	/*------- Main Search Box -------*/
	.mainSearchBox {width: 460px;margin-left: -230px;top: 65%;left: 50%;}
	.mainSearch input[type=text] {width: 300px;}

	.perksList li, .perksListAlt li {width:30%;}

	
	#secNav {margin:10px;}
	#secNav ul {display:none;}
	#secNav ul li a {padding:10px 10px 10px 58px;border-bottom:1px solid #638b4d;}
	.secNavHeader {background-color:#638b4d;color:#ffffff;padding:10px}
	.secNavHeader a {display:inline-block;test-align:center;padding:10px 15px;width:44px;background-color:#7ca466;color:#ffffff;margin: -10px 10px -10px -10px;}
	
	.sideBar {display:none !important;}
	
	.blogList li {width:calc(50% - 20px);}
	
	#bookedList li {float:left;width:calc(50% - 20px);margin:10px;}
	.bookingItem {flex-direction: column;}
	.booking-img-list li:first-of-type a img {
		aspect-ratio: 3/4;
	}
}

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

	.fullScreen {
		aspect-ratio: 9/16;
		overflow: hidden;
	}

	.intro-video {
		position: fixed;
		z-index:-1;
		width: 100%;
		aspect-ratio: 9/16;
	}

	#mainLogo {width:200px;margin-left:-100px;height:58px;padding-top:9px;}
	.mainSearchBox {display:none;}
	#mobileSearch {display:block;}
	.fullSearch {display:none;}
	.respMenu {display:block;}
	.fullMenu {display:none !important;}
	
	.fbMsgBttn {margin:20px;text-align:center;padding:20px;line-height:24px;}
	
	.bookItemSumm, .bookItemPrice, .bookItemLink, .bookItemDesc {width:100% !important;text-align:center;}
	.bookItemLink .bttn {padding:10px 20px;}
	
	.floatList li {float:none;width:100%;}
	
	.mainLogBox {margin:20px;width:calc(100% - 40px);;left:0;}
	.logBox a {display:block;width:100%;margin:10px 0px;}

	.dropit .dropit-submenu {min-width: 300px;text-align:center !important;}
	
	input {display:block;width:100% !important;margin:10px 0px;}
	label {text-align:center;}
	
	.footBox {width:100% !important;}

	footer .footMenu {width:100%;text-align:center;min-height:40px;border-left: 0px;border-right: 0px;}
	footer .footMenu:nth-child(2) {border-left: 0px;border-right: 0px;}
	footer ul li {padding:0px;}
	footer ul li a {font-size:14px;display:block;border-bottom: 1px solid #56665D;padding: 5px 10px;}
	footer ul li:first-child a {border-top: 1px solid #56665D;}
	footer .footContent {margin: 10px;}
	
	.perksList li, .perksListAlt li {width:45%;}
	
	.collLogo {width:250px;margin-left:-125px;}
	.bttnLrg {display:block;margin:5px;}
	
	.blogList li {width:calc(100% - 20px);}
	
	#bookingSec h3 i {display:none;}
	#bookedList li {width:calc(100% - 20px);margin:10px;}

	.booking-room-list tr {
		display: flex;
		flex-direction: column;
	}

	.booking-room-list tr td {
		flex: 1;
		width: 100%;
		text-align: center;
	}

	.booking-room-list ul {
		list-style: none;
		margin: 0 20px;
		padding: 0;
	}

	.booking-room-list ul li {
		margin: 0;
		padding: 0;
	}
	
	.servicesList li {width:100%;}

	#cboxTitle {
		width:100%;
		text-align: center;
	}

	.bttnGold {
		font-size: 90%;
	}

}

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: none; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  blockquote {border: 1px solid #cccccc;}
  
  /*------- Custom Print Styles -------*/
  #printURL, #printFooter, .printItem {display: block;}  
  .no-print {display:none;}
  
}

@page {size: auto; margin: 10mm 10mm 20mm 10mm;}