@charset "UTF-8";
/**
 * style scss for design template
 */
/**
 * OP mixins
 */
/* logo height */
/* padding around page */
/* flexbox gap */
/* colors */
/* white */
/* red */
/* darkgrey */
/*
@mixin textheadings {
    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 0.5em;
        margin-top: 0;
    }
}
*/
/**
 * style scss for design template
 */
/**
 * start markup.scss
 */
/**
 * mixins
 */
/**
* fonts
*/
/*
@font-face {
  font-family: 'Apercu';
  src:  url('../fonts/Apercu Pro Regular.woff2') format('woff2'),
        url('../fonts/Apercu Pro Regular.woff') format('woff');
}
@font-face {
  font-family: 'ApercuB';
  src:  url('../fonts/Apercu Pro Bold.woff2') format('woff2'),
        url('../fonts/Apercu Pro Bold.woff') format('woff');
}
*/
/**
 * variables 
 * font sizes
 * fonts
 */
/*
$headingsize5: em;
$headingsize6: em;
*/
/* p */
html, body {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
}

div {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
}

/**
 * body and basic html
 * markup
 */
body {
  font-family: "Martian Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
}

/**
 * text, font, headings
 */
h1, h4 {
  font-family: "Mohave", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 3em;
  line-height: 1.1em;
  text-transform: uppercase;
}
@media (max-width: 1280px) {
  h1, h4 {
    font-size: 2.75em;
  }
}
@media (max-width: 860px) {
  h1, h4 {
    font-size: 2.5em;
  }
}

h2, div#nid10005 > a .page-title, h5 {
  font-family: "Mohave", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 2.5em;
  line-height: 1.1em;
  text-transform: uppercase;
}
@media (max-width: 1280px) {
  h2, div#nid10005 > a .page-title, h5 {
    font-size: 2.25em;
  }
}
@media (max-width: 860px) {
  h2, div#nid10005 > a .page-title, h5 {
    font-size: 2em;
  }
}

h3, h6 {
  font-family: "Mohave", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 1.625em;
  line-height: 1.1em;
  text-transform: uppercase;
}
@media (max-width: 1280px) {
  h3, h6 {
    font-size: 1.5em;
  }
}
@media (max-width: 860px) {
  h3, h6 {
    font-size: 1.5em;
  }
}

/*
h4 {
    @include m.font;
    font-size: $headingsize4;
    line-height: $lineheighthead;
    text-transform: uppercase;
    @media (max-width:860px) {
        font-size: 1.25em;
    }
}
*/
/*
h5 {
    font-size: $headingsize5;
    @include m.font1;
}
h6 {
    font-size: $headingsize5;
    @include m.font1;
}
*/
/** 
 * paragraph, anchor
 */
p, table tr td, ol li, ul li {
  font-family: "Martian Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  font-size: 1.0625em;
  /*
      color: $textcolor;
  */
  line-height: 1.25em;
}
@media (max-width: 1280px) {
  p, table tr td, ol li, ul li {
    font-size: 1.125em;
  }
}
@media (max-width: 860px) {
  p, table tr td, ol li, ul li {
    font-size: 1em;
  }
}
p strong, table tr td strong, ol li strong, ul li strong {
  font-weight: bold;
}

p a, table tr td a, ol li a, ul li a {
  text-decoration: underline;
}
p a:hover, table tr td a:hover, ol li a:hover, ul li a:hover {
  text-decoration: none;
}

/*
@media (max-width: 860px) {

}
@media (max-width: 640px) {

}
*/
/**
 * list
 */
ol, ul {
  font-family: "Martian Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
}
p ol li, table tr td ol li, ol li ol li, ul li ol li, p ul li, table tr td ul li, ol li ul li, ul li ul li {
  font-size: 1em;
}

/**
 * table
 */
table {
  font-family: "Martian Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
}
p table tr td, ol li table tr td, ul li table tr td, table tr td table tr td {
  font-size: 1em;
}

hr {
  height: 2px;
  background: #511f06;
  width: 90%;
  margin: 40px auto;
  border: none;
  outline: none;
}

/* fix notmalize */
code, kbd, samp {
  font-family: inherit;
  font-size: inherit;
}

/**
 * style scss for design template
 */
/**
 * start base.scss
 */
/**
 * variables
 */
/**
 * base
 */
body {
  background-color: #fff6e1;
  color: #511f06;
  position: relative;
  z-index: 0;
}
body ::selection {
  background: yellow; /*-------------------------------*/
  color: black;
}
@media (max-width: 1280px) {
  body {
    font-size: 14px;
  }
}
body {
  /*
      &.menu-mobile-open {
          overflow: hidden;
      }
  */
}

