/*
  Theme Name:   Packed House (HTML5 Boilerplate v8.0.0)
  Theme URI:    https://html5boilerplate.com/
  Description:  Packed House Custom (HTML5 Boilerplate v8.0.0 Theme)
  Author:       Packed House
  Author URI:   https://packed.hosue
  Version:      1.0.0
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain:  HTML5 Boilerplate
  GitHub Theme URI: h5bp/main.css#readme
*/

/*! HTML5 Boilerplate v8.0.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */


html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden,
[hidden] {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visually-hidden {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
 * Extends the .visually-hidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * The use of `table` rather than `block` is only necessary if using
 * `::before` to contain the top-margins of child elements.
 */

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}



:root {
  --blue: #0089B4;

}

::selection {
  background: rgba(0,0,0,0.4);
}

.grid{
  width: 1500px;
  position: fixed;
  opacity: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50px;
  background: transparent url(/wp-content/themes/hydedublin/img/grid.png) top left no-repeat;
  background-size: contain;
  background-repeat: repeat;
  z-index: 10;
  pointer-events: none;
  opacity: 0.2;
  display:none;
}

  script[src*='.test'] ~ .grid {
      display: block;
  }


img.lazyload:not([src]) {
  visibility: hidden;
}
/* fade image in after load */
.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded {
  transition: opacity 300ms;
	opacity: 1;
}



.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 0.8s opacity ease, 0.6s all ease-out;

}

.reveal.up{
  transform: translateY(-150px) translateX(0);
  opacity: 0;

}

.reveal.left{
  transform: translateY(0) translateX(-100px);
  opacity: 0;

}
.reveal.right{
  transform: translateY(0) translateX(150px);
  opacity: 0;

}


.reveal.active{
  transform: translateY(0) translateX(0);
  opacity: 1;
}
.reveal.fade{
  transform: translateY(0);
  transition: 1.8s all ease;
}




html, body{
  margin:0;
  padding:0;
}
body{
  background:#FAFAFA;
  font-family:proxima-nova, -apple-system, sans-serif;
  color:#000;
      -webkit-font-smoothing: antialiased;

  font-family: "altivo", sans-serif;
  font-weight: 400;

}
body a{
  color:#000;
  text-decoration:underline;

}
input{
  font-family: "altivo", sans-serif;

}

h1,h2,h3,h4,h5,h6{
  font-family: "moret", serif;
  font-weight: 600;
  font-style: normal;
}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{
  font-weight:inherit;
}
h1 {
    font-size: 2.4em;
}
h2 {
    font-size: 2em;
}
h3 {
    font-size: 1.8em;
}
h4 {
    font-size: 1.4em;
}
p, ul, ol{
  font-size:21px;
  line-height:28px;
  margin:0 0 12px 0;
}
.outer-container > .container ul,
.outer-container > .container ol{
  margin-left:20px;
  margin-bottom:28px;
  padding-left:0;
}


.btn,
.wp-block-button__link,
.wpcf7 .wpcf7-submit,
.newsletter-signup .chimp-form #mc_embed_signup .button{
  font-size:18px;
  line-height:18px;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:500;
  padding:19px 20px 14px;
  display:inline-block;
  border:1px solid #000;
  position:relative;
  min-width:240px;
  text-align:center;
  overflow:hidden;
  border-radius:0;
  background:#fafafa;
  color:#000;
  -webkit-appearance: none;
}

.btn:before,
.btn:after,
.wp-block-button__link:before,
.wp-block-button__link:after,
.wpcf7 .wpcf7-submit:before,
.wpcf7 .wpcf7-submit:after,
.newsletter-signup .chimp-form #mc_embed_signup .button:before,
.newsletter-signup .chimp-form #mc_embed_signup .button:after{
  content:"";
  border-radius:50%;
  border:1px solid rgba(0,0,0,0.1);
  width:100%;
  height:0;
  padding-bottom:100%;
  position:absolute;
  top:-7%;
  left:-15%;
  transition:all 2s ease-in;

}
.btn:after,
.wp-block-button__link:after,
.wpcf7 .wpcf7-submit:after,
.newsletter-signup .chimp-form #mc_embed_signup .button:after{
  top: unset;
  bottom: -170%;
  left: 85%;
}
.btn:hover:before,
.wp-block-button__link:hover:before,
.wpcf7 .wpcf7-submit:hover:before,
.newsletter-signup .chimp-form #mc_embed_signup .button:before{
  top:100%;
  left:-40%;
  top: -277%;
    left: 85%;
}
.btn:hover:after,
.wp-block-button__link:hover:after,
.wpcf7 .wpcf7-submit:hover:after,
.newsletter-signup .chimp-form #mc_embed_signup .button:hover:after{
  bottom: -440%;
  left: -16%;
}
.btn.dark,
.wp-block-button__link.dark{
  color:#fff;
  border-color:#fff;
  background:#000;
}

.btn.dark:before,
.btn.dark:after,
.wp-block-button__link.dark:before,
.wp-block-button__link.dark:after{
  border:1px solid rgba(255,255,255,0.2);
}


header.true{
  height: 150px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction:row;
  justify-content: flex-end;
  background:transparent;
  transition:background 0.2s ease-out;
  z-index: 4;
  border-bottom:1px solid #000;
  align-items:center;
  background:#FAFAFA;


}
/*
header.true.fade-in{
  background: rgba(13,13,13,0.9);
}*/

header.true h1 {
  margin:10px 0 0 50px;
  padding:0;
  flex-grow:2;
}
.logohead a{
  width:124px;
  height:130px;
  display:block;
  text-indent:-9999px;
  background-image:url('img/logos/onwhite/hyde-logo-head.png');
  background-position:center center;
  background-size:contain;
  background-repeat:no-repeat;

}


.menu-toggle{
  display:none;
}

header.true nav > ul{
  display:flex;
  flex-direction:row;
  flex-wrap:no-wrap;
  list-style-type:none;
  margin:0;
  padding:0;
}

header.true nav > ul > li{
  overflow:hidden;
}
header.true nav > ul > li > a{
  color:#000;
  text-transform:uppercase;
  font-size:18px;
  line-height:16px;
  font-weight:500;
  display:block;
  padding:16px 15px 10px;
  text-decoration:none;
  position:relative;


}


header.true nav > ul > li.current_page_item > a:after,
header.true nav > ul > li.current_page_parent > a:after{
  content:"";
  position:absolute;
  background: #000;
  width: calc(100% - 20px);
  bottom: -5px;
  height: 5px;
  left: 10px;
  animation: werehere 0.2s ease-in forwards 1;
  animation-delay: 0.7s;

}

@keyframes werehere {
  0% {
    bottom:-5px;
  }
  100% {
    bottom: 0;
  }

}


header.true nav > ul li ul{
  position:absolute;
  background:#fafafa;
  top:100px;
  width:auto;
  opacity:0;
  visibility:hidden;
  -webkit-transition: opacity 300ms, visibility 300ms;
  transition: opacity 300ms, visibility 300ms;
  gap:0;
  margin:0 0 0 10px;
  list-style-type:none;
  padding:0;
  border-top:1px solid #000;
  box-shadow:0 5px 5px rgba(0,0,0,0.2);

}
header.true nav > ul li:hover ul{
  opacity:1;
  visibility:visible;
}


header.true nav > ul li ul li{
  margin:0;
  padding:0;
}
header.true nav > ul li ul li:first-child a{
  padding-top:10px
}
header.true nav > ul li ul li:last-child a{
  padding-bottom:10px
}

header.true nav > ul li ul li a{
  color: #000;
  padding: 5px 15px;
  text-decoration: none;
  display: flex;
  gap: 7px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
header.true nav > ul li ul li a:hover{
  text-decoration:underline;
}



header.true nav > ul li:hover ul{

}


header a.main-res{
  margin-right:50px;
  margin-left:20px;
}




.head{
  margin:0;
  padding:60px 20px 30px;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  position:relative;

  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,0.3);
}

/*
.head h1.logohead{
  flex: 0 0 180px;
      margin-left: 40px;
      margin-right:40px;
}
.head h1.logohead a{
  width: 163px;
  height: 173px;
}
*/
.head span.entrance{
  flex: 0 0 15%;
  margin: 0 25px 0 0;
  position:relative;
}
.head span.entrance img{
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;


}

