/* @Variables */
/* @end Variables */
/* @Mixins */
/* Self Clearing Goodness */
/* @end Mixins */
/* @Fonts */
@import url("//hello.myfonts.net/count/38c9c0");
@font-face {
  font-family: "BlambotCasual";
  src: url("../fonts/38C9C0_0_0.eot");
  src: url("../fonts/38C9C0_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/38C9C0_0_0.woff2") format("woff2"), url("../fonts/38C9C0_0_0.woff") format("woff"), url("../fonts/38C9C0_0_0.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BlambotCasual";
  src: url("../fonts/38C9C0_1_0.eot");
  src: url("../fonts/38C9C0_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/38C9C0_1_0.woff2") format("woff2"), url("../fonts/38C9C0_1_0.woff") format("woff"), url("../fonts/38C9C0_1_0.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "BlambotCasual";
  src: url("../fonts/38C9C0_2_0.eot");
  src: url("../fonts/38C9C0_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/38C9C0_2_0.woff2") format("woff2"), url("../fonts/38C9C0_2_0.woff") format("woff"), url("../fonts/38C9C0_2_0.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "BlambotCasual";
  src: url("../fonts/38C9C0_3_0.eot");
  src: url("../fonts/38C9C0_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/38C9C0_3_0.woff2") format("woff2"), url("../fonts/38C9C0_3_0.woff") format("woff"), url("../fonts/38C9C0_3_0.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "HWT Artz";
  src: url("../fonts/bd551ed6-7662-41c1-9da4-c59e74d71cfe.eot?#iefix");
  src: url("../fonts/bd551ed6-7662-41c1-9da4-c59e74d71cfe.eot?#iefix") format("eot"), url("../fonts/95a8e447-5257-49ce-a132-b74675e6c944.woff2") format("woff2"), url("../fonts/dff2ec6c-ad98-41a7-9c02-aaac7d05dc44.woff") format("woff"), url("../fonts/45a56578-62c3-409b-ace9-4a0a07499c47.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CooperHewitt";
  src: url("../fonts/CooperHewitt-Medium.eot");
  src: url("../fonts/CooperHewitt-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/CooperHewitt-Medium.woff") format("woff"), url("../fonts/CooperHewitt-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CooperHewitt";
  src: url("../fonts/CooperHewitt-Bold.eot");
  src: url("../fonts/CooperHewitt-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/CooperHewitt-Bold.woff") format("woff"), url("../fonts/CooperHewitt-Bold.svg") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "CooperHewitt";
  src: url("../fonts/CooperHewitt-MediumItalic.eot");
  src: url("../fonts/CooperHewitt-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/CooperHewitt-MediumItalic.woff") format("woff"), url("../fonts/CooperHewitt-MediumItalic.svg") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "CooperHewitt";
  src: url("../fonts/CooperHewitt-BoldItalic.eot");
  src: url("../fonts/CooperHewitt-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/CooperHewitt-BoldItalic.woff") format("woff"), url("../fonts/CooperHewitt-BoldItalic.svg") format("svg");
  font-weight: bold;
  font-style: italic;
}
/* @end Fonts */
/* @Reset */
/* @end Reset */
/* @Grid */
.grid {
  max-width: 1400px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.row::after {
  content: "";
  display: table;
  clear: both;
}

.columns {
  float: left;
  width: 100%;
}
.columns .column {
  float: left;
  width: 100%;
  padding: 0 2.5%;
  text-align: left;
}
.columns.two-columns .column {
  width: 50%;
}
.columns.two-columns .column.col-1 {
  padding-left: 0;
}
.columns.two-columns .column.col-2 {
  padding-right: 0;
}
.columns.three-columns .column {
  width: 33.33%;
}
.columns.three-columns .column.col-1 {
  padding-left: 0;
}
.columns.three-columns .column.col-3 {
  padding-right: 0;
}
.columns.four-columns .column {
  width: 25%;
}
.columns.four-columns .column.col-1 {
  padding-left: 0;
}
.columns.four-columns .column.col-4 {
  padding-right: 0;
}

@media (max-width: 1100px) {
  .columns .column {
    padding: 0 1.25%;
  }
}
@media (max-width: 960px) {
  .columns.two-columns .column {
    width: 100%;
  }
  .columns.two-columns .column.col-1, .columns.two-columns .column.col-2 {
    padding: 0 2.5%;
  }
  .columns.four-columns .column {
    width: 50%;
  }
  .columns.four-columns .column.col-1 {
    padding-left: 0;
  }
  .columns.four-columns .column.col-4 {
    padding-right: 0;
  }
}
@media (max-width: 650px) {
  .columns.three-columns .column, .columns.four-columns .column {
    width: 100%;
  }
  .columns.three-columns .column.col-1, .columns.three-columns .column.col-2, .columns.three-columns .column.col-3, .columns.three-columns .column.col-4, .columns.four-columns .column.col-1, .columns.four-columns .column.col-2, .columns.four-columns .column.col-3, .columns.four-columns .column.col-4 {
    padding: 0 2.5%;
  }
}
/* @end Grid */
/* @Icons */
.icon {
  background: url("../images/sprites.svg") 0 0 no-repeat transparent;
  background-size: 2000px auto;
  display: inline-block;
}
.icon.logo {
  width: 251px;
  height: 251px;
  background-size: 943.3962264151px auto;
  background-position: -388.679245283px 0;
}
.icon.logo-slogan {
  width: 241px;
  height: 193.7384615385px;
  background-size: 738.4615384615px auto;
  background-position: -6.6461538462px -3.6923076923px;
}
@media all and (max-width: 1100px) {
  .icon.logo-slogan {
    width: 201px;
    height: 161.6153846154px;
    background-size: 615.3846153846px auto;
    background-position: -5.5384615385px -3.0769230769px;
  }
}
.icon.pink-circle {
  width: 191px;
  height: 191px;
  background-size: 1881.1881188119px auto;
  background-position: -625.495049505px -570px;
}
.icon.brown-spot {
  width: 101px;
  height: 93.0792079208px;
  background-size: 990.099009901px auto;
  background-position: -7.9207920792px -699.0099009901px;
}
.icon.brown-spot-medium {
  width: 151px;
  height: 139.1188118812px;
  background-size: 1485.1485148515px auto;
  background-position: -11.8811881188px -1048.5148514851px;
}
.icon.brown-spot-big {
  width: 201px;
  height: 185.1584158416px;
  background-size: 1980.198019802px auto;
  background-position: -15.8415841584px -1398.0198019802px;
}
.icon.dark-brown-spot {
  width: 101px;
  height: 94.0693069307px;
  background-size: 990.099009901px auto;
  background-position: -668.3168316832px -697.0297029703px;
}
.icon.dark-brown-spot-medium {
  width: 151px;
  height: 140.603960396px;
  background-size: 1485.1485148515px auto;
  background-position: -1002.4752475248px -1045.5445544554px;
}
.icon.dark-brown-spot-big {
  width: 201px;
  height: 187.1386138614px;
  background-size: 1980.198019802px auto;
  background-position: -1336.6336633663px -1394.0594059406px;
}
.icon.green-spot {
  width: 101px;
  height: 93px;
  background-size: 1000px auto;
  background-position: -163.5px -710.5px;
}
.icon.green-spot-medium {
  width: 151px;
  height: 139px;
  background-size: 1500px auto;
  background-position: -245.25px -1065.75px;
}
.icon.green-spot-big {
  width: 201px;
  height: 185px;
  background-size: 2000px auto;
  background-position: -327px -1421px;
}
.icon.orange-spot {
  width: 101px;
  height: 92.0447761194px;
  background-size: 995.0248756219px auto;
  background-position: -330.8457711443px -702.9850746269px;
}
.icon.orange-spot-medium {
  width: 151px;
  height: 137.5671641791px;
  background-size: 1492.5373134328px auto;
  background-position: -496.2686567164px -1054.4776119403px;
}
.icon.orange-spot-big {
  width: 201px;
  height: 183.0895522388px;
  background-size: 1990.0497512438px auto;
  background-position: -661.6915422886px -1405.9701492537px;
}
.icon.pink-spot {
  width: 101px;
  height: 93.5742574257px;
  background-size: 990.099009901px auto;
  background-position: -496.0396039604px -698.5148514851px;
}
.icon.pink-spot-medium {
  width: 151px;
  height: 139.8613861386px;
  background-size: 1485.1485148515px auto;
  background-position: -744.0594059406px -1047.7722772277px;
}
.icon.pink-spot-big {
  width: 201px;
  height: 186.1485148515px;
  background-size: 1980.198019802px auto;
  background-position: -992.0792079208px -1397.0297029703px;
}
.icon.left-pink-arrow {
  width: 17px;
  height: 32.6862745098px;
  background-size: 313.7254901961px auto;
  background-position: -113.4117647059px -275.6078431373px;
}
.icon.right-pink-arrow {
  width: 17px;
  height: 32.6862745098px;
  background-size: 313.7254901961px auto;
  background-position: -163.4509803922px -267.7647058824px;
}
.icon.up-pink-arrow {
  width: 17px;
  height: 32.6862745098px;
  background-size: 313.7254901961px auto;
  background-position: -163.4509803922px -267.7647058824px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon.down-pink-arrow {
  width: 17px;
  height: 32.6862745098px;
  background-size: 313.7254901961px auto;
  background-position: -163.4509803922px -267.7647058824px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.icon.play-button {
  width: 101px;
  height: 93.0792079208px;
  background-size: 990.099009901px auto;
  background-position: -338.6138613861px -550.9900990099px;
}
@media all and (max-width: 960px) {
  .icon.play-button {
    width: 67px;
    height: 61.7722772277px;
    background-size: 653.4653465347px auto;
    background-position: -223.4851485149px -363.6534653465px;
  }
}
.icon.pause-button {
  width: 101px;
  height: 94.0693069307px;
  background-size: 990.099009901px auto;
  background-position: -502.9702970297px -550.9900990099px;
}
@media all and (max-width: 960px) {
  .icon.pause-button {
    width: 67px;
    height: 62.4257425743px;
    background-size: 653.4653465347px auto;
    background-position: -331.9603960396px -363.6534653465px;
  }
}
.icon.hide {
  display: none;
}

.no-svg .icon {
  background: url("../images/sprites.png") no-repeat 0 0 transparent;
  background-size: 100% auto;
  display: inline-block;
}

.black-close-svg-icon,
.white-close-svg-icon {
  width: 25px;
  height: 25px;
  display: inline-block;
}
.black-close-svg-icon.hide,
.white-close-svg-icon.hide {
  display: none;
}

.black-close-svg-icon-path,
.white-close-svg-icon-path {
  fill: none;
  stroke: #000000;
  stroke-width: 4;
  stroke-miterlimit: 10;
}

.white-close-svg-icon-path {
  stroke: #FFFFFF;
}

.mobile-menu-svg-icon,
.mobile-menu-close-svg-icon {
  width: 35px;
  height: 35px;
  display: inline-block;
}
.mobile-menu-svg-icon.hide,
.mobile-menu-close-svg-icon.hide {
  display: none;
}

/* @end Icons */
/* @Admin */
/* Tabs */
#block-thehappybull-local-tasks {
  position: absolute;
}
#block-thehappybull-local-tasks ul.primary {
  background-image: none !important;
}
#block-thehappybull-local-tasks ul.primary li a {
  background-image: none !important;
}
#block-thehappybull-local-tasks ul.primary li a .tabs__tab {
  background-image: none !important;
}
#block-thehappybull-local-tasks ul.primary li a:hover .tabs__tab {
  background-image: none !important;
}
#block-thehappybull-local-tasks ul.primary li.is-active a {
  background-image: none !important;
}
#block-thehappybull-local-tasks ul.primary li.is-active a .tabs__tab {
  background-image: none !important;
}
#block-thehappybull-local-tasks ul.primary li.is-active a:hover .tabs__tab {
  background-image: none !important;
}
#block-thehappybull-local-tasks ul.primary.tabs {
  background-color: #000000;
}
#block-thehappybull-local-tasks ul.primary.tabs li {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  background-color: #000000;
}
#block-thehappybull-local-tasks ul.primary.tabs li a {
  font-size: 1rem;
  line-height: 2rem;
  color: #FFFFFF;
  text-transform: uppercase;
  display: block;
  width: 100%;
  border: none;
  padding-left: 10px;
  text-decoration: none;
}
#block-thehappybull-local-tasks ul.primary.tabs li a:hover {
  background-color: #FFFFFF;
  color: #000000;
}
#block-thehappybull-local-tasks ul.primary.tabs li.is-active {
  top: 0;
}
#block-thehappybull-local-tasks ul.primary.tabs li.is-active a {
  background-color: #FFFFFF;
  color: #000000;
  border: none;
}
#block-thehappybull-local-tasks ul.primary.tabs li.is-active a:hover {
  background-color: #FFFFFF;
  color: #000000;
  border: none;
}
#block-thehappybull-local-tasks ul.tabs {
  position: fixed;
  right: -10rem;
  top: 50%;
  z-index: 200;
  width: 10rem;
  padding: 0 0 0;
  margin: -5rem 0 0;
  border: none;
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#block-thehappybull-local-tasks ul.tabs .before {
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0;
  left: -2rem;
  background: url("../images/admin-sprites.svg") -16px -14px no-repeat #000000;
  cursor: pointer;
}
#block-thehappybull-local-tasks ul.tabs .before:hover {
  background-color: #000000;
}
#block-thehappybull-local-tasks ul.tabs.secondary {
  display: none;
}
#block-thehappybull-local-tasks ul.tabs.open {
  -moz-transform: translate3d(-10rem, 0, 0);
  -o-transform: translate3d(-10rem, 0, 0);
  -ms-transform: translate3d(-10rem, 0, 0);
  -webkit-transform: translate3d(-10rem, 0, 0);
  transform: translate3d(-10rem, 0, 0);
}
#block-thehappybull-local-tasks ul.tabs.open .before {
  background-color: #000000;
}

