/* ---------- Header --------- */
.menu-style-1 .custom-logo-link {top:20px;}
.primary_nav  {top:110px;right:0px;}


/* ---------- Menu --------- */
/* nav arrow */
#menu-main-menu li.menu-item-has-children a:after {
    content: '\f107';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height:.5em;
    margin-left:3px;
}

.mobile_nav #menu-main-menu li.menu-item-has-children a:after {content: '';}

#menu-main-menu li.btn-bookonline a, #menu-split-main-menu-right li.btn-bookonline a, #RezBusinessCalendar .ui-button {
    background: #A25A04;
    color: #ffffff;
    border: 1px solid #ffffff;
}

.icon-mobile {border:1px solid black;}
.icon-mobile span {border: 2px solid black; background-color: black;}
/* ---------- Layout --------- */
.container {padding-left:15px;padding-right:15px;}



/* ---------- Layout - Mobile --------- */
@media (min-width: 768px) {
    .container { width: 720px; }
}
@media (min-width: 992px) {
    .container { width: 940px;}
 }
@media (min-width: 1200px) {
    .container { width: 1140px;}
}

/* ---------- Content --------- */
#contentArea {margin-top:30px; margin-bottom:30px;}

h1.title-main, div.title-main {
    z-index:200;
    text-shadow: 1px 1px 3px #000000;
    letter-spacing:.05em;
    font-size:40px;
    margin-top:-100px;
}

.leftColumn h1.title-main {position:relative;margin-top:0;text-align:left;}

.mobile h1.title-main, .mobile  div.title-main { margin-top:-70px; font-size:36px;}


@media screen and (max-width: 600px) {
    .hero-wrap {margin-top:0px !important; }
    .hero-main img {min-height:0px !important;height:100%;}
}


/* ---------- Overviews --------- */
.overview-container { display:flex; flex-flow: row wrap; gap:16px 16px;}
.overview-container-post-type .overview-item {position:relative; flex: 0 0 calc(33.33333% - 16px); text-align:center;}
.overview-container-post-type .overview-item img {width:100%; height:auto;}
.overview-container-post-type .overview-text {  background: rgb(0 0 0 / 34%);  padding: 10px 0; }


.overview-container-blog-posts .overview-item img {max-height:240px; overflow:hidden;}

.overview-container-post-type .overview-image {overflow:hidden; height:320px;}
.overview-container-post-type .overview-image img {object-fit:cover; width:100%; height:320px; }
.overview-container-post-type .overview-text {display:block;width:100%;text-align:center;position:absolute;top:140px;}
.overview-container-post-type .overview-text h2 {margin-bottom:0;}
.overview-container-post-type .overview-item h2 a {
    color: white; 
    text-decoration:none; 
    text-shadow: 1px 1px 2px #000000; 
    width:100%; 
}
.overview-item .price {
    color: white; 
    text-shadow: 1px 1px 1px #000000; 
}
.overview-item .btn-container {display:block;text-align:center;}
.overview-item .btn-viewdetails, .overview-item .btn-bookonline {display:inline-block;}
.overview-item .btn-viewdetails a, 
.overview-item .btn-bookonline a {
    display:block;
    background-color: #7993b4;
    color: #ffffff;
    padding:5px 26px 5px 26px;
    font-size:16px;
    font-weight:normal;
    margin-bottom:5px;
}
.overview-item .btn-viewdetails a,  
.overview-item .btn-bookonline a {
    text-decoration:none;
    color:white;
}
.overview-item .btn-viewdetails .fa {display:none;}


/* ---------- Overview Rooms Style 1 --------- */

.overview-container-rooms.overview-style1 { display:flex; flex-flow: row wrap; gap:16px 16px;}
.overview-container-rooms.overview-style1 .overview-item {position:relative; flex: 0 0 calc(33.33333% - 16px); text-align:center;}
.overview-container-rooms.overview-style1 .overview-item img {width:100%; height:auto;}

.overview-container-rooms.overview-style1 .overview-text {  background: rgb(0 0 0 / 34%);  padding: 10px 0; }

.overview-container-rooms.overview-style1 .overview-image {overflow:hidden; height:320px;margin-bottom:10px;}
.overview-container-rooms.overview-style1 .overview-image img {object-fit:cover; width:100%; height:320px; }
.overview-container-rooms.overview-style1 .overview-text {display:block;width:100%;text-align:center;position:absolute;top:140px;}
.overview-container-rooms.overview-style1 .overview-text h2 {margin-bottom:0;}
.overview-container-rooms.overview-style1 .overview-item h2 a {
    color: white; 
    text-decoration:none; 
    text-shadow: 1px 1px 2px #000000; 
    width:100%; 
}