/*
body::-webkit-scrollbar {
    width: 8px;
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
} 
body::-webkit-scrollbar-thumb {
    background-color: white;
    outline: 1px solid back;
}
*/
.page {
  min-height: 120vh;
}

div#pagemain {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  overflow-x: hidden;
  padding-top: 84px;
}
.has-cover div#pagemain {
  padding-top: 0;
}

/**
 * header
 */
body .page {
  /*
      padding-top: $bodypaddingtop;
      padding-bottom: $bodypaddingtop * 1.25;

      @media (max-width:860px) {
      padding-top: m.$padding-m;
      padding-bottom: $bodypaddingtop * 1.25;
      }
  */
}

body.path-frontpage .page {
  /*
      padding-top: $bodypaddingtopfront;

      @media (max-width: 860px) {
      padding-top: m.$padding-m;
      padding-bottom: m.$padding-m * 2;
      }
  */
}

/**
 * header
 */
div#header {
  position: absolute;
  width: 100%;
  height: 84px;
  top: 0;
  left: 0;
  z-index: 200;
  background: transparent;
}
@media (max-width: 860px) {
  div#header {
    position: absolute;
    height: 0;
  }
}

/**
 * footer
 */
/*
.footer {
    @include m.flex;
    position: relative;
    box-sizing: border-box;
    padding: m.$padding;
    gap: m.$boxgap;
    z-index: 100;
    width: 100%;

    @media (max-width:860px) {
    padding: m.$padding-m;
    }

.footer-box {
    @include m.flex;

    @media (max-width:1280px) {
    flex-wrap: nowrap;
    justify-content: space-between;
    }
    @media (max-width:1024px) { 
    flex-wrap: wrap;
    justify-content: flex-start;
    }
    @media (max-width:860px) {
        width: 100%;
    }


p, p a {
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1em;
    height: auto;
}
.footer-item {
    flex: 1 1 0px;

    @media (max-width:1280px) {
        flex: none;
    }
    @media (max-width:1024px) { 
    flex: 1 1 46%;
    margin-bottom: 6px;
    margin-right: 4px;
    }

}
.loaction {

}
.contact {

}
.social {

}
.footer-menu {

    a, a span {
        margin: 0;
        font-size: 17px;
        line-height: 17px;
        text-decoration: underline;
    &:hover {
        text-decoration: none;
    }
    }
}
}


.logo {

    position: absolute;

    top: auto;
    left: auto;
    right: m.$padding;
    bottom: m.$padding;

    @media (max-width:860px) {

    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto !important;

    }
}

}
*/
/**
 * drupal messages
 */
.drupal-status-messages-wrapper {
  width: 100%;
  display: block;
}

/**
 * style scss for design template
 */
/**
 * start itembox.scss
 */
/**
 * mixins
 */
/*
.item-box {
    &.theme1 {
        @include whitetheme;
    }
    &.theme2 {
        @include colortheme(m.$yellow);
    }
    &.theme3 {
        @include colortheme(m.$green);
    }
    &.theme4 {
        @include colortheme(m.$red);
    }
}
*/
/* *** */
/**
 * start customs
 */
.item-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
  position: relative;
  z-index: 10;
  margin-bottom: 5vw;
}
@media (max-width: 860px) {
  .item-box {
    margin-bottom: 10vw;
  }
}
.item-box.nomarginbottom {
  margin-bottom: 0;
}
.item-box .ref-text {
  width: 100%;
}
.item-box .ref-text .text-1 {
  width: 100%;
}
.item-box .links {
  font-family: "Mohave", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  text-transform: uppercase;
  width: 100%;
}
@media (max-width: 860px) {
  .item-box .links {
    /*
                width: 100%;
                align-self: end;
                align-items: flex-start;
                gap: 3vw;
                display: flex;
                justify-content: end;
    */
  }
}
.item-box .links a {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  text-transform: uppercase;
  background: #511f06;
  color: #fff6e1;
  font-size: 1.75em;
  letter-spacing: 1px;
  padding: 30px 50px;
  padding-top: 32px;
  line-height: 0;
  /*
              @media (max-width:1024px) {
                  box-sizing: border-box;
                  margin-left: 0;
                  width: 100%;
              }
  */
}
@media (max-width: 860px) {
  .item-box .links a {
    font-size: 1.5em;
    letter-spacing: 1px;
    padding: 25px 30px;
    padding-top: 26px;
  }
}
.item-box .links a:hover {
  color: #fff6e1;
  background: #292d30;
  border-color: #292d30;
}
.item-box .links {
  /*
          &.highlight {
              a:first-child {
                  background-color: m.$green;
                  &:hover {
                  color: white;
                  background: black;
                  border-color: black;
              }
              }
          }
  */
}
.item-box .imgopt {
  width: 100%;
}

