/* Fresh CSS, keep these styles */

/* Fonts and typography */ 
@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/GothamSSm-Bold.eot');
  src: url('../fonts/gotham/GothamSSm-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gotham/GothamSSm-Bold.woff2') format('woff2'),
      url('../fonts/gotham/GothamSSm-Bold.woff') format('woff'),
      url('../fonts/gotham/GothamSSm-Bold.ttf') format('truetype'),
      url('../fonts/gotham/GothamSSm-Bold.svg#GothamSSm-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/GothamSSm-Black.eot');
  src: url('../fonts/gotham/GothamSSm-Black.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gotham/GothamSSm-Black.woff2') format('woff2'),
      url('../fonts/gotham/GothamSSm-Black.woff') format('woff'),
      url('../fonts/gotham/GothamSSm-Black.ttf') format('truetype'),
      url('../fonts/gotham/GothamSSm-Black.svg#GothamSSm-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/GothamSSm-BlackItalic.eot');
  src: url('../fonts/gotham/GothamSSm-BlackItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gotham/GothamSSm-BlackItalic.woff2') format('woff2'),
      url('../fonts/gotham/GothamSSm-BlackItalic.woff') format('woff'),
      url('../fonts/gotham/GothamSSm-BlackItalic.ttf') format('truetype'),
      url('../fonts/gotham/GothamSSm-BlackItalic.svg#GothamSSm-BlackItalic') format('svg');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/GothamSSm-BoldItalic.eot');
  src: url('../fonts/gotham/GothamSSm-BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gotham/GothamSSm-BoldItalic.woff2') format('woff2'),
      url('../fonts/gotham/GothamSSm-BoldItalic.woff') format('woff'),
      url('../fonts/gotham/GothamSSm-BoldItalic.ttf') format('truetype'),
      url('../fonts/gotham/GothamSSm-BoldItalic.svg#GothamSSm-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/GothamSSm-BookItalic.eot');
  src: url('../fonts/gotham/GothamSSm-BookItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gotham/GothamSSm-BookItalic.woff2') format('woff2'),
      url('../fonts/gotham/GothamSSm-BookItalic.woff') format('woff'),
      url('../fonts/gotham/GothamSSm-BookItalic.ttf') format('truetype'),
      url('../fonts/gotham/GothamSSm-BookItalic.svg#GothamSSm-BookItalic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: 'Gotham SSm';
  src: url('../fonts/gotham/GothamSSm-ExtraLightItalic.eot');
  src: url('../fonts/gotham/GothamSSm-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gotham/GothamSSm-ExtraLightItalic.woff2') format('woff2'),
      url('../fonts/gotham/GothamSSm-ExtraLightItalic.woff') format('woff'),
      url('../fonts/gotham/GothamSSm-ExtraLightItalic.ttf') format('truetype'),
      url('../fonts/gotham/GothamSSm-ExtraLightItalic.svg#GothamSSm-ExtraLightItalic') format('svg');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/GothamSSm-MediumItalic.eot');
  src: url('../fonts/gotham/GothamSSm-MediumItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gotham/GothamSSm-MediumItalic.woff2') format('woff2'),
      url('../fonts/gotham/GothamSSm-MediumItalic.woff') format('woff'),
      url('../fonts/gotham/GothamSSm-MediumItalic.ttf') format('truetype'),
      url('../fonts/gotham/GothamSSm-MediumItalic.svg#GothamSSm-MediumItalic') format('svg');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/GothamSSm-LightItalic.eot');
  src: url('../fonts/gotham/GothamSSm-LightItalic.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gotham/GothamSSm-LightItalic.woff2') format('woff2'),
      url('../fonts/gotham/GothamSSm-LightItalic.woff') format('woff'),
      url('../fonts/gotham/GothamSSm-LightItalic.ttf') format('truetype'),
      url('../fonts/gotham/GothamSSm-LightItalic.svg#GothamSSm-LightItalic') format('svg');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/GothamSSm-Light.eot');
  src: url('../fonts/gotham/GothamSSm-Light.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gotham/GothamSSm-Light.woff2') format('woff2'),
      url('../fonts/gotham/GothamSSm-Light.woff') format('woff'),
      url('../fonts/gotham/GothamSSm-Light.ttf') format('truetype'),
      url('../fonts/gotham/GothamSSm-Light.svg#GothamSSm-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/GothamSSm-ExtraLight.eot');
  src: url('../fonts/gotham/GothamSSm-ExtraLight.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gotham/GothamSSm-ExtraLight.woff2') format('woff2'),
      url('../fonts/gotham/GothamSSm-ExtraLight.woff') format('woff'),
      url('../fonts/gotham/GothamSSm-ExtraLight.ttf') format('truetype'),
      url('../fonts/gotham/GothamSSm-ExtraLight.svg#GothamSSm-ExtraLight') format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('../fonts/gotham/GothamSSm-Medium.eot');
  src: url('../fonts/gotham/GothamSSm-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/gotham/GothamSSm-Medium.woff2') format('woff2'),
      url('../fonts/gotham/GothamSSm-Medium.woff') format('woff'),
      url('../fonts/gotham/GothamSSm-Medium.ttf') format('truetype'),
      url('../fonts/gotham/GothamSSm-Medium.svg#GothamSSm-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}



body {
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  background-color:#43504D;
}

h2 {
  border: none;
  font-family: 'brown-regular';
  font-size: 26px;
  letter-spacing: 5px;
  text-transform: uppercase;
}

h3 {
  border-bottom: 0px ;
  color: #FFFFFF; 
  font-family: 'brown-regular'; 
  font-weight: normal;
  text-transform: uppercase;
  font-size: 22px; 
  letter-spacing: 4px;
}

h4 {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1.5px;
  color: #FFFFFF;
  font-family: 'brown-regular';
  text-transform: uppercase;
}

p {
  font-family: 'tiempos-text';
  font-size: 15px;
  line-height: 26px;
}

label {
  color: #4D5941;
}

strong{
  font-weight: 500;
}

.w-container.body {
  position: relative;
  z-index: 10;
}

.w-col {
  z-index: 10;
}

.w-form-done {
  background-color: transparent;
}

.w-form-fail {
  background-color: transparent;
}

/* Header and hero */

.header {
  width:100%;
  background-color: #7E392C;
  display: block;
  left: 0;
  padding-top: 14px;
  position: relative;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 800;
}

.hero {
  position: relative;
  z-index: 10;
}

.headeraddress, .headeremail {
  color: #fff;
  font-family: 'Gotham';
  text-transform: uppercase;
  font-size: 9px;
  line-height: 16px;
}

.headeraddress a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

.headeraddress a:hover {
  text-decoration: underline;
}

.headercontactarea {
  font-size: 12px;
  position: absolute;
  text-align: left;
  line-height: 20px;
  letter-spacing: 1.5px;
  /* top: 15px; */
}

.logo-container a {
  display: inline-block;
  text-decoration: none;
}

.socials-container {
  top: 25px;
  position: relative;
}


.nav-item {
  /* background-color: #43504D; */
  font-family: 'Gotham';
  font-size: 9px; 
  letter-spacing: 1.25px; 
  line-height: 11px;
  color: #fff; 
  text-transform: uppercase; 
  margin-right: 10px;
  opacity: 1;
  text-decoration: none;
  transition: opacity 0.3s; 
}

.nav-item:hover  {
  opacity: 0.5;
}

.nav-item.nav-last {
  background-color: #DFB8A7;
  padding: 10px 20px;
  border-radius: 2px;
  color: #7E392C;
  transition: all ease .3s;
}

.nav-item.nav-last:hover {
  opacity: 1;
  background: #EBCABB;
}

.nav2 {
  /*height: 50px;*/
  border-top: 1px solid rgba(255,255,255,.09);
  padding-top: 15px;
  width: 100%;
  z-index:999999!important;
}

.mobile-menu-trigger {
  display:none; 
  position:absolute; 
  right:0; 
  margin-right:20px; 
  top:20px; 
  z-index:9999; 
  cursor:pointer;
  width: 25px;
  height: 16px;
}

.mobile-menu-trigger .line {
  width: 25px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  transition: all ease 300ms;
  -moz-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -o-transition: all ease 300ms;
  transform-origin: center;
}

.mobile-menu-trigger .line--2 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1;
}

.mobile-menu-trigger .line--3 {
  top: 100%;
  transform: translate(-50%,0);
}

.mobile-menu-trigger.menuactive .line {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.mobile-menu-trigger.menuactive .line--2 {
  opacity: 0;
}

.mobile-menu-trigger.menuactive .line--3 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}


.selctions {
  background-color: #43504D;
  color: #fff;
  padding: 10px;
  text-align:center;
  height: auto;
  position: relative;
  z-index: 10;
} 

#owl-demo .item {
  position: relative;
}

#owl-demo #homeherotext {
  height: 300px;
  background-color: rgba(0,0,0,0.3);
  position: relative;
}

.home .caption {
  color: #fff; 
  font-family: "Gotham"; 
  font-size: 28px;  
  letter-spacing: 3px;  
  line-height: 32px;
  text-transform: uppercase;
  text-align:center;
  display:block;
  padding-top: 70px;
}

.home .caption.mobile {
  position: absolute;
  bottom: 10%;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  padding-top: 0px;
  color: #FFFFFF; 
  font-family: "Gotham";  
  font-size: 20px!important;  
  font-weight: bold; 
   letter-spacing: 5.45px; 
   line-height: 24px;  
   text-align: center;
   text-transform: uppercase;
  font-style: normal;
  display: none;
}

.home .pdslide .item-overlay {
  background-color: rgba(0,0,0,0.3);
  height: 100%;
  position: absolute;
  width: 100%;
  transition: background-color ease .3s;
}

.home .pdslide .vertical-line {
  background-color: #FFFFFF;
  bottom: 0;
  height: 130px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 2px;
}

.home .flex-caption {
  width:100%;
  position: relative;
  top:50%;
  transform: translateY(-50%);
  text-align:center;
}

.home .flexslider h2 {
  color: #FFFFFF!important; 
  font-family: "Gotham";  
  font-size: 22px;  
  font-weight: bold;  
  letter-spacing: 6px;  
  line-height: 26px;  
  text-align: center;
  text-transform: uppercase;
}

.page-template-page-gallery-php .leaf-background {
  display: none;
}

.at p {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 10px;
}

iframe.map {
  height: 350px;
  width: 100%;
}

.findus-content iframe {
  margin-bottom: 45px;
}

/*.page-template-page-gallery-php {
  overflow: hidden;
}*/