.head .text{
  flex:0 0 calc(100% * 5 / 12);
  padding-top:20px;
  min-height:19vw; /* Experimental */
}
.head .map{
  position:absolute;
  top:0;
  right:0;
  width:65%;
  height:60%;
  background-image:url('img/homepage-map.jpg');
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  z-index:-1;
  opacity:0.8;
}
.head .map.reveal.fade{
  opacity:0;
}
.head .map.reveal.fade.active{
  opacity:0.8;
}
.head .floors{
  flex:0 0 100%;
  display:flex;
  flex-direction:row;
  gap:15px;
  margin-top:50px;
}
.head .floors a{
  flex:0 0 calc(20% - 12px);
  height:0;
  padding-bottom:24%;
  display:block;
  position:relative;
  text-decoration:none;
  overflow:hidden;
  background:#000;
}
.head .floors a:before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:rgba(0,0,0,0.2);
  background:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%);
  z-index:1;
}

.head .floors a:after{
  content:"";
  position:absolute;
  top:15px;
  right:15px;
  bottom:15px;
  left:15px;
  border:1px solid #fff;
  z-index:2;
}
.head .floors a img{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:100%;
    height:100%;
    object-fit:cover;
    transition:all 1.5s ease-out;

    object-fit:unset;
    width:auto;
    right:auto;
}
.head .floors a:hover img{
  animation: panover 15s linear forwards infinite;
}

@keyframes panover {
  0% {
    transform:scale(1) translateX(-50%);
  }
  40%,60% {
    transform:scale(1.1) translateX(-70%);
  }
  60%,80% {
    transform:scale(1.1) translateX(-30%);
  }
  80%,100% {
    transform:scale(1) translateX(-50%);
  }

}


.head .floors a h3{
  color:#fff;
  z-index:1;
  position:relative;
  margin:34px 30px;
  font-size:36px;
  line-height:30px;
  font-weight:700;
  width:50%;
}

.head .floors a .go{
  position:absolute;
  width:90px;
  height:90px;
  bottom:15px;
  right:15px;
  border:1px solid #fff;
  border-radius:250px 0 0 0;
  z-index:3;
  transition:all 0.4s ease-in;

}
.head .floors a:hover .go{
  background-color:rgba(255,255,255,0.2);
}
.head .floors a .go .arrow {
  position: absolute;
  top: 53px;
  width: 36%;
  height: 2px;
  background-color: #fff;
  transition:all 0.2s ease-in;
  left: 36px;
}
.head .floors a:hover .go .arrow {
  left: 39px;
}


.head .floors a .go .arrow::after,
.head .floors a .go .arrow::before {
  content: '';
  position: absolute;
  width: 40%;
  height: 2px;
  right: -2px;
  background-color: #fff;
}

.head .floors a .go .arrow::after {
  top: -4px;
  transform: rotate(45deg);
}

.head .floors a .go .arrow::before {
  top: 4px;
  transform: rotate(-45deg);
}

.vouchers-promo{
  background: #fff;
  color: #000;
  display: flex;
  flex-direction: row;
  padding: 20px 50px 14px;
  justify-content: space-between;
  align-items: baseline;
  border-top: 1px solid #000;
  gap:20px;
}


.outer-container{
  margin:0 50px;
  border:1px solid #000;
  border-width:0 1px;
  max-width:1900px;
  margin:0 auto;
}
@media screen and (max-width: 2000px) {
  .outer-container{
    margin:0 50px;
  }
}

.container{
  margin:0;
  padding:0;

}
.container.tight{
  margin:2% auto;
}
.outer-container > .container{
  margin:0 calc(100% * 2 / 12 + 9px);
  display:flow-root;
}
.outer-container > .container.wide{
    margin:0;
    overflow:hidden;
}

.outer-container > .container.wide[id^='post-']{
  padding:0 calc(100% * 1 / 12 + 9px) 80px;
}

header.true + .outer-container{
  margin-top:150px;
  /*min-height:calc(100vh - 710px);*/
  overflow:auto;
}

.generic-text{
  border-bottom: 1px solid #000;
  margin: 50px 0 30px calc(100% * 1 / 12);
  background:#FAFAFA;
  z-index: 1;
  position: relative;
}

.generic-text h1{
  letter-spacing: -0.02em;
  font-size: 72px;
  line-height: 72px;
  font-weight: 600;
  margin: 10px 0 20px;
}
.generic-text h1 .expanse{
}

.generic-text p.byline{
  font-size: 24px;
  line-height: 30px;

/*  font-size: 30px;
  line-height: 30px;
*/
  margin:0;
  padding-bottom:12px;

}


.wpcf7{
        width:90%;

}
.wpcf7 input,
.wpcf7 select,
.wpcf7 textarea{
    background:#fafafa;
    padding:20px;
    font-size:18px;
    line-height:18px;
    border:1px solid #979797;
    display:block;
    width:100%;
    margin:0 0 30px 0;
    box-sizing:border-box;
}
.wpcf7 select{
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;

}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  text-transform:uppercase;
  letter-spacing:0.03em;
  font-size:14px;
}



.wpcf7 br{
  display:none;

}
.wpcf7 label{
  display:none;
}
.wpcf7 label.needed{
  display:block;
  font-size: 14px;
  text-transform: uppercase;

}
.wpcf7 .wpcf7-not-valid-tip{
  font-size: 14px;
  text-transform: uppercase;
  margin-top:-30px;
}
.wpcf7 .wpcf7-submit{
  width:50%;
  box-sizing:content-box;
}
.wpcf7 form.invalid .wpcf7-response-output{
  border-color:#dc3232;
  padding: 20px;
  margin: 0;
}

.full-bleed-panel{
  display:flex;
  border-top:1px solid #000;
}
.full-bleed-panel .image{
  background:#000;
  min-height:60vh;
  flex:0 0 calc(100% * 5/12 - 11px);
  position:relative;

}
.full-bleed-panel .image img{
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
}

.full-bleed-panel .text{
  flex:0 0 calc(100% * 7/12);
  font-size:24px;
  line-height:28px;
  padding-bottom:5vw;
}
.full-bleed-panel .text h3,
.full-bleed-panel .text h2 {
  font-size:160px;
  line-height:160px;
      font-size: 10vw;
      line-height:10vw;

  margin:1em 0 0;
  font-weight:600;
  margin-left: -7vw;
  position: relative;
}


.full-bleed-panel .text h3:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 7vw;
    overflow: hidden;
    mix-blend-mode: exclusion;
    background: #fff;
    height: 100%;
    z-index: 1;
}
.full-bleed-panel .text h3 a{
  position:relative;
  z-index:2
}

.full-bleed-panel .text h3:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 7vw;
    overflow: hidden;
    mix-blend-mode: exclusion;
    background: #fff;
    height: 100%;
    z-index: 3;
}


.full-bleed-panel .text a.btn{
  margin:20px 15px;
}

.full-bleed-panel .text h3 a,
.full-bleed-panel .text h2 a{
  text-decoration:none;

}
.full-bleed-panel .text p{
  margin:0 15px;
  width:60%;
  font-size:inherit;

}
.full-bleed-panel + .full-bleed-panel{
  flex-direction:row-reverse;
}
.full-bleed-panel + .full-bleed-panel .image{
  flex:0 0 calc(100% * 6/12 - 11px);

}

.full-bleed-panel + .full-bleed-panel .text{
  text-align:right;
  display:flex;
  flex-direction:column;
  align-items:end;
}

.full-bleed-panel + .full-bleed-panel .text h3{
  margin-right:-7vw;
  margin-left:unset;
}
.full-bleed-panel + .full-bleed-panel .text h3:after,
.full-bleed-panel + .full-bleed-panel .text h3:before{
  width:7vw;
  left:auto;
  right:0;
}

.reservation-block{
  background:#000;
  color:#fff;
  position:relative;
}

.reservation-block .image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    height: auto;
    height: 100%;
    z-index: 0;
    opacity: 0.4;
}

.reservation-block .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
}

