@import url('https://fonts.googleapis.com/css?family=Playfair+Display:300,400,400i,700|Inria+Serif:400i|Source+Sans+Pro:400,700&display=swap');
/*
font-family: 'Playfair Display', serif;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Inria Serif', serif;
*/

body{background-color: #fff; font-family: 'Source Sans Pro', sans-serif; color: #494F54; }
.masthead {
  position: relative;
  height: 100vh;      /* hero takes full screen height */
  overflow: hidden;   /* crop any overflow from video */
}

#myVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;  /* makes video cover without distortion */
  z-index: -1;        /* send it behind content */
}


/* header */
.logo {max-width: 200px; margin: auto auto;}

.navik-header.center-menu-2 .logo {
    top: 0;
    float: none;
    padding: 7px 7px !important;
    -webkit-transform: translateY(0);
    transform: translateY(0); 
  }

  .navik-header.center-menu-2 .logo img {
    max-width: 80% !important;
    height: auto;
    max-height: inherit;
  }

  .navik-header.center-menu-2.sticky .logo {
    display: none;
  }

  .navik-menu ul li > a {

  padding: 1px 14px !important;
  font-family: 'Playfair Display', serif !important;
  letter-spacing: 1px;
  font-size: 14px !important; 
  text-decoration: none;
  text-transform: uppercase;}



.navik-menu ul li.current-menu > a,
.navik-menu ul li:hover > a {
  background-color: #f6f6f6;
}

.navik-menu ul ul li > a {
  padding: 14px 15px 14px 30px;
  font-size: 14px;
  font-style: italic;
  text-transform: inherit;
  background-color: #efefef;
}

.navik-menu ul ul li:hover > a {
  background-color: #efefef;
}

.center-menu-2 .navik-menu {
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
  }
  .center-menu-2 .navik-menu li > ul {
    text-align: left;
  }
  .center-menu-2 .navik-menu > ul > li > a {
    height: 42px !important;
    line-height: 42px !important;
  }
  .center-menu-2.header-dark .navik-menu {
    border-color: #333;
}