.owl-navigation.gallery-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 100;
}

.owl-navigation.gallery-nav .prev {
  background-color: #9EABAA;
  opacity: 1;
  color: #3C4543;
  height: 50px;
  float: left;
  font-size: 25px;
  margin-left: 20px;
  padding: 14px 16px;
  transition: 0.3s;
  text-decoration: none;
  width: 50px;
}

.owl-navigation.gallery-nav .next {
  background-color:  #9EABAA;
  opacity: 1;
  color: #3C4543;
  height: 50px;
  float: right;
  font-size: 25px;
  margin-right: 20px;
  padding: 14px 16px;
  transition: 0.3s;
  text-decoration: none;
  width: 50px;
}

.owl-navigation.gallery-nav .next:hover {
  opacity: .7;
}

.owl-navigation.gallery-nav .prev:hover {
  opacity: .7;
}

#owl-carousel-gallery {
  position: absolute;
  height: calc(100vh - 155px);
  z-index: 10;
  margin-top: 0px;
}

#owl-carousel-gallery .owl-item {
  height: calc(100vh - 155px);
}

#owl-carousel-gallery .owl-item div {
  height: calc(100vh - 155px);
  background-size: cover;
  background-position: center;
}

#owl-carousel-background {
  position: relative;
  left: 0;
  top: 0px;
  width: 100%;
  height: 500px;
  overflow: hidden;
}

#owl-carousel-background .owl-item {
  height: 500px;
}

#owl-carousel-background .owl-item div {
  height: 500px;
  background-size: cover;
  background-position: center;
}

.hero {
  /*margin-top: 161px;*/
  height: 450px;
}

.booking-section {
  background-color: transparent;
  padding-top: 10px;
  position: relative;
  z-index: 10;
}

.booking-section .w-select, .booking-section .w-input {
  color: #6E7F5F; 
  font-family: "Gotham";  
  font-size: 11px;  
  font-weight: bold;  
  letter-spacing: 2.02px; 
  line-height: 13px;
  background-color: transparent;
  -webkit-appearance:none;  
  -moz-appearance:none;  
  appearance:none; 
  
  border: 1px solid #6E7F5F;
  border-radius: 2px;

  opacity:0.5;
  
  padding: 14px 0 14px 20px;
  height: 47px;
}

.booking-container {
  max-width: 960px;
}

.booking-container .select-field:after {
  background: url(../images/20stories/down-arrow.png);
  content: '';
  position: absolute;
  top: 20px;
  right: 20px;
  height: 10px;
  width: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

.reserve {
  width: 100%; 
  border: none; 
  height: 47px;
  background-color: #6E7F5F; 
  border-radius:2px;

  color: #43504D; 
  font-family: "Gotham";  
  font-size: 11px;  
  font-weight: bold;  
  letter-spacing: 2.02px; 
  line-height: 13px;  
  text-align: center;
  text-transform: uppercase;
  transition: 0.3s;
}    

.reserve:hover {
  opacity:0.5;
}

#content {
  background: #43504D;
  color: #fff;
}

#content, .at, .w-input, .w-select {
  font-family: 'zenon'; 
  font-size: 16px; 
  line-height: 32px;
  font-style: normal;
  color: #fff;
}

.w-input {
  color: #43504D;
}

#content p {
  color: #fff; 
  font-family: "Zenon"; 
  font-size: 16px;  
  letter-spacing: 0.5px;  
  line-height: 32px; 
  margin-bottom: 27px;
}
#content h2 {
  color: #fff; 
  font-family: "Gotham";  
  font-weight: 400;
  font-size: 26px;  
  line-height: 31px;  
  letter-spacing: 2px; 
  text-align: center;
}
@media only screen and (min-width: 992px) {
  #content h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
#content h3,
#content h4,
#content h5,
#content h6{
  color: #fff; 
  font-family: "Gotham";  
  font-size: 20px;  
  font-weight: 400;  
  letter-spacing: 2px; 
  line-height: 24px;  
  text-align: center;
}


p a, a.whatson-panel-link, li a {
  color: #fff; 
  opacity: 1;
  text-decoration: underline;
  transition: 0.3s;
}

p a:hover, .whatson-panel-link:hover, li a:hover {
  opacity: 0.5;
}

.entry-content {
  position: relative;
  z-index: 10;
}

/* Buttons */

.kl-button {
  display: inline-block;
  position: relative;
  min-width: 290px;

  padding: 15px 110px 15px 25px;
  margin-bottom: 20px;
  background: #7E392C;
  color: #fff;
  border-radius: 2px;
  border: none;

  font-family: 'Gotham';
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
  opacity: 1;
  transition: all ease 300ms;
  -o-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
}

.kl-button--margins {
  margin-left: 10px;
  margin-right: 10px;
}

.kl-button .line {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 42px;
  height: 1px;
  width: 34px;
  background: #fff;
  transition: all ease 300ms;
  -o-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
}

.kl-button .kl-diamond {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  background-image: url('../images/klosterhaus/klosterhaus-diamond.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.kl-button:hover {
  opacity: .8;
}

.kl-button:hover .line {
  width: 24px;
}

.kl-secondary-button {
  background-color: transparent;
  border: 1px solid white;
  display: block;
  padding: 8px 25px 8px 25px;
  margin-bottom: 20px;
  color: #fff;
  border-radius: 2px;

  font-family: 'Gotham';
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}

.page-template-page-privatedining-inner .kl-secondary-button {
  margin-top: 30px;
  margin-bottom: 60px;
}

@media only screen and (min-width: 768px) {
  .page-template-page-privatedining-inner .kl-secondary-button {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.button {
  border-radius: 3px;
  text-decoration:none;
}

.button.whatsbutton {
  font-weight: 400; 
  font-family: 'Gotham'; 
  padding-bottom:10px;
  padding-top: 14px;
  margin-top: 10px;
}

.w-button, 
.button.whatsbutton {
  display: inline-block;
  position: relative;
  min-width: 290px;
  padding: 15px 110px 15px 25px;
  color: #fff;
  overflow: hidden;
  
  border: 1px solid #7E392C;
  background-color:#7E392C;
  border-radius: 2px;
  font-family: 'Gotham';
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
  opacity: 1;
  transition: all ease 300ms;
  -o-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
}

.button.whatsbutton:after {
  content: '';
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/klosterhaus/button-pattern--white.svg);
  background-repeat: no-repeat;
  background-size: 52px;
  background-position: right;
  height: 14px;
  width: 52px;
  transition: all ease 300ms;
  -o-transition: all ease 300ms;
  -webkit-transition: all ease 300ms;
  -moz-transition: all ease 300ms;
}

.w-button:hover, .button.whatsbutton:hover {
  opacity: 1;
  text-decoration: none;
  background-color: #DFB8A7;
  color: #7E392C;
  border-color: #DFB8A7;
}

.button.whatsbutton:hover:after{
  width: 40px;
}

.entry-content .whatsbutton,
.w-col-6 .whatsbutton {
  display: block !important;
}

#book-a-table.whatsbutton {
  margin-top: 25px !important;
  display: inline-block !important;
}
.home-feature-button-link{
  text-decoration:none;
}

.button.eventsclick {
  color: #3C4543;  
  opacity: 1;
  font-family: "Gotham";  
  font-size: 15px;  
  font-weight: 400;  
  letter-spacing: 3px;  
  line-height: 24px;  
  text-align: left;
  min-width: 90%;
  width: 90%; 
  margin-left:5%; 
  margin-bottom:10px; 
  background: #9EABAA; 
  text-transform: uppercase; 
  border:0px;
  position:absolute;
  padding:16px 80px 16px 16px;
}

.button.eventsclick:after {
  content: '';
  position: absolute;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/klosterhaus/button-pattern.svg);
  background-repeat: no-repeat;
  background-size: 52px;
  background-position: right;
  height: 14px;
  width: 52px;
}

.button.eventsclick:hover {
  background-color: #9EABAA;
  color: #3C4543 !important;
  opacity: .95 !important;
}

.findus-content, .findus-content h3, .findus-content h4{
  text-align:center !important;
}
.findus-content .w-col {
  padding-left: 30px;
  padding-right: 30px;
}


.booking-container{
  text-align: center;
  width: 100%;
  max-width: 100%;
  padding-top: 0px;
}
.booking-container .button {
  width: auto;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

/* Homepanels */

.x-panel--center .x-panel__body,
.x-panel--right .x-panel__body,
.x-panel--left .x-panel__body {
  /*background-color: #8C8C91;*/
  /*padding: 110px;*/
}

.x-panel h2 {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 5px;
  font-weight: normal;
  color: white;
}

.panelback {
  background: #43504D;
}

.homepanel {
  background-color: #9EABAA;
  position: relative;
  z-index: 10;
}
#content .homepanel .x-panel {
  background-image: none !important;
  position: relative;
}

#content .homepanel .x-panel__body{
  text-align:center;
}
#content .homepanel h2,
#content .homepanel p{
  color:#fff;
  text-align:center;
}
/* #content .homepanel .w-button, 
#content .homepanel .button.whatsbutton{
  border-color:#43504D;
  background-color:#43504D;
}
#content .homepanel .w-button:hover, 
#content .homepanel .button.whatsbutton:hover{
  background-color:#6E7F5F;
}
.homepanel:nth-of-type(even) {
  background-color:#43504D;
  padding-right: 30px;
  padding-left: 0px;
}
#content .homepanel:nth-of-type(even) h2,
#content .homepanel:nth-of-type(even) p{
  color:#6E7F5F;
}
#content .homepanel:nth-of-type(even) .w-button, 
#content .homepanel:nth-of-type(even) .button.whatsbutton{
  border-color:#6E7F5F;
  background-color:#6E7F5F;
  color:#43504D;
}
#content .homepanel:nth-of-type(even) .w-button:hover, 
#content .homepanel:nth-of-type(even) .button.whatsbutton:hover{
  color:#6E7F5F;
   background-color:#43504D;
} */

/*.homepanel:last-of-type .x-panel--left .x-panel__body {
  background-color: #F8B594;
}*/

.homepanel .x-panel__part__background {
  background-position: center;
  background-size: cover;
  float: left;
  height: 350px;
  width: 50%;
}

.x-panel.x-panel--left.panel-left .x-panel__part__background {
  float: right;
}

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

}

.calendar-section {
  background: #43504D;
  padding-top: 30px;
  padding-bottom: 30px;
}

.home .x-footer {
  padding-top: 40px;
  background-color:#3C4543;
  color: #fff;
}

.home .leaf-background {
  display: none;
}