/* end Tabs */
/* @end Admin */
/* @Base */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
}

html {
  line-height: 1.5;
  font-size: 1.0647058824em;
}
@media (max-width: 650px) {
  html {
    font-size: 0.9382352941em;
  }
}

body {
  font-family: "CooperHewitt", sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #673C28;
  min-width: 320px;
  overflow-x: hidden;
}
body.unscroll {
  overflow: hidden;
}

h1, .h1 {
  font-family: "HWT Artz", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 9vw;
  line-height: 1;
  margin: 0;
  color: #673C28;
}
@media (max-width: 960px) {
  h1, .h1 {
    font-size: 11.7vw;
  }
}
@media (max-width: 650px) {
  h1, .h1 {
    font-size: 16vw;
  }
}

h2, .h2 {
  font-family: "HWT Artz", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 6.4705882353em;
  line-height: 1;
  margin: 0 0 0.3em;
  color: #C28D2C;
}
@media (max-width: 1920px) {
  h2, .h2 {
    font-size: 6.4705882353em;
  }
}
@media (max-width: 1440px) {
  h2, .h2 {
    font-size: 4.7058823529em;
  }
}
@media (max-width: 1100px) {
  h2, .h2 {
    font-size: 4.2352941176em;
  }
}
@media (max-width: 960px) {
  h2, .h2 {
    font-size: 4.7058823529em;
  }
}
@media (max-width: 650px) {
  h2, .h2 {
    font-size: 3.2352941176em;
  }
}

h3, .h3, #rm_reservation .rm_header {
  font-family: "HWT Artz", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 2.3529411765em;
  line-height: 1;
  margin: 0 0 0.3em;
  color: #673C28;
}
@media (max-width: 1920px) {
  h3, .h3, #rm_reservation .rm_header {
    font-size: 2.3529411765em;
  }
}
@media (max-width: 1440px) {
  h3, .h3, #rm_reservation .rm_header {
    font-size: 2.0588235294em;
  }
}
@media (max-width: 1100px) {
  h3, .h3, #rm_reservation .rm_header {
    font-size: 1.7647058824em;
  }
}
@media (max-width: 960px) {
  h3, .h3, #rm_reservation .rm_header {
    font-size: 2.0588235294em;
  }
}
@media (max-width: 650px) {
  h3, .h3, #rm_reservation .rm_header {
    font-size: 2.1176470588em;
  }
}

h4, .h4 {
  font-family: "HWT Artz", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.7647058824em;
  line-height: 1;
  margin: 0 0 0.3em;
  color: #673C28;
}
@media (max-width: 1100px) {
  h4, .h4 {
    font-size: 1.7647058824em;
  }
}
@media (max-width: 960px) {
  h4, .h4 {
    font-size: 1.4705882353em;
  }
}
@media (max-width: 650px) {
  h4, .h4 {
    font-size: 1.2941176471em;
  }
}

h5, .h5 {
  font-family: "HWT Artz", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.2941176471em;
  line-height: 1;
  margin: 0 0 0.3em;
  color: #673C28;
}
@media (max-width: 650px) {
  h5, .h5 {
    font-size: 1.1764705882em;
  }
}

a {
  color: #673C28;
  text-transform: none;
}
a:hover {
  color: #C28D2C;
  text-decoration: none;
}
a.big {
  font-size: 1.6470588235em;
}
@media (max-width: 960px) {
  a.big {
    font-size: 1.4647058824em;
  }
}
@media (max-width: 650px) {
  a.big {
    font-size: 1.3352941176em;
  }
}
a.blambotb-casual {
  font-family: "BlambotCasual", sans-serif;
  font-size: 1.4647058824em;
}
@media (max-width: 960px) {
  a.blambotb-casual {
    font-size: 1.1764705882em;
  }
}
@media (max-width: 650px) {
  a.blambotb-casual {
    font-size: 1.2058823529em;
  }
}
a.spot {
  background: url("../images/sprites.svg") 0 0 no-repeat transparent;
  background-size: 2000px auto;
  display: inline-block;
  width: 101px;
  height: 93.0792079208px;
  background-size: 990.099009901px auto;
  background-position: -7.9207920792px -699.0099009901px;
  font-family: "HWT Artz", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.5px;
  line-height: 1;
  font-size: 0.95em;
  color: #FFFFFF;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  opacity: 1;
  transition: opacity 0.5s;
  text-align: center;
}
a.spot:hover {
  opacity: 0.8;
  transition: opacity 0.5s;
  text-decoration: none;
}
a.spot.medium {
  width: 151px;
  height: 139.1188118812px;
  background-size: 1485.1485148515px auto;
  background-position: -11.8811881188px -1048.5148514851px;
}
a.spot.big {
  width: 201px;
  height: 185.1584158416px;
  background-size: 1980.198019802px auto;
  background-position: -15.8415841584px -1398.0198019802px;
}
a.spot.dark-brown {
  width: 101px;
  height: 94.0693069307px;
  background-size: 990.099009901px auto;
  background-position: -668.3168316832px -697.0297029703px;
}
a.spot.dark-brown.medium {
  width: 151px;
  height: 140.603960396px;
  background-size: 1485.1485148515px auto;
  background-position: -1002.4752475248px -1045.5445544554px;
}
a.spot.dark-brown.big {
  width: 201px;
  height: 187.1386138614px;
  background-size: 1980.198019802px auto;
  background-position: -1336.6336633663px -1394.0594059406px;
}
a.spot.green {
  width: 101px;
  height: 93px;
  background-size: 1000px auto;
  background-position: -163.5px -710.5px;
}
a.spot.green.medium {
  width: 151px;
  height: 139px;
  background-size: 1500px auto;
  background-position: -245.25px -1065.75px;
}
a.spot.green.big {
  width: 201px;
  height: 185px;
  background-size: 2000px auto;
  background-position: -327px -1421px;
}
a.spot.orange {
  width: 101px;
  height: 92.0447761194px;
  background-size: 995.0248756219px auto;
  background-position: -330.8457711443px -702.9850746269px;
}
a.spot.orange.medium {
  width: 151px;
  height: 137.5671641791px;
  background-size: 1492.5373134328px auto;
  background-position: -496.2686567164px -1054.4776119403px;
}
a.spot.orange.big {
  width: 201px;
  height: 183.0895522388px;
  background-size: 1990.0497512438px auto;
  background-position: -661.6915422886px -1405.9701492537px;
}
a.spot.pink {
  width: 101px;
  height: 93.5742574257px;
  background-size: 990.099009901px auto;
  background-position: -496.0396039604px -698.5148514851px;
}
a.spot.pink.medium {
  width: 151px;
  height: 139.8613861386px;
  background-size: 1485.1485148515px auto;
  background-position: -744.0594059406px -1047.7722772277px;
}
a.spot.pink.big {
  width: 201px;
  height: 186.1485148515px;
  background-size: 1980.198019802px auto;
  background-position: -992.0792079208px -1397.0297029703px;
}