.reservation-block .container{
  margin:0 calc(100% * 2 / 12 - 11px);
  padding:10% 0;
  z-index:1;
  position:relative;
  min-height:260px;
}
.reservation-block .container .text{
  display: flex;
  justify-content: space-between;
}
.reservation-block .container .text .text-block > h3{
  font-size:72px;
  line-height:72px;
  letter-spacing:-0.03em;
  font-weight:700;
  margin:0 20px;
  padding:0;
}
.reservation-block .container .text .text-block > p{
  font-size:24px;
  line-height:28px;
  letter-spacing:-0.01em;
  margin:0 20px;
  padding:0;
  max-width:700px;
}
.reservation-block .container .text .badge{
  width:100px;
  height:100px;
}
.reservation-block .ot-title{
  display:none;
}
.reservation-block .ot-dtp-picker.wide{
  width:100%;
  padding:0;
  margin:20px 0;
}
.reservation-block .ot-dtp-picker{
  font-family:inherit;
}
.reservation-block .ot-dtp-picker .ot-dtp-picker-form,
.reservation-block .ot-dtp-picker.wide .ot-dtp-picker-form{
  border-radius: 0;
  border-color: #fff;
  display: flex;
  height: 105px;
  display:flex;
}
.reservation-block .ot-dtp-picker .ot-dtp-picker-form > div,
.reservation-block .ot-dtp-picker.wide .ot-dtp-picker-form > div{
  width: unset;
  float: none;
  flex: 1 0 0;
  height:unset;
  display: flex;
  align-items: center;

}
.reservation-block .ot-dtp-picker.wide .ot-dtp-picker-form > div:before{
  content:"Table";
  color:#000;
  text-transform:uppercase;
  font-size:14px;
    position:absolute;
  top:34px;
  left:52px;
}
.reservation-block .ot-dtp-picker.wide .ot-dtp-picker-form > div:nth-child(3):before{
  content:"Date"
}
.reservation-block .ot-dtp-picker.wide .ot-dtp-picker-form > div:nth-child(4):before{
  content:"Time"
}


.reservation-block .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button{
  float: none;
  width: unset;
  flex: 1 0;
  height: unset;
  border-radius: 0;
  font-family:inherit;
  text-transform:uppercase;
  font-weight:500;
}
.reservation-block .ot-dtp-picker .ot-dtp-picker-selector .ot-dtp-picker-selector-link{
  font-size: 18px;
  color: #000;
  text-decoration: none;
  font-weight: 500;
  padding:43px 20px 43px 52px;
  padding:53px 20px 35px 52px;
  width:100%;
}
.reservation-block .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector + .ot-dtp-picker-selector{
  border-left:1px solid #000;
}
.reservation-block .ot-dtp-picker .ot-dtp-picker-selector .ot-dtp-picker-selector-link:before{
  color: #000;
  font-size: 24px;
  line-height: 24px;
  top: 40px;
  left:20px;
}
.reservation-block .ot-dtp-picker .ot-dtp-picker-selector .ot-dtp-picker-selector-link:after{
  right:20px;
}
.reservation-block .ot-dtp-picker.wide .ot-powered-by{
  filter:brightness(0) invert(1);
}

.menus{
  width:100%;
  display:flex;
  align-items:flex-start;
}
.menus .menu-gallery{
  flex: 0 0 calc(100% * 5/12 + 9px);
  display:flex;
  flex-direction:column;
}

.menus .menu-gallery .image{
  background:#000;
  flex:0 0 50%;
  position:relative;
  height: 0;
  padding-bottom: 100%;

}
.menus .menu-gallery .image img{
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
}

.menus .menus-text{
  padding:40px 4%;

}

.menus .menus-text h1{
  font-size:72px;
  line-height:84px;
  letter-spacing:-0.02em;
  font-weight:600;
  margin: 12px 0;
}
.menus .menus-text h1 + p{
  font-size:21px;
  line-height:28px;
}

.menus .menus-text section h3{
  font-size:36px;
  line-height:42px;
  margin:12px 0 36px 0;
  padding:0;
}
.menus .menus-text section .items{
  display:flex;
  flex-wrap:wrap;
  gap:40px 20px;
  margin-bottom: 60px;


}

.menus .menus-text section .items .item{
  flex:0 0 calc(33% - 12px);
  display:flex;
  flex-wrap:wrap;
  align-content:start;
  justify-content:space-between;
}
.menus .menus-text section .items .item h4{
  flex:0 0 calc(70% - 20px);
  margin:0 20px 10px 0;
  font-size:21px;
  line-height:19px;
  font-weight:600;
}

.menus .menus-text section .items .item .price{
  flex:0 0 25%;
  font-family: "moret", serif;
  font-weight:700;
  font-size:21px;
  line-height:21px;
}
.menus .menus-text section .items .item p{
  flex:0 0 80%;
  font-size:14px;
  line-height:15px;
  margin:0;
}

.menus .allergens{
  font-size:14px;
}

/*tabs, might use these elsewhere*/
.tabset{
  margin:30px 0 0 0;
}
.tabset > input[type="radio"] {
position: absolute;
left: -200vw;
}

.tabset .tab-panels{
  /* display: grid;
  grid-template-columns: 1fr; */

}

.tabset .tab-panel {
display: none;
visibility:hidden;
/* grid-row-start: 1;
grid-column-start: 1; */

}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
display: block;
visibility:visible;

}


.tabset > label {
position: relative;
display: inline-block;
padding: 15px 0;
cursor: pointer;
font-weight: 500;
margin-right:30px;
font-size:16px;
line-height:16px;
text-transform:uppercase;
letter-spacing:1.5px;
transition:transform 0.1s ease-out;
}
.tabset > input:checked + label:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #000;
}
.tabset > label:hover {
  transform:translateY(1px);
}



.tabset .tab-panel {
padding: 30px 0;
border-top:1px solid #010402;
}


.page h1.entry-title,
.page h2.entry-title{
  font-size: 5em;
  line-height: 0.9em;
  padding:1em 0 0.3em;
  margin:0;
  font-weight:700;

}


.page .image.featured{
  float:left;
  background:#2d2d2d;
  width:calc((100% * 5 / 12) + 9px);
  position:relative;
  height:0;
  padding-bottom:calc((100% * 5 / 12) + 9px);
  margin-bottom:40px;
  margin:0 60px 0 0;
}
.page .outer-container > .container.wide[id^='post-'] .image.featured{
  margin-left: calc(-100% * 1 / 10 + -11px);
  width: calc((100% * 5 / 10) + 19px);
  padding-bottom: calc((100% * 5 / 10) + 19px);
  margin-right:0;
}


/*pretty cool but pretty weird.*/
.container.wide > .image.featured ~ *:not(div.wp-block-media-text):not(div.wp-block-columns) {
    padding-left:calc(100% * 11 / 24 + 15px);
    padding-right:calc(100% * 2 / 24);
}

.page .image.featured img{
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;


}

.container.wide > .image.featured ~ .wp-block-buttons{
  display:block;

}
.outer-container > .container:not(.wide) .wp-block-gallery{

  margin:60px calc(-100% * 1 / 8);
}

.outer-container > .container:not(.wide) h2 + .wp-block-gallery{
  margin-top:0;
}

.page .outer-container > .container.wide[id^='post-'] .wp-block-gallery{
  clear:both;
  padding:0;
  padding:40px 0;
}


.outer-container > .container .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){
  height:0;
  padding-bottom:calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667);
}
.outer-container > .container .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) img{
  position:absolute;
  top:0;
  left:0;
}
.outer-container > .container .wp-block-gallery .wp-block-image a{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}

.wp-block-media-text{
  clear:both;
  padding:40px 0;
  border-top:1px solid #000;
  grid-template-columns: calc((100% * 7/12) - 11px) 1fr;

}