.calendar-section .w-container {
  max-width: none;
}

.calendar-section #sequence {
  max-width: none;
}

#sequence > .sequence-canvas > li {
  top: 0;
}

#sequence .actualtitle {
  color: #FFFFFF; 
  font-family: 'brown-regular'; 
  font-size: 22px;
  line-height: 32px;  
  letter-spacing: 5px; 
  font-weight: normal;
  text-transform: uppercase;
}

#sequence .slidetext p {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 32px; 
}


.underhero {
  background-color: #43504D;
  height: auto; 
 /* margin-top:-110px; */
  border-bottom: medium none;
  position: relative;
  z-index: 10;
}

.underhero h1 {
  color: #fff; 
  font-family: "Gotham"; 
  font-size: 28px;  
  line-height: 34px;  
  text-transform: uppercase;
  font-weight:400;
  letter-spacing: 5px;  
  text-align: center;
  padding: 34px 20px 20px; 
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .underhero h1 {
    padding-top: 80px;
  }
}

.underhero .horizontal-line {
  height: 2px;
  max-width: 960px;
  background-color: #FFFFFF;
  margin: 0px auto 0;
}

.underhero .vertical-line {
  height: 40px;
  margin: 10px auto 0;
  width: 2px;
  background-color: #FFFFFF;
}

.selctions .horizontal-line {
  height: 2px;
  max-width: 960px;
  background-color: #FFFFFF;
  margin: 0px auto 0;
}

.selctions .vertical-line {
  height: 40px;
  margin: 10px auto 0;
  width: 2px;
  background-color: #FFFFFF;
}

.home .flexslider {
  background-color: #43504D;
  border: none;
  margin-bottom:0px;
  box-shadow:none;
  border-radius:0;
  margin-top: 0;
  padding: 15px 25px 20px;
  height: auto;
}

.home .booking-section {
  /*background-image: url(../images/20stories/leaf-artwork.png);
  background-attachment: fixed;*/
  background-color: #43504D;
  /*background-repeat: no-repeat;
  background-position: bottom;*/
  padding-bottom: 40px;
}

.home .selctions {
  /*background-image: url(../images/20stories/leaf-artwork.png);
  background-attachment: fixed;*/
  /* background-color: #43504D; */
 /* background-repeat: no-repeat;
  background-position: bottom;*/
}

.whatson-top-buttons {
  /* padding-bottom: 30px; */
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.whatson-top-buttons .intro-text {
  padding: 0px 10px;
  position: relative;
  z-index: 10;
  text-align:center;
}

.content-section {
  background-color: #43504D;
  margin-bottom: 0;
  position: relative;
}

.content-section:after {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 0;
  width: 100%;
  height: 350px;
  background-image: url('../images/klosterhaus/diamond-pattern-bg.svg');
  background-repeat: repeat-x;
  background-size: auto 500px;
  background-position: left bottom;
}

@media only screen and (min-width: 768px) {
  .content-section:after {
    bottom: -96px;
    height: 450px;
    background-size: contain;
  }
}

.content-section .content-section {
  background-color: transparent;
}

.content-section .content-section:after {
  display: none;
}

.owl-theme .owl-controls{
  margin-top:24px;
}

.owl-theme .owl-controls .owl-page span {
  background-color: #DFB8A7;
  width: 8px;
  height: 8px;
}

.page-template-page-privatedining-php h3, 
.page-template-page-whats-on-php h3 {
  color: #4D5941; 
  font-family: "Gotham";  
  font-size: 25px;  
  font-weight: bold;  
  letter-spacing: 6.66px; 
  line-height: 32px;  
  text-align: center;
  border: none;
}

/* Newsletter Form */
.book h3 {
  text-align: left !important;
}

#newsletterform label,
#newsletterform label a {
  color: #fff;
  font-family: 'zenon';
  font-size: 16px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: .5;
}

#newsletterform input[type='checkbox'] + strong {
  font-weight: 400 !important;
}
#newsletterform input[type='checkbox'] + strong,
#newsletterform input[type='checkbox'] + label {
  padding-left: 15px;
}

#newsletterform input#gdpr2 {
  position: relative;
  top: 5px;
}

#newsletterform #submittrigger {
  padding-right: 25px !important;
  min-width: 150px;
  text-align: center;
}

/* Footer Section */

.leaf-background {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  pointer-events: none;
}

.x-footer {
  background-color: #3C4543;
  font-family: 'Gotham';
  line-height: 20px !important;
  text-align: center;
  color: white;
  overflow: hidden;
  padding-top: 35px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.x-signup-button {
  background-color: #7E392C; 
  color: #fff;
  font-family: "Gotham";
  font-size: 11px;  
  letter-spacing: 1.5px; 
  text-transform: uppercase; 
  line-height: 13px; 
  text-align: center;
  padding: 15px;
  position: relative;
  overflow: hidden;
  border: 1px solid #7E392C;  
  border-radius: 2px;
  margin-right: 35px !important;
}

.social-widgets {
  margin-right: -40px;
}

.social-widget {
  display: inline-block;
  margin-bottom: 40px;
  margin-right: 40px;
}

.social-widget__iframe-wrapper {
  overflow: hidden;
  border: 8px solid #E7E7E7;
  margin-bottom: 20px;
}

.social-widget__iframe-wrapper iframe {
  background: white;
  max-width: 100%;
  width: 100%;
  height: 300px;
  display: block;
}
.social-widget__iframe-wrapper--facebook iframe {
  margin: -70px 0px 0px;
}
.social-widget__iframe-wrapper--twitter iframe {
  height: 298px;
  margin-bottom: -4px;
}

.social-widget__button {
  width: 100%;
}

.page-template-page-AT-php .owl-item .flex-caption,
#owl-private-events-slider .owl-item .flex-caption {
  position:absolute; 
  bottom:0; 
  width:100%; 
  background: 
  linear-gradient(transparent, #000); 
  padding-bottom:20px; 
  padding-top:50px;
  padding-left: 24px;
}

.flexslider {
  background: none;
  border: none;
  margin-bottom:0px;
  box-shadow:none;
  border-radius:0;
  margin-top:20px;
  position: relative;
  z-index: 10;
}

.flexslider .slides img {
  max-height: 400px;
}

.flex-viewport {
  border:1px solid #BCBBC0; 
  height:402px;
}

/*.flex-caption {
  background: none repeat scroll 0 0 #fff;
  opacity:0.9;
  bottom: 20px;
  color:#BCBBC0;
  font-size: 18px;
  font-weight: 300;
  margin-top: -105px;
  padding: 20px;
  position: relative;
  width: 95%;
  margin-left:2.5%;
  border:1px solid #BCBBC0;
  text-align:center;
}*/

.flex-prev,.flex-next {
  background-color: rgba(0, 0, 0, 0.2);
}

.flex-direction-nav .flex-next, .flex-direction-nav .flex-prev {
  font-family: Lato,sans-serif;
  border-radius: 20px;
  display: inline;
  font-size: 18px;
  height: 40px;
  line-height: 31px;
  width: 40px;
  border: 3px solid #FFFFFF;
  color:#fff;
  text-align: center;
  padding-top:2px;  
  background:#3D3E38;
  text-shadow:none;
}
  
.flex-direction-nav a {
  text-decoration:none;
}

.flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before {  
  content: none; 
}

.flex-direction-nav .flex-next { 
  right: 0 !important; 
  margin-right: 20px;    
  opacity: 1 !important; 
  padding-left:5px;
}

.flex-direction-nav .flex-prev { 
  left: 0 !important; 
  opacity: 1 !important;    
  margin-left: 20px;
}
  
.flex-control-nav {
  position:relative; 
  bottom:-20px;
}
  
.flex-control-paging li a.flex-active {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);    
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8) inset;    
  cursor: default;
}

.flex-control-paging li a {
  box-shadow:0 0 5px rgba(0, 0, 0, 0.4) inset; 
  height:25px; 
  width:25px; 
  background:none;
}

.flex-control-paging li a:hover {
  background: rgba(0, 0, 0, 0.3);
}

.error {
  color: #fff;
  display: block;
  font-size: 11px;
  margin-top: -9px;
  margin-bottom: 10px;
}

.termsArea a {
  color:#fff !important;
  text-decoration: underline;
}

/* Menus Page */

.menu-title .page-intro {
  text-align: center;
  max-width: 70%;
  margin: 0px auto;
}

.menu-title p {
  font-size: 18px;
  line-height: 32px;
}

.menu-title h2 {
  color: #FFFFFF;
  margin-top: 40px; 
}

.menu-list-side{
  background: #9EABAA;
  margin-bottom: 135px;
  padding-bottom:45px;
  position: relative;
}

.menu-list-side h4, .menu-list-side .menu-holder {
  position: relative;
}

.menu-list-side::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 515px;
  height: 100%;
  background-image: url('../images/klosterhaus/diamond-pattern-right.svg');
  background-size: contain;
  background-repeat: repeat-y;
  background-position: right top;
}

.menu-list-side h4 {
  color: #fff; 
  font-family: "Gotham";  
  font-size: 20px;  
  line-height: 24px;  
  font-weight: 400;  
  letter-spacing: 1.5px;  
  text-align: center;
  margin: 45px 0 20px 0px;
}

.menu-list-side .vertical-line {
  height: 30px;
  background-color: #FFFFFF;
  width: 2px;
  margin: 10px auto;
}

.menus {
  background-color: transparent;
  margin-bottom:5px;
 color: #fff;  
 font-family: "Zenon"; 
 font-size: 18px;  
 text-decoration: underline;
 letter-spacing: 1.07px; 
 line-height: 32px;  
 text-align: center;
}

@media only screen and (max-width: 767px) {
  .menus {
    display: inline-block;
    padding-bottom: 0;
  }
}

.menus:hover {
  opacity: 0.5;
}


.menu-holder {
  text-align: center;
}

.datetag {
  color: #3C4543!important;
  font-family: "Zenon";
}

.addthis-iconfont .addthis_toolbox a {
  color: #6E7F5F;
}

.addthis-iconfont .addthis_toolbox a:hover {
  color: #000;
}

.atOFF p {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 10px;
}

article {
  position: relative;
  z-index: 10;
}

.map {
  position: relative;
  z-index: 10;
}

.logo-container .vertical-line {
  background-color: #FFFFFF;
  height: 50px;
  margin: 0px auto;
  width: 2px;
}

.book .content-col {
  padding-right: 50px;
}