.item-box {
  /*
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;

    .ref-text {
      padding: 1rem;
    }
  */
  /* ==============================
     TEXT-BASED LAYOUTS
  =============================== */
}
.item-box.text {
  flex-direction: column;
  text-align: left;
}
.item-box.text .ref-text {
  max-width: 960px;
  width: 100%;
  padding: 5vw 5vw 0 5vw;
  /*
        @media (max-width: 860px) {

        }
  */
}
.item-box {
  /*
    &.text2col {
      .ref-text {
        display: flex;
        flex-wrap: wrap;
  //      gap: 1.5rem;
        max-width: 960px;
  //      margin: 0 auto;

        .text-1,
        .text-2 {
          flex: 1 1 100%;
        }

        @media (min-width: 1024px) {
          .text-1,
          .text-2 {
  //          flex: 1 1 calc(50% - 1.5rem);
          }
        }
      }
    }
  */
  /*
    &.highlight {
  //    background-color: #f9f9f9; // example

      padding: 2rem;
      background-color: lightgreen;

      .ref-text {
        max-width: 960px;
  //      margin: 0 auto;

        p {
          font-size: 1.5rem; // h2-like
          font-weight: bold;
        }
      }
    }
  */
  /* ==============================
     IMAGE LAYOUTS
  =============================== */
}
.item-box.image1 .imgopt {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
.item-box.image2 .imgopt {
  display: block;
  width: 100%;
  margin: 0;
}
.item-box.image .imgopt {
  display: block;
  width: 60%;
  margin: 0 auto;
}
.item-box.cover {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.item-box.cover .imgopt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  background-size: cover;
  background-position: center;
}
.item-box.cover .ref-text {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  text-align: center;
  color: #fff6e1;
  font-size: 2em;
}
.item-box.cover .links {
  display: none;
}
.item-box.cover .admin-button {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.item-box {
  /* ==============================
     CHESS LAYOUTS
  =============================== */
}
.item-box.chess3, .item-box.chess4 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.item-box.chess3 .imgopt, .item-box.chess4 .imgopt {
  flex: 0 0 55%;
  display: block;
}
.item-box.chess3 .ref-text, .item-box.chess4 .ref-text {
  flex: 0 0 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5vw 5vw;
}
@media (max-width: 860px) {
  .item-box.chess3 .ref-text, .item-box.chess4 .ref-text {
    padding: 5vw 5vw 0 5vw;
  }
}
@media (max-width: 860px) {
  .item-box.chess3, .item-box.chess4 {
    flex-direction: column;
  }
  .item-box.chess3 .imgopt, .item-box.chess4 .imgopt {
    width: 90%;
    margin: 0 auto;
    flex: none;
  }
  .item-box.chess3 .ref-text, .item-box.chess4 .ref-text {
    width: 100%;
    flex: none;
  }
  .item-box.chess3 .ref-text, .item-box.chess4 .ref-text {
    order: 5;
  }
}
.item-box.chess3 {
  flex-direction: row-reverse;
  /*
      @media (max-width: 860px) {
        flex-direction: column;
      }
  */
}
.item-box {
  /* ==============================
     LINK LAYOUT (CALL TO ACTION)
  =============================== */
  /*
    &.link {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 2rem;

      .links a {
        display: inline-block;
        padding: 1rem 2rem;
        background-color: #333;
        color: #fff;
        text-decoration: none;
        font-size: 1.2rem;
        border-radius: 4px;
        transition: background 0.3s ease;

        &:hover {
          background-color: #000;
        }
      }
    }
  */
  /* slideshow */
}
.item-box.slideshow .slick.blazy.slick--view {
  width: 100%;
}
.item-box.slideshow .slideshow-cancel {
  display: none;
}
.item-box.slideshow.slideshow-active .slideshow-cancel {
  display: block;
}

/**
 * style scss for design template
 */
/* slick customs for OP design */
.slick-wrapper,
.slick-wrapper--asnavfor {
  width: 100%;
}

.slick .blazy.slick--view {
  position: relative;
  background-color: transparent;
}
.slick .blazy.slick--view .slick-slider,
.slick .blazy.slick--view .slick-list,
.slick .blazy.slick--view .slick-track {
  height: 100%;
}
.slick .blazy.slick--view .slick__slide .img-wrap {
  height: 100%;
}
.slick button.slick-arrow {
  width: 50px;
  height: 0;
  padding-top: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/baglyashegy-vendeghaz-left.png");
  position: absolute;
  background-color: transparent;
  border: none;
  overflow: hidden;
  cursor: pointer;
  top: calc(50% - 25px);
  display: block;
  opacity: 1;
  left: 2.5vw;
}
@media (max-width: 1280px) {
  .slick button.slick-arrow {
    width: 24px;
    top: calc(50% - 12px);
    left: 1.25vw;
    padding-top: 24px;
  }
}
.slick button.slick-arrow.slick-next {
  left: auto;
  right: 2.5vw !important;
  background-image: url("../images/baglyashegy-vendeghaz-right.png");
}
@media (max-width: 1280px) {
  .slick button.slick-arrow.slick-next {
    top: calc(50% - 12px);
    right: 1.25vw !important;
    padding-top: 24px;
  }
}

/* position buttons */
.slick {
  position: relative;
}
.slick nav.slick__arrow {
  position: absolute;
  width: 100%;
  height: 0;
  bottom: 50%;
  overflow: visible;
}

/* thumb spec */
.slick--thumbnail .slick__slide {
  padding: 0 1vw;
}
.slick--thumbnail .slide__thumbnail {
  height: 16vw;
  cursor: pointer;
}
.slick--thumbnail .slide__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slick--main {
  overflow: hidden;
  visibility: hidden;
  height: 0;
}

/* slideshow on */
.slideshow-on {
  overflow: hidden;
}
.slideshow-on #header,
.slideshow-on .logo,
.slideshow-on .lang,
.slideshow-on #mainmenucontainer,
.slideshow-on .footer {
  display: none !important;
  visibility: hidden;
}
.slideshow-on .slideshow-active {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.slideshow-on .slideshow-active::before {
  content: "";
  position: absolute; /* relative to the fixed element */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8); /* black with 50% opacity */
}
.slideshow-on .slideshow-active .slideshow-cancel {
  position: absolute;
  top: 1vw;
  right: 1vw;
  width: 50px;
  height: 50px;
  background-color: #511f06; /* red background */
  z-index: 1000;
  cursor: pointer;
  background-image: url("../images/baglyashegy_vendeghaz-cancel-s.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
}
@media (max-width: 1280px) {
  .slideshow-on .slideshow-active .slideshow-cancel {
    width: 24px;
    height: 24px;
  }
}
.slideshow-on .slideshow-active .slick-wrapper {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 2vw;
  z-index: 100;
}
.slideshow-on .slideshow-active .slick--main > div {
  width: 100%;
  height: 100%;
}
.slideshow-on .slideshow-active .slick--main {
  visibility: visible;
  width: 100%;
  height: 100%;
}
.slideshow-on .slideshow-active .slick--main .slick-list,
.slideshow-on .slideshow-active .slick--main .slick-track {
  width: 100%;
  height: 100%;
}
.slideshow-on .slideshow-active .slick--main .slide__content {
  height: 100%;
  width: 100%;
}
.slideshow-on .slideshow-active .slick--main .slide__content img {
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  max-width: 100% !important;
  max-height: 100% !important;
  vertical-align: middle;
  position: relative;
}
.slideshow-on .slideshow-active .slick--main .slide__content > div {
  text-align: center;
  display: flex !important;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  height: 100% !important;
  width: 100% !important;
  padding: 0 !important;
}
.slideshow-on .slideshow-active .slick--thumbnail {
  overflow: hidden;
  visibility: hidden;
  height: 0;
}
.slideshow-on {
  /* mobile menu buttons */
}
.slideshow-on .menu-button {
  z-index: 0;
  visibility: hidden;
}

/**
 * style scss for design template
 */
/**
 * start custom.css
 */
/**
 * mixins
 */
/**
 * fonts, markup, etc.
 */
p {
  margin: 0;
  margin-bottom: 12px;
}

a {
  text-decoration: none;
}

p a {
  text-decoration: underline;
}

/**
 * header
 */
div#header {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-family: "Mohave", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  text-transform: uppercase;
  position: fixed;
  z-index: 101;
  text-transform: uppercase;
  box-sizing: border-box;
  /*
      padding: m.$padding;
      gap: m.$boxgap;

      @media (max-width:1280px) {
      padding: calc(m.$padding + m.$boxgap + m.$padding);
      z-index: 200 !important;
      justify-content: space-between;
      }

      @media (max-width: 860px) {
      padding: calc(m.$padding-m + m.$boxgap-m + m.$padding-m);
      gap: m.$boxgap-m;
      }
  */
  /*
      @media (max-width: 480px) {
      flex-direction: column;
      align-content: flex-start;
      }
  */
  transition: background-color 0.5s ease; /* smooth fade */
}
.scrolled div#header {
  background-color: #fff6e1;
}
.menu-mobile-open div#header {
  background-color: #fff6e1;
}
.no-cover div#header {
  background-color: #fff6e1;
}
@media (max-width: 1280px) {
  div#header {
    height: 62px;
  }
}
@media (max-width: 860px) {
  div#header {
    height: 62px;
    opacity: 1;
  }
}
div#header .admin-button {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 10px;
  z-index: 10000;
  font-size: 12px;
  color: red;
  position: fixed;
}