p {
  margin: 0;
}
p.small {
  font-size: 0.8235294118em;
}
@media (max-width: 650px) {
  p.small {
    font-size: 0.7058823529em;
  }
}
p.medium {
  font-size: 1.2941176471em;
}
@media (max-width: 960px) {
  p.medium {
    font-size: 1.1764705882em;
  }
}
@media (max-width: 650px) {
  p.medium {
    font-size: 1.0588235294em;
  }
}
p.big {
  font-size: 1.6470588235em;
}
@media (max-width: 960px) {
  p.big {
    font-size: 1.4647058824em;
  }
}
@media (max-width: 650px) {
  p.big {
    font-size: 1.3352941176em;
  }
}
p.blambotb-casual {
  font-family: "BlambotCasual", sans-serif;
  font-size: 1.4647058824em;
}
@media (max-width: 960px) {
  p.blambotb-casual {
    font-size: 1.1764705882em;
  }
}
@media (max-width: 650px) {
  p.blambotb-casual {
    font-size: 1.2058823529em;
  }
}

ul {
  list-style-position: inside;
  list-style-type: square;
}
ul li {
  margin: 0 0 0.5em;
}
ul.big {
  font-size: 1.6470588235em;
}
@media (max-width: 960px) {
  ul.big {
    font-size: 1.4647058824em;
  }
}
@media (max-width: 650px) {
  ul.big {
    font-size: 1.3352941176em;
  }
}
ul.blambotb-casual {
  font-family: "BlambotCasual", sans-serif;
  font-size: 1.4647058824em;
}
@media (max-width: 960px) {
  ul.blambotb-casual {
    font-size: 1.1764705882em;
  }
}
@media (max-width: 650px) {
  ul.blambotb-casual {
    font-size: 1.2058823529em;
  }
}

.toolbar {
  font-size: small;
  line-height: 1;
}
.toolbar p,
.toolbar a {
  font-size: small;
  line-height: 1;
}
.toolbar.toolbar-fixed #info {
  padding-top: 99px;
}
.toolbar.toolbar-fixed #info span.close {
  display: block;
  position: absolute;
  right: 5em;
  top: calc(5em + 114px);
}

.text-formatted p,
.text-formatted ul {
  margin: 0 0 0 4.5em;
}
.text-formatted p.small,
.text-formatted ul.small {
  margin: 0 0 0 5.5em;
}
.text-formatted p.medium,
.text-formatted ul.medium {
  margin: 0 0 0 3.5em;
}
.text-formatted p.big,
.text-formatted ul.big {
  margin: 0 0 0 2.72em;
}

#Header,
#Main,
#Footer,
.node {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

.node {
  text-align: center;
}
.node .node-wrapper {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  text-align: center;
}

.element-hidden {
  font-size: 0;
  float: left;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  visibility: hidden;
  display: block;
}

.container, .footer-wrapper {
  position: relative;
  width: 95%;
  max-width: 1750px;
  margin: 0 2.5%;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
@media all and (max-width: 960px) {
  .container, .footer-wrapper {
    width: 100%;
    margin: 0;
  }
}

.breadcrumb {
  position: relative;
  width: 95%;
  max-width: 1750px;
  margin: 0 2.5%;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-top: 1em;
}
@media all and (max-width: 960px) {
  .breadcrumb {
    width: 100%;
    margin: 0;
  }
}
.breadcrumb ul li a,
.breadcrumb ol li a {
  text-decoration: none;
}
.breadcrumb ul li a.hover,
.breadcrumb ol li a.hover {
  text-decoration: underline;
}

.social-media-wrapper {
  float: left;
  max-width: 9em;
}
.social-media-wrapper .social-media-link {
  float: left;
  padding: 0 1em 0 0;
}
.social-media-wrapper .social-media-link.last {
  padding: 0;
}
.social-media-wrapper .social-media-link a .spot-bg {
  fill: #673C28;
}
.social-media-wrapper .social-media-link a:hover .spot-bg {
  fill: #C28D2C;
}

#block-thehappybull-breadcrumbs {
  float: left;
  visibility: visible;
  opacity: 0;
  font-size: 0;
  line-height: 0;
}

@media all and (max-width: 960px) {
  .text-formatted p,
  .text-formatted ul {
    margin: 0 0 0 2em;
  }
  .text-formatted p.big,
  .text-formatted ul.big {
    margin: 0 0 0 1.45em;
  }
}
@media all and (max-width: 650px) {
  .text-formatted p,
  .text-formatted ul {
    margin: 0;
  }
  .text-formatted p.big,
  .text-formatted ul.big {
    margin: 0;
  }
}
/* @end Base */
/* @Forms */
.resetinput, #rm_reservation .rm_row_value input,
#rm_reservation .rm_row_value select, form .form-item select, form .form-item input[type=text],
form .form-item input[type=email],
form .form-item input[type=number],
form .form-item input[type=tel],
form .form-item input[type=password],
form .form-item input[type=search],
form .form-item textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.resetinput:focus, #rm_reservation .rm_row_value input:focus,
#rm_reservation .rm_row_value select:focus, form .form-item select:focus, form .form-item input[type=text]:focus,
form .form-item input[type=email]:focus,
form .form-item input[type=number]:focus,
form .form-item input[type=tel]:focus,
form .form-item input[type=password]:focus,
form .form-item input[type=search]:focus,
form .form-item textarea:focus {
  outline: none;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #673C28;
  background-color: transparent !important;
}
input:focus:-webkit-autofill {
  -webkit-text-fill-color: #673C28;
  background-color: transparent !important;
}

label,
.label {
  font-weight: normal;
}

form {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  border: none;
  text-align: left;
  /*.g-recaptcha{
    visibility: hidden;
    display: inline-block;
    width: 1px;
    height: 1px;
    opacity: 0;
  }*/
}
form .messages.messages--error {
  display: none;
}
form .messages.messages--status {
  float: left;
  width: 100%;
  margin: 0 0 1em;
}
form .form-item,
form .form-actions {
  margin: 0 0 1em;
}
form label,
form .label {
  font-size: 1rem;
}
form .form-item input[type=text],
form .form-item input[type=email],
form .form-item input[type=number],
form .form-item input[type=tel],
form .form-item input[type=password],
form .form-item input[type=search],
form .form-item textarea {
  font-family: "CooperHewitt", sans-serif;
  font-size: 1em;
  line-height: 1.2;
  border: 1px solid #673C28;
  color: #673C28;
  background: transparent;
  padding: 0.5em 0.5em 0.2em;
  width: 100%;
}
form .form-item input[type=text]::placeholder,
form .form-item input[type=email]::placeholder,
form .form-item input[type=number]::placeholder,
form .form-item input[type=tel]::placeholder,
form .form-item input[type=password]::placeholder,
form .form-item input[type=search]::placeholder,
form .form-item textarea::placeholder {
  color: #673C28;
  font-size: 1em;
  opacity: 1;
}
form .form-item input[type=text].error,
form .form-item input[type=email].error,
form .form-item input[type=number].error,
form .form-item input[type=tel].error,
form .form-item input[type=password].error,
form .form-item input[type=search].error,
form .form-item textarea.error {
  border: 2px solid #FF0000;
}
form .form-item textarea {
  height: 10em;
  resize: vertical;
}
form .form-item select {
  font-family: "CooperHewitt", sans-serif;
  font-size: 1em;
  line-height: 1.2;
  border: 1px solid #673C28;
  color: #673C28;
  background: transparent;
  padding: 0.5em 0.5em 0.2em;
  width: 100%;
}
form .captcha {
  float: left;
}
form .form-actions {
  text-align: right;
}
form .form-actions button {
  font-family: "HWT Artz", sans-serif;
  font-size: 1em;
  color: #FFFFFF;
  border: none;
  letter-spacing: 1px;
  background: url("../images/sprites.svg") 0 0 no-repeat transparent;
  background-size: 2000px auto;
  display: inline-block;
  width: 101px;
  height: 93.0792079208px;
  background-size: 990.099009901px auto;
  background-position: -7.9207920792px -699.0099009901px;
  font-weight: normal;
  text-align: center;
}

#rm_reservation {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 22em;
}
#rm_reservation .rm_reservation_top,
#rm_reservation .rm_reservation_bottom,
#rm_reservation #rm_logo_wrapper,
#rm_reservation .rm_restaurant_name,
#rm_reservation .rm_restaurant_city {
  display: none;
}
#rm_reservation #rm_wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
#rm_reservation .rm_header {
  color: #E47076;
  width: 100%;
  text-align: center;
}
#rm_reservation .rm_box_row {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  text-align: left;
  margin: 0 0 1em;
  position: relative;
}
#rm_reservation .rm_row_title {
  display: inline-block;
  vertical-align: top;
  margin: 0.33em 1em 0.2em 0;
  width: 5em;
  text-align: left;
  text-transform: capitalize;
  color: #E47076;
}
#rm_reservation .rm_row_value {
  position: absolute;
  top: 0;
  left: 6em;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 6em);
  z-index: 2;
}
#rm_reservation .rm_row_value input,
#rm_reservation .rm_row_value select {
  font-family: "CooperHewitt", sans-serif;
  font-size: 1em;
  line-height: 1.2;
  border: 1px solid #E47076;
  color: #E47076;
  background: transparent;
  padding: 0.5em 0.5em 0.2em;
  width: 100%;
}
#rm_reservation .rm_box_row.rm_date_row .rm_row_value {
  z-index: 10;
}
#rm_reservation .rm_box_row:nth-child(2):after,
#rm_reservation .rm_box_row:nth-child(3):after {
  content: " ";
  position: absolute;
  top: 0.35em;
  right: 0.5em;
  background: url("../images/sprites.svg") 0 0 no-repeat transparent;
  background-size: 2000px auto;
  display: inline-block;
  width: 17px;
  height: 32.6862745098px;
  background-size: 313.7254901961px auto;
  background-position: -163.4509803922px -267.7647058824px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  cursor: pointer;
  color: #E47076;
}
#rm_reservation .jcalendar {
  position: absolute;
  right: 0;
  z-index: 20;
  background: #FDF0F1;
}
#rm_reservation #jcalendar-links .left {
  text-decoration: none;
  float: left;
  line-height: 0;
  width: 100%;
}
#rm_reservation #jcalendar-links .left:before {
  content: " ";
  display: inline-block;
  vertical-align: top;
  width: 100%;
  color: #E47076;
  background: url("../images/sprites.svg") 0 0 no-repeat transparent;
  background-size: 2000px auto;
  display: inline-block;
  width: 17px;
  height: 32.6862745098px;
  background-size: 313.7254901961px auto;
  background-position: -113.4117647059px -275.6078431373px;
}
#rm_reservation #jcalendar-links .right {
  text-decoration: none;
  float: left;
  line-height: 0;
  width: 100%;
}
#rm_reservation #jcalendar-links .right:before {
  content: " ";
  display: inline-block;
  vertical-align: top;
  width: 100%;
  color: #E47076;
  background: url("../images/sprites.svg") 0 0 no-repeat transparent;
  background-size: 2000px auto;
  display: inline-block;
  width: 17px;
  height: 32.6862745098px;
  background-size: 313.7254901961px auto;
  background-position: -163.4509803922px -267.7647058824px;
}
#rm_reservation table {
  border: 1px solid #E47076;
  line-height: 2;
}
#rm_reservation table#calendar tr td {
  line-height: 2;
  padding: 0 0.4em;
  text-align: center;
  color: #E47076;
}
#rm_reservation table#calendar tr td.active {
  background: #FFFFFF;
}
#rm_reservation table#calendar tr td.active a {
  color: #E47076;
  font-weight: bold;
}
#rm_reservation table#calendar tr td.inactive {
  line-height: 2.2;
}
#rm_reservation #rm_submit_wrapper {
  float: right;
  width: 6.2em;
  height: 5.75em;
  position: relative;
}
#rm_reservation #srm_submit {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  cursor: pointer;
}
#rm_reservation .fake-button {
  font-family: "HWT Artz", sans-serif;
  font-size: 1em;
  color: #FFFFFF;
  border: none;
  letter-spacing: 1px;
  background: url("../images/sprites.svg") 0 0 no-repeat transparent;
  background-size: 2000px auto;
  display: inline-block;
  width: 101px;
  height: 93.5742574257px;
  background-size: 990.099009901px auto;
  background-position: -496.0396039604px -698.5148514851px;
  font-weight: normal;
  text-align: center;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.webform-confirmation {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0;
}
.webform-confirmation .webform-confirmation__message {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

#user-login-form,
#user-pass {
  width: 25em;
  max-width: 100%;
  margin: 13em auto 5em;
  border: 1px solid #000;
  padding: 2.5rem 3rem 2rem;
  display: block;
}