/* ---------- Overview Rooms Style 2 --------- */
.overview-container.overview-style2 {display:block;}
.overview-container-rooms.overview-style2 .overview-item { display:flex; margin-bottom:4px;}
.overview-container-rooms.overview-style2 .overview-image { flex-basis: 50%; height:400px; }
.overview-container-rooms.overview-style2 .overview-text { flex-basis: calc(50% - 100px); background-color: #e4eaef; padding-left:50px; padding-right: 50px; padding-top:40px; }

.overview-container-rooms.overview-style2 .overview-text h2 a { color: black;}
.overview-container-rooms.overview-style2 .overview-image img { object-fit: cover; width:100%;height:100%;}
.overview-container-rooms.overview-style2 .overview-item:nth-child(odd) {flex-direction:row-reverse;}
.overview-container-rooms.overview-style2 .overview-item:nth-child(even) {flex-direction:row;}
.overview-container-rooms.overview-style2 .btn-container {margin-top:30px;}


/* ---------- Overview Rooms Style 3 --------- */
.overview-container.overview-style3 {display:block;}
.overview-container-rooms.overview-style3 .overview-item { display:flex; margin-bottom:10px;}
.overview-container-rooms.overview-style3 .overview-image { flex-basis: 40%; height:350px; border:10px solid #e4eaef; }
.overview-container-rooms.overview-style3 .overview-text { flex-basis: calc(60% - 100px); background-color: #e4eaef; padding-left:50px; padding-right: 50px; padding-top:40px; }

.overview-container-rooms.overview-style3 .overview-text h2 a { color: black;}
.overview-container-rooms.overview-style3 .overview-image img { object-fit: cover; width:100%;height:100%;}
.overview-container-rooms.overview-style3 .overview-item:nth-child(odd) {flex-direction:row;}
.overview-container-rooms.overview-style3 .overview-item:nth-child(even) {flex-direction:row;}
.overview-container-rooms.overview-style3 .btn-container {margin-top:30px;text-align:left;}


/* ---------- Overview Mobile --------- */

@media (max-width: 992px) {
    .overview-container-post-type .overview-item,
    .overview-container-rooms.overview-style1 .overview-item { flex: 0 0 calc(50% - 16px);}
}
@media (max-width: 600px) {
    .overview-container-post-type .overview-item,
    .overview-container-rooms.overview-style1 .overview-item { flex: 0 0 calc(100% - 16px);}
}

@media (max-width: 800px) {

    .overview-container-rooms.overview-style2 .overview-item { flex-wrap:wrap;}
    .overview-container-rooms.overview-style2 .overview-image { flex-basis: 100% !important; }
    .overview-container-rooms.overview-style2 .overview-text { flex-basis: 100% !important; padding-bottom:20px;}
    .overview-container-rooms.overview-style2 .overview-item:nth-child(odd) {flex-direction:row;}
    .overview-container-rooms.overview-style2 .overview-item:nth-child(even) {flex-direction:row;}
}

@media (max-width: 700px) {

    .overview-container-rooms.overview-style3 .overview-item { flex-wrap:wrap;}
    .overview-container-rooms.overview-style3 .overview-image { flex-basis: 100% !important; border:0px; height:200px; }
    .overview-container-rooms.overview-style3 .overview-text { flex-basis: 100% !important; padding-bottom:20px;}
    .overview-container-rooms.overview-style3 .overview-item:nth-child(odd) {flex-direction:row;}
    .overview-container-rooms.overview-style3 .overview-item:nth-child(even) {flex-direction:row;}

}


/* ---------- Rooms --------- */
.rezstream_room-template .leftColumn {margin-top:20px;}
.rezstream_room-template .rightColumn {margin-top:20px;text-align:center;border:0px}
.rezstream_room-template #RezunitCalendar {display:block;margin-right:auto;margin-left:auto;}

.overview-room-info span {display:none;}


/* ---------- Sidebars --------- */
.wp-block-cover.sidebar-cover { min-height:200px;}
.sidebar-cover {height:354px; width: calc(100% - 0px);}
.sidebar-cover-title {font-size:24px;}
.sidebar-cover .button { background-color:white; color:black;  border:0px;}
.sidebar-cover p { margin-bottom:8px;}
.entry-content, .rightColumn #sidebar {margin-top:2em;}

/* ---------- Review Carousel --------- */

.owl-nav {display:none;}
.owl-dots {margin-top:20px;}
.owl-carousel.overview-container-blog-posts .owl-item img {width:auto;margin-bottom:.5em;margin-left:auto;margin-right:auto;}

.glsr-review-title h3 {
    background: url(../assets/quotes.png) no-repeat scroll left center transparent;
    margin-top: 0;
    padding-left: 40px;
    text-align: left;
}


/* ---------- Blog --------- */
.overview-image-container {margin-bottom:20px;}

/* ---------- Footer --------- */
#footer .social-icons {text-align:center;}
#footer a.rezstream {text-align:right;margin-top:20px;}

@media (max-width: 995px) {
    #footer .footerRight {text-align:center;padding-top:30px;}
    #footer .footerRight ul li {text-align:center;}
}

@media (max-width: 660px) {
    #footer .footerLeft {text-align:center;}
    #footer .footerMiddle{text-align:center;padding-top:30px;}
    #footer .footerRight {text-align:center;padding-top:30px;}
    #footer .footerRight ul li {text-align:center;}
}

.footerRight .menu li {text-align:right; text-transform:uppercase; font-size:12px;}
body { background-color: #f6fcff;color: #111111; }
h1, h2, h3, h4, h5 { color: #111111;}
h1 {font-size: 36px;}h2 {font-size: 28px;}h3 {font-size: 24px;}h4 {font-size: 18px;}h5 {font-size: 14px;}#content p a, #content .entry-meta a {color: #0070af;}
#content p a:hover, #content .entry-meta a:hover {color: #0051a3;}
#sidebar p a {color: #0070af;}
.custom-logo-link {top: 40px;}
.primary_nav {top: 60px;right: 14px;}
#footer{color: #ffffff;}
#footer a {color: #ffffff;}

.header-background {background-color: #ffffff;opacity:1;}
#footerBar {background-color: #dd3333;}
.btn-nav, 
#RezBusinessCalendar a.rs-sc-book-button, 
#RezBusinessCalendar button.rs-sc-book-button 
    {background-color: #dd3333;}
#RezBusinessCalendar a.rs-sc-book-button > span:before {}
#RezBusinessCalendar .ui-button {}
.btn-nav:hover, 
#RezBusinessCalendar a.rs-sc-book-button:hover, 
#RezBusinessCalendar button.rs-sc-book-button:hover
    {background-color: #1e73be !important;}

#RezunitCalendar .rs-sc-book-button {background-color: #dd3333;}
#RezunitCalendar .rs-sc-book-button:hover {background-color: #1e73be !important;}

#menu-main-menu li.btn-bookonline a, #menu-split-main-menu-right li.btn-bookonline a
{background-color: #dd3333;}
#menu-main-menu li.btn-bookonline a:hover, #menu-split-main-menu-right li.btn-bookonline a:hover
{background-color: #1e73be !important;}
.overview-item .btn-bookonline a {background-color: #dd3333;}
.overview-item .btn-bookonline a:hover {background-color: #1e73be !important;}
.btn-default a, .overview-item .btn-viewdetails a, #content a.more-link {background-color: #dddddd;}
.btn-default a:hover, .overview-item .btn-viewdetails a:hover, #content a.more-link:hover {}
#rscalendar-mobile{background-color: #dd3333;}
.primary_nav ul li {}
.primary_nav ul ul li {border:0px;}
.primary_nav ul a {font-size: 17px;color: #3b3b3b;padding: 5px 13px;}
@media (max-width: 1200px) {.primary_nav ul a {font-size: 14px;}}
.primary_nav ul li:nth-last-child(2) {}
.primary_nav ul ul li:nth-last-child(2) { border-right:0px;}
.primary_nav ul li:last-child { border:0px solid transparent;}
.primary_nav ul a:hover {color: #0070af;}
#menu-main-menu li.menu-item-has-children a:after { }
.primary_nav ul ul {}
.primary_nav ul ul a {font-size: 16px;}
.primary_nav ul ul a:hover {} 
#menu-main-menu li.btn-bookonline a {}

.menu-style-3 .primary_nav, .menu-style-4 .primary_nav { ; }
.menu-style-3 .primary_nav ul li, .menu-style-4 .primary_nav ul li {border-right:1px solid #3b3b3b;}
.menu-style-4 .top_button { background-color: #dd3333;; }

@media (min-width: 600px) {
.hero-main {}
.hero-main img {}
}

.hero-slider {}
.hero-wrap {}
.hero-image-booking-widget, .below-header-booking-widget, .over-hero-booking-widget, .over-hero-wide-booking-widget, .bottom-hero-booking-widget,
.float-left-booking-widget  #RezWrap, .float-right-booking-widget #RezWrap
{background-color: #dd3333;}


#RezWrap { height:70px;}

#footer {margin-bottom:70px;padding-bottom:0px}
#RezBusinessCalendar .ui-button:hover {background-color: #1e73be !important;}

.social-icons {margin-top:10px;}

.social-icons a { height: 30px; width: 30px; background-color: transparent; border-radius: 50%; display: inline-block;position:relative;margin-right:.75em;}

.social-icons a:hover { background-color:transparent;}

.social-icons a:last-child {margin-right:0;}
.social-icons i {margin:0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size:26px;color:#fff; }
.social-icons i:hover {color:#fff;}
.social-icons-block i, .contact-info-block span i  {color:transparent; }
.social-icons-block i:hover, .contact-info-block span i:hover  {color:transparent; }

.widget-footerBar {background-color:#014977;height:30px;}
.sticky .header-background {background-color:#ffffff;}
.myTopBar {background-color:transparent;color:;}