/*
.path-frontpage div#header {
    z-index: 9;
}
*/
.menu-mobile-open #header {
  position: fixed;
  z-index: 101 !important;
}
.logo {
  /* ?
      box-sizing: border-box;
  */
  /*
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url('../images/HWR_logo.png');
  */
  /* NEW LOGO !!! */
  width: 70px;
  height: 58px;
  /*    
      width: 58px;
      height: m.$logoheight;
  */
  position: fixed;
  z-index: 210;
  top: 2.5vw;
  margin-top: -8px;
  left: 2.5vw;
  /* bag */
  width: 40px;
  height: 52px;
  position: fixed;
  z-index: 210;
  top: 14px;
  margin-top: 0;
  left: 5vw;
  background-position: left;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("../images/baglyashegy-vendeghaz-header-logo.png");
}
@media (max-width: 1280px) {
  .logo {
    top: 9px;
    height: 40px;
  }
}
.logo {
  /*
      @media (max-width: 860px) {
          width: 48px;

          top: m.$padding-m;
          left: m.$padding-m;
      }
  */
}
.scrolled .logo {
  visibility: hidden;
}
.menu-mobile-open .logo {
  visibility: hidden;
}
.no-cover .logo {
  visibility: hidden;
}
.logo a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.logo.logo-r {
  visibility: hidden;
  background-image: url("../images/baglyashegy-vendeghaz-header-logo-r.png");
}
.scrolled .logo.logo-r {
  visibility: visible;
}
.menu-mobile-open .logo.logo-r {
  visibility: visible;
}
.no-cover .logo.logo-r {
  visibility: visible;
}