@media all and (max-width: 960px) {
  #rm_reservation #rm_submit_wrapper {
    margin: 0 33.33% 0 0;
  }
  #rm_reservation .fake-button {
    margin: 0 33.33% 0 0;
  }
}
@media all and (max-width: 650px) {
  form .form-actions {
    text-align: center;
  }
}
/* @end Forms */
/* @Header */
#Header {
  font-family: "HWT Artz", sans-serif;
  font-style: normal;
  font-weight: normal;
  position: fixed;
  display: block;
  line-height: 0;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 20;
  background-color: #FFFFFF;
}
#Header .region-header {
  position: relative;
  width: 95%;
  max-width: 1750px;
  margin: 0 2.5%;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
@media all and (max-width: 960px) {
  #Header .region-header {
    width: 100%;
    margin: 0;
  }
}

#block-thehappybull-branding {
  float: left;
  width: 5.667em;
  margin: 0.5em 0;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
#block-thehappybull-branding a img {
  width: 100%;
  height: auto;
}
@media all and (max-width: 960px) {
  #block-thehappybull-branding {
    width: 4.667em;
  }
}

.menu--main {
  display: inline-block;
  float: left;
  vertical-align: top;
  opacity: 1;
  margin: 0;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 12em;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.menu--main #MobileMenuButton {
  display: none;
  text-align: center;
  width: auto;
  height: auto;
  padding: 0;
  margin: 1.5em 0 0;
  position: fixed;
  top: 0;
  right: 1em;
  z-index: 10;
}
.menu--main #MobileMenuButton a {
  cursor: pointer;
  float: right;
}
.menu--main .menu-items-wrapper {
  float: left;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.menu--main ul.menu {
  text-align: center;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 10;
}
.menu--main ul.menu li {
  display: inline-block;
  vertical-align: top;
  float: none;
  margin: 0;
  padding: 0 0.6em;
}
.menu--main ul.menu li a {
  display: inline-block;
  width: auto;
  color: #673C28;
  line-height: 1.4;
  font-weight: 700;
  margin: 0;
  text-decoration: none;
}
@media all and (max-width: 3840px) {
  .menu--main ul.menu li a {
    font-size: 40px;
  }
}
@media all and (max-width: 1920px) {
  .menu--main ul.menu li a {
    font-size: 30px;
  }
}
@media all and (max-width: 1440px) {
  .menu--main ul.menu li a {
    font-size: 1.8vw;
  }
}
@media all and (max-width: 1023px) {
  .menu--main ul.menu li a {
    font-size: 56px;
  }
}
@media all and (max-width: 650px) {
  .menu--main ul.menu li a {
    font-size: 34px;
  }
}
.menu--main ul.menu li a:hover, .menu--main ul.menu li a.is-active {
  text-decoration: underline;
}
.menu--main ul.menu li.open ul {
  opacity: 1;
  height: auto;
}
.menu--main ul.menu li.first {
  padding-left: 0;
}
.menu--main ul.menu li.last {
  padding-right: 0;
}
.menu--main ul.menu li.beige a {
  color: #C28D2C;
}
.menu--main ul.menu li.brown a {
  color: #673C28;
}
.menu--main ul.menu li.blue a {
  color: #2397B3;
}
.menu--main ul.menu li.green a {
  color: #7FB744;
}
.menu--main ul.menu li.orange a {
  color: #E1713C;
}
.menu--main ul.menu li.rose a {
  color: #E47076;
}
.menu--main ul.menu li.reservation a, .menu--main ul.menu li.reservering a {
  color: #E47076;
}
.menu--main ul.menu li.reservation a.is-active, .menu--main ul.menu li.reservering a.is-active {
  text-decoration: none;
}
.menu--main ul.menu li.reservation a:hover, .menu--main ul.menu li.reservering a:hover {
  text-decoration: underline;
}

.language-switcher-language-url {
  position: absolute;
  top: 50%;
  right: 7.5em;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.language-switcher-language-url ul li {
  list-style-type: none;
  display: block;
  float: left;
  margin: 0;
}
.language-switcher-language-url ul li a {
  color: #2397B3;
  line-height: 1.5;
  position: relative;
  padding: 0;
  text-decoration: none;
  text-transform: uppercase;
  float: left;
  display: block;
}
.language-switcher-language-url ul li a .langcode {
  float: left;
  margin: 0 0.25em 0 0;
}
.language-switcher-language-url ul li a:hover, .language-switcher-language-url ul li a.is-active {
  color: #2397B3;
}
@media all and (max-width: 3840px) {
  .language-switcher-language-url ul li a {
    font-size: 26px;
  }
}
@media all and (max-width: 1920px) {
  .language-switcher-language-url ul li a {
    font-size: 21px;
  }
}
@media all and (max-width: 1440px) {
  .language-switcher-language-url ul li a {
    font-size: 1.45vw;
  }
}
@media all and (max-width: 1023px) {
  .language-switcher-language-url ul li a {
    font-size: 36px;
  }
}
@media all and (max-width: 650px) {
  .language-switcher-language-url ul li a {
    font-size: 28px;
  }
}
.language-switcher-language-url ul li:last-child a .langcode {
  margin: 0 0.25em;
}
.language-switcher-language-url .switcher-wrapper {
  position: relative;
}
.language-switcher-language-url .switcher-wrapper .languege-switcher-left,
.language-switcher-language-url .switcher-wrapper .languege-switcher-right {
  float: left;
  width: 0.8em;
  margin: 0.25em 0 0;
}
.language-switcher-language-url .switcher-wrapper .languege-switcher-circle {
  display: none;
  position: absolute;
  top: 0.4em;
  width: 0.6em;
  right: 0;
  left: inherit;
}
.language-switcher-language-url .switcher-wrapper.is-active .languege-switcher-circle {
  display: block;
}
.language-switcher-language-url .switcher-wrapper.switcher-right .langcode {
  float: right;
}
.language-switcher-language-url .switcher-wrapper.switcher-right.is-active .languege-switcher-circle {
  left: 0;
  right: inherit;
}

#block-socialmedia {
  position: absolute;
  top: 47.5%;
  right: 0;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.toolbar-horizontal #Header {
  top: 39px;
}
.toolbar-horizontal.toolbar-tray-open #Header {
  top: 80px;
}

.toolbar-vertical #Header {
  top: 39px;
}

.scroll-bottom.scroll-top #Header {
  background-color: transparent;
}
.scroll-bottom.scroll-top #block-thehappybull-branding {
  width: 9.35em;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
@media all and (max-width: 960px) {
  .scroll-bottom.scroll-top #block-thehappybull-branding {
    width: 6.35em;
  }
}
.scroll-bottom.scroll-top .menu--main #MobileMenuButton {
  margin: 2.5em 0 0;
}

.toolbar-horizontal .menu--main #MobileMenuButton {
  margin: 3.75em 0 0;
}
.toolbar-horizontal.scroll-bottom.scroll-top .menu--main #MobileMenuButton {
  margin: 5em 0 0;
}

.toolbar-vertical .menu--main #MobileMenuButton {
  margin: 3.75em 0 0;
}
.toolbar-vertical.scroll-bottom.scroll-top .menu--main #MobileMenuButton {
  margin: 5em 0 0;
}

