/* Fonts */
@font-face {
    font-family: 'Sweet Sans Pro';
    src: url('../fonts/haugen/sweet-sans-pro/SweetSansPro-Regular.eot');
    src: url('../fonts/haugen/sweet-sans-pro/SweetSansPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/haugen/sweet-sans-pro/SweetSansPro-Regular.woff2') format('woff2'),
        url('../fonts/haugen/sweet-sans-pro/SweetSansPro-Regular.woff') format('woff'),
        url('../fonts/haugen/sweet-sans-pro/SweetSansPro-Regular.ttf') format('truetype'),
        url('../fonts/haugen/sweet-sans-pro/SweetSansPro-Regular.svg#SweetSansPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sweet Sans Pro';
    src: url('../fonts/haugen/sweet-sans-pro/sSweetSansPro-Bold.eot');
    src: url('../fonts/haugen/sweet-sans-pro/sSweetSansPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/haugen/sweet-sans-pro/sSweetSansPro-Bold.woff2') format('woff2'),
        url('../fonts/haugen/sweet-sans-pro/sSweetSansPro-Bold.woff') format('woff'),
        url('../fonts/haugen/sweet-sans-pro/sSweetSansPro-Bold.ttf') format('truetype'),
        url('../fonts/haugen/sweet-sans-pro/sSweetSansPro-Bold.svg#SweetSansPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sweet Sans Pro';
    src: url('../fonts/haugen/sweet-sans-pro/sSweetSansPro-Thin.eot');
    src: url('../fonts/haugen/sweet-sans-pro/sSweetSansPro-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/haugen/sweet-sans-pro/sSweetSansPro-Thin.woff2') format('woff2'),
        url('../fonts/haugen/sweet-sans-pro/sSweetSansPro-Thin.woff') format('woff'),
        url('../fonts/haugen/sweet-sans-pro/sSweetSansPro-Thin.ttf') format('truetype'),
        url('../fonts/haugen/sweet-sans-pro/sSweetSansPro-Thin.svg#SweetSansPro-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Marion';
    src: url('../fonts/haugen/marion/Marion-Regular.eot');
    src: url('../fonts/haugen/marion/Marion-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/haugen/marion/Marion-Regular.woff2') format('woff2'),
        url('../fonts/haugen/marion/Marion-Regular.woff') format('woff'),
        url('../fonts/haugen/marion/Marion-Regular.ttf') format('truetype'),
        url('../fonts/haugen/marion/Marion-Regular.svg#Marion-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#gifts label, #gifts .termsArea a {color:#E70031 !important;}
#content h2 {color:#E70031;}

/* Background -- Light */
body,
#content,
.selctions,
.home .booking-section,
.panelback,
.home .flexslider,
.underhero,
.content-section,
.menu-list-side {
    background: #EDE6DA;
}
/* Background -- Red */
.header,
.x-footer,
.home .x-footer,
.artimicle,
.pdformblock,
.x-panel--image-left .x-panel__part, 
.x-panel--left .x-panel__part,
.x-panel--image-right .x-panel__part, 
.x-panel--right .x-panel__part {
    background: #E70031;
}
/* Colour -- Red */
.home .caption,
.underhero h1,
#content h3, 
#content h4, 
#content h5, 
#content h6,
#content p,
p a, 
a.whatson-panel-link, 
li a,
.menus {
    color: #E70031;
}
/* Colour -- Light */
.x-footer__nav a,
.x-footer__credits, 
.x-footer__credits a {
    color: #EDE6DA;
}
.artimicle .text-half h4, 
.artimicle .text-half p,
.pdformblock h3, 
.pdformblock label,
.datetag {
    color: #EDE6DA!important;
}

.mfp-title {
  display: none;
}

/* Button -- Red */
.w-button, 
.button.whatsbutton {
    border: solid 1px #E70031;
    background-color: #E70031;
    font-family: "Sweet Sans Pro";
    font-weight: normal;
    font-size: 15px;
    letter-spacing: 0.12em;
    text-align: left;
    color: #ede6da;
}
.w-button:after, 
.button.whatsbutton:after {
    background-image: url('../images/haugen/button-pattern.svg');
}
.w-button:hover, 
.button.whatsbutton:hover {
    border: solid 1px #E70031;
    background-color: #E70031;
    color: #ede6da!important;
    opacity: 1!important;
}
/* Button -- Light */
.booking-section .booking-container .button:first-child {
    background-color: #EDE6DA;
    color: #E70031;
}
.booking-section .booking-container .button:first-child:after {
    background-image: url('../images/haugen/button-pattern--red.svg');
}
.booking-section .booking-container .button:first-child:hover {
    background-color: #EDE6DA;
    border: solid 1px #E70031;
    color: #E70031!important;
}

/* Header */
.headercontactarea {
    font-family: "Sweet Sans Pro";
    font-size: 8px;
    letter-spacing: 0.1em;
    line-height: calc(12 / 8);
    text-align: left;
    color: #ede6da;
}
.nav2 .w-container:before, .nav2 .w-container:after {
    content: none;
}
.nav-item {
    font-family: "Sweet Sans Pro";
    font-size: 12px;
    letter-spacing: 0.1em;
    line-height: calc(16 / 12);
    text-transform: uppercase;
    color: #ede6da;   
}
.nav-item.nav-last {
    border-radius: 2px;
    background: #ede6da;
    color: #E70031;
}
.nav-item.nav-last:hover {
    background: #EBCABB;
    color: #7E392C;
}
@media only screen and (max-width: 799px) {
    .x-nav2 {
        background: #E70031;
    }
}
@media only screen and (min-width: 800px) {
    .nav2 {
        height: unset;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-top: 20px;
    }
    .nav2 .w-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }    
}
#mobile-book-btn .button.whatsbutton {
    background-color: #EDE6DA;
    color: #E70031;
    font-weight: 400;
}

/* Home */

.video-hero {
  position: relative;
  left: 0;
  top: 0px;
  width: 100%;
  height: 75vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (max-width: 992px) {
  .video-hero {
    height: 450px;
  }
}

@media only screen and (max-width: 768px) {
  .video-hero {
    height: 320px;
  }
}

@media only screen and (max-width: 550px) {
  .video-hero {
    height: 280px;
  }
}

.video-hero video {
  height: auto;
  width: 100%; 
}


.home .caption {
    font-family: "Sweet Sans Pro";
    font-size: 28px;
    letter-spacing: 0.12em;
    line-height: calc(34 / 28);
    text-align: center;
    color: #E70031;
    max-width: 960px;
    margin: 0 auto;    
}
.homepanel .x-panel--left .x-panel__part:before,
.homepanel .x-panel--right .x-panel__part:before {
    background-image: url('../images/haugen/homepanel-hover-bg.jpg');
    background-size: cover;
    background-position: center;
    z-index: -1;
}
#content h2 {
    font-family: "Sweet Sans Pro";
    font-size: 28px;
    letter-spacing: 0.12em;
    line-height: calc(32 / 28);
    text-align: center;   
}
.homepanel .button.whatsbutton {
    border: solid 1px #EDE6DA;
}
#content .homepanel h2, 
#content .homepanel p {
    transition: all ease-in-out 0.3s;
}
h2.homepaneltitle {
    color: #ffffff !important;
}
@media (hover: hover) and (pointer: fine) {
    .homepanel .x-panel__part {
        transition: all ease-in-out 0.3s;
    }
    .homepanel .x-panel__part:hover {
        background: transparent;
    }
    .homepanel .x-panel__part:hover h2,
    .homepanel .x-panel__part:hover p {
        color: #E70031!important;
    }
    
    .homepanel .x-panel__part:hover .button.whatsbutton {
        border: solid 1px #E70031;
        color: #EDE6DA;
    }
    .homepanel .x-panel__part:hover h2.homepaneltitle {
        color: #E70031!important;
    }
}

/* Footer */
.home .x-footer {
    border-top: solid 1px #EDE6DA;
}
.x-footer__nav a {
    font-family: "Sweet Sans Pro";
    font-size: 10px;
    letter-spacing: 0.1em;
    line-height: 16px;
    text-align: left;
    text-decoration: none;
}
.x-footer__nav a:hover {
    text-decoration: underline;
}
.x-footer__credits, 
.x-footer__credits a {
    font-size: 12px;
    letter-spacing: 0.03em;
    text-align: left; 
    font-family: 'Marion';  
}
.x-signup-button {
    background-color: #E70031;
    border: solid 1px #EDE6DA;
}
.x-signup-button:focus, 
.x-signup-button:hover {
    opacity: 1;
    background-color: #DFB8A7;
    border: solid 1px #DFB8A7;
    color: #7E392C;
}

/* Menus */
.underhero h1 {
    font-family: "Sweet Sans Pro";
    font-size: 28px;
    letter-spacing: 0.12em;
    line-height: calc(32 / 28);
    text-align: center;
}
.menu-list-side:before {
    content: none;
}
.content-section:after {
    content: none;
}
#content h3, 
#content h4, 
#content h5, 
#content h6 {
    font-family: "Sweet Sans Pro";
    font-size: 20px;
    letter-spacing: 0.1em;
    text-align: center;
}
.menus {
    font-family: 'Marion';
    font-size: 18px;
    letter-spacing: 0.02em;
    line-height: calc(32 / 18);
    text-align: center;
}
.menus:hover {
    color: #E70031;
    opacity: 0.8;
}

/* Private Dining & Events */
#content p,
.datetag {
    font-family: 'Marion';
    font-weight: normal;
    font-size: 16px;
    letter-spacing: 0.03em;
    line-height: 2;
}

/* Private Dining & Events -- Inner */
@media screen and (min-width: 768px) {
    .page-template-page-privatedining-inner-v2 #content .w-col.w-col-6 > div:not(.initial-row) {
        padding-right: 40px;
    }
}