.wp-block-media-text.is-image-fill{
  padding:0;
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media{
  height:100%;
  padding:0;
  background-image:none !important;
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media img{
  width: 100%;
  height: 100%;
  clip: unset;
  margin: 0;
  object-fit: cover;

}
.wp-block-media-text.is-image-fill .wp-block-media-text__content{
  padding:10%;
}
.page .outer-container > .container.wide[id^='post-'] .wp-block-media-text{
  margin:0 calc(-100% * 1 / 10 - 11px);
}
.page .outer-container > .container.wide[id^='post-'] p + .wp-block-media-text,
.page .outer-container > .container.wide[id^='post-'] ul + .wp-block-media-text,
.page .outer-container > .container.wide[id^='post-'] .wp-block-buttons + .wp-block-media-text{
  margin-top:60px;
}

.wp-block-media-text.dark-media{
  background:#000;
  color:#fff;
}
.wp-block-media-text.dark-media .btn,
.wp-block-media-text.dark-media .wp-block-button__link{
  border-color:#fff;
  color:#fff;
  background:transparent;
}
.wp-block-media-text.dark-media .btn:before,
.wp-block-media-text.dark-media .btn:after,
.wp-block-media-text.dark-media .wp-block-button__link:before,
.wp-block-media-text.dark-media .wp-block-button__link:after{
  border-color:rgba(255,255,255,0.4);
}

.wp-block-media-text.has-media-on-the-right{
  grid-template-columns: 1fr calc((100% * 7/12) - 11px);

}


.wp-block-media-text.has-media-on-the-right{
  grid-template-columns: 1fr calc((100% * 7/12) - 11px);

}
.wp-block-media-text__media{
  height:0;
  padding-bottom: 67%;
  overflow:hidden;
  position:relative;
}
.wp-block-media-text__media img{
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
}
.wp-block-media-text__content h2{
  font-size: 5.5em;
  line-height: 0.9em;
  margin:0 0 0.3em;
}


.ephemera{
  display:flex;
  flex-direction:row;
  border-top:1px solid #000;

}

.events_short_container{
  flex-grow:2;
  border-left:1px solid #000;
  padding:60px 0 60px 5%;
}


.events_short_container > h3 a{
    text-decoration:none;
    font-size:48px;
    line-height:48px;
    font-weight:600;

}
.events_short{
  display:flex:
  flex-direction:column;
}
.events_short .short-event{
  border-bottom:1px solid #000;
  display:flex;
  flex-direction:row;
  gap:20px;
  padding-right:10%;
  align-items:baseline;
}
.events_short .short-event:last-child{
  border-bottom:0;
}
.events_short .short-event .date{
  display:flex;
  text-align:center;
  flex-direction:column;
  padding:20px 0;
  flex:0 0 90px;
}
.events_short .short-event .date .month{
  text-transform:uppercase;
  font-weight:700;
  font-size:18px;
  line-height:1em;
}
.events_short .short-event .date .day{
  text-transform:uppercase;
  font-weight:400;
  font-size:36px;
  line-height:1em;
}
.events_short .short-event h5 {
  font-family: "altivo", sans-serif;
  font-size:24px;
  line-height:30px;
  font-weight:500;
}
.events_short .short-event h5 a{
  text-decoration:none;
}


.recent_instas{
  flex:0 0 calc(45% + 9px);
  padding:60px 0 60px 5%;
}
.recent_instas a.logo{
  float: right;
  width: 9%;
  margin-right: 12%;
  margin-left:20px;
}

.recent_instas > h3{
  margin:0;
  padding:0;
}
.recent_instas > h3 a{
    text-decoration:none;
    font-size:48px;
    line-height:48px;
    font-weight:600;

}
.recent_instas > h3 + p{
  font-size: 21px;
  line-height: 28px;
  width:75%;
  margin:14px 0 28px;
}
.recent_instas .instas{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  width:calc(100% * 10 / 11 - 20px);
  margin:-10px 0 0 -10px;
}

/*instagram feed styles*/

#sb_instagram .sb_instagram_header, .sb_instagram_header{
  display:none;
}
#sb_instagram #sbi_load{
  display:none;
}




/*evets landing? Lets see */

.em {
    --counter-background: #F36752;
    --counter-color: #fff;
    --counter-background-tentative: #ddd;
    --counter-color-tentative: #888;
    --font-size: 16px;
    --line-height: 20px;
    --default-color: #000;
    --default-border: #4b86b4;
    --palette-1-bg: #03396c;
    --palette-1-color: #FFFFFF;
    --meta-color: #000;
    --meta-bg: transparent;
    --main-bg: #FAFAFA;
    --main-h3-color: #777777;
    --main-border-color: #cdcdcd;
    --accent-color: #000;
}

.em.em-list .em-item .em-item-info{
  border-left:2px solid #000;
}

.em.em-list .em-item .em-item-info h3.em-item-title a{
  color:#000 !important;
}

.em.em-list .em-item .em-item-info h3.em-item-title{
  font-weight:600 !important;
}

.em.pixelbones .button.input,
.em.pixelbones button.input,
.em.pixelbones input[type=submit].input,
.em.pixelbones input[type=reset].input,
.em.pixelbones input[type=button].input,
.em.pixelbones.input .button,
.em.pixelbones.input button,
.em.pixelbones.input input[type=submit],
.em.pixelbones.input input[type=reset],
.em.pixelbones.input input[type=button],
.em.pixelbones .input .button,
.em.pixelbones .input button,
.em.pixelbones .input input[type=submit],
.em.pixelbones .input input[type=reset],
.em.pixelbones .input input[type=button]{
  font-size:13px !important;
  border-radius:0 !important;
  border-color:#000 !important;
  color:#000 !important;
}
.em.em-search .em-search-views{
  width:unset;
}

.single-event h1.entry-title{
  font-size: 3em;
  line-height: 0.9em;
  padding:1em 0 0.3em;
  margin:0 0 40px 0;
  font-weight:700;

}

.single-event .em-event-when .btn{
  margin-top:10px;
  background:#da3743 !important;
  border-color:#da3743 !important;
  color:#fff !important;
}
.em.em-item.em-item-single .em-item-meta h3{
  text-transform:none;
  font-weight:600 !important;
}

.text-left{
  border:5px solid rgba(var(--blue-rgb),0.2);
  border-width:5px 0;
  margin:0 0 2%;
  position:relative;
  padding:0 0 5% 0;
  overflow:hidden;
}

.text-left .container .text{

  width:calc(70% - 10px);
}
.text-left .container .text h4{
  font-size:36px;
  line-height:36px;
  font-weight:700;
  margin:0 0 28px;
}
.text-left .image{
  position:absolute;
  right:0;
  top:0;
  width:25%;
  height:100%;

}
.text-left .image img{
  width:100%;
  height:100%;
  object-fit: cover;
}

.text-block-list-item{
  border: 1px solid rgba(255,255,255,0.3);
  border-width: 1px 0;
  position:relative;
  overflow:hidden;
}
.text-block-list-item + .text-block-list-item{
  border-top:0;
  margin-bottom:-1px;
}
.text-block-list-item .container{
  margin:4% 0 5%;
  min-height: 20vw;
  align-items: center;
  display: flex;
}
.text-block-list-item .container .text{
  width:100%;
}
.text-block-list-item .container .text h4{
  font-size:36px;
  line-height:36px;
  font-weight:700;
  margin:0 0 28px;
}
.text-block-list-item .container .text h2{
  font-size:48px;
  line-height:48px;
  font-weight:700;
  margin:0 0 28px;
}