@media all and (max-width: 1023px) {
  #Header {
    top: 0;
  }
  .menu--main {
    margin: 0;
    position: relative;
    float: right;
    top: inherit;
    left: inherit;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
  }
  .menu--main #MobileMenuButton {
    display: inline-block;
  }
  .menu--main ul.menu {
    display: none;
    width: 24em;
    height: auto;
  }
  .menu--main ul.menu li {
    margin: 0 0 0 2em;
    padding: 0;
    width: calc(100% - 2em);
    text-align: left;
  }
  .menu--main ul.menu li a {
    padding: 0;
  }
  .menu--main ul.menu li a.is-active {
    padding: 0;
  }
  .menu--main ul.menu li.menu-item--active-trail a, .menu--main ul.menu li:hover a {
    padding: 0;
  }
  .language-switcher-language-url {
    right: 4rem;
    margin: 0;
  }
  #block-language-switcher-block,
  #block-socialmedia {
    display: none;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
  }
  .scroll-bottom.scroll-top #Navigation {
    top: 0;
    padding: 3em 0 0;
  }
  .toolbar-vertical #Header {
    top: 39px;
  }
  .mobileMenu .menu--main {
    display: inline-block;
    text-align: right;
    z-index: 2;
  }
  .mobileMenu .menu--main ul.menu {
    display: inline-block;
  }
  .mobileMenu .menu--main .menu-items-wrapper {
    position: fixed;
    width: 24em;
    background: #F7ECD4;
    top: 0;
    right: 0;
    height: 100%;
    margin: 0;
    padding: 3em 0 0;
  }
  .mobileMenu #block-language-switcher-block {
    position: fixed;
    bottom: 0.1em;
    right: 13.2em;
    top: inherit;
    z-index: 5;
    display: block;
    margin: 0 !important;
  }
  .mobileMenu #block-socialmedia {
    position: fixed;
    bottom: 1em;
    right: 1em;
    top: inherit;
    z-index: 5;
    display: block;
    margin: 0 !important;
  }
  .mobileMenu.toolbar-vertical .menu-items-wrapper {
    padding: 3em 0 0;
  }
  .mobileMenu.toolbar-vertical.scroll-bottom.scroll-top .menu-items-wrapper {
    padding: 5em 0 0;
  }
}
@media all and (max-width: 960px) {
  #Header .region-header {
    padding: 0 1em;
  }
}
@media all and (max-width: 650px) {
  .mobileMenu {
    overflow: hidden;
  }
  .mobileMenu #Header {
    height: 100%;
    overflow: hidden;
  }
  .mobileMenu .menu--main {
    width: 100%;
    height: 100%;
  }
  .mobileMenu .menu--main .menu-items-wrapper {
    width: 100%;
  }
  .mobileMenu .menu--main ul.menu {
    width: 100%;
  }
  .mobileMenu #block-language-switcher-block {
    right: inherit;
    left: 2em;
  }
}
@media all and (max-width: 480px) {
  .mobileMenu #block-language-switcher-block {
    bottom: -0.1em;
  }
  .mobileMenu #block-socialmedia {
    bottom: 0;
  }
}
/* @end Header */
/* @Main */
#Main {
  min-height: 30em;
}

.page-node-12 #Main {
  min-height: 0;
}

#Main #block-thehappybull-local-tasks {
  width: 0;
  height: 0;
  float: left;
}

.block-html-code {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: #FDF0F1;
  text-align: center;
}
.block-html-code .container, .block-html-code .footer-wrapper {
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: left;
}
.block-html-code .field--name-body {
  float: left;
  width: 45%;
  margin: 0 5% 0 0;
}
.block-html-code .field--name-field-code {
  float: left;
  width: 50%;
  text-align: center;
  margin: 6em 0 0;
}

.block-webform-block {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  background: #FDF0F1;
  text-align: center;
}
.block-webform-block .container, .block-webform-block .footer-wrapper {
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: left;
}
.block-webform-block .field--name-body {
  float: left;
  width: 45%;
  margin: 0 5% 0 0;
}
.block-webform-block .field--name-field-webform {
  float: left;
  width: 50%;
  text-align: center;
  margin: 3em 0 0;
}

#block-reservation .field--name-body,
#block-makeareservation .field--name-body {
  color: #E47076;
}
#block-reservation .field--name-body h2,
#block-makeareservation .field--name-body h2 {
  color: #E47076;
}
#block-reservation .field--name-body p a,
#block-reservation .field--name-body ul a,
#block-makeareservation .field--name-body p a,
#block-makeareservation .field--name-body ul a {
  color: #E47076;
}

#Sitemap {
  position: relative;
  width: 95%;
  max-width: 1750px;
  margin: 0 2.5%;
  padding: 0;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
@media all and (max-width: 960px) {
  #Sitemap {
    width: 100%;
    margin: 0;
  }
}
#Sitemap .list-items {
  margin: 0 0 0 4.5em;
  list-style: none;
}
#Sitemap .list-items a {
  text-decoration: none;
}
#Sitemap .list-items a:hover {
  text-decoration: none;
}

#Copyright {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: center;
}
#Copyright .link {
  display: inline-block;
  vertical-align: top;
  padding: 0;
  font-size: 0.8em;
}
#Copyright .link:after {
  content: "|";
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 0.25em;
  color: #673C28;
}
#Copyright .link.last:after {
  display: none;
}

.sliding-popup-bottom,
.sliding-popup-top {
  z-index: 9999999999;
}

.eu-cookie-compliance-banner {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #673C28;
  padding: 5px 0 0;
}

.eu-cookie-compliance-message p {
  font-weight: 300;
  font-size: 14px;
}
.eu-cookie-compliance-message a {
  font-weight: bold;
}

.eu-cookie-compliance-buttons {
  margin: 0.5em 0 0;
}

.eu-cookie-compliance-agree-button,
.eu-cookie-compliance-more-button,
.eu-cookie-compliance-hide-button,
.eu-cookie-compliance-default-button,
.disagree-button.eu-cookie-compliance-more-button {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  font-weight: normal;
  line-height: 1.5rem;
  text-align: center;
  background: transparent;
  display: inline-block;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 1px solid #673C28;
  color: #673C28;
  cursor: pointer;
  width: auto;
  padding: 0.5rem 1.5rem;
  margin: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0.25em 0;
}
.eu-cookie-compliance-agree-button:hover,
.eu-cookie-compliance-more-button:hover,
.eu-cookie-compliance-hide-button:hover,
.eu-cookie-compliance-default-button:hover,
.disagree-button.eu-cookie-compliance-more-button:hover {
  background: transparent;
  border: 1px solid #000000;
  color: #000000;
}

.gallery {
  width: 100%;
  text-align: center;
  padding: 3em 0;
  max-width: 1200px;
  display: inline-block;
  vertical-align: top;
}
.gallery h3 {
  display: inline-block;
  color: #BFA288;
}
.gallery .follow-us {
  float: right;
  position: relative;
  margin: -1.25em 0 1.5em;
}
.gallery .follow-us .text {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
  text-align: center;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-family: "HWT Artz", serif;
  color: white;
  letter-spacing: 0.5px;
  font-weight: normal;
  line-height: 1;
  font-size: 0.95em;
}

#instawidget_instagram {
  max-width: 1200px;
}
#instawidget_instagram .instawidget_instagram_header,
#instawidget_instagram #insta_load {
  display: none;
}

#block-instagramwidget {
  background: #F9F3E9;
}
#block-instagramwidget.block-html-code .field--name-field-code,
#block-instagramwidget.block-html-code .container,
#block-instagramwidget.block-html-code .footer-wrapper {
  margin: 0;
  width: 100%;
}

@media all and (max-width: 960px) {
  .block-html-code .container, .block-html-code .footer-wrapper {
    margin: 2em 0;
    padding: 0 1.5em;
  }
  .block-html-code .field--name-body,
  .block-html-code .field--name-field-code {
    width: 100%;
    margin: 0;
  }
  .block-webform-block .container, .block-webform-block .footer-wrapper {
    margin: 2em 0;
    padding: 0 1.5em;
  }
  .block-webform-block .field--name-body,
  .block-webform-block .field--name-field-webform {
    width: 100%;
    margin: 0;
  }
}
@media all and (max-width: 767px) {
  .eu-cookie-compliance-message {
    width: 100%;
    max-width: 100%;
    display: inline-block;
    margin: 5px 0 0;
    vertical-align: top;
  }
  .eu-cookie-compliance-buttons {
    width: 100%;
    float: none;
    margin: 10px 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    max-width: 100%;
  }
  .eu-cookie-compliance-buttons button {
    display: inline-block;
    float: none;
    margin: 0 0.5rem;
    vertical-align: top;
  }
}
@media all and (max-width: 960px) {
  .gallery .container, .gallery .footer-wrapper {
    padding: 0 1em;
  }
}
@media all and (max-width: 650px) {
  #Copyright .link {
    display: block;
  }
  #Copyright .link:after {
    display: none;
  }
}
@media all and (max-width: 480px) {
  #instawidget_instagram #insta_images {
    padding: 0 !important;
  }
  #instawidget_instagram #insta_images .insta_item {
    margin: 0 0 10px !important;
  }
}
/* @end Main */
/** Footer **/
#Footer {
  text-align: center;
}

.region-footer .block-html-code {
  background: transparent;
  width: auto;
}
.region-footer .block-html-code .field--name-field-code {
  width: 100%;
  margin: 0;
}

.footer-wrapper {
  margin: 2em 2.5% 0.5em;
  float: none;
}
.footer-wrapper .column {
  text-align: left;
}
.footer-wrapper .column h3 {
  display: inline-block;
  width: 100%;
  text-align: left;
}
.footer-wrapper .column.logo {
  width: 20%;
}
.footer-wrapper .column.contact {
  width: 27.5%;
  padding: 0 0 0 7.5%;
}
.footer-wrapper .column.opening-hours {
  width: 27.5%;
}
.footer-wrapper .column.opening-hours .text-formatted p, .footer-wrapper .column.opening-hours .text-formatted ul {
  margin: 0;
}
.footer-wrapper .column.tripadvisor {
  text-align: left;
}
.footer-wrapper .column.tripadvisor #CDSWIDCOE {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 2em;
}
.footer-wrapper .column.tripadvisor #CDSSCROLLINGRAVE {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 0;
}
.footer-wrapper .contact-info,
.footer-wrapper .opening-hours-info {
  display: block;
  width: 100%;
  padding: 0 0 0 2em;
}
.footer-wrapper .contact-info a,
.footer-wrapper .opening-hours-info a {
  text-decoration: none;
}
.footer-wrapper .social-media-wrapper {
  max-width: 100%;
  margin: 1.5em 0 0;
}