.pagination-wrapper {
  margin: 20px 0px;
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pagination-wrapper .previous-page {
  display: inline-block;
}

.pagination-wrapper .next-page {
  display: inline-block;
  float: right;
}

.page-template-page-whats-on-new .artimicle {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.page-template-page-whats-on-new .underhero h1 {
  padding-bottom: 0;
}

.whatson-top-buttons .intro-text {
  margin-bottom: 30px;
}

.whatson-top-buttons .kl-secondary-button {
  font-size: 11px;
  line-height: 23px;
}

.centered {
  padding-bottom: 0px;
}

.addthis-iconfont .addthis_toolbox.addthis_32x32_style {
  padding-left: 10px;
}



/* Styles from the header before call to bluebird.css */


      /*events calendar*/     
      #content #calendar h2{
        padding-bottom:30px;
      }
      #calendar caption{display:none;}
      #calendar .calendar {width:100%; margin-top:17px;}
      #calendar .calendar td{height:133px; width:14.285%; border:1px solid #EFDECE;}
      #calendar .day{background:rgba(0, 0, 0, 0.4); font-size:36px; color:rgba(255,255,255,0.4); text-align:center; font-family: Lato, sans-serif;}
      #calendar .today-date{background:#434343; color:rgba(0, 0, 0, 0.2);}
      #calendar .before-today{color:rgba(255,255,255,0.4);}
      
      #calendar .matchedevent{color:#fff; cursor:pointer;background-color:#8C8C91;} 

      
      .day-inner{display:block; width:100%; padding-top:55px; height:133px;}
      .day-inner:after {
    content: '\A';
    white-space: pre;
}
      .today-subtext{display:none; font-size:14px; position:absolute; font-family:'brown-regular',sans-serif; margin-top:-40px; width:133px;}
            
  
      #calendar{display:block; height:auto; width:100%; background-size:cover; background-position:50% 50%;position: relative; z-index: 10;}
      #calendar .day, .today-subtext{font-family:"Gotham";}
      #calendar .matchedevent.hover{background:#EFDECE;}
      #calendar  td{background:#8C8C91;}
      .calendar{background:url(../images/20stories/calendar-background-2.jpg);background-size: cover; }
      .musiccalendar .calendar{background:url(../images/20stories/music_calendar.jpg);background-size: cover;
        background-position: center; }


 .page-template-page-gallery-php .x-footer {
      display: none;
    }
    @media only screen and (max-width: 799px) {
      .entry-content p, .entry-content h4 {
        padding:0 10px;
      }
      #content .homepanel .x-panel__body{
        padding:25px 25px 38px;
      }
      .home .caption{
        padding:15px 0px;
      }
    }

    @media only screen and (max-width: 400px) {
      .hide-on-mobile {
        display: none !important;
      }
    }

    @media only screen and (min-width: 768px) {
      .hide-desktop {
        display: none !important;
      }
    }
  
      
    html {
      -webkit-font-smoothing: antialiased;
    }

    #main,
    .footer {
      font-size: 12px;
       line-height: 20px;
    }

    h1 {
      font-weight: normal;
    }

    .social-buttons {
      width: 105px;
    }

    p {
      color: #444;
      margin-bottom: 20px;
    }
  


    .mbBgndGallery img {  max-width: none; text-align:center}
    
.footer{margin-top:0;}
.calendar-section{margin-bottom:0;}
    



h2{margin-bottom:10px;}






.info {
    border-bottom: 0 solid #736E6C;
    margin-bottom: 0;
    padding-top: 10px;
}





.headeremail{text-decoration:none;}
.headeremail:hover{text-decoration:underline}

.rightalign {
    text-align: right;
}

.button.social {
    background-color: none;
    border: 0;
    float: right;
    height: 27px;
    width: 27px;
    line-height: 25px;
    margin-left: 3px;
    padding: 0;
  transition: opacity 300ms ease 0s;

}

.button.social:hover img { opacity:0.5;}



/*.logo-container {
    margin-top: -10px;
}*/
    