/**
 * language switcher
 */
.lang {
  font-family: "Mohave", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  text-transform: uppercase;
  /*
      background-color: pink;
  */
  position: fixed;
  top: 0;
  right: 0;
  width: auto;
  min-width: 95px;
  height: 44px;
  line-height: 44px;
  margin-top: 0;
  margin-right: 5vw;
  z-index: 110;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  color: #fff6e1;
  font-size: 1.25em;
  padding: 0;
  /*
      padding-top: m.$padding;
      height: m.$logoheight;
      line-height: m.$logoheight;

      text-align: right;
      padding-right: 3vw;
  */
  /*
      text-align: left;
  */
  /*
      background-position: right center;
      background-repeat: no-repeat;
      background-size: 20%;
      @media (max-width: 1280px) {
          background-size: 28px;
      }
  */
}
@media (max-width: 860px) {
  .lang {
    left: 5vw;
    margin-left: 40px;
    right: auto;
    /*
            right: 68px;
            top:3vw;

    //        margin-top: -8px;

            height: 58px;
            z-index: 110;
    */
  }
}
.lang {
  /*
      .lang-box{
          margin-top: 8px;
          box-shadow: 2px 4px 16px rgb(0 0 0 / 20%);
          a {
              text-align: center;
              background-color: white;
              color: black;
              &:hover {
                  background-color: yellow;
              }
              &.is-active {
                  background-color: pink;
              }
          }
      }
  */
  /* dev
      &:before {
          content: "🌐";
          content: "O";
          font-size: 50px;
          color: white;
          cursor: pointer;
      }
  */
}
.scrolled .lang {
  color: #511f06;
}
.menu-mobile-open .lang {
  color: #511f06;
}
.no-cover .lang {
  color: #511f06;
}
.lang a {
  padding: 0 12px;
  padding-top: 2px;
  height: 44px;
  line-height: 44px;
  margin: 20px 0;
}
@media (max-width: 1280px) {
  .lang a {
    padding: 0px 8px;
    padding-top: 2px;
    height: 36px;
    line-height: 36px;
    margin: 12px 0;
  }
}
.lang a:hover {
  color: #fff6e1;
  background-color: #511f06;
}
.lang a.is-active {
  display: none;
}