#block-chat .fb_dialog {
  z-index: 10 !important;
}

@media all and (max-width: 1100px) {
  .footer-wrapper .column.contact {
    padding: 0 0 0 5%;
  }
  .footer-wrapper .column.opening-hours {
    width: 27.5%;
  }
  .footer-wrapper .contact-info,
  .footer-wrapper .opening-hours-info {
    padding: 0 0 0 1.25em;
  }
}
@media all and (max-width: 960px) {
  .footer-wrapper {
    margin: 2em 0 0.5em;
  }
  .footer-wrapper .column {
    height: 15em;
  }
  .footer-wrapper .column h3 {
    text-align: center;
  }
  .footer-wrapper .column.logo {
    width: 50%;
    padding: 0;
    text-align: center;
  }
  .footer-wrapper .column.contact, .footer-wrapper .column.opening-hours {
    width: 50%;
    padding: 0;
    text-align: center;
  }
  .footer-wrapper .column.contact .inner, .footer-wrapper .column.opening-hours .inner {
    display: inline-block;
    vertical-align: top;
    text-align: center;
  }
  .footer-wrapper .column.tripadvisor {
    width: 50%;
    padding: 0;
    text-align: center;
  }
  .footer-wrapper .column.tripadvisor #CDSSCROLLINGRAVE {
    float: left;
  }
  .footer-wrapper .column.tripadvisor.column.col-4 {
    padding-right: 5%;
  }
  .footer-wrapper .contact-info,
  .footer-wrapper .opening-hours-info {
    display: inline-block;
    vertical-align: top;
    padding: 0;
    width: auto;
    text-align: left;
  }
  .footer-wrapper .opening-hours-info {
    padding: 0 0 0 10%;
  }
}
@media all and (max-width: 650px) {
  .footer-wrapper .column {
    height: auto;
  }
  .footer-wrapper .column.logo {
    width: 100%;
    padding: 0 !important;
    text-align: center;
    margin: 0 0 2em;
  }
  .footer-wrapper .column.contact, .footer-wrapper .column.opening-hours {
    width: 100%;
    margin: 0 0 2em;
    text-align: center;
  }
  .footer-wrapper .column.contact .inner, .footer-wrapper .column.opening-hours .inner {
    margin: 0;
  }
  .footer-wrapper .column.tripadvisor {
    width: 100%;
    padding: 0 5% !important;
    text-align: center;
  }
  .footer-wrapper .column.tripadvisor.column.col-4 {
    padding-right: 5%;
  }
}
/** end Footer **/
/* @Home */
.node--type-home {
  position: relative;
}
.node--type-home .slider,
.node--type-home .player-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.node--type-home .slider .text,
.node--type-home .player-wrapper .text {
  position: absolute;
  top: 50%;
  left: 5%;
  width: 90%;
  z-index: 10;
  color: #FFFFFF;
  text-align: center;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.node--type-home .slider .text h2,
.node--type-home .player-wrapper .text h2 {
  display: inline-block;
  margin: 0;
  color: #FFFFFF;
}
.node--type-home .slider .stamps-wrapper,
.node--type-home .player-wrapper .stamps-wrapper {
  position: absolute;
  bottom: 2.5em;
  right: 10%;
  z-index: 10;
}
.node--type-home .slider .stamps-wrapper .stamps-wrapper,
.node--type-home .player-wrapper .stamps-wrapper .stamps-wrapper {
  float: left;
}
.node--type-home .slider .stamps-wrapper .we-do-catering,
.node--type-home .player-wrapper .stamps-wrapper .we-do-catering {
  float: left;
  width: 6.771vw;
}
.node--type-home .slider .stamps-wrapper .also-take-away,
.node--type-home .player-wrapper .stamps-wrapper .also-take-away {
  float: right;
  width: 6.771vw;
  margin: 3.4vw 0 0;
}
.node--type-home .player-wrapper {
  width: 100%;
  height: 800px;
}
.node--type-home .player-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.node--type-home .introduction {
  text-align: left;
  margin-top: 4em;
  margin-bottom: 2em;
}
.node--type-home .introduction .text {
  float: left;
  width: 45%;
  margin: 0 5% 0 0;
}
.node--type-home .introduction .reservation {
  float: left;
  width: 50%;
  text-align: center;
  padding: 0;
  position: relative;
}
.node--type-home .introduction .image {
  float: left;
  width: 100%;
  text-align: center;
  margin: -2em 0 6em;
  position: relative;
}
.node--type-home .introduction .image .logo {
  position: absolute;
  top: 2em;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.node--type-home .introduction .image .pink-circle {
  margin: 0 0 0 3em;
}
.node--type-home .introduction .form {
  display: inline-block;
  vertical-align: top;
  padding: 1em;
  background: #FDF0F1;
  width: 100%;
  max-width: calc(571px + 2em);
}
.node--type-home .introduction .form div,
.node--type-home .introduction .form iframe {
  width: 100% !important;
  z-index: 10 !important;
}
.node--type-home .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.node--type-home .play-button,
.node--type-home .pause-button {
  position: absolute;
  bottom: 1em;
  left: 1em;
  z-index: 3;
  opacity: 0.5;
  display: block;
}
.node--type-home .play-button:hover,
.node--type-home .pause-button:hover {
  opacity: 1;
}
.node--type-home .play-button.hide,
.node--type-home .pause-button.hide {
  display: none;
}

.node.node--type-home {
  margin-top: 0;
}

@media all and (max-width: 960px) {
  .node--type-home .slider .text,
  .node--type-home .player-wrapper .text {
    left: 10%;
    width: 80%;
  }
  .node--type-home .slider .stamps-wrapper .we-do-catering,
  .node--type-home .player-wrapper .stamps-wrapper .we-do-catering {
    width: 13.56vw;
  }
  .node--type-home .slider .stamps-wrapper .also-take-away,
  .node--type-home .player-wrapper .stamps-wrapper .also-take-away {
    width: 13.56vw;
    margin: 6.5vw 0 0;
  }
  .node--type-home .introduction .text,
  .node--type-home .introduction .reservation {
    width: 100%;
    margin: 0;
    padding: 0 1.5em;
  }
  .node--type-home .introduction .image {
    margin: 0 0 6em;
  }
}
@media all and (max-width: 650px) {
  .node--type-home .slider .text,
  .node--type-home .player-wrapper .text {
    left: 12%;
    width: 76%;
  }
  .node--type-home .slider .stamps-wrapper .we-do-catering,
  .node--type-home .player-wrapper .stamps-wrapper .we-do-catering {
    width: 20vw;
  }
  .node--type-home .slider .stamps-wrapper .also-take-away,
  .node--type-home .player-wrapper .stamps-wrapper .also-take-away {
    width: 20vw;
    margin: 10.5vw 0 0;
  }
}
@media all and (max-width: 480px) {
  .node--type-home .slider .stamps-wrapper .we-do-catering,
  .node--type-home .player-wrapper .stamps-wrapper .we-do-catering {
    width: 25vw;
  }
  .node--type-home .slider .stamps-wrapper .also-take-away,
  .node--type-home .player-wrapper .stamps-wrapper .also-take-away {
    width: 25vw;
    margin: 13.5vw 0 0;
  }
  .node--type-home .introduction .image .pink-circle {
    margin: 0;
  }
}
/* @end Home */
/* @Page */
.path-node #Main {
  margin: 9em 0 0;
  background: #FFFFFF;
}
.path-node .node a:not(.spot) {
  text-decoration: none;
}
.path-node .node a:not(.spot):hover {
  text-decoration: underline;
}
.path-node .node form .form-item {
  margin: 0 1em 1em 0;
  display: inline-block;
  width: calc(100% - 8em);
  vertical-align: bottom;
}
.path-node .node form .form-item input[type=text].error,
.path-node .node form .form-item input[type=email].error,
.path-node .node form .form-item input[type=number].error,
.path-node .node form .form-item input[type=tel].error,
.path-node .node form .form-item input[type=password].error,
.path-node .node form .form-item input[type=search].error,
.path-node .node form .form-item textarea.error {
  border: 2px solid #FF0000;
}
.path-node .node form .form-actions {
  display: inline-block;
  width: auto;
  vertical-align: bottom;
  margin: 0 0 3em;
}
.path-node.background-color-beige #Main,
.path-node.background-color-beige #ContentBottom {
  background: #F9F3E9;
}
.path-node.background-color-beige .node .label,
.path-node.background-color-beige .node h1, .path-node.background-color-beige .node .h1,
.path-node.background-color-beige .node h2, .path-node.background-color-beige .node .h2,
.path-node.background-color-beige .node h3, .path-node.background-color-beige .node .h3, .path-node.background-color-beige .node #rm_reservation .rm_header, #rm_reservation .path-node.background-color-beige .node .rm_header,
.path-node.background-color-beige .node h4, .path-node.background-color-beige .node .h4,
.path-node.background-color-beige .node a:not(.spot) {
  color: #C28D2C;
}
.path-node.background-color-beige .node .button {
  color: #FFFFFF;
  border-color: #C28D2C;
}
.path-node.background-color-beige .node form .label {
  color: #C28D2C;
}
.path-node.background-color-beige .node form .form-item input[type=text],
.path-node.background-color-beige .node form .form-item input[type=email],
.path-node.background-color-beige .node form .form-item input[type=number],
.path-node.background-color-beige .node form .form-item input[type=tel],
.path-node.background-color-beige .node form .form-item input[type=password],
.path-node.background-color-beige .node form .form-item input[type=search],
.path-node.background-color-beige .node form .form-item textarea {
  border: 1px solid #C28D2C;
  color: #C28D2C;
}
.path-node.background-color-beige .node form .form-item input[type=text]::placeholder,
.path-node.background-color-beige .node form .form-item input[type=email]::placeholder,
.path-node.background-color-beige .node form .form-item input[type=number]::placeholder,
.path-node.background-color-beige .node form .form-item input[type=tel]::placeholder,
.path-node.background-color-beige .node form .form-item input[type=password]::placeholder,
.path-node.background-color-beige .node form .form-item input[type=search]::placeholder,
.path-node.background-color-beige .node form .form-item textarea::placeholder {
  color: #C28D2C;
}
.path-node.background-color-beige .node form .form-item input[type=text].error,
.path-node.background-color-beige .node form .form-item input[type=email].error,
.path-node.background-color-beige .node form .form-item input[type=number].error,
.path-node.background-color-beige .node form .form-item input[type=tel].error,
.path-node.background-color-beige .node form .form-item input[type=password].error,
.path-node.background-color-beige .node form .form-item input[type=search].error,
.path-node.background-color-beige .node form .form-item textarea.error {
  border: 2px solid #FF0000;
}
.path-node.background-color-brown #Main,
.path-node.background-color-brown #ContentBottom {
  background: #BFA288;
}
.path-node.background-color-brown #Main .node .label,
.path-node.background-color-brown #Main .node h1, .path-node.background-color-brown #Main .node .h1,
.path-node.background-color-brown #Main .node h2, .path-node.background-color-brown #Main .node .h2,
.path-node.background-color-brown #Main .node h3, .path-node.background-color-brown #Main .node .h3, .path-node.background-color-brown #Main .node #rm_reservation .rm_header, #rm_reservation .path-node.background-color-brown #Main .node .rm_header,
.path-node.background-color-brown #Main .node h4, .path-node.background-color-brown #Main .node .h4,
.path-node.background-color-brown #Main .node a:not(.spot),
.path-node.background-color-brown #ContentBottom .node .label,
.path-node.background-color-brown #ContentBottom .node h1,
.path-node.background-color-brown #ContentBottom .node .h1,
.path-node.background-color-brown #ContentBottom .node h2,
.path-node.background-color-brown #ContentBottom .node .h2,
.path-node.background-color-brown #ContentBottom .node h3,
.path-node.background-color-brown #ContentBottom .node .h3,
.path-node.background-color-brown #ContentBottom .node #rm_reservation .rm_header,
#rm_reservation .path-node.background-color-brown #ContentBottom .node .rm_header,
.path-node.background-color-brown #ContentBottom .node h4,
.path-node.background-color-brown #ContentBottom .node .h4,
.path-node.background-color-brown #ContentBottom .node a:not(.spot) {
  color: #673C28;
}
.path-node.background-color-brown #Main .node .button,
.path-node.background-color-brown #ContentBottom .node .button {
  color: #FFFFFF;
  border-color: #673C28;
}
.path-node.background-color-blue #Main,
.path-node.background-color-blue #ContentBottom {
  background: rgba(35, 151, 179, 0.1);
}
.path-node.background-color-blue .node .label,
.path-node.background-color-blue .node h1, .path-node.background-color-blue .node .h1,
.path-node.background-color-blue .node h2, .path-node.background-color-blue .node .h2,
.path-node.background-color-blue .node h3, .path-node.background-color-blue .node .h3, .path-node.background-color-blue .node #rm_reservation .rm_header, #rm_reservation .path-node.background-color-blue .node .rm_header,
.path-node.background-color-blue .node h4, .path-node.background-color-blue .node .h4,
.path-node.background-color-blue .node a:not(.spot) {
  color: #2397B3;
}
.path-node.background-color-blue .node .button {
  color: #FFFFFF;
  border-color: #2397B3;
}
.path-node.background-color-blue .node form .label {
  color: #2397B3;
}
.path-node.background-color-blue .node form .form-item input[type=text],
.path-node.background-color-blue .node form .form-item input[type=email],
.path-node.background-color-blue .node form .form-item input[type=number],
.path-node.background-color-blue .node form .form-item input[type=tel],
.path-node.background-color-blue .node form .form-item input[type=password],
.path-node.background-color-blue .node form .form-item input[type=search],
.path-node.background-color-blue .node form .form-item textarea {
  border: 1px solid #2397B3;
  color: #2397B3;
}
.path-node.background-color-blue .node form .form-item input[type=text]::placeholder,
.path-node.background-color-blue .node form .form-item input[type=email]::placeholder,
.path-node.background-color-blue .node form .form-item input[type=number]::placeholder,
.path-node.background-color-blue .node form .form-item input[type=tel]::placeholder,
.path-node.background-color-blue .node form .form-item input[type=password]::placeholder,
.path-node.background-color-blue .node form .form-item input[type=search]::placeholder,
.path-node.background-color-blue .node form .form-item textarea::placeholder {
  color: #2397B3;
}
.path-node.background-color-blue .node form .form-item input[type=text].error,
.path-node.background-color-blue .node form .form-item input[type=email].error,
.path-node.background-color-blue .node form .form-item input[type=number].error,
.path-node.background-color-blue .node form .form-item input[type=tel].error,
.path-node.background-color-blue .node form .form-item input[type=password].error,
.path-node.background-color-blue .node form .form-item input[type=search].error,
.path-node.background-color-blue .node form .form-item textarea.error {
  border: 2px solid #FF0000;
}
.path-node.background-color-green #Main,
.path-node.background-color-green #ContentBottom {
  background: #F2F8EC;
}
.path-node.background-color-green .node .label,
.path-node.background-color-green .node h1, .path-node.background-color-green .node .h1,
.path-node.background-color-green .node h2, .path-node.background-color-green .node .h2,
.path-node.background-color-green .node h3, .path-node.background-color-green .node .h3, .path-node.background-color-green .node #rm_reservation .rm_header, #rm_reservation .path-node.background-color-green .node .rm_header,
.path-node.background-color-green .node h4, .path-node.background-color-green .node .h4,
.path-node.background-color-green .node a:not(.spot) {
  color: #7FB744;
}
.path-node.background-color-green .node .button {
  color: #FFFFFF;
  border-color: #7FB744;
}
.path-node.background-color-green .node form .label {
  color: #7FB744;
}
.path-node.background-color-green .node form .form-item input[type=text],
.path-node.background-color-green .node form .form-item input[type=email],
.path-node.background-color-green .node form .form-item input[type=number],
.path-node.background-color-green .node form .form-item input[type=tel],
.path-node.background-color-green .node form .form-item input[type=password],
.path-node.background-color-green .node form .form-item input[type=search],
.path-node.background-color-green .node form .form-item textarea {
  border: 1px solid #7FB744;
  color: #7FB744;
}
.path-node.background-color-green .node form .form-item input[type=text]::placeholder,
.path-node.background-color-green .node form .form-item input[type=email]::placeholder,
.path-node.background-color-green .node form .form-item input[type=number]::placeholder,
.path-node.background-color-green .node form .form-item input[type=tel]::placeholder,
.path-node.background-color-green .node form .form-item input[type=password]::placeholder,
.path-node.background-color-green .node form .form-item input[type=search]::placeholder,
.path-node.background-color-green .node form .form-item textarea::placeholder {
  color: #7FB744;
}
.path-node.background-color-green .node form .form-item input[type=text].error,
.path-node.background-color-green .node form .form-item input[type=email].error,
.path-node.background-color-green .node form .form-item input[type=number].error,
.path-node.background-color-green .node form .form-item input[type=tel].error,
.path-node.background-color-green .node form .form-item input[type=password].error,
.path-node.background-color-green .node form .form-item input[type=search].error,
.path-node.background-color-green .node form .form-item textarea.error {
  border: 2px solid #FF0000;
}
.path-node.background-color-green .node form .form-actions button {
  background: url("../images/sprites.svg") 0 0 no-repeat transparent;
  background-size: 2000px auto;
  display: inline-block;
  width: 101px;
  height: 93px;
  background-size: 1000px auto;
  background-position: -163.5px -710.5px;
}
.path-node.background-color-orange #Main,
.path-node.background-color-orange #ContentBottom {
  background: #FCF0EB;
}
.path-node.background-color-orange .node .label,
.path-node.background-color-orange .node h1, .path-node.background-color-orange .node .h1,
.path-node.background-color-orange .node h2, .path-node.background-color-orange .node .h2,
.path-node.background-color-orange .node h3, .path-node.background-color-orange .node .h3, .path-node.background-color-orange .node #rm_reservation .rm_header, #rm_reservation .path-node.background-color-orange .node .rm_header,
.path-node.background-color-orange .node h4, .path-node.background-color-orange .node .h4,
.path-node.background-color-orange .node a:not(.spot) {
  color: #E1713C;
}
.path-node.background-color-orange .node .button {
  color: #FFFFFF;
  border-color: #E1713C;
}
.path-node.background-color-orange .node form .label {
  color: #E1713C;
}
.path-node.background-color-orange .node form .form-item input[type=text],
.path-node.background-color-orange .node form .form-item input[type=email],
.path-node.background-color-orange .node form .form-item input[type=number],
.path-node.background-color-orange .node form .form-item input[type=tel],
.path-node.background-color-orange .node form .form-item input[type=password],
.path-node.background-color-orange .node form .form-item input[type=search],
.path-node.background-color-orange .node form .form-item textarea {
  border: 1px solid #E1713C;
  color: #E1713C;
}
.path-node.background-color-orange .node form .form-item input[type=text]::placeholder,
.path-node.background-color-orange .node form .form-item input[type=email]::placeholder,
.path-node.background-color-orange .node form .form-item input[type=number]::placeholder,
.path-node.background-color-orange .node form .form-item input[type=tel]::placeholder,
.path-node.background-color-orange .node form .form-item input[type=password]::placeholder,
.path-node.background-color-orange .node form .form-item input[type=search]::placeholder,
.path-node.background-color-orange .node form .form-item textarea::placeholder {
  color: #E1713C;
}
.path-node.background-color-orange .node form .form-item input[type=text].error,
.path-node.background-color-orange .node form .form-item input[type=email].error,
.path-node.background-color-orange .node form .form-item input[type=number].error,
.path-node.background-color-orange .node form .form-item input[type=tel].error,
.path-node.background-color-orange .node form .form-item input[type=password].error,
.path-node.background-color-orange .node form .form-item input[type=search].error,
.path-node.background-color-orange .node form .form-item textarea.error {
  border: 2px solid #FF0000;
}
.path-node.background-color-orange .node form .form-actions button {
  background: url("../images/sprites.svg") 0 0 no-repeat transparent;
  background-size: 2000px auto;
  display: inline-block;
  width: 101px;
  height: 92.0447761194px;
  background-size: 995.0248756219px auto;
  background-position: -330.8457711443px -702.9850746269px;
}
.path-node.background-color-rose #Main,
.path-node.background-color-rose #ContentBottom {
  background: #FDF0F1;
}
.path-node.background-color-rose .node .label,
.path-node.background-color-rose .node h1, .path-node.background-color-rose .node .h1,
.path-node.background-color-rose .node h2, .path-node.background-color-rose .node .h2,
.path-node.background-color-rose .node h3, .path-node.background-color-rose .node .h3, .path-node.background-color-rose .node #rm_reservation .rm_header, #rm_reservation .path-node.background-color-rose .node .rm_header,
.path-node.background-color-rose .node h4, .path-node.background-color-rose .node .h4,
.path-node.background-color-rose .node a:not(.spot) {
  color: #E47076;
}
.path-node.background-color-rose .node .button {
  color: #FFFFFF;
  border-color: #E47076;
}