.navik-menu .mega-menu-container {
  padding: 15px 0px 0 !important;
}

 /* =============== TYPOGRAPhY ================== */
 h1, h2, h3, h4, h5, h6 {font-family: 'Playfair Display', serif; font-weight: 400; }

 .clr-reg-gray{color: #424242 !important}
 .clr-light-gray{color: #909090 !important}
 .clr-vintage-red{color: #805051 !important}
 .clr-white{color: #fff !important}

 .type-serif{font-family: 'Times New Roman', serif;}
 em{font-family: 'Inria Serif', serif; font-size:normal;}


 /* =============== List styles ================== */
 ul.menulist{display: block; margin-left: -20px !important;}
 ul.menulist li {list-style: none; height: 30px;  border-bottom: 1px dotted #d6d6d6;}
 ul.menulist a{padding: 2px 0px;} ul.menulist a:hover{color: #805051 !important}

 a.menulink{font-family: 'Times New Roman', serif; font-size: 14px; color: #494F54; text-decoration: none; padding: 4px 0px;}
 a.menulink:hover{text-decoration: underline;}
/*================ banners ======================*/
.masthead {
  height: 100vh;
  min-height: 500px;
  /*background: #494F54;*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  
}
.mastbody {
  height: 100vh;
  min-height: 500px;
  background: #494F54;
  background-image: url('images/idx-bannerhero.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  
}

.crossfade > figure {
  animation: imageAnimation 30s linear infinite 0s;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center center;
  color: transparent;
  height: 100%;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
}
.crossfade > figure:nth-child(1) { background-image: url('images/idx-banner01.jpg');background-attachment: fixed; }

.crossfade > figure:nth-child(2) {
  animation-delay: 6s;
  background-image: url('images/idx-banner02.jpg');background-attachment: fixed;
}

.crossfade > figure:nth-child(3) {
  animation-delay: 12s;
  background-image: url('images/idx-banner03.jpg');background-attachment: fixed;
}

.crossfade > figure:nth-child(4) {
  animation-delay: 18s;
  background-image: url('images/idx-banner04.jpg');background-attachment: fixed;
}

.crossfade > figure:nth-child(5) {
  animation-delay: 24s;
  background-image: url('images/idx-banner05.jpg');background-attachment: fixed;
}

@keyframes 
imageAnimation {  0% {
 animation-timing-function: ease-in;
 opacity: 0;
}
 8% {
 animation-timing-function: ease-out;
 opacity: 1;
}
 17% {
 opacity: 1
}
 25% {
 opacity: 0
}
 100% {
 opacity: 0
}
}

/* ================= components ================ */
.btn-danger{background-color: #90181a !important}
.home-banner{text-align: left;}
.home-formcont{display: block; background: rgba(255,255,255,0.8); height: auto; padding: 30px; margin-top: 100px; border-radius: 10px; }
.idx-bg-light-gray{background: linear-gradient(180deg, rgba(244,244,244,1) 48%, rgba(255,255,255,1) 48%);}

.bg-light-gray{background-color: #f4f4f4;}

.contblock-01{display: block;  padding: 10px 10px;}
.contblock-01 h1{font-size: 35px !important; margin: 0px 0px;}
.contblock-01 p.sub{font-size: 13px !important; text-transform: normal !important;}
.contblock-01 p{font-size: 14px !important; padding: 10px 0px;}
.contblock-01 img{padding: 10px 0px;}


.contblock-02 h1{font-size: 28px !important; margin: 0px 0px;}
.contblock-02 p.sub{font-size: 13px !important; text-transform: normal !important;}
.contblock-02 p{font-size: 14px !important; padding: 10px 0px;}
.contblock-02 img{padding: 10px 0px;}

.part-02-bg{background: linear-gradient(180deg, rgba(244,244,244,1) 85%, rgba(255,255,255,1) 85%);}
.part-02-pad{padding-right: 40px;}
.part-02-caro{margin-left: -30px; margin-top: 50px;}

.part-03-bg{background: linear-gradient(90deg, rgba(255,255,255,1) 15%, rgba(244,244,244,1) 15%);}
.part-03-caro{margin-top: -80px;}

.jumbobox{display: block; width: 60%; margin: auto auto; background: rgba(101,51,52,.7); padding: 40px 20px;
        outline: 20px solid rgba(101,51,52,.7); border: 1px solid #959595;}

.ctacontact{padding: 35px 0px;}
.ctacontact p{text-transform: uppercase; font-size: 13px;}
.ctacontact p.hotel{letter-spacing: 0.1em}
.ctacontact p.num{font-size: 26px; font-weight: 900}

footer{padding: 50px 0px; background: #f7f7f7}
footer .card{background: transparent;}
footer p, footer a, footer .card-body{text-transform: uppercase; font-size: .7rem}
footer p.card-text{font-family: 'Playfair Display', serif; font-weight: 700; margin: 5px 0px}
footer a{display: block; color: #494F54; text-decoration: none; padding: 3px 0px} footer a:hover{color: #494F54;}

/* ================= utilities and overides ===============*/
.carousel-indicators li {
  width: 7px;
  height: 7px;
  border-radius: 100%;
}
.no-underline:hover {text-decoration: none;}

.card-body a h6{margin: 12px 0px !important; text-decoration: none;}
.card-body p{font-size: 14px; padding: 10px 0px !important}

.btn{color: #6E6E6E; border: 1px solid #a0a0a0; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; font-size: .8rem; letter-spacing: 1px }
.btn-nooutline{ border: 0px !important;}

.add-pad-px-5{padding: 0px 50px;}


/* ================== inner ------------------------*/

.inner-banner {background-size: 100% 400px; background-position: top;background-repeat: no-repeat; height: 400px}
.inner-check-nega{margin-top: 100px;}
.inner-banner-spcr{margin-top: 200px;}
.inner-banner-spcr-v2{margin-top: 150px;}

/*==============================================*/

@media (max-width: 768px)
{

.mega-menu-container{margin-left: -30px;}
.masthead {
  height: auto; padding: 30px 0px;
  min-height: 500px; 
}

.mastbody {
  height: 100vh;
  min-height: 500px;
  background: #494F54;
  background-image: url('images/idx-bannerhero.png');
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  
}

.crossfade > figure:nth-child(1) { background:#494F54; }

.crossfade > figure:nth-child(2) {
 background:#494F54;
}

.crossfade > figure:nth-child(3) {
  background:#494F54;
}

.crossfade > figure:nth-child(4) {
 background:#494F54;
}

.crossfade > figure:nth-child(5) {
background:#494F54;
}

.home-banner{text-align: center; margin-top: 40px; width: 95%}
.home-formcont{display: block; background: rgba(255,255,255,0.8); height: auto; padding: 40px; margin-top: 10px; border-radius: 5px; width: 95%; margin: auto auto}

.idx-bg-light-gray{background: #f4f4f4 linear-gradient(180deg, rgba(244,244,244,1) 100%, rgba(255,255,255,1) 100%);}
.part-02-bg{background: #f4f4f4 linear-gradient(180deg, rgba(244,244,244,0) 100%, rgba(255,255,255,0) 100%);}
.part-02-pad{padding-right: 0px;}
.part-02-caro{margin-left: 0px; margin-top: 0px;}
.part-03-bg{background: #f4f4f4 linear-gradient(180deg, rgba(255,255,255,0) 100%, rgba(244,244,244,0) 100%);}
.part-03-caro{margin-top: 0px;}

.jumbobox{display: block; width: 90%; margin: auto auto; background: rgba(101,51,52,.7); padding: 40px 20px;
        outline: 20px solid rgba(101,51,52,.7); border: 1px solid #959595;}

footer{padding: 50px 30px; background: #f7f7f7}
footer p, footer a, footer .card-body, .foot2{text-transform: uppercase; font-size: 1rem}
footer p, footer a, footer .card-body{text-transform: uppercase; text-align: center;}
footer .card{display: block; width:100%}

/* spacings */
.add-pad-px-5{padding: 0px 0px;}

/* inner */
.inner-banner-spcr{margin-top: 50px;}
.inner-banner {background-size: 100% auto; background-position: center;background-repeat: no-repeat; height: 300px;  }
.inner-banner-spcr-v2{margin-top: 10px;}
}

@media (max-width: 575px) {
  footer .card-deck {
    width: 100%;
  }
}

@media (max-width: 991.98px) { 

.inner-banner {background-size: 100% 800px; background-position: top;background-repeat: no-repeat; }
.inner-check-nega{margin-top: 30px;}
 }


.dining-reserve-table-button {
  padding: 15px;
  background: #805051;
  color: #FFF;
  margin: auto;
  display: block;
  font-family: 'Playfair Display', serif;
}

.dining-reserve-table-button:hover {
  background: #653d3e;
  color: #FFF;
  opacity: 0.8;
  text-decoration: none;
  cursor: pointer;
}

/* Ensure the ribbon clips perfectly inside the image box */
.media-box-image {
  position: relative;
  overflow: hidden; 
}

/* Upcoming Corner Ribbon Overlay */
.ribbon-upcoming {
  position: absolute;
  top: 22px;
  right: -35px;
  width: 140px;
  text-align: center;
  background-color: #a82d2d; /* Matches a vintage red 5-star vibe */
  color: #ffffff;
  padding: 5px 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  transform: rotate(45deg);
  z-index: 10;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}