@font-face {
  font-family: 'Jacobite';
  font-style: normal;
  /* font-weight: 400; */ 
  src: local('Jacobite'),
       url(../fonts/jacobite-regular.ttf) format('truetype');
}

body { font-family: 'Cabin', sans-serif!important; } 

h1,h2,h3,h4,h5 {
    font-family: 'Jacobite'; 
}

.hide { display: none!important; }

.page-header { text-align: center; } 

.page-header h1 { 
    margin-top: 1em!important; 
    margin-bottom: 1em!important;
    padding-bottom: 0.8em!important;
    background-image: url('../images/text-separator.png'); 
    background-repeat: no-repeat; 
    background-position: center bottom;
} 

/* MONKSTADT STYLES 

#505b58 - dark grey 
#708999 - mid blue
#9fa3b6 - light grey 

COLOUR SCHEME - ACCENT 

#871222 - burgundy
#5c4048 - dark burgundy 
#6e6c40 - dark green 

*/ 
/* MONKSTADT STYLES */ 
/* MONKSTADT STYLES */ 

body { 
    color: #fff!important; 
    overflow: visible!important; 
} 

a {  color: #000; } 

.mod-breadcrumbs__wrapper a {  color: #fff!important; } 

.text-muted { background: #fff!important; padding-left: 5px; max-width: 300px; border-radius: 3px; margin-bottom: 3px;  } 

meter {  color: #fff!important; }

.CASSEOPEIA { display: none; }

a { text-decoration: none!important; } 
a:hover { color:333!important; text-decoration: underline!important; } 

/* ### SYSTEM ### */ 

.alert-message {
    display: inline-block;
    margin-left: 10px;
}

.alert-wrapper { width: 80%; }

.joomla-alert--close { width: 40px!important; }

.form-control { 
    color: #212529!important;
}

/* HOUSE STYLES 

Burgundy dark   #6e150e

CURRENT SITE 

GREY        #383a38
COPPER      #856f3a
BURGUNDY    #5c4048
DARK GREEN  #14261f

*/ 

/* NEW 2025 CUSTOM */
/* NEW 2025 CUSTOM */
/* NEW 2025 CUSTOM */

.searchResultH3 { display: none; } 
.buttonBookHeader { display: none!important; } 
.buttonTableHeaderNow { display: inline-block!important; }  

@keyframes slideHeaderUp { 
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-80px);
  }
}

@keyframes slideHeaderDown { 
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(80px);
  }
}

/* R-Escape */ 

.btn-rescape { background: green!important; color: #fff!important; border: 1px solid #000!important; margin-top: 15px; }                                  
@media only screen and (min-width: 768px){
    .btn-rescape { 
        margin-top: 5px; 
        width: 49%!important;
        border: 1px solid #000!important;
        border-radius: 6px!important;
    }   
}

.toggle_more_desc { border: 1px solid #000!important; }

/* BUTTONS */

.underline { text-decoration: underline!important; } 

.btn-primary { 
    border: 1px solid #000!important;
    background: #666!important;
    color: #fff!important;
    margin-top: 10px; margin-bottom: 10px; 
}

.modAdvancedSearch .btn-primary { margin-top: 0px; } 

/* ### WIDGETS EXAMPLE PAGE ## */ 
/* ### WIDGETS EXAMPLE PAGE ## */ 
/* ### WIDGETS EXAMPLE PAGE ## */ 

.widgetsExampleDiv { text-align; left; padding-top: 20px; } 

.widgetsExampleDiv h3 { margin-top: 60px!important; } 

/* ### CUSTOM WIDGET ## */

.widgetComment { padding: 10px; background: #efefef; font-weight: bold; color: darkorange; }

        .widget {
            background: #5ba4d4;
            padding-top: 30px;
            padding-bottom: 30px;
            padding-right: 30px;
            padding-left: 20px;
            width: 300px;
            border-radius: 2px;
        }

        .widget input {
            padding: 5px;
            border-radius: 2px;
            border: none;
            margin: 4px;
            width: 100%;
        }

        .check-availability {
            border: 2px solid white !important;
            background-color: transparent;
            color: white;
            font-weight: 600;
        }

        .datepicker-top-left, .datepicker-top-right{
            transition: none;
        }

.widget input.check-availability { color: #333; } 

/*
============================================
Custom Datepicker Styles
============================================
*/

.datepicker-container {
    z-index: 9999!important;
}

/* Main container: Set a base text color and background */
.datepicker-container {
    background-color: #ffffff;
    color: #333333; /* This is the main fix - sets default text to dark grey */
    border: 1px solid #cccccc;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    z-index: 99999 !important; /* Keep the z-index rule */
}

/* Header: Next/Prev arrows and Title (e.g., "October 2024") */
.datepicker-header .datepicker-title {
    color: #333333;
    font-weight: bold;
}
.datepicker-header .datepicker-prev,
.datepicker-header .datepicker-next {
    color: #555555; /* A slightly softer grey for the arrows */
}

/* Individual days (the list items) */
.datepicker-main .datepicker-cell {
    color: #333333;
    transition: background-color 0.2s ease; /* Adds a smooth hover effect */
}

/* When you hover over a day */
.datepicker-main .datepicker-cell:hover {
    background-color: #eeeeee;
    color: #000000;
}

/* The currently selected day */
.datepicker-main .datepicker-cell.datepicker-picked,
.datepicker-main .datepicker-cell.datepicker-picked:hover {
    background-color: #007bff; /* A nice blue. Change this to your site's primary color! */
    color: #ffffff;
    border-radius: 4px;
}

/* Disabled days (e.g., past dates) */
.datepicker-main .datepicker-cell.datepicker-disabled,
.datepicker-main .datepicker-cell.datepicker-disabled:hover {
    color: #bbbbbb;
    background-color: #ffffff;
}

/* ### INLINE VIDEO MAIN PAGE ## */ 

.plyr--video a, .plyr--full-ui a { display: none!important; opacity: 0!important; }  
.avs-search-form { display: none!important; }  

/* MAIN PAGE */

.com-content-article p { font-size: 18px; } 
.com-content-article a { color: #fff; }
.paraLarger { font-size: 24px!important; margin-top: 30px!important; margin-bottom: 30px!important; } 

.mainPageOuter { 
    width: 100%; 
    /* background: #f5f5f5; */ 
    min-height: 100vh; 
    padding-top: 40px; 
    /* padding-bottom: 100px; */ 
    margin-bottom: -30px; 
}

.mainPage { 
    margin: 0 auto; 
    width: 90%; 
    max-width: 1000px; 
}

.headerMK { 
    width: 100%; 
    height: 80px; 
    /* background: rgba(255,255,255,0.9); */ 
    background: #333; 
    position: fixed; 
    top: 0; 
    z-index: 1022; 
    backdrop-filter: blur(12px); 
}

.headerMK a { color: #fff; } 

.pageHome .headerMK {
    background: rgba(255,255,255,0.3);
}

.logoMK { 
    height: 80px; ;
    padding-top: 0px; 
    display: flex;
    justify-content: center; 
} 
.logoMK img { height: 100%; } 

.worldpayLogo { width: 250px; padding-bottom: 30px; } 
.worldpayLogo img { width: 100%; }
.worldpayPaymentButton { 
    padding: 5px;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 20px;
    margin-bottom: 20px; 
}

/* ### PAGE BG ### */ 

.page-full-bg-custom, .page-full-bg-default { 
    position: fixed; 
    top: 0; left: 0; right: 0; bottom: 0; 
    width: 100%; height: 100%; 
    z-index: -1; 
    overflow: hidden; 
}

.page-full-bg-custom div p img, .page-full-bg-default div p img { 
    width: 120vw;
    margin-left: -10vw;
    height: auto; 
    min-height: 120vh; 
    margin-top: -10vh;
}

.page-full-bg-tissue { 
    position: fixed; 
    top: 0; left: 0; right: 0; bottom: 0; 
    width: 100%; height: 100%; 
    z-index: -1; 
    background-color: rgba(112,137,153,0.8); 
}

/* .pageHome .page-full-bg-custom { display: none; } */ 

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

    .page-full-bg-custom div p img, .page-full-bg-default div p img { 
        width: 200vw;
        margin-left: -50vw;
        height: auto; 
        min-height: 100vh;
        margin-top: 0;
    }
    
}

/* #### UPDATES CUSTOM STYLES - CHANGES FOR ELA TRAINING DAYS ### */ 
/* #### UPDATES CUSTOM STYLES ### */ 
/* #### UPDATES CUSTOM STYLES ### */ 

/* #### NEW SINGLE PROPERTY CHANGES - REVERSED ### */ 

/*
.rating-wrapper { display: none; }
.availability-search-info { display: none; }
*/ 

/* ### DEALING WITH WHITE TEXT ### */ 

.extra_details, .btn-light
{ color: #333!important; } 


/* ### CENTERED TEXTS ### */ 

.com-content-article { text-align: center; } 
.com-content-article__body p { max-width: 800px; margin: 20px auto; }  

.headerMK { background: #333333!important; }

.nav-tabs .nav-link.active { color: #495057!important; }

.mainPageOuter { 
    /* background: #708999!important; */
    /*
    background-image: url('../images/tissue.jpg'); 
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;    
    background-size: cover;     
    */
}

.staticImageBG { 

}

.sr-apartment-box { background: #f5f5f5; border-radius: 3px; color: #666; } 
.sr-apartment-box a { color: #666!important; } 

input { background: #fff!important; } 

/* ## Off White Text ### */  

.breadcrumb-item.active, 
.sr-apartment-detail-label i.fa,
.adventureHeading h3,
.adventureHeading .mod-custom,
.breadcrumb-item.active,
.sr-facilities, .tab-content .sr-list-icon li, 
.facilitiesProperty
{ color: #e3e3e3!important; }

.tab-content .sr-list-icon svg[class^="sr-icon-"] { fill: #fff; } 

.breadcrumb-item+.breadcrumb-item::before { color: #eee!important; }

/* ## SECONDARY BACKGROUND COLOR ### */ 

.tab-content 
{ background: #505b58; } 

.reservation_asset_item, 
.mod_custom,
.card-subtitle, .card-text,
.card-block h4
{ color: #666!important; } 

#asset-desc { color: #fff; }

.sr-facilities, .sr-list-icon li { color: }

.buttonMonkstadt { 
    background: #14261f; display: inline-block; 
    width: auto; 
    text-align: center; color: #fff!important; text-decoration: none; 
    padding: 10px; padding-left: 20px; padding-right: 20px; margin-top: 10px; min-width: 260px; font-size: 18px;
} 

.buttonSearchAccommodation { width: 100%; text-align: center; }

.buttonBookHeader {
    min-width: auto;
    margin-top: 5px; margin-left: 5px;
    padding: 8px; padding-left: 15px; padding-right: 15px; margin-top: 10px; font-size: 16px;
}

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

    .buttonBookHeader {
        margin-top: 11px;
        padding: 5px; padding-left: 8px; padding-right: 8px; 
        font-size: 14px!important; 
    }    
    
}

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

    .buttonBookHeader {
        margin-top: 10px;
        padding: 5px; padding-left: 8px; padding-right: 8px; 
        font-size: 14px!important; 
    } 
    
    .buttonBookHeaderNow { display: none; } 
    
}

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

    .buttonBookHeader {
        margin-top: 10px;
        padding: 5px; padding-left: 5px; padding-right: 5px; 
        font-size: 12px!important; 
    } 
    
    .buttonBookHeaderNow, .buttonTableHeaderNow { display: none!important; } 
    
}





/* #### UPDATES CUSTOM STYLES ### */ 
/* #### UPDATES CUSTOM STYLES ### */ 
/* #### UPDATES CUSTOM STYLES ### */ 

.page-bg-video { 
    width: 100vw; 
    height: 100vh; 
    z-index: 0; 
    overflow: hidden;
    margin-top: 0px; 
    margin-bottom: 0px; 
}

.page-bg-video div .avPlayer {
  width: 100vw;
  height: 110vh;
  object-fit: cover;
  /* position: fixed; */ 
  top: 0;
  left: 0;
}

/* ### EXCLUDE VIDEO ### */ 

.com_solidres .page-bg-video { display: none; } 
.view-login .page-bg-video { display: none; } 
.view-customer .page-bg-video { display: none; } 
.view-customerinvoices .page-bg-video { display: none; }  

/* MENU CK */

.mobilemenuck a { color: #fff!important; } 
.mobilemenuck { height: 100vh!important; } 
.mobilemenuck-bar-title { display: none!important; } 
.mobilemenuck-bar-button { right: auto!important; } 
.mobilemenuck-bar-button { 
    width: 60px!important; 
    height: 60px!important; 
    font-size: 3em!important;
    margin-top: -5px; 
}

.titleMenuCK {
    font-size: 0.8em; 
    color: #fff; 
    position: absolute; 
    top: 45px; 
    left: 15px; 
    z-index: 9999;
}


/* HOMEPAGE VIDEO */

.popupvideo {
    display: none;
    max-width: 90%;
    width: 600px; height: auto; overflow: x-hidden;
    position: fixed; bottom: 40px; left: 40px;
    z-index: 9999;
    line-height: 0; 
}

@media only screen and (max-width : 768px) {
    .popupvideo { left: 15px; } 
}

.popupvideo video {
    width: 100%; height: auto;
    -webkit-box-shadow: 3px -1px 15px -2px #000000;
    box-shadow: 3px -1px 15px -2px #000000;  
    outline: none;
}

/* ### EXCLUDE POPUP VIDEO ### */ 

.view-login .popupvideo, .layout-final .popupvideo { display: none!important; } 

span.closeBtn {
      position: absolute;
      top: -0.8em;
      right: -0.6em;
      width: 2em;
      height: 2em;
      text-align: center;
      line-height: 1.5em;
      border: 2px solid #6e6c40; /* #e5c61a */ 
      background-color: #333;
      cursor: pointer;
      font-size: 1em;
      font-weight: bold;
      color: #fff;
      padding-left: 0px;
      padding-top: 2px;
} 



/* ## SUBMENU ## */ 

.mobilemenuck[data-display="flyout"] .level1 + .mobilemenuck-submenu {
    position: relative; 
    left: 0%; 
}

/* ### MAKE ACCORDION ### */ 
.mobilemenuck[data-display="flyout"] .level1 + .mobilemenuck-submenu { height: auto!important; } 

/* ### LEVEL 1 MENU ### */ 
.mobilemenuck-item > .level1 { background: none!important; width: 95%; }
.mobilemenuck-item > .level1 a { line-height: 30px!important; } 
.mobilemenuck a { font-weight: normal!important; text-decoration: none; font-size: 1em!important; }  

/* ### SUB MENU ### */ 
.mobilemenuck-submenu { padding-top: 10px;padding-bottom: 15px; } 
.mobilemenuck-item > .level2 { 
    background: none!important; border-bottom: 1px solid #666; 
    border-radius: 0 0 0 0!important; font-size: 1em!important; 
    margin-left: 20px!important; padding-left: 0px!important; 
    width: 80%; 
} 
.mobilemenuck-item > .level2 a { 
    color: #fff!important; border-radius: 0 0 0 0!important; font-size: 0.9em!important;
} 

/* HEADER LEFT AND RIGHT */ 

.headerContact, .headerDining, .headerEmail a, .headerDining a, .headerContact a { color: #ccc!important; } 

.headerContact { display: block; position: absolute; right: 10px; top: 10px; width: auto; }

.headerTitle, .headerEmail, .headerTel { 
    display: block; margin-bottom: 6px; 
    line-height: 13px; 
    font-size: 12px; 
} 

.headerContact .headerTitle, .headerContact .headerEmail, .headerContact .headerTel { 
    text-align: right; 
} 

.headerTel { display: block; text-align: right; } 
.headerContact span { padding-left: 3px; } 

.headerEmail a, .headerTel a { }

/* DINING LEFT */ 

.headerDining { display: block; position: absolute; left: 80px; top: 10px; width: auto; }

.headerDining .headerTitle, .headerDining .headerEmail, .headerDining .headerTel { 
    text-align: left; 
} 


/* SEPARATOR */ 

.mod-menu__separator { line-height: 8px!important; border-bottom: 1px solid #666; padding-bottom: 8px; } 
.mod-menu__separator span { display: none!important; }

/* HOMEPAGE BG COVER */ 

.BGcover { /* DELETE */ 
    position: fixed; 
    top: 0; bottom: 0; left: 0; right: 0; 
    width: 100%; height: 100%; 
    background: url('../images/BGcover.jpg');
    background-size: cover; 
    z-index: -1; 
} 

.view-login .BGcover { display: none; }
.view-reset .BGcover { display: none; } 
.view-remind .BGcover { display: none; }

/* PAGE TOP PADDING */
.monkstadtPage { padding-top: 80px; }
.pageHome .monkstadtPage { padding-top: 0px; }
.pageHome .mod-breadcrumbs__wrapper { display: none; }
.view-reservation .monkstadtPage { padding-top: 160px; } 

/* EXCLUDES FOR EXTRA TOP PADDING */ 
.view-login .monkstadtPage { padding-top: 80px; }
.view-reset .monkstadtPage { padding-top: 80px; }
.view-remind .monkstadtPage { padding-top: 80px; }

/* ### BREADCRUMBS ### */ 
.px-3 { margin-left: -1rem!important; } 

/* ABOVE MAIN */ 
.abovemain { margin-bottom: 30px; } 

/* MAIN CONTENT */ 

.item-image { margin: 0; }
.item-image img { width: 80%; height: auto; max-width: 400px; }  

/* .com-content-article__body p { max-width: 800px; } */ 

/* SOLIDRES TEMPLATE COMPENSATE */ 

.col-md-12 { }


/* ### FOOTER ### */ 

.footer-content::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    position: absolute;
    margin-top: -70px; 
    left: 0;
    z-index: 1;
    border-bottom: 70px solid #14261f;
}

.footer-content {
    width: 100%; 
    min-height: 300px; 
    padding-bottom: 100px; 
    background: #14261f;
    margin-top: 200px; 
}

.footerColumns { color: #fff; text-align: center; padding-top: 50px; } 
.footerColumns a { color: #fff!important; } 
.footerColumns .text-separator { display: none; } 
.footerColumns h2 { margin-bottom: 40px; font-size: 3rem; } 

.footerLeft, .footerRight { 
    padding-left: 40px!important; padding-right: 40px!important; padding-top: 100px; 
}

.footerAwardsDiv { }

.footerAwardsDiv .footerAwardLogos {
    /* display: block; */ 
    max-width: 80px;
    margin-bottom: 20px; 
    margin-right: 20px; 
}

.pageAwardsDiv { 
    margin: 0 auto; 
    text-align: center; 
    margin-top: 60px; 
}

.pageAwardLogos { 
    max-width: 120px;
    /* margin-bottom: 20px; */ 
    margin-left: 20px; 
    margin-right: 20px; 
}

.pageHome .footerAwardsDiv { display: none; }
.pageDining .footerAwardsDiv { display: none; }

/* ### PAGES - FIND US ### */ 

.monkMap { width: 100%; height: 500px; margin: 0 auto; }

/* ### PAGES - PET POLICY ### */

.pet-policy-list { 
    max-width: 600px; margin: 0 auto; text-align: left; 
    margin-top: 40px; margin-bottom: 40px;
} 
.pet-policy-list li { margin-bottom: 15px; } 

/* ### GALLERY AND SLIDESHOWS FULL WIDTH ### */ 

.pageGallery .mainPageOuter, .pageDining .mainPageOuter, .pageWhisky .mainPageOuter,
.pageContact .mainPageOuter, .pageHistory .mainPageOuter, .pageGallery360 .mainPageOuter
{ padding-top: 0px; } 

.pageGallery .mainPage, .pageGallery360 .mainPage { display: none; } 
.pageGallery .footer-content { margin-top: -63px; }
.pageGallery .footer-content::before { display: none; }  

.camera_pag_ul { text-align: center!important; } 

.camera_wrap .camera_pag .camera_pag_ul { 
    margin-top: -60px;    
}

.camera_wrap .camera_pag .camera_pag_ul li {
    background: #fff;
}

.camera_pag_ul li.cameracurrent > span { background: #fff; }

.camera_pag_ul li > span { background: #fff; }
.camera_pag_ul li.cameracurrent > span { background: #fff; }

.pageDining .slideshowck { margin-bottom: 20px!important; }  
.pageWhisky .slideshowck { margin-bottom: 20px!important; } 

/* ### SLIDESHOW HOME ### */ 

.slideshowFull {
    height: 95vh; 
    overflow: hidden;
    margin-top: -10vh; 
    /* Chabged below */ 
    height: auto; 
    margin-top: 80px; 
}

.home-slideshow-tissue { 
    /* display: none; */ 
    position: absolute;
    width: 100%; height: 100%; 
    z-index: 1001; 
    background-color: rgba(0,0,0,0.3); 
}

.pageHome #sp-main-body { margin-top: 85vh; }
.pageHome #sp-main-body { background: #fff; } 

/* HIDE SLIDESHOW */ 

.view-customer .slideshow-lge { display: none; }
.view-customerinvoices .slideshow-lge { display: none; }
.view-login .slideshow-lge { display: none; }

/* SLIDESHOW CAPTIONS */  

.camera_caption { top: 14%; } 
.camera_caption div { 
    z-index: 1000; 
    background: none!important; text-align: center; max-width: 80%; margin-left: 10%; 
    margin-top: 30px;
}

.camera_caption_title { 
    font-family: 'Jacobite'; 
    font-size: 60px!important; line-height: 60px!important;    
    letter-spacing: 2px;   
}
.camera_caption_desc { font-size: 32px; line-height: 40px; color: #fff; } 

.homeSlideshowButton { 
    background: #6e6c40!important; /* #708999!important; */ 
    color: #fff!important; 
    padding:  8px 15px 8px 15px!important; 
    margin-top: 30px!important; 
    -webkit-box-shadow: 3px -1px 15px -2px #000000;
    box-shadow: 3px -1px 15px -2px #000000;      
}

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

    .camera_caption_title { font-size: 40px!important; line-height: 40px!important;  } 
    .camera_caption_desc { font-size: 22px; line-height: 24px; color: #fff; } 
    .camera_caption { top: 12%; } 
    
}

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

    .camera_caption_title { font-size: 30px!important; line-height: 30px!important;  } 
    .camera_caption_desc { font-size: 18px; line-height: 20px; color: #fff; } 
    .camera_caption { top: 10%; } 
    
}


/* SLIDESHOW NAV */ 

.camera_pag { }
.camera_pag_ul { }
.camera_pag_ul li { }
.pag_nav_1 cameracurrent { }

.camera_next, .camera_prev, .camera_commands { background: rgba(216, 216, 216, 0.5); }

/* ### 360 ASSETS ### */ 

.modPanorama { display: none; background: #383a38; } 
.panoramaAsset { display: none; margin-top: 8px; background: #383a38; } 

.asset360element { width: 100%; }

.asset360element, .panoramaAsset { height: 450px; }

/* 360 Gallery */ 

.mod360Gallery { width: 100%; height: 100vh!important; margin-top: -80px; } 
.asset360gallery { width: 100%; height: 100vh!important; }

/* ### SWITCH ASSETS ### */ 

.reservation_asset_item, .sr-apartment-container { position: relative; } 

.monkstadtPage .sr-nanogallery { display: none; min-height: 333px; } 

.staticAsset { width: 100%; max-height: 450px; margin-top: 5px; overflow: hidden; } 
.staticAssetImg { width: 100%; margin-top: -80px; } 

.reserveAssetLeft, .reserveAssetRight { 
    position: absolute; top: 85px; width: 80px; height: 80px; border: 1px solid rgba(255,255,255,0.4); 
    z-index: 500; 
} 
.reserveAssetLeft { left: 10px; } 
.reserveAssetRight { left: 100px; } 
.reserveAssetLeft, .reserveAssetRight { text-align: center; padding: 5px; padding-top: 10px; background: rgba(0,0,0,0.6); }  
.reserveAssetLeft span, .reserveAssetRight span { color: #fff; display: block; font-size: 14px; } 
.reserveAssetLeft i, .reserveAssetRight i { font-size: 42px; color: rgba(255,255,255,0.9); } 

/* ### ACCOMOD SLIDESHOWS ### */ 

/* .carousel-inner .active a img { margin-left: -30%!important; } */ 
.carousel-item a { margin-left: -50%!important; } 
.carousel-control-next-icon, .carousel-control-prev-icon {
    border: 2px solid #fff;
    border-radius: 6px;
}

/* ### ACCOMMODATION SEARCH ### */ 

.hub-navbar { /* display: none!important; */ } 

/* ### ADVANCED SEARCH ### */ 
.modAdvancedSearch { display: none; } 
.itemid-101 .modAdvancedSearch { display: block; } 
.itemid-101 .modAdvancedSearch h3 { margin-top: 30px; font-size: 2em; }
.searchAccommodation .modAdvancedSearch { display: block; } 

.view-login .modAdvancedSearch, 
.view-reset .modAdvancedSearch,
.view-remind .modAdvancedSearch
#search-results .rating-wrapper { display: none; } 

/* ### ADVANCED SEARCH RESULTS PAGE ### */ 
.itemid-125 .modAdvancedSearch { display: block; } 
#search-results .rating-wrapper { display: none; } 


.itemid-125 .modAdvancedSearch { display: block; } 
#search-results .rating-wrapper { display: none; } 

#search-results .carousel { height: 400px!important; }
#search-results .carousel-inner { height: 500px!important; }

.searchResultH3 { margin-bottom: 20px; }

    
.asset-row-list { 
    background: #f5f5f5; 
    padding: 5px; padding-top: 20px; padding-bottom: 20px; 
    border-radius: 5px; 
} 
    
.asset-row-list h3 { 
    padding: 10px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #383a38;
    margin: 0px!important;
    margin-bottom: 0px!important;
    border-radius: 5px 5px 0px 0px;
}
.asset-row-list h3 a { color: #fff!important; } 
        
.asset-row-list .room-type-row { color: #333!important; font-size: 16px; border-bottom: 1px solid #ccc!important; }   
.asset-row-list .room-type-row div { padding-left: 0px!important; }
    
.rt_expand_trigger { display: none; } 
    
#search-results .searchButtonBook { margin-top: 20px; background-color: green!important; }
    
#search-results .alert-error { margin-bottom: 0px!important; } 

@media only screen and (max-width : 768px) {
    .btn-default { margin-top: 10px!important; }
    .asset-row-list h3 { padding-left: 10px; }  
    .asset-row .carousel { display: none; }  
}    
    
.availability-search-info a { display: none; } 

#solidres .room-form input.form-control { border: 1px solid #aaa; } 

/* ON RESULTS PAGE */

/* ### LOGIN PROMPT ### */ 
.loginUseAccount { display: none; } 
.view-login .loginUseAccount { display: block; }

/* ### LOGIN BOX ### */ 
.com-users-login, .com-users-login__options, .com-users-reset, 
.com-users-remind, .sr-exp-tracking-wrap form
{ max-width: 600px; }
.com-users-login__submit, .com-users-reset__submit, .com-users-remind__submit { margin-top: 20px; }
.sr-tracking-form .controls { margin-bottom: 20px; } 

.input-password-toggle { background-color: inherit!important; border: none!important; } 
.com-users-login__options { margin-top: 30px; }

/* ### TRACKING LOGIN ### */ 
.sr-exp-tracking-wrap form { margin-bottom: 30px; } 
.sr-exp-tracking-wrap { background-color: rgba(0,0,0,0.6)!important; } 


/* ### ACCOUNT LOGIN DASHBOARD ### */ 

.mod-login__userdata, 
.view-login .loginUseAccount, 
.view-login .compContent, 
.trackingFormPage .useReserveCode, 
.trackingFormPage .trackingModule, 
.com-users-registration { width: 90%; max-width: 500px; margin: 0 auto; }
.trackingFormPage .useReserveCode { margin-top: 40px;  } 

.com-users-registration__register { margin-top: 20px; }

.mod-sr-tracking { margin: 0px!important; } 

.loginAccount .mod-login__options a { color: #fff!important; }

#sr-customer-navbar ul li:nth-child(1) { display: none; } 
#sr-customer-navbar ul li:nth-child(2) { display: none; } 
#sr-customer-navbar ul li:nth-child(3) { display: none; } 
#sr-customer-navbar ul li:nth-child(4) { display: none; } 
#sr-customer-navbar ul li:nth-child(5) { display: none; } 
.dumbAdminForm div { display: none; } 

#sr-customer-navbar li { /* display: none; */ } 

.sr-user-info button { 
    max-width: 180px; background: #505b58; color: #fff; 
    float: right;
    height: 30px;
    padding-top: 2px;
    margin-top: -3px;    
}

/* ### ACCOMMODATION BOOKING ### */ 
.solidres-module-checkavailability { margin-bottom: 30px; }

.trigger_checkinoutform, .btn-block { 
    border: 1px solid #000!important; 
    background: #666!important; 
    color: #fff!important; 
} 

.roomtype_name, .reservation_asset_item h1 { color: #6e150e; }

.form-control, .toggle-tariffs { 
    border: 1px solid #666; 
    padding: 5px!important;
    border-radius: 6px!important;    
} 

.button-border { border: 1px solid #000!important; }

.toggle-tariffs {
    width: 49%;
    margin-top: 7px;    
}

.load-gallery {
    width: 49%;
    border: 1px solid #000;
    border-radius: 6px;
    margin-top: 5px;
    padding: 5px!important;
    display: none!important; 
}

@media only screen and (max-width : 768px) {
    .toggle-tariffs { width: 100%!important; border: 0px!important; }
    .load-gallery { width: 100%; border: 0px!important; } 
} 

.reservation_asset_subinfo { display: none!important; } 

.reservation_asset_heading_div, .sr-apartment-container h1 { 
    padding: 5px; 
    padding-top: 15px; padding-bottom: 15px; 
    background: #383a38; 
    color: #fff; 
    margin: 0px!important;
    margin-bottom: 0px!important;
    border-radius: 5px 5px 0px 0px;  
} 
.sr-apartment-container h1 {
    padding-left: 20px; 
    font-size: 28px; line-height: 36px; 
}
.sr-apartment-detail-label i.fa { color: #856f3a; } 

.reservation_asset_heading_div h1 { 
    font-size: 28px;
    color: #fff;
    padding-right: 20px;
    line-height: 36px;
} 
.reservation_asset_heading_div .rating-wrapper { padding-left: 10px; } 

@media only screen and (max-width : 900px) {
    .reservation_asset_heading_div h1 { font-size: 22px; } 
    .reservation_asset_heading_div .rating-wrapper i { font-size: 14px; margin-bottom: 5px; }
}

@media only screen and (max-width : 767px) {
    .sr-wish-list { display: none; }  
}

@media only screen and (max-width : 550px) {
    .reservation_asset_heading_div { padding-left: 0px; padding-right: 0px; } 
    .reservation_asset_heading_div h1 { font-size: 19px; } 
    .reservation_asset_heading_div .rating-wrapper { padding-left: 0px; } 
    .reservation_asset_heading_div .rating-wrapper i { font-size: 12px; margin-bottom: 8px; }
    .staticAssetImg { margin-top: 0px; } 
    .reserveAssetLeft, .reserveAssetRight { top: 120px; width: 60px; height: 60px; } 
    .reserveAssetLeft i, .reserveAssetRight i { font-size: 18px; } 
    .monkstadtPage .sr-nanogallery { min-height: auto; } 
    .reserveAssetRight { left: 80px; }
}

.roomtype_name { 
    padding: 8px;
    color: #fff;
    background: #383a38;
    border-radius: 5px 5px 0px 0px; 
    margin-bottom: -17px;
}

.sr-wish-list i { color: #fff; } 

.roomtype_desc {
    padding-top: 20px;
    padding-bottom: 20px;    
}

/* ### BOOKING FORM ### */ 
#textarea-field-customer_note { max-height: 100px; } 
.guestinfo label { margin-top: 8px; } 


.register_an_account_form { 
    background: #198754; 
    color: #fff; 
    margin-top: 10px; 
    padding-top: 5px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; 
    border-radius: 10px; 
} 

.register_an_account_form INPUT { background: #fff; color: #333; } 


/* ### BOOKING OPTIONS ### */ 
.bookingReviewOptMod { margin-top: 30px; }
.reviewBookingCard { padding: 30px; padding-top: 30px; padding-bottom: 50px; }
.bookingCard { width: 43%!important; margin: 3%; padding-left: 0px!important; }

@media only screen and (max-width : 768px) {
    .bookingCard { width: 96%!important; margin: 3%; } 
}

/* RESERVATION ASSETS */ 

#asset-desc a { color: #fff!important; text-decoration: underline!important; } 

.facilitiesProperty { 
    background: rgba(0,0,0,0.5); padding: 10px; border-radius: 6px; width: 95%!important; 
    margin: 20px!important; 
} 
.facilitiesProperty { padding-top: 10px; padding-bottom: 30px; } 
.facilitiesProperty h2 { padding-top: 30px!important; padding-bottom: 20px; }
.facilitiesProperty .info-heading { padding-left: 0px; } 

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

    .facilitiesProperty { 
        width: 92%!important; 
    }     
    
}  

/* ROOM TYPE ASSETS */ 
.sr-facilities li { font-size: 13px!important; } 
.sr-facilities li.list-inline-item svg { width: 20px!important; height: 20px!important; } 
.sr-list-icon li { margin: 0 3px 3px 0!important; } 

/* DISPLAY EXTRAS MODULE */ 
.solidresSystem h3 { padding-bottom: 20px; }
.extra-detail h5 { padding-top: 10px; padding-bottom: 10px; } 
.extraAddPrompt { padding-top: 10px; padding-bottom: 10px; font-size: 0.8em; }

/* EXTRAS CONTROLS */ 
#solidres .extras_row_guestform select {
    width: 40px; 
    border: 1px solid #aaa;
    border-radius: 3px;
    padding-left: 10px;
    line-height: 16px;
    margin-top: 8px;
}

#reservation-confirmation-box .table tr.nobordered.termsandconditions td { background: #b4ffb5; }

/* ### STRIPE ### */ 

#sr-stripe-area label, .help-block, .savecardagreement { color: #333!important; } 
#stripeusesavedcard, #sr-stripe-area { color: #333!important; } 

/* ### YOUR BOOKING - HUB ### */ 

.my-3 { padding-left: 20px; padding-right: 20px; } 
.view-customer .modAdvancedSearch { display: none!important; } 
.view-customerinvoices .modAdvancedSearch { display: none!important; } 

.view-customer .mainPageOuter,
.view-customerinvoices .mainPageOuter 
{ margin-top: 60px; } 



/* ### APARTMENT PAGES ### */ 

.enterDatesPlease { font-weight: bold; margin-bottom: 5px; } 

.sr-apartment-container { padding-bottom: 60px; } 

.sr-apartment-aside, .sr-apartment-aside rooms-rates-summary-sticky { width: 100%!important; max-width: 100%!important; } 
.rooms-rates-summary-sticky { position: relative!important; } 
.sr-apartment-top-info { display: none; } 

@media only screen and (min-width : 768px) {

    .toggle_more_desc, .load-calendar { 
        width: 49%!important;  
        border: 1px solid #000!important; 
        border-radius: 6px!important;            
    }   
}

/* ### HIDE ROOM RATES UNTIL SEARCH ### */ 

#asset-checkavailability-form { /* background-color: #198754; */ border: 3px solid teal /* #198754 */; border-radius: 4px; }  
.room_type_row { padding-bottom: 20px; margin-bottom: 20px; } 
.tariffHolder { display: none!important; } 
.toggle-tariffs { display: none!important; } 

/* ##### MAIN ARTICLE TEXT ##### */ 

.adventureHeading .mod-custom { 
    color: #856f3a;
    font-family: 'Jacobite'; 
    font-weight: 200;
    font-size: 18pt;
    text-align: center; 
    padding-left: 20%; 
    padding-right: 20%;  
}

/* ##### EXTRAS FOR ROOM ##### */

/* Dont display on return confirm screen - or use .moduletable below */ 
.view-reservation .belowmain .solidres-module-extra { display: none; } 

/* ##### ADVENTURE HEADINGS ##### */ 

.adventureHeading { margin-top: 40px; }
.adventureHeading h3 { color: #856f3a; font-size: 36pt; text-align: center; } 

/* ##### EXPERIENCES ##### */ 

.maxwidth { width: 100%; } 

.leftright { 
    margin-top: 50px; 
    max-width: 100%!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
} 

.expButton { 
    display: inline-block;
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
    color: #fff!important; 
    font-size: 18px;
    line-height: 40px;
    background-color: #21474a;
    border-radius: 0px;
    text-align: center;
    font-weight: normal;
}

.text-separator { width: 100%; height: 1px; background-color: #21474a; margin-top: 20px; margin-bottom: 20px; } 

.expHeaderDiv { background: #383a38; } 

.expHeaderTextDiv {
    padding: 40px!important; 
    height: 100%; 
    color: #fff;     
} 

.expHeaderImg {
    height: 450px!important;  
    background-image: url('../../../images/experiences/stone-wall-sign.jpg');
    background-size: cover; 
}

.expTextDiv { 
    padding-top: 20px;     
}  

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

    .logoMK {
        height: 60px;
        padding-top: 20px;    
    } 
    
    .expTextDiv { 
        padding-top: 30px; 
    } 
    
    .leftright .text-separator { width: 100%; } 
    
    .footerLeft, .footerRight { 
        padding-left: 20px!important; padding-right: 20px!important; padding-top: 40px; 
    }    
    
    #mobilemenuck-1-mobile { width: 95%!important; } 
    
    .headerDining { left: 60px; } 
    .headerDining .headerEmail i, .headerDining .headerTel i  { font-size: 18px; } 
    .headerEmail { display: block!important; }
    
    .headerDining .headerTitle, 
    .headerDining .headerEmailtxt
    { display: none; }
    
    .headerEmailtxt, .headerTeltxt { display: none; } 
    .headerEmail, .headerTel { display: inline-block; margin-left: 5px; margin-right: 5px; } 
    .headerTitle { font-size: 12px; text-align: center; }
    .headerEmail i, .headerTel i { font-size: 24px; } 
    
    .headerContact, .headerDining { top: 15px; right: 5px; } 
    
    .solidres-module-advancedsearch button { margin-top: 20px; }
    
    
    
}



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

    .footerMiddle { margin-top: 40px!important; } 

}

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

    /* .headerContact { display: none; } */ 

}