.node {
  margin-top: 3em;
  margin-bottom: 3em;
}
.node .columns.two-columns .column.col-1 {
  padding: 0 5% 0 0;
}
.node .columns.two-columns .column.col-2 {
  padding: 0 10% 0 5%;
}
.node .columns.two-columns .column.col-2.no-image {
  margin: 5.5em 0 0;
}
.node .field--name-field-image {
  float: left;
  width: 100%;
}
.node .field--name-field-image img {
  width: 100%;
  height: auto;
  max-width: 18em;
  margin: 0 0 1em;
}
.node .field--name-field-text2.text-formatted p, .node .field--name-field-text2.text-formatted ul {
  margin: 0;
}

@media all and (max-width: 960px) {
  .node .columns.two-columns .column.col-1,
  .node .columns.two-columns .column.col-2 {
    padding: 0 1.5em;
  }
  .node .field--name-field-image img {
    max-width: 15em;
    margin: 0 0 3em;
  }
  .node .field--name-field-text2 {
    margin: 0;
  }
  .node .field--name-field-text2.text-formatted p, .node .field--name-field-text2.text-formatted ul {
    margin: 0 0 0 2em;
  }
}
@media all and (max-width: 650px) {
  .node .field--name-field-image {
    text-align: center;
  }
  .node .field--name-field-text2.text-formatted p, .node .field--name-field-text2.text-formatted ul {
    margin: 0;
  }
  .path-node .node form .form-item,
  .path-node .node form .form-actions {
    margin: 0 0 1em;
    width: 100%;
    vertical-align: top;
  }
  .path-node .node form .form-actions {
    margin: 1em 0 2em;
  }
}
/* @end Page */
/* @Menu */
.path-node.page-node-type-menu #Main {
  background: #F9F3E9;
}