.text-block-list-item .image{
  position:absolute;
  right:0;
  top:0;
  width: calc(50% - 10px);
  height:100%;

  max-height:60vh;
}
.text-block-list-item .image figure,
.text-block-list-item .image figure picture{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
.text-block-list-item .image img{
  width:100%;
  height:100%;
  object-fit: cover;
}

.category-rail{
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-overflow-style: none;
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  overflow: hidden;
  overflow: auto;
  padding: 0;
  scrollbar-width: none;
  transition: opacity 1s;
  overflow-y:hidden;
}
.category-rail::-webkit-scrollbar {
  display: none;
  width:0 !important;
}


footer.site-footer{
  font-size:16px;
  line-height:24px;
  border-top:1px solid #000;
  position:relative;
  background:#fafafa;
}
footer.site-footer .container{
  display:flex;
  flex-direction:row;
  margin:0;
}
footer.site-footer .text .address{
  flex: 0 0 calc(33% - 14px);
  border-right: 1px solid rgba(255,255,255,0.3);
  margin-right:20px;
}
footer.site-footer .logohead{
  margin:0;
  padding:0;
}
footer.site-footer .logohead a{
  width:130px;
  height:138px;
}

footer.site-footer .text .address > p{
  margin:0 0 12px;
  display:block;
}
footer.site-footer .text .address > p:before{

  text-transform:uppercase;
  color:var(--basecolor);
  transform:translateX(-20px);
  display:inline-block;
  position:relative;
  position:absolute;
}

footer.site-footer .text .footer-nav{
  flex: 0 0 calc(33% - 18px);
  border-right: 1px solid rgba(255,255,255,0.3);
  margin-right:20px;

}
footer.site-footer .text .footer-nav h5{
  font-size:30px;
  line-height:30px;
  margin:30px 0 12px 0;
  padding:0;
  font-weight:700;
}
footer.site-footer .text .footer-nav h5 a{
  text-decoration:none;
}
footer.site-footer .text .footer-nav h5 a:hover{
  text-decoration:underline;
}
footer.site-footer .text .footer-nav ul{
  list-style-type:none;
  margin:0;
  padding:0;
}
footer.site-footer .text .footer-nav ul a{
  font-size:16px;
  line-height:16px;
  text-transform:uppercase;
  text-decoration:none;
  display:block;
  padding:6px 10px 6px 0;
  font-weight:500;
  letter-spacing:0.03em;
}
footer.site-footer .text .footer-nav ul a:hover{
  text-decoration:underline;
}

footer.site-footer .text .footer-nav ul a[href^="mailto:"]
{
  text-transform:lowercase;
  line-break:anywhere;
}


footer.site-footer .text .footer-nav ul.social{
	margin:0;
	padding:0;
	display:flex;
	list-style-type:none;
  flex-wrap:wrap;
}
footer.site-footer .text .footer-nav ul.social li{
	margin:0 5px 0 0;
	padding:0;

}
footer.site-footer .text .footer-nav ul.social li a{
  width: 30px;
  height: 30px;
  text-indent: -999px;
  display: block;
  overflow: hidden;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center center;
}
footer.site-footer .text .footer-nav ul.social li.facebook a{
	 background-image:url('/wp-content/themes/hydedublin/img/facebook-f.svg');
   background-size: 17px;

}
footer.site-footer .text .footer-nav ul.social li.tiktok a{
	 background-image:url('/wp-content/themes/hydedublin/img/tiktok.svg')
}
footer.site-footer .text .footer-nav ul.social li.instagram a{
	 background-image:url('/wp-content/themes/hydedublin/img/black-instagram-icon.svg');
}
footer.site-footer .text .footer-nav ul.social li.linkedin a{
	 background-image:url('/wp-content/themes/hydedublin/img/linkedin-in.svg');
   background-size: 27px;

}





footer.site-footer .container{
  max-width:calc(100vw - 100px);
  margin:0 auto;
}

footer.site-footer .text{
  flex:0 0 48%;
  display:flex;
  margin-left:20px;
  padding:40px 0;
}
footer.site-footer .text > div{
  flex:0 0 calc(33% - 20px);
}
footer.site-footer #footer-map{
  position:absolute;
  right:0;
  top:0;
  width:calc(50vw - (50vw - 50%) - 9px);
  background:#333;
  height:100%;
    /*padding-bottom:40%;*/
}



article.type-post{
  display: flex;
  padding: 20px 0 40px;
  border-bottom: 3px solid var(--basecolor);
  position: relative;
  flex-direction: column;
  padding-left: 46%;
  border-bottom:1px solid #000;
}
article.type-post footer.entry-footer,
article.type-post .post-categories
{
  display:none;
}

article.type-post .image.featured{
  position:absolute;
  left:0;
  width:calc((100% * 5 / 12) + 9px) ;
  height:0;
  padding-bottom:calc((100% * 5 / 12) + 9px);

}
article.type-post .image.featured picture{
  position:absolute;
  width:100%;
  height:100%;
}
article.type-post .image.featured img{
  width:100%;
  height:100%;
  object-fit:cover;
}

article.type-post .entry-header{

}
article.type-post .entry-content{
  margin-right:calc(100% * 1 / 6.5 + 9px);
}



article.type-post .entry-header h1,
article.type-post .entry-header h2{
  font-size:72px;
  line-height:60px;
  font-weight:600;
  margin:20px 0 0 0;
  padding:0 calc(100% * 1 / 7) 0 0;
}

article.type-post .entry-header h1 a,
article.type-post .entry-header h2 a{
  text-decoration:none;
}

article.type-post .entry-header .entry-meta .posted-on a {
    padding:10px 0;
  display:inline-block;
  text-decoration:none;

}

article.type-post .entry-header .entry-meta {
    padding:10px 0 0;
    border-bottom:1px solid #000;
    margin-bottom:30px;
}

article.type-post .entry-content p{
  font-size:18px;
  line-height:28px;
  margin:0 0 14px 0;

}


article.type-post .entry-content .post-thumbnail{
  width:100%;
  height:0;
  padding-bottom:56%;
  position:relative;

}
article.type-post .entry-content .post-thumbnail figure,
article.type-post .entry-content .post-thumbnail figure picture{
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
}
article.type-post .entry-content .post-thumbnail figure picture img{
  width:100%;
  height:100%;
  object-fit:cover;
  position:absolute;
}


article.type-post .entry-header .social-share-list{
	margin: 30px 0 0 0;
	padding:0;
	display:flex;
	flex-direction: row;
	list-style-type:none;
	align-items: end;
	gap: 10px;
	justify-content: flex-end;
}

article.type-post .entry-header .social-share-list li{
	margin:0 0 10px 0;
	padding:0;
	cursor:pointer;

}
article.type-post .entry-header .social-share-list li span{
	width: 44px;
	height: 44px;
	border-radius:50%;
	border: 1px solid rgba(255,255,255,0.4);
	text-indent:-999px;
	display:block;
	overflow:hidden;
	background-size:24px;
	background-repeat:no-repeat;
	background-position:center center;
	opacity:0.8;
}
article.type-post .entry-header .social-share-list li.facebook span{
	 background-image:url('img/facebook-f-white.svg');
	 background-size:10px;
}
article.type-post .entry-header .social-share-list li.twitter span{
	 background-image:url('img/twitter-white.svg');
   background-size:18px;

}
article.type-post .entry-header .social-share-list li.linkedin span{
	 background-image:url('img/linkedin-in-white.svg');
	 background-size:22px;
   background-size:18px;
}




.related-posts{
	padding: 0 calc(100% * 1 / 12 + 9px) 60px;
}
.page-template-page-events .related-posts{
  border-top:1px solid #000;
  margin-top:60px;
}
.related-posts > .title{

}
.related-posts .title h4{
	font-size: 72px;
	line-height: 72px;
  font-weight:600;
	margin: 60px 0 20px;
}

.related-posts .title h4 a{
	text-decoration:none;
}