/*
.menu-mobile-open .lang {
    position: fixed;
    display: block;
}

.lang a.is-active {
    display: none;
}
*/
/**
 * menu buttons
 */
.menu-button {
  font-family: "Mohave", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  text-transform: uppercase;
  display: none;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/baglyashegy-vendeghaz-menu-mobile.png");
  position: fixed;
  z-index: 1000;
  cursor: pointer;
  top: 0;
  right: 0;
  width: 58px;
  height: 58px;
  margin-right: 8px;
  margin-top: 2px;
  background-size: 30px;
}
.scrolled .menu-button {
  background-image: url("../images/baglyashegy-vendeghaz-menu-mobile-r.png");
}
.no-cover .menu-button {
  background-image: url("../images/baglyashegy-vendeghaz-menu-mobile-r.png");
}
.menu-button {
  /*
      background-size: 20%;
      @media (max-width: 1280px) {
          background-size: 28px;
      }
      @media (max-width: 860px) {
          background-size: 24px;
          right: 
      }
  */
  /*
      p {


      @media (max-width: 860px) {

      }
      margin:0;

      text-align: center;
      text-transform: uppercase;
      }
  */
}

div#cancelbutton {
  background-image: url("../images/baglyashegy-vendeghaz-cancel.png");
}

/*
body > .lang,
body > .menu-button {
    box-shadow: 0 0 6px 0px #cccccc, 0 0 6px 0px #ffffff;
    transition: box-shadow 200ms ease-out;
}
body > .lang:hover,
body > .menu-button:hover {
    box-shadow: 0 0 6px 0px #cccccc, 0 0 12px 0px #ffffff;
}
*/
.menu-button .admin-button {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 10px;
  z-index: 10000;
  font-size: 12px;
  color: red;
}

/**
 * main menu,
 * menu items
 */
div#mainmenucontainer {
  /*
      @include m.boxpadding;
  */
  font-family: "Mohave", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  padding: 0;
  letter-spacing: 0;
  text-transform: uppercase;
  position: fixed;
  top: 0;
  left: 20%;
  width: 60% !important;
  z-index: 102;
  /*
      @media (max-width:1280px) {
          left: 12%;
          width: 78% !important;
      }
  */
}
@media (max-width: 860px) {
  div#mainmenucontainer {
    z-index: 100;
  }
}
div#mainmenucontainer .main-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 860px) {
  div#mainmenucontainer .main-menu {
    width: 100%;
    min-height: 0;
  }
}
div#mainmenucontainer .main-menu a {
  padding: 0 12px;
  padding-top: 2px;
  height: 44px;
  line-height: 44px;
  margin: 20px 0;
  text-transform: uppercase;
  color: #fff6e1;
  font-size: 1.25em;
}
@media (max-width: 1280px) {
  div#mainmenucontainer .main-menu a {
    padding: 0px 8px;
    padding-top: 2px;
    height: 36px;
    line-height: 36px;
    margin: 12px 0;
  }
}
@media (max-width: 860px) {
  div#mainmenucontainer .main-menu a {
    padding: 0 12px;
    height: 44px;
    line-height: 44px;
  }
}
.scrolled div#mainmenucontainer .main-menu a {
  color: #511f06;
}
.no-cover div#mainmenucontainer .main-menu a {
  color: #511f06;
}
div#mainmenucontainer .main-menu a:hover {
  color: #fff6e1;
  background-color: #511f06;
}
div#mainmenucontainer .main-menu a {
  /*
      &.active {
          color: m.$color1;
          background-color: m.$color2;
      }
  */
  /*
      &.highlighted {
          color: black;
          background-color: green;

          &:hover {
              color: black;
              background-color: purple;
          }
          &.active {
              color: black;
              background-color: purple;
          }
      }
  */
}
@media (max-width: 860px) {
  div#mainmenucontainer .main-menu a {
    position: static;
    top: auto;
    left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 1.375em;
    margin: 0 !important;
    color: #fff6e1;
  }
}
div#mainmenucontainer .main-menu:last-child {
  margin-bottom: 0;
}