.node--type-menu {
  position: relative;
  overflow: hidden;
  margin-bottom: 3em;
}

.menu-tabs {
  float: left;
  width: 100%;
}
.menu-tabs .menu-tabs-links {
  float: left;
  width: 100%;
  padding: 0 0 1em 4.6em;
  list-style: none;
  text-align: left;
}
.menu-tabs .menu-tabs-links .menu-tabs-link-item {
  display: inline-block;
  vertical-align: top;
  margin: 0 2.8em 1em 0;
}
.menu-tabs .menu-tabs-links .menu-tabs-link-item a {
  font-family: "HWT Artz", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  margin: 0 0 0.5em;
  font-size: 1.7647058824em;
  color: #BFA288;
  text-decoration: none;
}
@media (max-width: 960px) {
  .menu-tabs .menu-tabs-links .menu-tabs-link-item a {
    font-size: 1.4647058824em;
  }
}
@media (max-width: 650px) {
  .menu-tabs .menu-tabs-links .menu-tabs-link-item a {
    font-size: 1.3352941176em;
  }
}
.menu-tabs .menu-tabs-links .menu-tabs-link-item a:hover, .menu-tabs .menu-tabs-links .menu-tabs-link-item a.active {
  color: #E47076;
}
.menu-tabs .menu-tabs-links .menu-tabs-link-item a.active {
  text-decoration: underline;
}
.menu-tabs .menu-tabs-content {
  float: left;
  width: 100%;
  padding: 0 8em 0 13.65em;
}
.menu-tabs .menu-tabs-content .menu-tabs-content-item {
  float: left;
  width: 100%;
  margin: 0;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  visibility: hidden;
  height: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.menu-tabs .menu-tabs-content .menu-tabs-content-item.active {
  visibility: visible;
  opacity: 1;
  height: auto;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.menu-tabs .menu-tabs-content .menu-tabs-content-item .text-formatted p, .menu-tabs .menu-tabs-content .menu-tabs-content-item .text-formatted ul {
  margin: 0;
}

.field--name-field-allergy-list {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  text-align: center;
}
.field--name-field-allergy-list .button {
  padding: 10px 20px 5px;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  text-transform: uppercase;
  border: 2px solid #E47076 !important;
  color: #E47076 !important;
}
.field--name-field-allergy-list .button:hover {
  opacity: 0.8;
  text-decoration: none;
}

@media all and (max-width: 960px) {
  .node--type-menu .columns .column {
    padding: 0 1.5em;
  }
  .menu-tabs {
    padding: 0 1.5em;
  }
  .menu-tabs .menu-tabs-links {
    padding: 0 0 1em;
  }
  .menu-tabs .menu-tabs-content {
    padding: 0;
  }
}
/* @end Menu */
/* @Contact */
.node--type-contact {
  position: relative;
  overflow: hidden;
  margin-bottom: 3em;
}
.node--type-contact .contact-info-wrapper {
  float: left;
  width: 100%;
  padding: 0 0 0 4.6em;
}
.node--type-contact .contact-info-wrapper .email,
.node--type-contact .contact-info-wrapper .phone {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 2em 0;
}
.node--type-contact .contact-info-wrapper .email {
  margin-right: 2.3em;
}
.node--type-contact .map {
  overflow: hidden;
  position: relative;
  height: 35.5em;
  width: 32.25em;
  margin: 2em 0 0;
}
.node--type-contact .map iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

@media all and (max-width: 960px) {
  .node--type-contact .contact-info-wrapper {
    padding: 0 0 2em 2em;
  }
  .node--type-contact .map {
    height: 35.5em;
    width: calc(100% - 2em);
    margin: 2em 0 0 2em;
  }
}
@media all and (max-width: 650px) {
  .node--type-contact .contact-info-wrapper {
    padding: 0;
  }
  .node--type-contact .map {
    width: 100%;
    margin: 2em 0 0;
  }
}
/* @end Contact */
/* @Catering */
.node--type-catering {
  position: relative;
  overflow: hidden;
  margin-bottom: 3em;
}
.node--type-catering .catering-form-wrapper {
  float: left;
  width: 100%;
}
.node--type-catering .stamps-wrapper {
  float: left;
  width: 100%;
}
.node--type-catering .stamps-wrapper .we-do-catering,
.node--type-catering .stamps-wrapper .also-take-away {
  float: left;
  width: 50%;
  max-width: 10em;
  margin: 0 0 2em;
}
.node--type-catering .stamps-wrapper .also-take-away {
  margin: 6em 0 2em -2em;
}
.node--type-catering .text2.no-text {
  margin-top: 11em;
}

@media all and (max-width: 960px) {
  .node--type-catering .catering-form-wrapper {
    padding: 0 0 3em 2em;
  }
  .node--type-catering .field--name-field-text2 .text-formatted p, .node--type-catering .field--name-field-text2 .text-formatted ul {
    padding: 0 0 0 2em;
  }
  .node--type-catering .text2.no-text {
    margin-top: 2em;
  }
}
@media all and (max-width: 650px) {
  .node--type-catering .catering-form-wrapper {
    padding: 0;
  }
  .node--type-catering .text-formatted p, .node--type-catering .text-formatted ul {
    margin: 0;
  }
  .node--type-catering .field--name-field-text2 {
    margin: 0;
  }
}
/* @end Catering */
.popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
}
.popup-wrapper .popup-inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.popup-wrapper .popup-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 12;
  background: #DDD;
  opacity: 0.5;
}
.popup-wrapper .popup-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  z-index: 16;
  color: #000000;
  line-height: 2;
  font-size: 1em;
  text-decoration: none;
}
.popup-wrapper .popup-close:hover {
  opacity: 0.8;
}
.popup-wrapper.popup-layout-text-over-image .popup-content-wrapper {
  position: absolute;
  top: 10%;
  left: 50%;
  width: auto;
  max-width: 90vw;
  max-height: 90vh;
  height: auto !important;
  z-index: 16;
  transform: translate(-50%, -7.5%);
  background: #fff;
  padding: 30px;
  overflow-y: scroll;
}
.popup-wrapper.popup-layout-text-over-image .popup-close {
  top: 5px;
  right: 3px;
  font-size: 1.25em;
}
.popup-wrapper.popup-layout-text-over-image .popup-image img {
  width: 100%;
  height: auto;
  max-width: 90vw;
  max-height: 90vh;
  object-fit: scale-down;
}
.popup-wrapper.popup-layout-text-above-image .popup-content-wrapper {
  position: absolute;
  top: 10%;
  left: 50%;
  width: 90%;
  max-width: 1100px;
  height: auto !important;
  z-index: 16;
  transform: translate(-50%, -5%);
  background: #FFFFFF;
  padding: 1em;
  overflow-y: scroll;
}
.popup-wrapper.popup-layout-text-above-image .popup-field {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 0 0 1em;
}
.popup-wrapper.popup-layout-text-above-image .popup-logo img {
  width: 100%;
  height: auto;
  max-width: 250px;
}
.popup-wrapper.popup-layout-text-above-image .popup-image {
  margin: 0;
}
.popup-wrapper.popup-layout-text-above-image .popup-image img {
  float: left;
  width: 100%;
  height: auto;
}
.popup-wrapper.show {
  display: block;
}

@media all and (max-width: 650px) {
  .popup-wrapper .popup-logo img {
    max-width: 200px;
  }
}

/*# sourceMappingURL=style.css.map */