/* Gallery */
.owl-navigation.gallery-nav .next,
.owl-navigation.gallery-nav .prev {
    background-color: #E70031;
    color: #EDE6DA;
}
.owl-navigation.gallery-nav .next:hover,
.owl-navigation.gallery-nav .prev:hover {
    opacity: 0.8;
}

/* What's On */
.kl-secondary-button {
    font-family: "Sweet Sans Pro";
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 2.2;
    text-align: center;
    border: solid 1px #E70031;
    color: #E70031;
    transition: all ease-in-out 0.3s;
}
.kl-secondary-button:hover {
    background-color: #E70031;
    color: #EDE6DA;
}
.artimicle .text-half h4, 
.artimicle .text-half p {
    font-family: 'Marion'!important;
    font-weight: normal!important;
    font-size: 16px!important;
    letter-spacing: 0.03em!important;
    line-height: 2!important;
}
.artimicle .text-half .whatsbutton {
    border: solid 1px #EDE6DA;
}

/* Single What's On */
.addthis-iconfont .addthis_toolbox a {
    color: #E70031;
}
.addthis-iconfont .addthis_toolbox a:hover {
    color: #E70031;
    opacity: 0.8;
}
.eventForm label {
    font-family: "Sweet Sans Pro";
    font-weight: normal;
    font-size: 13px;
    letter-spacing: 0.1em;
}
.w-input, .w-select {
    border: 1px solid #EDE6DA;
    box-shadow: none;
    background: #e70030;
    color: #EDE6DA;
    font-family: 'Marion';
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.03em;
    line-height: 32px;
    
}
.w-input::-webkit-input-placeholder {
    color: #EDE6DA;
}
.w-input::-moz-placeholder {
    color: #EDE6DA;
    opacity: 1;
}
.w-input:-ms-input-placeholder {
    color: #EDE6DA;
}
.w-input:-moz-placeholder {
    color: #EDE6DA;
    opacity: 1;
}
.pdformblock #formsubmittrigger {
    border: solid 1px #EDE6DA;
}
.pdformblock #formsubmittrigger:hover {
    background: #EDE6DA!important;
    color: #E70031!important;
}

/* Newsletter Signup */
#newsletterform #submittrigger {
    border: solid 1px #EDE6DA;
}
#newsletterform #submittrigger:hover {
    background: #EDE6DA!important;
    color: #E70031!important;
}
@media screen and (min-width: 768px) {
    .page-template-page-newsletter_signup #content .book .w-col.w-col-6 > div:not(.initial-row) {
        padding-right: 40px;
    }
    .page-template-page-competition #content .book .w-col.w-col-6 > div:not(.initial-row) {
        padding-right: 40px;
    }
}