.menu-mobile-open div#mainmenucontainer {
  display: block;
  /*
      display: flex;
  */
  /* menu open */
  /*
      visibility: visible;

      width: 100%;
      height: auto;
      min-height: calc(100vh + 2px);
      overflow-x:hidden;
      overflow-y:auto;

      padding-top: m.$padding + m.$squaresize;
      padding-bottom: m.$padding;

      @media (max-width:860px) {
      padding-top: m.$padding-m + 2.5 * m.$squaresize-m;
      padding-bottom: 0;
      }
  */
  /*  .footer {
          visibility: visible;
          z-index: 1;

          position: absolute;

          @media (max-width:860px) {
          visibility: visible;

          position: relative;
          top: 0;
          left: 0;
          padding-top: 0;
          .logo {
          visibility: visible;
          }
          }
      }
  */
}

div#menubg {
  width: 100% !important;
  height: 110% !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #000000;
  opacity: 0.2;
  display: none;
  /* menu closed */
  /*
      visibility: hidden;
  */
  /*
      width: 0;
      height: 0;

      opacity: 0;
  */
}

/*
.menu-mobile-open div#menubg {
    display: block;
}
*/
.menu-mobile-open div#menubg {
  /*
      display: block;
      opacity: .2;
  */
  /* menu open */
  /*
      visibility: visible;
  */
  /*
      width: 100%;
      height: 110%;
  */
}

/**
 * menu behavior / mobile
 */
@media (max-width: 860px) {
  div#menubutton {
    display: block;
  }
  div#cancelbutton {
    display: none;
  }
  .menu-mobile-open div#menubutton {
    display: none;
  }
  .menu-mobile-open div#cancelbutton {
    display: block;
  }
}
/* menu admin */
.admin-button.menu-admin {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 10px;
  z-index: 10000;
  font-size: 12px;
  color: red;
}

@media (max-width: 860px) {
  .admin-button.menu-admin {
    display: none;
  }
}
/* footer */
/*
.footer {

    background-color: #262626;
    color: white;

    font-size: 13px;

    h3 {
        margin-bottom: 16px;
    }

    .footer-box {
        @include m.flex;
        @include m.boxpadding;
    }
    .footer-item {
        flex: 0 1 25%;

        @media (max-width:1280px) {
            flex: 0 1 50%;
            padding-right: 16px;
            margin-bottom: 16px;
        }
        @media (max-width:860px) {
            flex:0;
            min-width: 50%;
        }
        @media (max-width:480px) {
            flex:0;
            min-width: 100%;
        }
    &.logos {
        position: relative;
        .logo {
            position: absolute;
            top:0;
            left: 0;
            background-position: top;
            margin: 0;
            z-index: 1;
        }
        .logo.hw {
            left: 108px;
            background-position: top;
//            background-image: url("../images/HW_logo.png");
        }
        .footer-copyrights {
            position: absolute;
            left: 0;
            bottom: 0;
        }
        @media (max-width:860px) {
            order:10;
            min-height: 30vw
        }
        @media (max-width:480px) {
            order:15;
            margin-top:32px;
        }
    }
    .payment {
        position: relative;
        padding-bottom: 3vw;

        @media (max-width:1280px) {
            padding-bottom: 6.5vw;
        }
        @media (max-width:480px) {
            padding-bottom: 13vw;
        }

        &::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            margin-left: -1.55vw;
            aspect-ratio: 5 / 1;
            background-position: left;
            background-repeat: no-repeat;
            background-size: cover;
//            background-image: url("../images/payment.png");

        @media (max-width:1280px) {
            margin-left: -3.25vw;
        }
        @media (max-width:480px) {
            margin-left: -6.5vw;
        }

        }
    }
    .social {

    p {
        a {
            width: 0;
            height: 0;
            padding-left: 28px;
            padding-top: 28px;
            overflow: hidden;

            display: inline-block;
            margin: 8px 8px 0 0;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            }
        }
    }
    &.newsletter {
        @media (max-width:860px) {
            order:10;
        }
    }
    }
}
*/
/* footer newsletter */
/*
.newsletter-wrapper {
//    color: white;
    .mc-field-group.input-field {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: 2fr 5fr;
        margin-bottom: 8px;
        input {
            background-color: transparent;
            border: none;
            border-bottom: 2px solid black;
            outline: 0;
            margin: 0;
            padding: 0;
//            color: white;
        }
    }
    span.asterisk {
        display: none;
    }
    fieldset {
        outline: 0;
        margin: 0;
        padding: 0;
        border: none;
    }
    .checkbox input {
        margin-right: 6px;
    }
    input[type="submit"] {
        display: inline-block;
        position: relative;
        margin-top: 0.75em;
        border: 2px solid;
        padding: 3px 12px;
        padding: 7px 24px;
        width: auto;
        text-align: center;
        text-transform: uppercase;
        font-size: 1.25em;
        background-color: transparent;
        cursor: pointer;
        color: white;

        &:hover {
            color: black;
            background: white;
            border-color: white;
        }
    }
    .gdpr-mergeRow {
        margin-top: 16px;
    }
}
*/
@media (max-width: 860px) {
  div#mainmenucontainer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 110%;
    background: #fff6e1;
    padding-top: 80px;
    display: block;
    visibility: hidden;
    margin-top: -110vh;
    transition: margin-top 0.4s ease-out, visibility 0.4s;
  }
  .menu-mobile-open div#mainmenucontainer {
    transition: margin-top 0.4s ease-out, visibility 0.4s;
    visibility: visible;
    margin-top: 0;
  }
  div#mainmenucontainer .main-menu {
    flex-direction: column;
  }
  div#mainmenucontainer .main-menu a {
    margin-top: 0;
    color: black;
    justify-content: start;
    /*
                &:hover {
                    background-color: transparent;
                }
    */
  }
}
@media (max-width: 860px) and (max-width: 860px) {
  div#mainmenucontainer .main-menu a {
    padding-top: 4px;
  }
}
@media (max-width: 860px) {
  div#mainmenucontainer .main-menu a.active {
    background-color: #511f06;
    color: #fff6e1;
  }
}
/* bag custom */
/* front cover */
div#nid10003 {
  justify-content: center;
  align-content: center;
}
div#nid10003 .links {
  padding-top: 50px;
  padding-bottom: 50px;
  display: block;
  margin: 0;
  text-align: center;
}
div#nid10003 .links a {
  margin-left: auto;
  margin-right: auto;
}

