@import url(https://fonts.googleapis.com/css?family=Karla:400,700&display=swap);

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css);


:root{--gold:#b89b34;--black:#000;--white:#fff}
body{background-color:var(--white);color:var(--black); font-family:Karla,sans-serif}
.navbar{background-color:var(--white)}
.navbar-brand img{width:70px}
.nav-link,.dropdown-item{color:var(--black)}
.nav-link:hover,.dropdown-item:hover{color:var(--gold)}
.bg-black-text{background-color:var(--black);color:var(--white)}
.bg-gold-text{background-color:var(--gold);color:var(--black)}
.text-gold{color:var(--gold);}
a {text-decoration: none !important;}
.bg-gray {background-color: #f2efeb;}

.z-index-2 { z-index: 2 !important; }

footer, footer a{color:var(--black)}
footer a:hover{color:var(--gold)}
.footer-bottom{background-color:var(--gold);padding:1rem 0;text-align:center;font-size:.875rem}
.footer-bottom a{color:var(--black);}
.footer-bottom a:hover{color:var(--white);}

.nav-item.dropdown:hover .dropdown-menu { display: block; margin-top: 0; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--gold) }
.dropdown-item.active, .dropdown-item:active { background-color: var(--black); }

.carousel .carousel-inner .carousel-item img { height: calc(80vh - 100px); }

.hero-section-black{background-color:#111;padding:4rem 1rem;text-align:center}
.hero-section-black h1{color:var(--gold);font-size:3rem}
@media (max-width:991.98px) { .hero-section-black h1{font-size:2rem} }
.hero-section-black h2{font-weight:300;color:#ccc}
.hero-section-light{background-color:#ccc;padding:4rem 1rem;text-align:center}
.hero-section-light h1{color:var(--black);font-size:3rem}
@media (max-width:991.98px) { .hero-section-light h1{font-size:2rem} }
.hero-section-light h2{font-weight:300;color:#555}
.hero-section-gold{background-color:var(--gold);padding:4rem 1rem;text-align:center}
.hero-section-gold h1{color:var(--black);font-size:3rem}
@media (max-width:991.98px) { .hero-section-gold h1{font-size:2rem} }
.hero-section-gold h2{font-weight:300;color:#333}

section.checkerboard{margin:0;background-size:cover;background-position:50%}
section.checkerboard .row .image-column{min-height:500px}
section.checkerboard .image-column .figure{width:100%;height:100%}
section.checkerboard .image-column .figure .figure-img{height:inherit}
section.checkerboard .row .text-column{padding:8em 10em}
@media (max-width:991.98px){
  section.checkerboard .row .text-column{padding:4em 2em}
  section.checkerboard .row .text-column h4{font-size:28px}
  section.checkerboard .row .text-column .btn{margin-top:15px;width:100%}
}
@media (max-width:767.98px){
  section.checkerboard .row .image-column{-webkit-order:2;order:2;min-height:0}
  section.checkerboard .row .image-column .figure{height:40vh}
}


section.billboard{height:calc(70vh - 100px);position:relative; background-size: cover; background-position: center;  background-repeat: no-repeat;}
section.billboard .canvas{position:absolute;width:100%;height:100%;background-color:rgba(17,17,17,.4)}
section.billboard .canvas .text{color:#fff}
section.billboard .canvas .text h2{font-size:56px;letter-spacing:-2px}
section.billboard .canvas .text p{font-size:18px;max-width:70%;margin:0 auto}
@media (max-width:991.98px){
  section.billboard .canvas .text h2{font-size:40px}
  section.billboard .canvas .text p{max-width:100%}
}

section.block-heading{text-align:center;margin-bottom:40px}
section.block-heading h1, section.content-heading h1{font-weight:700;max-width:70%;margin:0 auto 15px}
section.block-heading p{font-size:18px;max-width:70%;margin:15px auto 0}
@media (max-width:991.98px) {
section.block-heading{margin-bottom:30px}
section.block-heading h3{max-width:100%}
section.block-heading p{font-size:16px;max-width:100%}
}
section.content-heading h4 { font-weight: 700; color: var(--gold); }


section.contact .text-column{padding-right:100px}
section.contact .text-column ul{list-style:none}
section.contact .text-column ul li{margin-bottom:10px}
section.contact .text-column ul li i{padding-right:15px}
section.contact .text-column ul li:before{font-family:icomoon;display:inline-block;margin-right:8px}
section.contact .text-column ul li .content{display:inline-block;width:calc(100% - 25px);vertical-align:top}
section.contact .text-column .btn{padding-left:50px;padding-right:50px}
@media (min-width:992px) {
section.contact .text-column .form-group input,section.contact .text-column .form-group select{height:60px!important}
section.contact .text-column .form-group textarea{min-height:210px}
}
@media (max-width:991.98px) {
section.contact .text-column{padding-right:50px}
}
@media (max-width:767.98px) {
section.contact .map-column .figure,section.contact .map-column iframe{height:500px}
}

section.contact .map-column img{height:100%}
section.contact .text-column{padding:50px}
section.contact .text-column h3{font-weight:700}
@media (max-width:767.98px) {
section.contact .map-column img{height:350px}
section.contact .text-column{padding-left:25px;padding-right:25px}
section.contact .text-column h3{font-size:24px}
}

@media (min-width:992px){
  ul.col-count-2{-webkit-column-count:2;column-count:2}
}
@media (max-width:575.98px){
  ul.col-count-2{-webkit-column-count:1;column-count:1}
}

.card.card-img-scale .card-img-scale-wrapper{transform:translateZ(0);position:relative;overflow:hidden}
.card.card-img-scale .img-scale{transition:all .5s ease;transform:scale(1.001)}
.card.card-img-scale:hover .img-scale{transform:scale(1.03)}
img.img-scale{max-width:100%;height:auto}

.icon-list img{width:16px;height:16px;margin-right:8px}
.accommodation .room-gallery img{width:100%;border-radius:8px;margin-bottom:1rem}
img.img-compliance {height: 100px;}

.btn-gold{background-color:var(--gold);color:#fff;border:none;transition:background-color .3s ease}
.btn-gold:hover,.btn-gold:focus{background-color:#b89b34d9;color:#fff}