.related-posts .past-articles{
	width: 100%;
	margin:0;
  display:flex;
  flex-wrap:wrap;
  gap: 20px;
}
.related-posts .past-articles .slide{
		flex:0 0 calc(100% * 1 / 3 - 14px);
}
.related-posts .past-articles .slide a{
	text-decoration:none;
	color:#224E6D;

}
.related-posts .past-articles .slide h4{
  font-family: "altivo", sans-serif;

	margin:0 10px;
	font-size:24px;
  line-height:28px;
}
.related-posts .past-articles .slide figure{
	margin:0;
	height: 0;
	padding-bottom: 56%;
	overflow: hidden;
	position:relative;
}
.related-posts .past-articles .slide figure picture{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.related-posts .past-articles .slide figure picture img{
	width:100%;
	height:100%;
	position:absolute;
	object-fit:cover;
  transition:0.1s all ease-out;

}
.related-posts .past-articles .slide a:hover figure picture img{
  transform: scale(1.05);
}


.related-posts .past-articles .slide .post .text-holder h3{
  font-family: "altivo", sans-serif;
	margin:10px 0 0;
	font-size:24px;
  line-height:26px;
  font-weight:500;

}

.related-posts .past-articles .slide .post .text-holder a{
	text-decoration:none;
  color:#000;
}
.related-posts .past-articles .slide .post .text-holder time{
  font-weight: 500;
  font-size: 14px;
  color: #000;
  letter-spacing: 0;
  line-height: 14px;
  text-transform: uppercase;
  padding: 5px 0 20px;
  display: block;

}


.job{
  margin: 60px calc(100% * 2 / 12 + 9px);
  border-top: 1px solid #000;
  padding-top: 40px;
}
.job:first-child{
  margin-top:40px;
}
.job h3,
.job h1{
  font-size:48px;
  line-height:1em;
  margin:0 0 12px;
}
.job h3 a{
  text-decoration:none;
}
.job h3 a:hover{
  text-decoration:underline;
}


.single-careers .job{
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom:1px solid #000;
}

.single-careers .related-careers{
  margin: 60px calc(100% * 2 / 12 + 9px);

}
.single-careers .related-careers h3{
  font-size:30px;
  line-height:1em;

}

.single-careers .related-careers h3 a{
  text-decoration:none;
}
/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; margin: 20px}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {vertical-align: top; white-space: nowrap; width: fit-content; width: -moz-fit-content;}
#mc_embed_signup .button:hover {background-color:#222;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; min-height:50px; display:grid;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup .mc-address-fields-group {display:flex; flex-direction:row; justify-content:space-evenly; width:96%; gap:15px;}
#mc_embed_signup .mc-sms-phone-group {display:flex; flex-direction:row; justify-content:space-evenly; width:96%; gap:15px; padding-top:5px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .foot {display:grid; grid-template-columns: 3fr 1fr; width:96%; align-items: center;}
@media screen and (max-width:400px) {#mc_embed_signup .foot {display:grid; grid-template-columns: 1fr; width:100%; align-items: center;}}

@media screen and (max-width:400px) {#mc_embed_signup .referralBadge {width:50%;}}

#mc_embed_signup .brandingLogo {justify-self:right;}
@media screen and (max-width:400px) {#mc_embed_signup .brandingLogo {justify-self:left;}}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc_embed_signup .helper_text {color: #8d8985; margin-top: 2px; display: inline-block; padding: 3px; background-color: rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; font-weight: normal; z-index: 1;}

#mc-embedded-subscribe {clear:both; width:auto; display:block;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:3px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

        #mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
#mergeRow-gdpr {margin-top: 20px;}
#mergeRow-gdpr fieldset label {font-weight: normal;}
#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}

.newsletter-signup{
	width:100%;
	display:flex;
	padding:3.6% 0;
    border-top:1px solid black;

}
.newsletter-signup .intro-text{
	width: calc(100% * 4 / 12 - 14px);
	margin-left: calc(100% * 1 / 12 + 2px);

}
.newsletter-signup .intro-text h4{
	font-size: 48px;
	line-height: 36px;
	margin: 0;

}
.newsletter-signup .intro-text h4 + p{
	font-size:21px;
	line-height:28px;
	margin-top:28px;
}
.newsletter-signup .chimp-form{
	width: calc(100% * 5 / 12 );
	margin: -20px 0 0 calc(100% * 1 / 12 + 22px);

}
.newsletter-signup .chimp-form #mc_embed_signup{
	font:inherit;
	background:transparent;
	display: flex !important;
	flex-wrap:wrap;
}
.newsletter-signup .chimp-form #mc_embed_signup form{
	padding:0;
  margin:0;

}
.newsletter-signup .chimp-form #mc_embed_signup .mc-field-group{
	width:100%;
  margin:0;

}
.newsletter-signup .chimp-form #mc_embed_signup .mc-field-group:nth-child(2),
.newsletter-signup .chimp-form #mc_embed_signup .mc-field-group:nth-child(3){
  flex: 0 0 calc(50% - 8px);
}


.newsletter-signup .chimp-form #mc_embed_signup .mc-field-group input{
    background:#fafafa;
    padding:20px;
    font-size:18px;
    line-height:18px;
    border:1px solid #979797;
    display:block;
    width:100%;
    margin:0;
    box-sizing:border-box;
    border-radius:0;
}
.newsletter-signup .chimp-form #mc_embed_signup .mc-field-group input.gdpr{
  width:auto;
  display:inline;
  accent-color: #9d3039;
  height: 30px; /* not needed */
  width: 30px; /* not needed */
  border-radius:0;
  margin-right:10px !important;
}
.newsletter-signup .chimp-form #mc_embed_signup .mc-field-group input::placeholder {
  text-transform:uppercase;
  letter-spacing:0.03em;
  font-size:14px;

}



.newsletter-signup .chimp-form #mc_embed_signup .clear{
	overflow:auto;
}


.newsletter-signup .chimp-form #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
	background:transparent;
}

.newsletter-signup .chimp-form #mc_embed_signup div#mce-responses{
	margin:0;
	padding:0;
}
.newsletter-signup .chimp-form #mc_embed_signup div.response{
	width: 100%;
	padding: 0;
	margin: 28px 0 14px 0;
}

#mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
#mergeRow-gdpr {margin-top: 20px;}
#mergeRow-gdpr fieldset label {font-weight: normal;}
#mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}


div#mc_embed_signup_scroll {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 15px;
    align-items:baseline;
}
div#mc_embed_signup_scroll *{
	flex:0 0 100%;
}
#mc_embed_signup .mc-field-group label{
	display:none;
}
#mc_embed_signup .mc-field-group label.checkbox{
	display:block;
}
#mc_embed_signup .mc-field-group label.checkbox span{
  display: inline-block;
    transform: translateY(-10px);
}

.newsletter-signup .chimp-form #mc_embed_signup .mc-field-group#mergeRow-gdpr *{
	font-size:14px;
  line-height:21px;
	margin: 0;
}


html .gdpr-cookie-notice{
  font-family:inherit;
  padding:30px 50px;
  background:#000;
}

html .gdpr-cookie-notice a{
  color:#fff;
}
html .gdpr-cookie-notice-nav-item{

}
html .gdpr-cookie-notice .gdpr-cookie-notice-nav-item{
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  background: #fff;
  color: #000;
  line-height: unset !important;
  height: unset;
  padding: 14px 15px 12px;
}
html .gdpr-cookie-notice .gdpr-cookie-notice-description{
  font-size:16px;
}
html.gdpr-cookie-notice-loaded .gdpr-cookie-notice:before{
  background:rgba(0,0,0,0.5);
}
html.gdpr-cookie-notice-loaded{
  margin: 0;
  height: unset;
  overflow: unset;
}



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

  footer.site-footer .text{
    flex:0 0 50%;
    flex-wrap:wrap;
    margin-left:0;
  }
  footer.site-footer .text .address{
    flex:0 0 calc(20% - 14px);
  }
  footer.site-footer .logohead a{
    width: 90px;
    height: 148px;
  }
  footer.site-footer .text .footer-nav{
    flex:0 0 calc(37% - 18px);
  }
  footer.site-footer .text .address > p{
    font-size:18px;
    line-height:21px;
  }

  header.true nav > ul > li > a{
    padding:16px 10px 10px;
  }
}

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

  .menus .menus-text section .items .item{
    flex:0 0 calc(50% - 12px);
  }
  .menus .menus-text section .items .item h4{
    margin:0 10px 10px 0;
  }

  .container.wide > .image.featured ~ *:not(div.wp-block-media-text):not(div.wp-block-columns) {

  }
  .head .floors a h3{
    font-size:30px;
    line-height:24px;
  }

  header a.main-res{
    min-width:unset;
    margin-left:10px;
  }
}