.message{height:150px;}





    
    .footer.fixed{position:fixed; bottom:0; width:100%;}
    
    .footer-links-container {  padding-bottom: 10px;  padding-top: 15px;}
    .footer-newsoffers {  margin-left: 8px; vertical-align:top;}
    .footer-sra {  margin-left: 25px; vertical-align:20px;}
    
    .footerlink{line-height:30px; vertical-align:20px; padding-right:9px;}
    
    .footerbar{background:#fff;height: 1px;    width: 100%;}
    
    .group{margin-top:19px;}
    .group img{margin-left:75px;}
    
    .underfooterbar {  padding-bottom: 10px;  padding-top: 9px;}
    .floatleft {  float: left;}
    .floatright {  float: right;}
    .floatclear {  clear: both;}
    
    .footer-links, .footer-linksbottom, .footer-linksbottom a{font-family:  serif; color:#fff; font-size:13px; text-decoration:none;}
    .footer-links:hover,.footer-linksbottom a:hover{color:#768D7F;}
    .footer-linksbottom a:hover{text-decoration:underline;}

 /*set table to display horizontally centered content -- http://css-tricks.com/centering-in-the-unknown/*/
    .homepanel-table{ width:100%; height:400px;}
    .homepanel-table td{   text-align: center;   vertical-align: middle;}


/*homepage slider mbBgndGallery*/
#homeslider{height:0px;}

#thumbnails {
  background: #fff;
  padding: 4px;
  position: relative;
  height:43px;
  padding-top:10px;
  font-size:14px;
  text-align:center;
  text-transform:uppercase;
}

.actualselector{display:inline; cursor:pointer; transition: opacity 300ms ease 0s; margin-right:70px;}
/*.actualselector:last-child{margin-right:0px;}*/
.actualselector:hover{opacity:0.7;}
.actualselector.sel{color:#ccc;}

/* .home .booking-section{height:98px;} */

.actualselector-triangle{
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 11.5px 17px 11.5px;
  border-color: transparent transparent #fff transparent;
  position: absolute;
    top: -17px;
  margin:0 auto;
  transition: all 0.7s ease-out;
}



/*



homepage flexslider



*/


.home .flex-viewport{height:300px;}

.home .flexslider .slides img{max-height:324px; width:98%}

.home .pdslideLink {text-decoration:none;}
.home .pdslideLink:hover .item-overlay {
  background-color: rgba(0,0,0,0.5);
}


.home .flex-caption p{
  color: #FFFFFF !important; 
  font-family: 'zenon'; 
  font-size: 16px;
  line-height: 32px;
}

.home .flex-control-nav{display:none;}
.home .flex-prev, .home .flex-next{background-color: rgba(0, 0, 0, 0.2);}
.home .flex-direction-nav .flex-next, .home .flex-direction-nav .flex-prev{
    font-family: serif;
    display: inline;
    font-size: 18px;
    height: 100%;
    max-height:324px;
    line-height: 300px;
    width: 35px;
    color:#fff;
    text-align: center;
    padding: 4px 15px;
    background:#37575B;
    top:20px;
  }
.home .flex-direction-nav a{text-decoration:none;}
  
     .home .pdslide{border:2px solid #fff;}
  
  /*make navigation always show outside*/
  .home .flex-direction-nav a.flex-next:before, .flex-direction-nav a.flex-prev:before {  content: none;}
  .home .flex-direction-nav .flex-next { right: 0 !important; margin-right: 0;    opacity: 1 !important; }
  .home .flex-direction-nav .flex-prev { left: 0 !important; opacity: 1 !important;    margin-left: 0; }
  
  
  /*pager*/
  .home .flex-control-nav{position:relative; bottom:-10px;}

.full-section{height:400px; background:none; background-size:cover; margin-top:10px; background-position:center center;}
/*.homepanel a{text-decoration:none;}
.homepanel h2{margin:0;padding:0;border-bottom:0; border-bottom:2px dashed #069; display:inline;}
    .homepanel h2.background--light{color:#000;}
    .homepanel h2.background--dark{color:#fff;}
    .homepanel h2.background--complex{color:#666;}
.homepanel p{width:100%}*/

    

    .home #thumbnails{ font-family:  serif; }

/*homepage panels - one set of rules for each option selectable by cms*/
    



    /*full width image*/
    .homepanelcontentdiv{padding-top:7%; width:50%; /*was 25%*/}


    .homepanelcontentdiv.panel-left{margin-left:0; text-align:left; float:left;}
    .homepanelcontentdiv.panel-right{float:right;margin-right:0; text-align:right;}
    
    
    .homepanelcontentdiv.panel-right p{text-align:right;}
    

    
    /*50% image  */
    .homepanelimagediv.half-panel-left, .homepanelcontentdiv .half-panel-left{height:400px; width:50%;}
    .homepanelcontentdiv.half-panel-left{float:left; padding-top:4%; }
    .homepanelimagediv.half-panel-left{float:right;}
    .homepanelimagediv.half-panel-left:after{clear:both;}
    
    
    .homepanelimagediv.half-panel-right, .homepanelcontentdiv .half-panel-right{height:400px; width:50%; overflow:hidden;}
    .homepanelcontentdiv.half-panel-right{float:right; padding-top:4%; }
    .homepanelimagediv.half-panel-right{float:left;}
    .homepanelimagediv.half-panel-right:after{clear:both;}
    
    /*button || link*/
    
    .homepanelcontentdiv p.more{border-top:2px dashed #069;display:inline;}


    /*last panel*/
    .sequence-canvas .button{line-height:20px;}

  

       /*bottom slider (sequence)*/

    #sequence{background:none; height:445px;}
    .sequence-theme{background:none;}
    
    #sequence > .sequence-canvas{padding:0;}
    #sequence .sequenceNav {  position: absolute; width: 200px; font-size:15px; width:40%; bottom: 70px; left: 55%;}
    #sequence .sequence-counter{text-align:center; padding-top:6px;}
    #sequence .countvalue{display:inline;}
    #sequence .sequence-next, #sequence .sequence-prev{margin:0;padding:0;top:6px;}
    
    #sequence .subtitle{top:50%; width:40%; transform: translateY(-50%);}
    #sequence .animate-in .subtitle{left:55%;}
    #sequence .actualtitle{font-size:24px;}
    #sequence .slidetext{margin-top:20px; font-size:15px;}
    #sequence .readmore{font-size:15px;}
    #sequence .animate-out .subtitle {
      left: 0;
    }
    /*
    #sequence .model-link{position:relative; top:55%; left:50%;}
    #sequence .model{background-size:cover; width:460px; height:337px; bottom:0; left:0; }
    */
    #sequence .model{background-size:cover; width:50%; bottom:0; top:0; left:0%;max-width: none; height: 445px; max-height: none !important}
    #sequence .animate-in .model{}
    
/*gallery*/
    .mbBgndGallery{background:#fff; z-index:-1;}
    .gallery-bg2 {position: absolute;top: 50%;width: 100%;}
    .button.gallery{margin:0;border-radius:0;height:auto; width:auto;line-height:auto;font-size:12px;border:none;}
    .button.gallery.left.prev{background:#000;color: #FFFFFF; position:static;}
    .button.gallery.right.next{background:#000;color: #FFFFFF;    padding: 4px 15px;    text-align: center;    text-decoration: none; height:auto;}
    .byline.gallerybyline{position:absolute; bottom:210px; border:#fff;padding-left:10px;}
    .galleryselector{position:absolute; bottom:165px;width:100%}
    .gallery-button.active{background:#fff; color:#000;}
    .byline.gallerybyline .counter{background:none;display: inline;height: auto;text-align: left;}
    .caption{color:#fff;}
    
    
/* private dining & AT */
    .page-template-page-AT-php .flex-caption a,
    #owl-private-events-slider .flex-caption a {text-decoration:none;}
    .page-template-page-AT-php .flex-caption h2,
    #owl-private-events-slider .flex-caption h2 {border:none;}
    .at{color:#FFFFFF; max-width: 750px; margin: 0 auto;}
    
    
    
    .promo-block .eventtype{height:218px; border:1px solid #ccc;}
    
    .promotitlecircle{  font-size: 8px;  vertical-align: top;}
    
    .atpageslider a{text-decoration:none;}
    .atpageslider .flex-caption h2, #owl-private-events-slider .flex-caption h2 {font-size:28px; color:#fff; padding:0; margin:0;}
    .atpageslider .flex-caption p, #owl-private-events-slider .flex-caption p {font-size:14px; color:#fff;}
    .atpageslider .pdobject a, #owl-private-events-slider .pdobject a{text-decoration:none;}

    .page-template-page-privatedining-inner-php h3{ font-size:20px; text-transform:uppercase; border:none; margin: 20px 0 15px 3px;}
    
    .pdformblock{padding: 12px 20px 32px; background-color: #9EABAA;}
    .pdformblock h3, .pdformblock label {
      color: #3C4543 !important;
    }
    .pdformblock h3 {
      text-align: left !important;
      margin-bottom: 25px !important;
    }
    .pdformblock #formsubmittrigger {
      margin-top: 25px;
      padding-right: 25px !important;
      min-width: 100px !important;
    }  
        
    .events-footer { background: #DDDDDD;  margin-top:20px;  padding:30px ; margin-bottom:20px; height:auto;}
    .events-buttons-group .w-col-6 {
      width: 100% !important;
    }

    /*at slider*/

    .page-template-page-AT-php .owl-item .flex-caption h2,
    #owl-private-events-slider .owl-item .flex-caption h2, 
    .owl-item .flex-caption p{ 
      width:95%; 
      padding:0; 
      margin:0; 
      margin-left:2.5%;  
      color: #FFFFFF!important;  
      font-family: "Gotham"!important;  
      font-size: 20px!important ;
      font-weight: 400 !important;  
      letter-spacing: 5px!important;
      line-height: 32px!important;
      text-align:left!important;
    }
    .page-template-page-AT-php .owl-item .flex-caption p,
    #owl-private-events-slider .flex-caption p {color: #FFFFFF!important;  font-family: "Zenon"!important; font-weight:normal; font-size: 16px!important;  letter-spacing: .5px!important;  line-height: 32px!important;}
    .page-template-page-AT-php .owl-item a,
    #owl-private-events-slider .owl-item a {text-decoration:none;}
    

/* offers */
    .promo-block.offertas{height:340px; border:7px solid #ECECEC;}
    .tagsy { background: #ECECEC; color: #626262;  margin-left: 30%;  padding: 10px;  position: absolute;  text-align: center;  text-transform: uppercase;  top: 0;  width: 40%;}
    .offers-overlay{ position:absolute; border:1px solid #ccc; width:95%; margin-left:2.5%; background:#fff; bottom:0; margin-bottom:2.5%;}
    .offer-title{font-size:21px; font-family:'Playfair Display',serif; text-align:center; padding:0; padding:5px; border-bottom:1px dotted #ccc; padding-bottom:5px; line-height:25px; margin:0;}
    .offer-excerpt{font-size:14px; 'Playfair Display',serif; text-align:center; font-weight:normal; padding:0;margin:0; padding:5px; line-height:18px; width:95%; margin-left:2.5%; color:#3B3D37;}
    
/*find us*/
    .page-template-page-findus-php h3{margin-top:25px; margin-bottom:10px;}
    .page-template-page-findus-php h4{margin-top:15px; margin-bottom:0px;}
    
/*menus & wine*/
    .single-menu h2, .tax-menuTypes h2{margin-top:10px;}
    .single-menu h3, .tax-menuTypes h3{margin-bottom:20px;}
    
    /*
    .choices{margin-top:20px; border:2px solid #EBEBEB; margin-bottom:25px;}
    .choices h4{font-family: 'Lato', serif; color:#626262; font-size:16px; text-transform:uppercase; font-weight:normal;}
    .menu-area{display:inline-block; padding-top:5px; padding-bottom:5px; padding-left:15px; padding-right:15px; }
    
    .menu-inactive{border:none; background:none; display:inline-block; padding:0; margin:0; margin-right:30px;}
    .menu-inactive:hover h4{color:#006799;}
    .menu-active{border:none; background:#3B3D37; color:#fff; padding:0; margin:0; display:inline-block; margin-right:30px;}
    .menu-active h4{color:#fff;}
    */
/*menu areas*/
        .choices {  /*border-bottom: 2px solid #fff;*/  margin-bottom: -2px;  margin-top:30px;}
        .choicesbar{height:1px; background:#fff; width:100%; margin-top:83px;}
        .menu-inactive {  background: #333; border: 1px solid #333;  border-bottom:1px solid #fff;  display: inline-block;  margin: 0 3px 0 0;  padding: 0; text-decoration:none; }
        .menu-inactive  h4{color:#BABABA;}
        .menu-active {  background: none repeat scroll 0 0 #000;  border: 1px solid #fff; border-bottom:1px solid #000;  color: #FFFFFF;  display: inline-block;  margin: 0 3px 0 0;  padding: 0;  text-decoration:none;}
        .choices h4{padding:3px; padding-left:20px; padding-right:20px; font-size:14px; font-weight:normal; width:155px;}
        
        .menu-title h2{padding-left:0; margin-top:40px;}

        .menu-info h3{text-align:left; margin-top:50px;}
        .menu-info p{text-align:left; margin:0;}
        
        .choices-title{ float:left; text-align:left;  padding-left:0px !important;}
    
    
    .menu-separater{margin-top:20px; margin-bottom:5px; height:1px; width:100%; border-bottom:2px dotted #959698}

     .menu-pdf-link{float:right; color:#626262; font-size:14px;}

    a.menu-pdf-link {text-decoration:none;}
    a.menu-pdf-link:hover{text-decoration:none;color:#006799;}
    
    .print-options{border:none; margin-bottom:5px;}

    .menu-col{border:none;}
    
    #menudisplay img{border: 1px solid #dddddd; margin-bottom:10px;}
    
    .promo-block{background:none; background-repeat:no-repeat;}

    
    
  
    
    .page-template-page-whats-on .featuredEventSlide{ 
      background-size: cover;
      background-position:center center;
      width: 100%;
      height: 402px;

    }    
    .page-template-page-whats-on .owl-item .flex-caption{
      position:absolute; 
      bottom:0; 
      width:100%; 
      background: linear-gradient(transparent, #000); 
      padding-bottom:20px; 
      padding-top:50px;
      padding-left: 23px;
    }
    .page-template-page-whats-on .owl-item .flex-caption h2, 
    .owl-item .flex-caption p,
    #owl-private-events-slider .flex-caption h2{ 
      width:95%; 
      padding:0; 
      margin:0; 
      margin-left:2.5%;  
      color:#fff; 
    /*  text-shadow:1px 1px 2px #000000;*/
    }
    .page-template-page-whats-on .owl-item .flex-caption p{
      font-size:14px; 
      line-height:17px;
    }
    .page-template-page-whats-on .owl-item a {
      text-decoration:none;
    }


    .artimicle{
      background-color: #9EABAA;
      position: relative;
      display: flex;
      align-items: stretch;
    }
    .artimicle .image-half {
      padding-left: 0;
    }
    .artimicle .image-half > a,
    .artimicle .image-half > a > .promo-block {
      height: 100%;
    }
    .artimicle .image-half h4 {
      margin: 0;
    }
    .artimicle .text-half{
      padding:25px;
    }
    .artimicle .text-half h4,
    .artimicle .text-half p {
      color: #3C4543!important;
      font-family: "Zenon"!important;
      font-size: 16px!important;
      letter-spacing: 2px!important;
      font-weight: normal!important;
      line-height: 32px!important;
      text-align: left!important;
    }

    .artimicle .text-half .whatsbutton {
      min-width: 150px !important;
    }

    @media only screen and (max-width: 767px) {
      .artimicle {
        flex-direction: column;
        margin-bottom: 100px !important;
      }
      .artimicle:last-of-type {
        margin-bottom: 25px;
      }
      .artimicle .image-half {
        height: 420px;
        padding-right: 0 !important;
      }

      .artimicle .text-half .whatsbutton {
        margin-left: 0 !important;
      }
    }

    @media only screen and (max-width: 475px) {
      .artimicle .image-half {
        height: 280px;
      }
    }


    
    /*paid event*/
    #orderTotal{font-size:20px;}
    
    
    /*events*/
    .artimicle{margin-top:20px; margin-bottom:0; position:relative;z-index:10;}
    .promo-block.rightborder{border:none; margin:0; position: relative;}
    
    .event-content-area{width:30%; margin-left:2%;}
    .event-content-area .at{font-size:14px; line-height:24px;}
    
    .whatson-event-overlay, a.whatson-event-overlay{position:absolute; text-align:center; font-size:22px;}
        
    .whatson-panel-link{margin-top:20px;}

    .spacer.biigie{padding-top:0;}
    
    
    /*.article-content-area{width:40%; margin-left:2%;}*/
    
    .w-row.article-row{margin-top:20px;}
    .promo-block.article-promo{border:8px solid #EBECEC; height:213px; margin:0;}
    .promo-block.article-promo.article-1{height:238px;}
    .article-content-area h4{font-size:22px;}
    
    .post-type-archive-event .rightalign{font-size:14px;}
    
    
    
    /*booking bar*/
    
    .ui-datepicker-trigger{width:25px; height:25px; border:none; box-shadow:none; background:none; padding-top:5px; float:right; <?php if(is_mobile()){echo 'display:none;';}?>}
    .page-template-page-bookatable-php .ui-datepicker-trigger{height:auto; width:auto; padding-top:0;}
    .page-template-page-bookatable-php .datepicker{margin-left:0;}
    
    .ui-widget{font-size:12px;}
    .booking-section .w-select.reservation_date_day{width:90px; display:inline-block; margin-right:2px;  vertical-align:top;}
    .booking-section .w-select.reservation_date_month{width:170px; display:inline-block; margin-right:2px; vertical-align:top;}
    .booking-section .datepicker{ /*display:inline-block;*/ position:absolute; top:0;}

    
    .booking-section .w-select{margin-bottom:0;}
    
    
    .booking-section #reservation_display{display:inline-block; width:140px;}
    .datepicker{margin-left:105px; width:30px; margin-top:5px;}
    .booking-section .ui-datepicker-trigger{background:url('../images/20stories/calendar-icon.png');float:none; width:20px !important; padding:0; top:9px;font-size: 0; background-size: contain; background-repeat: no-repeat;}

   /* .booking-section #reservation_rid{width:300px;}*/
    /*menus*/
    .menus{padding-left:0;}
    
    .home .hero{background:none;}
    
    /*gallery*/
    .byline.gallerybyline{font-size:16px; bottom:0; text-shadow:1px 1px 2px #000000;}

/* End of styles from header */


@font-face {
  font-family: 'bluefin-icomoon';
  src: url('/wp-content/themes/brandstyle1/fonts/bluefin-icomoon.eot');
  src: url('/wp-content/themes/brandstyle1/fonts/bluefin-icomoon.eot?#iefix') format('embedded-opentype'),
  url('/wp-content/themes/brandstyle1/fonts/bluefin-icomoon.woff') format('woff'),
  url('/wp-content/themes/brandstyle1/fonts/bluefin-icomoon.ttf') format('truetype');
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'bluefin-icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sra2:before {
  color:#fff;
  content: "\e611";
  font-size: 45px;
  vertical-align: middle;
}

.icon-sra3:before {
  color:#fff;
  content: "\e610";
  font-size: 45px;
  vertical-align: middle;
}

.icon-rosette:before {
content: "\e600";
color:#ffffff;
font-size:26px;
position:relative;
top:-2px;
}

.icon-restaurants-twitter:before {
content: "";
color:#1875a2;
font-size:25px;
position:relative;
top:2px;
}

.icon-restaurants-twitter:hover:before {
color:#80b1c9;
}

.icon-restaurants-twitter-footer:before {
content: "";
color:#FFFFFF;
font-size:25px;
position:relative;
top:2px;
}

.icon-restaurants-twitter-footer:hover:before {
color:#80b1c9;
}

.icon-restaurants-facebook:before {
content: "";
color:#1875a2;
font-size:25px;
position:relative;
top:2px;
}

.icon-restaurants-facebook:hover:before {
color:#80b1c9;
}

.icon-restaurants-facebook-footer:before {
content: "";
color:#FFFFFF;
font-size:25px;
position:relative;
top:2px;
}

.icon-restaurants-facebook-footer:hover:before {
color:#80b1c9;
}

.icon-restaurants-instagram:before {
content: "";
color:#1875a2;
font-size:25px;
position:relative;
top:2px;
}

.icon-restaurants-instagram-footer:hover:before {
color:#80b1c9;
}

.icon-restaurants-instagram-footer:before {
content: "";
color:#fff;
font-size:25px;
position:relative;
top:2px;
}

.icon-restaurants-instagram:hover:before {
color:#80b1c9;
}





body{position:inherit !important;}


    h1{color:#006799; font-size:40px; font-family: 'Playfair Display', serif; font-weight: 700; border:none; text-transform:none;}
   


    .button:hover{background:#036594;}
    
    .content-container{padding-top:20px;}


    .logo-container {margin-bottom:20px;} 
    .logo-container img{max-width:240px;}

    @media only screen and (max-width: 799px) {
      .logo-container img{max-width:160px;}
    }

    .nav-last{margin-right:0px;}

    


    
    /*footer*/
    .footer{background:#036594}
    .footerbar{background:#1A77A4;}
    .group{margin-top:19px;}
    .footerlink, .footer-linksbottom, .footer-linksbottom a{font-family: 'Playfair Display', serif; color:#fff; font-size:11px;}
    .footerlink:hover,.footer-linksbottom a:hover{color:#DADBDC;}
    
        /*.home .booking-section{background:#fff;}*/
    
    .booking-section h6{color:#3C3E38;  font-family: 'Playfair Display', serif; font-weight:300; font-size:19px; padding-top:6px; text-transform:capitalize;}
    .white{border:2px dotted #3C3E38; margin-right:5px;}

    
    /*
    
    home
    
    */
    .home #main{margin-top:0px !important;}
    .home .logo{display:none;}
    
    



    .herotexticon{background:url('../images/bluebird/hero-text-icon.png'); width:18px;height:16px;margin-left:10px; margin-right:10px; display:inline-block;}
    .herotexticon-white{background:url('../images/bluebird/hero-text-icon-white.png'); width:18px;height:16px;margin-left:10px; margin-right:10px; display:inline-block;}
    

    
    /*at*/
    .atpageslider .flex-caption h2{font-family: 'Lato', serif; font-weight:bold;}


    
    
    /*home - video*/
    #thumbnails{display:none !important;}
    #homeslider{transition: all 300ms ease 0s;} /* this will make it slide open */


  .view360 h3 {
      color: #006799;
      font-size: 25px;
      font-family: 'Playfair Display', serif;
  }
  .iframe360 {
    margin-top:50px;
  }












    

    /*last panel*/
    .calendar-section{margin-top:0;}
    #sequence{font-family: inherit;}

    
    #sequence .sequenceNav{background: #036594; height:35px;}
    #sequence .model{border:1px solid #FFFFFF;}
    
    .sequence-next, .sequence-prev{color:#fff;}
    #sequence .sequence-counter{color:#fff;}
    
    #sequence .button.whatsbutton{font-weight:300 !important; font-size:13px;}
    #sequence .sequence-next, #sequence .sequence-prev{top:4px;}
    #sequence .sequence-counter{padding-top:3px;}
    
    /*private dining*/
    .events-footer.promo-box{background:url('../images/bluebird/home-panel-bg.jpg') #EAEAEB;}
    .events-footer.promo-box h4{font-size:20px;}
    
    /*menus*/

        /*menu areas*/
        .choices {  /*border-bottom: 2px solid #fff;*/  margin-bottom: -2px;  margin-left:30px; margin-top:30px;}
        .choicesbar{background:#006799;}
        .menu-active{background:none; border:1px solid #006799; border-bottom:1px solid #fff;}
        .menu-inactive{border-color:#e6e6e6 #e6e6e6 #006799; background:#e6e6e6}
        .choices-title{color:#2E302A;}
        .menu-inactive h4{color:#2E302A;}
    
    /* whats on*/
    .event-content-area h4{color:#3B3D37;}
    .whatson-event-overlay, a.whatson-event-overlay{font-family: 'brown-regular'; font-weight:700; color:#FFFFFF;}

	.today-subtext{line-height:16px;}
    
    /*buttons*/




/* IGNITE */
.whats-on

.whatson-panel-link {
    font-size: 15px;
}
.whatson-event-overlay {
    background: rgba(0,0,0,.6);
    height: 100%;
    width: 100%;
}

.whatson-event-overlay h4 {
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  position: absolute;
  max-width: 70%;
  font-size: 14px;
  color:#fff!important;
}

.promo-block.rightborder{
  height:280px;
}

/* Events buttons alternate style */


.right-arrow-x1 {
    display: none;
}



.footer {
    background:url('http://www.bluebird-restaurant.co.uk/wp-content/themes/brandstyle1/images/groupsite-brands/bluebird/bluebird-blue-pattern.png');
    background-repeat: repeat;
}

/***********************
***** Inbox - Simon ****
***********************/


@media only screen and (max-width: 799px) {
      .x-nav2 { background: #7E392C; border: none;}
      .x-nav2 .nav-item { margin-right: 0px;font-size: 12px;}
      .nav-item:hover{opacity: 1;}
      .header{height: 196px;}
      /*#owl-demo{padding-top:37px;}*/
      .logo-container{margin-top: -10px;}
      .logo-container .vertical-line{display: none;}
      .nav2 {padding-top:0px;}
      .mobile-menu-trigger{display: block;}
      #mobile-book-btn .button{border-radius: 0px;}
      .hero{height: 280px;}
      .homepanel .x-panel__part__background{height: 300px; width: 100%;}
      .page-template-page-privatedining-php h3, .page-template-page-whats-on-php h3{padding:10px;}
      .nav-item.nav-last{padding:15px;}
      .homepanel{padding-left: 0px !important; padding-right: 0px !important;}
}
  
@media only screen and (max-width: 700px) {
  .day-inner {
    padding-top: 40px;
    height: 100px;
  }

  #calendar .calendar td {
    height: 100px;
  }
}
#mobile-book-btn .button.whatsbutton {
  color: #7E392C;
  border-color: #DFB8A7;
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
  background-color: #DFB8A7;
  padding-top: 8px;
  padding-right: 25px !important;
  padding-bottom: 8px;
  font-weight: 600;
}

#mobile-book-btn .button.whatsbutton:after {
  display: none !important;
}

#mobile-book-btn .button.whatsbutton:hover {
  opacity: 1;
  background-color: #EBCABB !important;
  border-color: #EBCABB !important;
}

@media only screen and (max-width: 500px) {
  #calendar .day {
    font-size: 25px;
  }
  .day-inner {
    padding-top: 28px;
    height: 75px;
  }

  #calendar .calendar td {
    height: 75px;
  }

  a.button.whatsbutton {
    display: block !important;
    margin-right: auto;
    margin-left: auto;
    max-width: 280px;
  }

  

  .pagination-wrapper .next-page {
    float: none;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 400px) {
  #calendar .calendar td {
    height: 50px;
  }
  .day-inner {
    padding-top: 13px;
    height: 50px;
  }
  #calendar .day {
    font-size: 18px;
  }
}

/*Imgs borders consistent in all pages*/
.promo-block.article-promo,
.owl-wrapper-outer,
.entry-thumbnail,
.promo-block.eventtype,
.promo-block.rightborder { border: 8px solid #E7E7E7; }
.promo-block.eventtype{
  height:230px;
}

/*Home page - Book a table button*/


/*Some Typo*/


.pdformblock h3 {
    padding-left:10px;
}




/*Menu Page: to improve UX*/
@media only screen and (max-width: 991px) {
  /*To Avoid Text leaking out*/
  .underhero h1 { font-size: 24px !important; }

  .choicesbar { display: none; }
  .menu-active { border-bottom: 1px solid #006799; }
  .menu-inactive {border: 1px solid white; }
  .menu-active,
  .menu-inactive { margin-top: .5em; }

  .content-container { padding-top: 10px; }
  .content-container article { padding: .5em 15px; }
  
  .whatson-top-buttons .kl-secondary-button {
    font-size: 11px;
    /* margin-top: 30px; */
    margin-bottom: 10px;
  }
  .promo-block.eventtype{
    height:240px;
  }

  .choices {
    margin-top: 0;
    margin-left: 0;
  }
  .choices .choices-title {
    width: 100%;
    float: none;
    text-align: center;
  }
  .choices h4 { width: 167px; }

  .nav-item {
    font-size: 9px;
    margin-right: 8px;
  }
}




@media only screen and (max-width: 767px) {
  #bookform .w-col {
    padding: 0px;
  }
  .pdformblock {
    margin-top: 74px;
  }
  .centered {
    margin-top: 20px;
  }
  .pagination-wrapper {
    padding: 0px 10px;
    margin-bottom: 100px;
  }
  .button-holder {
    padding: 0px 10px;
  }
}

@media only screen and (max-width: 768px) {
  .choices .w-col-9 {
    float: none;
    text-align: center;
  }

  .book .content-col {
    padding-right: 0;
  }

  .menu-title .page-intro h2 {
    font-size: 24px;
    margin-top: 15px;
    text-align: center;
  }

  .menu-separater { margin-top: 0; }
  .menu-title .page-intro h2 { padding-bottom: 5px; }
  .x-menus { margin-top: 0; margin-left: 15px; margin-right: 15px; max-width: calc(100% -  30px);}
  .x-menus .menus { width: 90%; }
  .x-menus .promo-block { height: 10px !important; }

  a.menu-pdf-link {
    padding: .5em 0;
    display: inline-block;
  }
  
  #mobile-book-btn-bottom { background: url('../images/bluebird/pattern-bluebird.jpg');}
  #mobile-book-btn-bottom a.button {
    /*width: 76%;*/
    margin: auto;
    border-bottom: none;
  }

  .owl-carousel-background,
  #owl-carousel-background .owl-item,
  #owl-carousel-background .owl-item div {
    height:300px!important;
  }
}

@media only screen and (max-width: 599px) {
  .home .flexslider {
    padding: 6px;
  }
  .owl-at-homepage-home,
  .owl-at-homepage-home .owl-item {
    float: none !important;
    display: block !important;
  }
}

@media only screen and (max-width: 330px) {
    .x-menus .menus { width: 96%; }
}





/* new panels! */
.cover {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}

.x-panel {
  overflow: hidden;
  border-bottom:2px solid #fff;
}

.homepanel .x-panel-bg {
  position: absolute;
  width: 50vw;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.homepanel .x-panel--left .x-panel-bg {
  left: 50vw;
}

@media only screen and (max-width: 767px) {
  .homepanel .x-panel-bg {
    position: relative;
    left: 0 !important;
    width: 100vw;
    height: 450px;
  }
}
@media only screen and (max-width: 475px) {
  .homepanel .x-panel-bg {
    height: 300px;
  }
}

.x-panel--image-right,
.x-panel--image-left {
  background-color: white;
}
@media (min-width: 30em) {
  .x-panel--image-right,
  .x-panel--image-left {
    padding: 50px 20px;
  }
}
/* .x-panel--center,
.x-panel--right,
.x-panel--left {
  padding: 50px 20px;
} */

.x-panel__part {
  overflow: hidden;
  width: 50vw;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .x-panel__part {
    width: 100vw;
  }
}
.x-panel--image-left .x-panel__part,
  .x-panel--left .x-panel__part {
    background: #43504D;
  }
  .x-panel--image-right .x-panel__part,
  .x-panel--right .x-panel__part {
    background: #9EABAA;
  }
@media (min-width: 30em) {
 .x-panel__part {
    min-height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .x-panel--image-left .x-panel__part,
  .x-panel--left .x-panel__part {
    float: left;
  }
  .x-panel--image-right .x-panel__part,
  .x-panel--right .x-panel__part {
    float: right;
  }
  .x-panel--center .x-panel__part {
    margin: 0 auto;
  }
}

.x-panel__image {
  min-height: 300px;
}

.x-panel__body {
  padding: 10px 20px 20px;
  overflow: hidden;
  position: relative;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 30em) {
  /* .x-panel__body {
    min-height: 550px;
  } */
  .x-panel--image-right .x-panel__body {
    padding-right: 25px;
  }
  .x-panel--image-left .x-panel__body {
    padding-left: 25px;
  }
}
@media(max-width: 840px) {
  .x-panel--center .x-panel__body, .x-panel--right .x-panel__body, .x-panel--left .x-panel__body {
    padding: 50px;
  }
}
@media (min-width: 840px) {
  .x-panel__button {
    width: 50% !important;
  }
  .x-panel--center .x-panel__body, .x-panel--right .x-panel__body, .x-panel--left .x-panel__body {
    padding: 80px 30px;
  }
}
@media (min-width: 1220px) {
  .x-panel--center .x-panel__body, .x-panel--right .x-panel__body, .x-panel--left .x-panel__body {
    padding: 50px;
  }
}




/*new footer!*/
.x-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
}




.x-footer * {
  line-height: 20px;
}
.x-footer a {
  text-decoration: none;
}
@media screen and (min-width: 940px) {
  .x-footer {
    text-align: left;
  }
}



.x-footer__nav {
  font-family: 'Gotham';
  font-size: 11px;
  margin-bottom: 20px;
  /*margin-left: 15px;*/
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 940px) {
  .x-footer__nav {
    margin-left: 0;
    margin-bottom: 15px;
    float: left;
  }
}

.x-footer__nav a {
  margin-right: 30px;
  color: #fff;
}



.x-footer__credits {
  font-family: 'zenon';
  font-size: 12px;
  line-height: 1.2;
  display: block;
  width: 100%;
  margin-left: 6px;
  text-align: left;
}
@media screen and (min-width: 940px) {
  .x-footer__credits {
    float: left;
    margin-left: 0;
    margin-top: -20px;
  }
}
.x-footer__credits,
.x-footer__credits a {
  color: #fff; 
  font-family: "zenon"; 
  font-size: 12px;  
  letter-spacing: 1px;  
  line-height: 14px;
  position: relative;
  z-index: 10;
  margin-top: 0;
  margin-bottom: 20px;
  margin-right: 15px;
}
@media screen and (min-width: 940px) {
  .x-footer__credits {
    margin-top: -20px;
  }
}




  .x-footer__social {
    display: none;
  }





.x-footer__bottom {
  margin: 0;
  position: relative;
  z-index: 10;
}
.x-footer__badges {
  position: relative;
  z-index: 10;
}



@media screen and (min-width: 940px) {
  .x-footer__bottom {
    text-align: right;
    float: right;
    white-space: nowrap;
  }
}
.x-footer__bottom a,
.x-footer__badges > * {
  line-height: 1;
  display: inline-block;
  margin-right: 10px;
  vertical-align:top;
  margin-bottom: 20px;
}

.x-footer__badges {
  display: inline-block;
  white-space: nowrap;
}
.x-footer__badges a {
  vertical-align: middle;
}














/*




2016 vers. overrides




*/

@font-face {
    font-family: 'futura_md_btbold';
    src: url('/wp-content/themes/brandstyle1-Child-brandSite/fonts/bluebird/futura-bold/ufonts.com_futura-bold-bt-webfont.woff2') format('woff2'),
         url('/wp-content/themes/brandstyle1-Child-brandSite/fonts/bluebird/futura-bold/ufonts.com_futura-bold-bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;	

}


@font-face {
	font-family: 'Futura Bk';
	src: url('/wp-content/themes/brandstyle1-Child-brandSite/fonts/bluebird/futura-book/Futura-Book.eot');
	src: url('/wp-content/themes/brandstyle1-Child-brandSite/fonts/bluebird/futura-book/Futura-Book.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/brandstyle1-Child-brandSite/fonts/bluebird/futura-book/Futura-Book.woff') format('woff'),
		url('/wp-content/themes/brandstyle1-Child-brandSite/fonts/bluebird/futura-book/Futura-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family:'FuturaMedium-Regular';
	src: url('/wp-content/themes/brandstyle1-Child-brandSite/fonts/bluebird/futura-medium/FuturaMedium-Regular.eot');
	src: url('/wp-content/themes/brandstyle1-Child-brandSite/fonts/bluebird/futura-medium/FuturaMedium-Regular.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/brandstyle1-Child-brandSite/fonts/bluebird/futura-medium/FuturaMedium-Regular.woff') format('woff'),
		url('/wp-content/themes/brandstyle1-Child-brandSite/fonts/bluebird/futura-medium/FuturaMedium-Regular.ttf') format('truetype'),
		url('/wp-content/themes/brandstyle1-Child-brandSite/fonts/bluebird/futura-medium/FuturaMedium-Regular.svg#FuturaMedium-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}






.w-input, .w-select{border:1px solid #fff; box-shadow:none;}
.ie select option{   color:black;    } /* for IE */
.chrome select option{   color:black;    } /* for Chrome */


.icon-restaurants-instagram{background-image:url('/wp-content/themes/brandstyle1-Child-brandSite-klosterhaus/images/icons/icon-instagram.svg'); height:16px; width:16px; display: inline-block; margin-right: 30px;background-repeat: no-repeat;background-position: center center;background-size: contain;}
.icon-restaurants-facebook{background-image:url('/wp-content/themes/brandstyle1-Child-brandSite-klosterhaus/images/icons/icon-facebook.svg'); height:16px; width:9px; display: inline-block; margin-right: 0px;background-repeat: no-repeat;background-position: center center;background-size: contain;}
.icon-restaurants-twitter{background-image:url('/wp-content/themes/brandstyle1-Child-brandSite-klosterhaus/images/icons/icon-twitter.svg'); height:17px; width:17px; display: inline-block;margin-right: 30px; background-repeat: no-repeat;background-position: center center;background-size: contain;}
.icon-restaurants-instagram::before, .icon-restaurants-facebook::before, .icon-restaurants-twitter::before{content:"";}
.icon-restaurants-instagram:hover, .icon-restaurants-facebook:hover, .icon-restaurants-twitter:hover{opacity:0.5;}



.nav-item.nav-last {  margin-right: 0 !important;}

.explore-home {display: none !important;}


.selctions .w-container{max-width:none;}





.ui-datepicker-trigger img{display:none;}


.owl-wrapper-outer{border:none;}
.home .item{background:#fff;}

.promotitlecircle{display:none;}
.home .pdslide{position: relative; border:none; background-position:50% 50% !important; background-repeat:no-repeat !important; background-color:#fff;}
/*.pdslide.pdslide1{background-image:url('/wp-content/themes/brandstyle1/images/groupsite-brands/bluebird2016/illustration-1.png') !important;  }*/



.x-footer__nav a{ color: #fff; font-family: "Gotham"; font-size: 11px; text-transform: uppercase; letter-spacing: 1.5px;  line-height: 40px;margin-right: 30px; text-decoration: underline;}
@media only screen and (min-width: 992px) {
  .x-footer__nav a{ line-height: 15px;}
}
.x-signup-button::after{display:none;}

.x-footer__bottom a, .x-footer__badges > *{margin-right:5px;}
.x-signup-button:focus,
.x-signup-button:hover {
  opacity: .8;
}
.x-footer__credits a:hover{color:#fff;}




#sequence .button.whatsbutton{font-size:12px; letter-spacing:1.5px; font-weight:normal; font-family: 'brown-regular';}



#sequence .sequenceNav{background:transparent; font-size:18px; letter-spacing:0.5px; line-height:1.78; font-family: 'brown-regular';}
#sequence .model{border:none;}



/*.menus.active:hover{background:#BAC1D0;}*/
.menu-pdf-link{font-weight:normal; font-family: 'brown-regular'; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; color:#44527e;}
a.menu-pdf-link:hover{color:#BAC1D0;}
.page-intro{color:#7a8da3; font-size:14px; line-height:24px;}
.menu-separater{border-bottom: 1px solid #bac1d0 ;}
.choices h4 {  font-size: 12px;  font-weight: normal;  padding: 3px 20px;  width: auto;}
.menu-active{border-color: #bac1d0  #bac1d0  #ECF1F2;}
.choicesbar{background:#bac1d0 ;}
.menu-inactive{background:#bac1d0 ;border-color:#bac1d0  #bac1d0  #bac1d0 ;}
.menu-inactive h4{color:#fff;}
.menu-active h4{color:#44527e;}
.choices-title{color:#adafb2;}



.herotexticon{display:none;}

.view360 h3{font-family: 'brown-regular';  font-size: 26px;  font-weight: normal; color:#44527e; text-transform:uppercase; letter-spacing:4.7px;}
.button{font-weight:normal; font-family: 'brown-regular'; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; background:#B99B55;position: relative; z-index: 10;}



.promo-block.article-promo, .owl-wrapper-outer, .entry-thumbnail, .promo-block.eventtype, .promo-block.rightborder{border:none;}



.eventForm label{text-transform: uppercase; letter-spacing: .5px; font-family: 'Gotham'; font-weight: normal; font-size: 13px; line-height: 16px; margin-bottom: 12px;}
.eventForm > .w-row > .w-col:nth-child(odd) {
  clear: both;
}
.eventForm .w-input{font-size: 13px; margin-bottom: 25px;}

.button.gallery.right.next, .button.gallery.left.prev{background:#44527e;}
.byline.gallerybyline {   font-family: 'brown-regular';  letter-spacing: 1.5px;}
/* .whatson-top-buttons .button{padding-left:0; padding-right:0;} */

a.whatson-panel-link{
  color: #fff;
  font-family: "Gotham";
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1.5px;
  line-height: 13px;
  text-align: center;
  padding: 15px;
  position: relative;
  overflow: hidden;
  border: 1px solid #fff;
  text-decoration:none;
  border-radius: 2px;
  background-color: transparent;
  opacity: 1;
  transition: 0.2s;
}
a.whatson-panel-link:hover{
  background-color:#fff;
  color:#fff;
}

.page-template-page-bookatable #bookform .w-button:hover, .page-template-page-privatedining-inner #eventForm .w-button:hover{opacity: .9;}



/*newsletter signup form*/
/*
#newsletterform input[type="checkbox"]{border: none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; border:1px solid rgba(194, 210, 213, 0.3); padding:7px !important; background:#fff;}
*/

/*home panels*/
.x-panel{border:none;}
.x-panel--notext{background-size:cover !important;}
@media (min-width: 50em) {/*was 30em*/
.x-panel.x-panel--right.panel-right{}
.x-panel.x-panel--right.panel-right.cover {  background-position: left 50%;  background-size: cover /*50% auto*/; padding:0;}
.x-panel.x-panel--left.panel-left{}
.x-panel.x-panel--left.panel-left.cover {  background-position: right 50%;  background-size: cover /*50% auto*/; padding:0;}

.x-panel__gradient .w-container{max-width:none;}

.x-panel__body p{font-size:18px; line-height:32px;}
.x-panel__button{display:inline-block !important; width:auto !important; padding: 10px 30px;}
}


/*mobile*/
.mobile-link {  color: #fff !important; font-family:'Gotham'; font-size: 12px; line-height: 14px; letter-spacing: 1px;  text-transform: uppercase;}

/* Barba styles */
.animateWrapper{
  width:100vw;
  position:relative;
  min-height: 100vh;
}
.content-wrapper.animatePage{
  background-color:#fff;
  overflow:hidden;
  position: absolute;
  transform-style: preserve-3d;
  transition-property: transform;
  top:0px;
  width:50%;
  transition:transform 0.7s ease;
}
.content-wrapper.animatePage.left {
  left:0px;
  transform-origin: right center;
}

.content-wrapper.animatePage.right {
  right:0px;
  transform-origin: left center;
}

.content-wrapper.animatePage.right .animateWrapper {
  margin-left:-100%;
}
.content-wrapper.animatePage .animateWrapper:before{
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  top:0px;
  left:0px;
  z-index:10000;
  background-color:rgba(0,0,0,.0);
  transition:background-color 0.7s ease;
}
.content-wrapper.animatePage.oldPage {
  z-index:5000;
}

.content-wrapper.animatePage.oldPage.right.runAnimation {
  transform: rotateY(-180deg);
}

.content-wrapper.animatePage.oldPage.right.runAnimation .animateWrapper:before{
  background-color:rgba(0,0,0,.2);
}

.content-wrapper.animatePage.newPage {
  z-index:4000;
}

.content-wrapper.animatePage.newPage.left {
  transform: rotateY(90deg);
}

.content-wrapper.animatePage.newPage.left .animateWrapper:before {
  background-color:rgba(0,0,0,.2);
}

.content-wrapper.animatePage.newPage.left.runAnimation {
  z-index:6000;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(-0deg);
}

.content-wrapper.animatePage.newPage.left.runAnimation .animateWrapper:before{
  background-color:rgba(0,0,0,.0);
}


/* Styles from the header after call to bluebird.css */


/* End of styles from the header after call to bluebird.css */


/* Payment Page */
#gifts label{
  color: #fff;
  font-family: "Zenon";
  font-size: 16px;
  font-weight: normal;
  letter-spacing: .5px;
  line-height: 22px;
  text-align: left;
  margin-top: 10px;
}





.blockUI.blockOverlay,
.blockUI.blockMsg.blockElement{
  display:none!important;
}

.home .underhero:before,
.home .x-footer:before{
  display:none!important;
}

.homepanel .x-panel__part:before {
  content:'';
  display:block;
  position:absolute;
  background-size:contain;
  background-repeat:no-repeat;
  bottom:0px;
  height: 100%;
  width: 100%;
}
.homepanel .x-panel--right .x-panel__part:before {
  right:0px;
  background-position: right center;
  background-image: url('../images/klosterhaus/diamond-pattern-right.svg');
}
.homepanel .x-panel--left .x-panel__part:before {
  left:0px;
  background-position: left center;
  background-image: url('../images/klosterhaus/diamond-pattern-left.svg');
}

@media only screen and (max-width: 799px) {
  #header:after,
  .homepanel:nth-of-type(odd):after,
  .underhero:before{
    display:none;
  }
}
.w-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
}
@media screen and (max-width: 991px){
  .w-container {
      max-width: 800px;
  }

  header .w-container {
    max-width: 870px;
  }
}


/* Popup plugin styles */
.spu-box .spu-container {
  border: none !important;
  background: #43504d !important;
  color: #fff !important;
  margin: 0 !important;
}

.spu-box .spu-close {
  text-shadow: none;
}

.spu-box .spu-container div,
.spu-box .spu-container span,
.spu-box .spu-container p,
.spu-box .spu-container a,
.spu-box .spu-container h1,
.spu-box .spu-container h2,
.spu-box .spu-container h3,
.spu-box .spu-container h4,
.spu-box .spu-container h5,
.spu-box .spu-container h6 {
  color: #fff !important;
  font-weight: 400;
  font-style: normal;
}

.icon-restaurants-twitter{
  background-image: url('data:image/svg+xml;utf8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20width%3D%2224%22%20height%3D%2224%22%20color%3D%22%23ffffff%22%20style%3D%22--darkreader-inline-color%3A%20%23e8e6e3%3B%22%3E%3Cdefs%3E%3Cstyle%3E.cls-637b8512f95e86b59c57a137-1%7Bfill%3Anone%3Bstroke%3AcurrentColor%3Bstroke-miterlimit%3A10%3B%7D%3C%2Fstyle%3E%3Cstyle%20class%3D%22darkreader%20darkreader--sync%22%20media%3D%22screen%22%3E%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-637b8512f95e86b59c57a137-1%22%20d%3D%22M12.94%2C1.61V15.78a2.83%2C2.83%2C0%2C0%2C1-2.83%2C2.83h0a2.83%2C2.83%2C0%2C0%2C1-2.83-2.83h0a2.84%2C2.84%2C0%2C0%2C1%2C2.83-2.84h0V9.17h0A6.61%2C6.61%2C0%2C0%2C0%2C3.5%2C15.78h0a6.61%2C6.61%2C0%2C0%2C0%2C6.61%2C6.61h0a6.61%2C6.61%2C0%2C0%2C0%2C6.61-6.61V9.17l.2.1a8.08%2C8.08%2C0%2C0%2C0%2C3.58.84h0V6.33l-.11%2C0a4.84%2C4.84%2C0%2C0%2C1-3.67-4.7H12.94Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}