.front-cover-content {
  width: 50%;
  height: 100%;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  padding-top: 3vw;
}
@media (orientation: portrait) {
  .front-cover-content {
    width: 90%;
  }
}

.front-logo {
  background-image: url("../images/baglyashegy-vendeghaz-cover-logo-2.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  width: 30vw;
  aspect-ratio: 50/32;
  /*
      background-size: contain;

      display: block;
      width: 33vw;
      aspect-ratio: 864/169;
  */
  margin-left: auto;
  margin-right: auto;
}
@media (orientation: portrait) {
  .front-logo {
    width: 100%;
  }
}

.front-dog {
  background-image: url("../images/baglyashegy-vendeghaz-kisallatbarat-szallas.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 140px;
  height: 140px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

/* front references */
div#nid10005 {
  flex-direction: row;
}

div#nid10005 > a {
  width: 50%;
  height: 40vw;
  position: relative;
  overflow: hidden;
}
@media (max-width: 860px) {
  div#nid10005 > a {
    width: 100%;
    height: 50vw;
  }
}
div#nid10005 > a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div#nid10005 > a .page-title {
  position: absolute;
  bottom: 8%;
  left: 50%;
  z-index: 5;
  transform: translate(-50%, 0);
  text-align: center;
  text-transform: uppercase;
  font-size: 2em;
  border: 3px solid;
  color: #fff6e1;
  padding: 12px 25px;
  padding-bottom: 7px;
  min-width: 150px;
}

/* booking */
/* iframe bg #e8eae9 */
#nid10006, #nid10018 {
  padding: 5vw;
  background-color: #eeeeee;
}

/* contact map */
.contact-map {
  width: 42%;
  aspect-ratio: 1633/1266;
  background-image: url("../images/baglyashegy-vendeghaz-map.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 860px) {
  .contact-map {
    margin: 0 auto;
    width: 80%;
  }
}

/* footer */
/* bg #292d30 */
.footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: column;
  background: #292d30;
}
.footer .footer-logo {
  width: 18vw;
  min-width: 200px;
  aspect-ratio: 864/169;
  margin: 40px auto;
  background-image: url("../images/baglyashegy-vendeghaz-cover-logo.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.footer .footer-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.footer .footer-bottom .footer-menu {
  padding: 0 0 5vw 5vw;
}
.footer .footer-bottom .footer-menu a {
  color: #fff6e1;
}
.footer .footer-bottom .footer-social {
  padding: 0 5vw 5vw 0;
}
.footer .footer-bottom .footer-social a[href*="instagram.com/"] {
  background-image: url("../images/baglyashegy-vendeghaz-insta-logo.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 50px;
  height: 50px;
}

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