@media screen and (max-width: 1200px) {
  header.true nav > ul > li > a{
    font-size:16px;
  }
}
@media screen and (max-width: 1150px) {
  .menus .menus-text section .items .item h4{
    font-size:18px;
  }

  .menus .menus-text section .items .item .price{
    font-size: 18px;
    line-height: 18px;
  }

  .head .floors a h3{
    font-size:24px;
    line-height:21px;
  }


  .menu-toggle{
    display: flex;
    flex-direction: column;
    border: 0;
    background:#fafafa;
    font-size: 40px;
    overflow: hidden;
    padding: 0 20px;
    width: 70px;
    height: 65px;
    transition: all 0.2s ease-in;
    justify-content: center;
    gap: 6px;
    border-left:1px solid #000;
  }

  .menu-toggle span {
    background: #000;
    border-radius: 1px;
    height: 3px;
    margin: 0;
    transition: .4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  }

  .menu-toggle span:nth-of-type(1) {
      width: 100%;
  }

  .menu-toggle span:nth-of-type(2) {
      width: 100%;
  }

  .menu-toggle span:nth-of-type(3) {
      width: 100%;
  }

  .toggled .menu-toggle span:nth-of-type(1) {
      transform-origin: bottom;
      transform: rotatez(45deg) translate(6px,6px);
  }

  .toggled .menu-toggle span:nth-of-type(2) {
      transform-origin: top;
      transform: rotatez(-45deg)
  }

  .toggled .menu-toggle span:nth-of-type(3) {
      transform-origin: bottom;
      width: 50%;
      transform: translate(12px,-5px) rotatez(45deg);
  }

  .menu-toggle:focus{
    outline: none;

  }


  header.true nav > ul{
    position:fixed;
    transform:translateX(calc(100vw - 66px));
    transition:all 0.2s ease-in;
    background:#000;
    height:100vh;
    width: calc(100vw - 66px);
    padding-top: 24px;
    z-index: 2;
    overflow:auto;
    right:0;
    top:0;
    display: block;
    list-style: none;
    margin: 0;
    padding-left: 0;

  }
  header.true nav.main-navigation.toggled > ul{
    transform:none;
    transition:all 0.2s ease-out;

  }

  header.true nav.main-navigation.toggled .menu-toggle{
    transform:translateX(calc(-100vw + 66px));
    transition:all 0.2s ease-out;

  }



  header.true nav > ul li {
    position: relative;
  }

  header.true nav > ul > li a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    padding: 18px 20px;
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    margin: 0 10px;
    font-size:18px;

  }
  header.true nav > ul li ul{
    position:relative;
    top:unset;
    opacity:1;
    visibility:visible;
    background:transparent;
    margin-left:20px;
  }
  header.true nav > ul li ul li a{
    color:#fff;
    padding:10px 15px;
  }

  header.true{
    height:65px;
    flex-direction:row;
  }
  header.true h1{
    margin:10px 0 0 10px;
  }
  .logohead a{
    width: 71px;
    height: 75px;
    margin: 15px 0 0 0px;
  }
  header a.main-res{
    top: 0;
    right: 70px;
    border-width: 0 0 0 1px;
    font-size: 14px;
    line-height:14px;
    padding: 27px 20px 24px;
    position:absolute;
    margin:0;
    min-width:auto;
  }
  header a.main-res span{
    display:none;
  }
  header.true + .outer-container{
    margin-top:65px;
  }


}



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

  .outer-container > .container{
    margin:0 15px;
  }
  .outer-container > .container.wide[id^='post-']{
    padding:0 0 30px;
  }
  .page .outer-container > .container.wide[id^='post-'] .wp-block-media-text{
    margin:0;
  }
  .page .outer-container > .container.wide[id^='post-'] p + .wp-block-media-text{
    margin-top:30px;
  }
  .container.wide > .image.featured ~ *:not(div.wp-block-media-text):not(div.wp-block-columns) {
    padding:0 15px;
  }
  .container.wide[id^='post-'] > *:not(div.wp-block-media-text):not(div.wp-block-columns):not(.image.featured) {
    padding-left:15px;
    padding-right:15px;
  }
  .outer-container{
    border:0;
    margin:0;
    width:100%;
  }
  .outer-container >  .container{
      padding:0 0px;
    }

    p, ul, ol {
        font-size: 16px;
        line-height: 21px;
        margin: 0 0 12px 0;
    }

    .btn, .wp-block-button__link{
      min-width:auto;
      padding:14px 30px 11px;
      font-size:14px;
      line-height:14px;
    }



    .head{
      /* margin-top: 73px; */
      padding: 10px 15px;
      padding:0;
      width:100%;
      flex-direction: row;
      justify-content: space-between;
    }
    .head .text{
      order: 1;
      margin: 15px;
      flex-shrink: 1;
    }
    .head span.entrance{
      order:2;
      flex:0 0 50%;
      margin:0;
    }
    .head .map{
      position: relative;
      margin: -50px -15px -100px -15px;
      width: calc(100% + 30px);
      height: 240px;
      order:3;
    }
    .head .floors{
      flex-wrap:wrap;
      gap:10px;
      order:4;
      margin: 50px 15px 30px;
      flex: 0 0 calc(100% - 30px);
    }
    .head .floors a:first-child{
      flex:0 0 100%;
    }
    .head .floors a{
      flex:0 0 calc(50% - 5px);
      padding-bottom:50%;
    }
    .head .floors a:after{
      top: 7px;
      right: 7px;
      bottom: 7px;
      left: 7px;
    }
    .head .floors a .go{
      display:none;

    }
    .head .floors a h3{
      margin: 20px 17px;
      font-size: 30px;
      line-height: 24px;
    }
    .head .floors a img{
      object-fit: cover;
      width: 100%;
      height: 100%;
    }

    .vouchers-promo{
      padding:20px 15px 14px;
    }

    .generic-text{
      width: auto;
      margin: 0;
      padding: 25px 15px 10px;
    }

    .generic-text h1{
      font-size:36px;
      line-height:1em;
      margin: 0 0 6px 0;
    }
    .generic-text p.byline{
      font-size: 21px;
      line-height: 24px;
      margin: 0;
    }





    .full-bleed-panel{
      flex-direction:row-reverse;
    }
    .full-bleed-panel .text{
      font-size: 16px;
      line-height: 18px;
      margin: 0 0 6px 0;
      flex:0 0 50%;
      width:50%;
      padding-bottom:0;
    }
    .full-bleed-panel .text h3, .full-bleed-panel .text h2{
      margin: 20px 15px 6px;
      padding: 0;
      font-size: 48px;
      line-height: 48px;
    }
    .full-bleed-panel .text h3:after,
    .full-bleed-panel .text h3:before{
      display:none;
    }
    .full-bleed-panel .text p{
      width:auto;
    }

    .full-bleed-panel + .full-bleed-panel .image{
      flex:0 0 50%;
    }
    .full-bleed-panel + .full-bleed-panel .text{
      text-align:left;
      display:inline;
    }
    .full-bleed-panel + .full-bleed-panel .text h3{
      margin:20px 20px 6px 15px;
    }
    .full-bleed-panel .image{
      flex:0 0 50%;
      min-height:unset;
    }


    .wpcf7 input,
    .wpcf7 select,
    .wpcf7 textarea{
      margin:0 0 20px 0;
      padding:12px;
    }
    .wpcf7{
      width:100%;
    }
    .wpcf7 .wpcf7-not-valid-tip{
      margin-top:-15px;
    }

    .outer-container > .container.wide .reservation-block:first-child{
      min-height: 70vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .reservation-block .image{
      display:none;
    }
    .reservation-block .container{
      padding:8% 0 4%;
      margin:0;
    }
    .reservation-block .ot-dtp-picker.wide{
      margin:20px;
      width:calc(100% - 40px);
    }
    .reservation-block .container .text .text-block > h3{
      font-size:48px;
      line-height:48px;
      letter-spacing:-0.02em;
    }
    .reservation-block .container .text .text-block > p{
      font-size: 16px;
      line-height: 21px;
      letter-spacing: -0.01em;
    }
    .reservation-block .container .text .badge{
      width:80px;
      height:80px;
      margin-right:20px;
    }
    .reservation-block .ot-dtp-picker .ot-dtp-picker-form, .reservation-block .ot-dtp-picker.wide .ot-dtp-picker-form{
      flex-wrap: wrap;
      height: unset;
    }
    .reservation-block .ot-dtp-picker .ot-dtp-picker-form > div:nth-child(2),
    .reservation-block .ot-dtp-picker.wide .ot-dtp-picker-form > div:nth-child(2){
      flex:0 0 100%;
      border-bottom:1px solid #000;
    }
    .reservation-block .ot-dtp-picker .ot-dtp-picker-form > div:nth-child(3),
    .reservation-block .ot-dtp-picker.wide .ot-dtp-picker-form > div:nth-child(3){
      border-left:0 !important;
    }
    .reservation-block .ot-dtp-picker .ot-date-picker .ot-dtp-picker-selector-link{
        white-space:inherit;
    }
    .reservation-block .ot-dtp-picker .ot-dtp-picker-form > div,
    .reservation-block .ot-dtp-picker.wide .ot-dtp-picker-form > div{
      flex:0 0 calc(100% / 2 - 2px);
    }
    .reservation-block .ot-dtp-picker .ot-dtp-picker-selector .ot-dtp-picker-selector-link{
      padding:33px 11px 15px 42px;
      font-size:16px;
    }
    .reservation-block .ot-dtp-picker.wide .ot-dtp-picker-form > div:before{
      font-size: 12px;
      top: 16px;
      left: 42px;
    }
    .reservation-block .ot-dtp-picker .ot-dtp-picker-selector .ot-dtp-picker-selector-link:before{
      font-size: 21px;
      line-height: 21px;
      top: 25px;
      left: 10px;
    }
    .reservation-block .ot-dtp-picker .ot-dtp-picker-selector .ot-dtp-picker-selector-link:after{
      right: 10px;
        top: 26px;
    }

    .page .image.featured,
    .page .outer-container > .container.wide[id^='post-'] .image.featured{
      width: 100%;
      padding-bottom: 70%;
      margin-left:0;
      margin-bottom:15px;

    }
    .image.featured ~ *:not(div){
      padding-left:15px;
      padding-right:15px;
    }
    .page h1.entry-title,
    .page h2.entry-title{
      font-size: 36px;
      line-height: 1em;
      margin-bottom: 15px;
      padding: 20px 0px 0;
    }

    .wp-block-media-text{
      padding:0;
      margin-top:30px;
    }

    .wp-block-media-text .wp-block-media-text__content,
    .wp-block-media-text.is-image-fill .wp-block-media-text__content{
      padding:40px 15px 0;
    }
    .wp-block-media-text__content h2{
      font-size:36px;
      line-height:1em;
      font-weight:700;
    }
    .wp-block-media-text .wp-block-media-text__content .wp-block-buttons{
      margin:20px 0;
    }
    .text-block-list-item .container .text{
      width:100%;
    }
    .text-block-list-item .container .text h2{
      font-size: 30px;
      line-height: 30px;
      font-weight: 700;
      margin: 0 0 14px;
    }
    .text-block-list-item .container .text p{
      font-size: 16px;
      line-height: 21px;
      margin: 0 0 6px 0;
    }
    .full-bleed-panel .text a.btn{
      white-space: nowrap;
      padding: 14px 60px 11px;
      background: #FAFAFA;
      max-width: 70%;
      font-size:14px;
      line-height:14px;
    }
    .text-block-list-item .image{
      position: relative;
      width: 100%;
      height: 100%;
    }


    .outer-container > .container:not(.wide) .wp-block-gallery{
      margin:20px -15px;
    }

    .ephemera{
      flex-direction:column;
    }

    .recent_instas{
      padding:30px 15px 40px;
      border-bottom:1px solid #000;

    }

    .recent_instas > h3 a{
      font-size:36px;
      line-height:36px;
    }
    .recent_instas a.logo{
      margin-right:15px;
    }
    .recent_instas > h3 + p{
      font-size: 16px;
      line-height: 21px;
      margin: 7px 0 12px 0;
      width:auto;
    }
    .recent_instas .instas{
      width:auto;
    }

    .events_short_container{
      border:0;
      padding:20px 15px;
    }

    .events_short_container > h3 a{
      font-size:36px;
      line-height:36px;
    }
    .events_short .short-event .date{
      flex:0 0 60px;
    }
    .events_short .short-event .date .month{
      font-size:14px;

    }
    .events_short .short-event .date .day{
      font-size: 30px;
      line-height: 1.3em;
    }
    .events_short .short-event h5{
      font-size: 16px;
      line-height: 21px;
      margin:20px 0;
    }

    .menus{
      display:block;
    }
    .menus .menu-gallery{
      width: 30%;
      float: right;
      margin: 0 0 20px 20px;
    }
    .menus .menu-gallery .image{
    }
    .menus .menus-text{
      padding:30px 15px;
    }
    .menus .menus-text h1{
      font-size: 48px;
      line-height: 48px;
      font-weight: 700;
      margin: 0 0 14px;
    }
    .menus .menus-text h1 + p{
      font-size: 16px;
      line-height: 21px;
      letter-spacing: -0.01em;
    }
    .tabset{
      clear:both;
    }


    .tabset .tab-panel{
      border:0;
    }
    .tabset > label{
      border-bottom:1px solid #000;
      padding:15px 0 10px;
      margin-right:15px;
    }
    .menus .menus-text section h3{
      font-size: 30px;
      line-height: 30px;
      margin: 12px 0 24px 0;
    }
    .menus .menus-text section .items{
      gap:30px 20px;
    }
    .menus .menus-text section .items .item{
      flex:0 0 calc(50% - 10px)
    }
    .tabset .tab-panels{
      display:block;
    }
    .tabset .tab-panel{
      display:none;
    }
    .related-posts{
      padding:0 15px;
    }
    .related-posts .title h4{
      font-size:36px;
      line-height:1em;
      margin:30px 0 20px;
    }


    article.type-post{
      padding:0;
    }
    article.type-post .image.featured{
      position: relative;
      width:100%;
    }
    article.type-post .entry-header{
      padding:0 15px;
    }
    article.type-post .entry-content{
      margin:0;
      padding:0 15px;
    }
    article.type-post .entry-header h1,
    article.type-post .entry-header h2{
      font-size: 48px;
      line-height: 48px;
      margin: 20px 0 0 0;
      padding: 0;
    }
    .related-posts .past-articles .slide{
      flex:0 0 calc(100% * 1 / 2 - 10px);
    }
    .related-posts .past-articles .slide .post .text-holder h3{
      font-size: 18px;
      line-height: 21px;
    }
    .related-posts .past-articles .slide .post .text-holder time{
      font-size:12px;
    }





    footer.site-footer{
      border-top:5px solid #000;
    }

    footer.site-footer .container{
      flex-direction:column;
      padding:0;
      max-width:unset;
    }
    footer.site-footer .text{
      flex-direction: row;
      flex-wrap: wrap;
      padding:20px 0;
      margin:0 0 0 15px;

    }
      footer.site-footer .logohead{
      margin-bottom:15px;
    }
    footer.site-footer .logohead a{
      width: 71px;
      height: 75px;
    }

    footer.site-footer .text .address{
      flex:0 0 100%;
      display:flex;
      align-items:center;
      gap:20px;
    }
    footer.site-footer .text .address > p{
      margin:0 0 12px 0;
      font-size: 14px;
      line-height: 18px;
    }

    footer.site-footer .text .footer-nav{
      flex:0 0 calc(50% - 30px);
      margin-top:-30px;
    }
    footer.site-footer .text .footer-nav h5{
      margin:30px 0 12px 0;
    }
    footer.site-footer .text .footer-nav ul a{
      font-size:14px;
      line-height:14px;
      padding-left:10px;
    }
    footer.site-footer #footer-map{
      position:relative;
      width:100%;
      height:0;
      padding-bottom:100%;
    }


    .newsletter-signup{
      flex-direction:column;
      padding:10% 0;
    }
    .newsletter-signup .intro-text,
    .newsletter-signup .chimp-form{
      width:auto;
      padding:0 15px;
      margin:0;
    }
    .newsletter-signup .chimp-form{
      margin-left:0;
    }


.newsletter-signup{
		margin-top:14px;
	}

	.newsletter-signup + .footer-logos{
		/*margin-top:14px;*/
	}

	.newsletter-signup .intro-text h4{
		font-size:36px;
		line-height:1em;
	}
	.newsletter-signup .intro-text h4 + p{
		font-size:14px;
		line-height:21px;
		margin-top:7px;
	}
	.newsletter-signup .chimp-form #mc_embed_signup .button{
		width:70%;
		font-size:14px;
		line-height:14px;
	}
	.newsletter-signup .content__gdprLegal p{
		font-size:14px;
		line-height:21px;
	}

  .newsletter-signup .chimp-form #mc_embed_signup .mc-field-group input{
    margin:0;
    padding:12px;
  }

  html .gdpr-cookie-notice{
    padding:20px 15px;
  }

  .job{
    margin:0 15px;
    padding-top:20px;
  }
  .job:first-child{
    margin-top:30px;
  }
  .job h3, .job h1{
    font-size:36px;
    line-height:1em;
  }
  .single-careers .related-careers{
    margin:0 15px;
  }
  .single-careers .related-careers h3{
    font-size:24px;
  }

}