/*
Theme Name: Zum gulden Stern
Author: Birke und Partner GmbH
Author URI: https://birke.de
Template: bones
Version:  1.0;
*/

/*! IMPORTS ------------------------------------------------------------ */

@import url('fonts/Roboto/Roboto.css');
@import url('fonts/RobotoSlab/RobotoSlab.css');
@import url('fonts/MedievalSharp/MedievalSharp.css');
@import url('vendor/fontawesome-pro-6.2.0-web/css/all.min.css');

:root {
  --theme-font: 'Roboto', Helvetica Neue, Helvetica, sans-serif;
  --theme-font-extra: 'Roboto Slab', Garamond, Georgia, serif;
  --theme-font-timeline: 'MedievalSharp', Garamond, Georgia, serif;
  --theme-radius-default: 3px;
  --theme-color: 0,0,0;
  --theme-c0: 255,255,255;
  --theme-c1: 89,41,41;   /* dark red */
  --theme-c2: 103,96,62;  /* green */
  --theme-c3: 163,139,83; /* gold */
  --theme-c4: 160,24,19;  /* red */
  --theme-c5: 202,108,20; /* orange */
  --theme-c6: 240,164,0;  /* yellow */
  --theme-c7: 236,236,236;  /* grey */
  --theme-grey: 129,129,129;
  --theme-grey-hover: 220,220,220;
  --theme-grey-light: 238,238,238;
  --theme-grey-mid: 151,151,151;
  --theme-grey-dark: 66,66,66;
  --theme-grey-darkest: 54,54,54;
  --theme-transition: all .2s ease-in-out;
}

/*! GENERAL ----------------------------------------------------------------- */

body{background-color:rgb(var(--theme-c7));color:rgb(var(--theme-color));font-family: var(--theme-font);font-size:1rem;line-height:1.5}
strong{font-weight:600;}
sub,sup{font-size:.5em;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.9em}
h1,h2,h3{font-family:var(--theme-font-extra);}
h1{color:rgb(var(--theme-c3));font-size:2.6rem;hyphens:auto;line-height:1.1;padding:1rem 0 1.5rem 0;margin:0;text-align: center;}
h2{color:rgb(var(--theme-c3));font-size:1.3rem;padding:.75rem 0 1rem 0;margin:0}
h3{font-size:1.1rem;font-weight:bold;padding:.75rem 0;margin:0}
h4{font-size:1rem;font-weight:bold;padding:.75rem 0}
.group:after{content:".";clear:both;display:block;height:0;visibility:hidden}
.frame-container{height:0;margin-bottom:10px;padding-bottom:54%!important;padding-top:30px;position:relative;overflow:hidden;/*box-shadow: 6px 6px 0 rgb(var(--theme-c3));border-radius: 10px;*/}
.frame-container iframe,.frame-container object,.frame-container embed{height:100%;left:0;position:absolute;top:0;width:100%;/*border-radius:10px;*/}
.block-spacer{height:2rem}
.block-spacer.s3{height: 6rem}
.block-spacer.s2{height: 4rem}
.block-spacer.s1{height: 1rem}

/*! BOOTSTRAP PARTS modified ------------------------------------------------ */

.img-fluid{height:auto;max-width:100%;width:100%}

/* HEADER + NAV ------------------------------------------------------------- */

.site-header{background-color:#FFF;position:absolute;left:0;top:0;width:100%;transition: var(--theme-transition);z-index:9001;}
html > body .site-header{position:fixed}
.site-header .container{position:relative;}
.site-header .menu-btn{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 32' style='enable-background:new 0 0 48 32' xml:space='preserve'><path fill='rgb(163,139,83)' d='M0 0h48v4H0zM0 14h48v4H0zM0 28h48v4H0z'/></svg>");background-position:center center;background-repeat:no-repeat;background-size:24px 24px;display:block;text-indent:-9999px}
.scrollhead{background-color:rgba(255,255,255,.8)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}

/*! HERO -------------------------------------------------------------------- */

.hero{background: url(img/hero.jpg) no-repeat right top;background-size:cover;height:100vh;position: relative}
.hero-logo{background:url(img/logo.svg) no-repeat center center;position:absolute;left:50%;visibility:visible;opacity:1;transition:opacity .3s linear}
.hero-logo.fader{visibility:hidden;opacity:0;transition:visibility 0s .3s,opacity .3s linear}
.hero-link{position:absolute;left:50%;bottom:60px;width:240px;transform:translateX(-120px);}
.hero-link a{font-family:var(--theme-font-extra);display:block;background-color:#FFF;color:rgb(var(--theme-c3));text-align:center;padding:1rem 0;text-decoration:none;line-height:24px;transition:var(--theme-transition)}
.hero-link a:hover{color:#FFF;background-color:rgb(var(--theme-c3))}

/*! SITE -------------------------------------------------------------------- */

.site-content{background-color:#FFF;padding: 80px 0 0 0;}
.home .site-content{padding-top: 40px;}
.site-content a{color:rgb(var(--theme-c3));}
.site-content a:hover{color:rgb(var(--theme-color));}

/*! FOOTER ------------------------------------------------------------------ */

.site-footer{font-family: var(--theme-font-extra);font-size:.8rem;line-height:1.5;padding:2rem 0}
.site-footer .menu{list-style-type:none;margin:0;padding:0}
.site-footer a {color:rgb(var(--theme-color));text-decoration:none;transition: color .3s;}
.site-footer a:hover{color:rgb(var(--theme-c3))}
.site-footer .social-bar a{display:inline-block;margin-left:4px}
.site-footer .social-bar i{font-size:1.8rem}
.site-footer .home-link {margin-top: .55rem;}

/*! TOOLS ------------------------------------------------------------------- */

.back-to-top{background:url(img/icon_arrow-to-top.svg) no-repeat center center;background-size:24px 28px;height:28px;width:30px;display:block;text-indent:-9999px;position:fixed;bottom:24px;right:24px;z-index:100}
@keyframes fadein {from{opacity:0}to{opacity:1}}

/*! BOOTSTRAP PARTS modified ------------------------------------------------ */

.container{padding:0 1.5rem}
.img-fluid{height:auto;max-width:100%;width:100%}

/*! WP Modifiers ------------------------------------------------------------ */


.wp-block-image.size-large img,
.wp-block-image.size-full img{display:block;height:auto;max-width:100%;width:1200px}
figcaption{font-size:.85rem;color:#999}
.wp-block-embed-youtube {margin:0;padding:0;}
.wp-block-embed-youtube .wp-block-embed__wrapper{height:0;margin-bottom:24px;padding-bottom:56.25%;padding-top:30px;position:relative;overflow:hidden}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe,.wp-block-embed-youtube .wp-block-embed__wrapper object,.wp-block-embed-youtube .wp-block-embed__wrapper embed,.wp-block-embed-youtube .wp-block-embed__wrapper video{height:100%;left:0;position:absolute;top:0;width:100%}

.wp-block-file{

  border: 0;
  height:50px;
  line-height:50px;
  margin-bottom:10px;
  position:relative;
  width:100%
}
.wp-block-file a {border: 0;}
.wp-block-file a:not(.wp-block-file__button){
    background-color: rgb(var(--theme-c3));
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='rgb(255,255,255)' d='M47 48H1c-.6 0-1-.4-1-1V37c0-.6.4-1 1-1s1 .4 1 1v9h44v-9c0-.6.4-1 1-1s1 .4 1 1v10c0 .6-.4 1-1 1zM24 38c-.3 0-.5-.1-.7-.3l-14-14c-.3-.3-.4-.7-.2-1.1.1-.4.5-.6.9-.6h6V1c0-.6.4-1 1-1h14c.6 0 1 .4 1 1v21h6c.4 0 .8.2.9.6.2.4.1.8-.2 1.1l-14 14c-.2.2-.4.3-.7.3zM12.4 24L24 35.6 35.6 24H31c-.6 0-1-.5-1-1V2H18v21c0 .6-.4 1-1 1h-4.6z'/></svg>");
  background-position:1.5rem center;
  background-repeat:no-repeat;
  background-size:24px 24px;
  color:#FFF;
  font-size: 1rem;
  display:block;
  padding-left:4rem;
  text-decoration:none;
  transition: var(--theme-transition)
}
.wp-block-file a:not(.wp-block-file__button):hover{
  background-color: rgb(var(--theme-color));
  color:#FFF;
}
.wp-block-file__button{display:none}
.wp-block-button__link{background-color:var(--agf-blue-light)!important;border-radius:3px!important;border:1px solid var(--agf-blue-light)!important;color:#FFF!important;font-size:1rem;font-weight:bold!important;letter-spacing:.025rem;margin-bottom:0!important;outline:0!important;padding:10px;text-transform:uppercase;width:100%}

/*! LAZY BLOCKS ------------------------------------------------------------- */

.theme-btn{font-family: var(--theme-font-extra);background-color:transparent;border:1px solid transparent;/*border-radius:6px;*/color:rgb(var(--theme-body));cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.5rem 1.5rem;text-align:center;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;user-select:none;vertical-align:middle}
.theme-btn:hover{background-color:rgb(var(--theme-body));color:#FFF}
.theme-btn:focus{box-shadow:0 0 0 .25rem rgba(var(--theme-grey),0.25);outline:0}
.theme-btn{border-color:rgb(var(--theme-body))}
.block-btn{display:block;text-align:center}
.block-intro{font-family:var(--theme-font-extra);font-size:1.2rem}
.block-rubik .rubik-left {background-image:url(img/noise.png);background-repeat:repeat;background-position:left top;}
.block-rubik .default{background-color:transparent;color:rgb(var(--theme-body))}
.block-rubik .red{background-color:rgb(var(--theme-c1));color:#FFF}
.block-rubik .gold{background-color:rgb(var(--theme-c3));color:#FFF}
.block-rubik .grey{background-color:rgb(var(--theme-grey-light))}
.block-rubik  h2{font-family:var(--theme-font-extra);font-size:2rem;font-weight:normal!important;margin-bottom:1rem;padding-top:3rem}
.block-rubik .red h2,.block-rubik .gold h2 {color:#FFF}
.block-rubik .block-btn{padding-top:1rem;padding-bottom:3rem;text-align:left;}
.block-rubik .theme-btn{border-color:#FFF;color:#FFF}
.block-rubik .theme-btn:hover{background-color:#FFF;color:#FFF}
.block-rubik .grey .theme-btn{border-color:rgb(var(--theme-body));color:rgb(var(--theme-body))}
.block-rubik .grey .theme-btn:hover{background-color:rgb(var(--theme-body));color:rgb(var(--theme-grey-light))}
.block-rubik .red .theme-btn,.block-rubik .gold .theme-btn{border-color:#FFF;color:#FFF}
.block-rubik .red .theme-btn:hover{background-color:#FFF;color:rgb(var(--theme-c1))}
.block-rubik .gold .theme-btn:hover{background-color:#FFF;color:rgb(var(--theme-c3))}
.block-rubik .rubik-left{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 3rem}
.block-rubik .rubik-right{background-repeat:no-repeat;background-position:center center;background-size:cover}
.block-rubik .rubik-image{display:block;width:100%;padding-top:80%}
.block-rubik .rubik-left h2,.block-rubik .rubik-left p,.block-rubik .rubik-left .bup-block-btn{display:block;width:100%}
.block-bild-text .content-area{padding-top:.5rem}
.block-disturber.default,.block-disturber.red,.block-disturber.gold,.block-disturber.grey,.block-disturber .row.default,.block-disturber .row.red,.block-disturber .row.gold,.block-disturber .row.grey {background-image:url(img/noise.png);background-repeat:repeat;background-position:left top;}
.block-disturber{background-color:transparent;color:rgb(var(--theme-color))}
.block-disturber.default, .block-disturber .row.default{background-color:transparent;color:rgb(var(--theme-body))}
.block-disturber.red, .block-disturber .row.red{background-color:rgb(var(--theme-c4));color:#FFF}
.block-disturber.gold, .block-disturber .row.gold{background-color:rgb(var(--theme-c3));color:#FFF}
.block-disturber.grey, .block-disturber .row.grey{background-color:rgb(var(--theme-grey-light))}
.block-disturber h2{font-family:var(--theme-font-extra);font-size:2rem;font-weight:normal!important;margin:0rem;}
.block-disturber.red h2,.block-disturber.gold h2,.block-disturber .row.red h2,.block-disturber .row.gold h2 {color:#FFF}
.block-disturber .theme-btn{border-color:rgb(var(--theme-c3));color:rgb(var(--theme-c3))}
.block-disturber .theme-btn:hover{background-color:rgb(var(--theme-c3));color:#FFF}
.block-disturber .row.default .inner,.block-disturber .row.red .inner,.block-disturber .row.gold .inner,.block-disturber .row.grey .inner{padding-left:1.5rem;}
.block-disturber .disturb-left{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:0}
.block-disturber .disturb-left h2,.block-disturber .disturb-left p,.block-disturber .disturb-left .block-btn{display:block;width:100%}
.block-disturber .disturb-left p{margin-top:1rem}
.block-disturber .disturb-left .inner {padding:3rem 0}
.block-disturber .disturb-left .block-btn{padding:0;text-align:left;}
.block-disturber .disturb-right{align-items:center;display:flex;justify-content:center}
.block-disturber.red .theme-btn,.block-disturber.gold .theme-btn,.block-disturber .row.red .theme-btn,.block-disturber .row.gold .theme-btn{border-color:#FFF;color:#FFF}
.block-disturber.red .theme-btn:hover,.block-disturber .row.red .theme-btn:hover{background-color:#FFF;color:rgb(var(--theme-c4))}
.block-disturber.gold .theme-btn:hover,.block-disturber .row.gold .theme-btn:hover{background-color:#FFF;color:rgb(var(--theme-c3))}
.block-disturber .disturb-right .wp-block-image {marign:0;padding:0}
.block-disturber .disturb-right img{margin: 1rem 0 -1rem 0}
.block-storys a{display:block;text-decoration:none}
.block-storys img{margin-bottom:1rem}
.block-storys h2{color:rgb(var(--theme-c0));padding: 0}
.block-storys p{color:#FFF;font-size:.85rem;margin:0 0 .5rem;padding:0}
.block-storys .story-item{background-image:url(img/noise.png);background-repeat:repeat;background-position:left top;background-color:rgb(var(--theme-c1));/*border-radius:10px;*/margin-bottom:2rem;position: relative;}
.block-storys .story-cats {position: absolute; right: 6px;top: 6px;}
.block-storys .story-cats{font-size:.8rem;margin-bottom:.75rem}
.block-storys .story-cats a{background-color:rgb(var(--theme-c3));color:#FFF;/*border-radius:5px;*/display:inline-block;line-height:1;padding:.25rem .5rem}
.block-storys .story-cats a:hover{background-color:#FFF;color:rgb(var(--theme-c3))}
.block-storys .feature .story-cats {display: none;}
.block-storys .item-image{border-radius:10px 10px 0 0}
.block-storys h2{padding:0 1.5rem .5rem}
.block-storys p{padding:0 1.5rem 1rem}
.block-storys .story-cats a[rel="bookmark"]{display:none}
.block-pagehead{margin:2rem 0 1rem}
.block-piggy{background:url(img/asset_piggy.svg) no-repeat center center;background-size:67px 40px;display:block;height:40px;padding:6rem 0}
.block-liney{position:relative;display:block;height:5px;margin:5rem 0}
.block-liney .line{background-color:rgb(var(--theme-c3));position:absolute;left:50%;top:0;height:5px;width:70px;transform:translateX(-35px)}
.block-timeline{position:relative;margin-bottom:2rem}
.block-img-grid img{margin-bottom:1.4rem}
.block-menu-list {margin: .5rem 0 1rem 0;}
.block-menu-list .list-item{background:url(img/line.svg) repeat-x 0 15px;background-size:8px 2px;margin-bottom:.5rem;}
.block-menu-list sup{font-size:.6rem;color:rgb(var(--themem-grey-mid))}
.block-menu-list .list-item .item-price{text-align:right;font-weight:600;font-style:italic;color:rgb(var(--theme-color))}
.block-menu-list .list-item .item-price span{background-color:#FFF;padding-left:6px}
.block-menu-list .list-item .item-head strong{font-weight:600;color:rgb(var(--theme-color))}
.block-menu-list .list-item .item-head .head-inner{background-color:#FFF;color:rgb(var(--theme-grey-mid));padding-right:10px}
.block-menu-list .list-item .item-desc{font-size:.8rem;margin-bottom:0;}
.restaurant-adds {background-color: rgb(var(--theme-c7));font-size:.8rem;padding:1rem}
.restaurant-adds strong{color:rgb(var(--theme-c3));}
.timeline-wrapper{display:flex;justify-content:flex-end;flex-direction:column}
.timeline-item{position:relative;}
.timeline-item.has-image::before {top:315px!important}
.timeline-line{position:absolute;top:0;height:100%;width:1px;background-color:rgb(var(--theme-c7))}
.item-year{font-family:var(--theme-font-timeline);color:rgb(var(--theme-c1));font-size:2.4rem;letter-spacing:-.05rem;display:block;position:relative}
.timeline-item .item-image.do-not-rotate{transform: none!important;margin-bottom: 1.5rem;}
.timeline-item .item-imginfo{display:block;margin-top: .5rem;font-size:.8rem;color:rgb(var(--theme-grey))}
.faqbox{margin-bottom:1rem}
.faqbox .trigger{font-size:1.1rem;font-weight:600;cursor:pointer;line-height:1.2;margin:0;padding:10px 12px 10px 30px;transition:all .1s ease-in-out}
.faqbox .trigger:before{font-weight:300;content:"\f055";font-family:'Font Awesome 6 Pro';display:inline-block;margin-left:-30px;width:30px}
.faqbox .trigger:hover{color:rgb(var(--theme-c3))}
.faqbox .trigger_active,.faqbox .trigger_active:hover{color:rgb(var(--theme-c3))}
.faqbox .trigger_active:before{content:"\f056"}
.faqbox .toggle_container{padding:1rem 0 1rem 30px}
.block-headerinfo{background-image:url(img/noise.png);background-repeat:repeat;background-position:left top;background-color:rgb(var(--theme-c3));color:#FFF;text-align:center;font-family:var(--theme-font-extra);padding:1rem 2rem}

/*! Vendor Modifiers ------------------------------------------------------- */

.n2-ss-slider-wrapper-inside{border-radius: 10px!important}
div.wpforms-container-full{margin:0 auto}
.wpforms-field-label{font-size:.9rem!important;font-family:var(--theme-font-extra);margin-bottom:.75rem!important}
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel{color:rgb(var(--theme-grey))}
div.wpforms-container-full .wpforms-form input[type="submit"],div.wpforms-container-full .wpforms-form button[type="submit"],div.wpforms-container-full .wpforms-form .wpforms-page-button{font-family:var(--theme-font-extra);background-color:rgb(var(--theme-c3));border:1px solid rgb(var(--theme-c3));color:#FFF;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:.5rem 1.5rem;text-align:center;text-decoration:none;transition:var(--theme-transition);user-select:none;vertical-align:middle}
div.wpforms-container-full .wpforms-form input[type="submit"]:hover,div.wpforms-container-full .wpforms-form button[type="submit"]:hover,div.wpforms-container-full .wpforms-form .wpforms-page-button:hover{background-color:rgb(var(--theme-c3));color:#FFF;border-color:rgb(var(--theme-c3))}

/*! RESPONSIVE, BABY! ------------------------------------------------------- */

@media screen and (min-width: 1200px){ /* EXTRA LARGE */
  .container-md,.container-sm,.container{max-width:1100px}
  .hero-logo{top:250px} 
}
@media screen and (min-width: 1100px){ /* EXTRA LARGE */
  .timeline-item.has-image::before {top:370px!important;}
}
@media screen and (min-width: 992px){ /* LARGE */ 
  .admin-bar .site-header{top:32px}
  .site-header .menu-btn{display:none}
  .site-header .site-menu{display:block!important}
  .hero-logo{background-size:512px 270px;height:270px;top:120px;transform:translateX(-256px);width:512px}
  .site-header{height:80px}
  .site-header .menu{list-style:none;margin:28px 0 0;padding:0;text-align:center}
  .site-header .menu li{display:inline-block;padding:0 40px;position:relative}
  .site-header .menu li:first-child{padding-left:0}
  .site-header .menu li:last-child{padding-right:0}
  .site-header .menu a{color:rgb(var(--theme-color));display:inline-block;font-family:var(--theme-font-extra);font-size:.85rem;line-height:24px;text-decoration:none;transition:var(--theme-transition)}
  .site-header .menu a:hover{color:rgb(var(--theme-c3))}
  .site-header .menu li:nth-child(3){padding-right:100px}
  .site-header .menu li:nth-child(4){padding-left:100px}
  #home .site-header .menu li:nth-child(3){padding-right:40px}
  #home .site-header .menu li:nth-child(4){padding-left:40px}
  #home .site-header.scrollhead .menu li:nth-child(3){padding-right:100px}
  #home .site-header.scrollhead .menu li:nth-child(4){padding-left:100px}
  .home .site-header .brand{display:none}
  .home .scrollhead .brand,.page .brand,.archive .brand, .single .brand{display:block;height:60px;left:50%;position:absolute;top:50%;transform:translate(-30px,-30px);width:60px;z-index:10001;animation:fadein 1s}
  .home .scrollhead .brand a, .page .brand a, .archive .brand a, .single .brand a{background-size:50px 50px;background:url(img/logo_sign.svg) no-repeat 0 0;display:block;height:50px;text-indent:-9999px;width:50px}
  .site-header .menu .current-menu-item > a,.site-header .menu .current-menu-parent > a,.site-header .menu .current_page_parent > a,.page-id-159 .menu-item-168 > a, .parent-pageid-159 .menu-item-168 > a, .parent-pageid-65 .menu-item-67 > a{border-bottom: 2px solid rgb(var(--theme-c3));}
  .timeline-line{left:50%}
  .timeline-item:nth-child(odd){align-self:flex-end}
  .timeline-item:nth-child(even){align-self:flex-start}
  .timeline-item:nth-child(odd) .item-image {transform: rotate(5deg)}
  .timeline-item:nth-child(even) .item-image {transform: rotate(-5deg)}
  .timeline-item:nth-child(odd) .item-year:before{left:-61px}
  .timeline-item:nth-child(even) .item-year:before{left:calc(100% + 39px)}
  .timeline-item:nth-child(even){text-align:right}
  .timeline-item{width:calc(50% - 50px);position:relative;margin:0}
  .timeline-item .item-year:before{content:'';background:url(img/logo_sign.svg) no-repeat center center;background-size:24px 24px;height:24px;width:24px;position:absolute;top:15px;z-index:23}
  .timeline-item:nth-child(odd) .item-image {margin-top:-4rem;margin-bottom:0;}
  .timeline-item:nth-child(even) .item-image {margin-top:-4rem;margin-bottom:0;}
  .timeline-item:first-child .item-image {margin-top:0rem;}
  .timeline-item .item-content{margin-bottom:3rem;}
  .block-headerinfo{position:absolute;right:3rem;top:calc(100vh - 6.8rem);text-align:center;width:300px}
}
@media screen and (max-width: 991.98px){ /* SMALL + MEDIUM */ 
  .admin-bar .site-header{top:46px}
  .site-header{background-color:rgb(var(--theme-c7));min-height:60px}
  .site-header .brand{display:block;height:40px;left:1.5rem;position:absolute;top:10px;width:40px;z-index:10001;animation:fadein 1s}
  .site-header .brand a{background-size:40px 40px;background:url(img/logo_sign.svg) no-repeat 0 0;display:block;height:40px;text-indent:-9999px;width:40px}
  .site-header .menu-btn{background-color:transparent;cursor:pointer;display:block;height:50px;line-height:50px;position:absolute;right:12px;text-align:center;top:5px;width:52px}
  .site-header.active, .site-header.scrollhead.active{background-color:rgb(var(--theme-c3))!important}
  .site-header.active .brand a{background-image:url(img/logo_sign-white.svg)}
  .site-header.active .menu-btn{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'><path style='fill:rgb(255,255,255)' d='M32 2.3 29.7 0 16 13.7 2.3 0 0 2.3 13.7 16 0 29.7 2.3 32 16 18.3 29.7 32l2.3-2.3L18.3 16z'/></svg>");background-size:18px 18px}
  .site-header .menu {list-style-type:none;margin:40px 15px 15px 15px;padding:0 0 20px 0!important}
  .site-header .menu ul{border-top: 1px solid rgb(var(--theme-c3));display:none;margin:1px 0;padding:0;list-style-type: none;}
  .site-header .menu li{float:none;margin-bottom:1px;text-align:center;position:relative}
  .site-header .menu li li{margin-bottom:1px}
  .site-header .menu li a{font-family: var(--theme-font-extra);color:#FFF;display:block;font-weight:400;font-size:1.2rem;height:42px;line-height:42px;padding:0 14px;text-decoration:none}
  .site-header .menu li li a{background-color:rgb(220,220,220);color:#4a4a4a;font-weight:400;}
  .site-header .subTrigger{background-color:rgba(255,255,255,.5);height:42px;position:absolute;right:0;top:0;width:42px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
  .site-header .subTrigger:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path fill='rgb(0,0,0)' d='M23 11H13V1.001A.982.982 0 0 0 12.021 0c-.553 0-1 .447-1 .999L11.012 11H1a1 1 0 1 0 0 2h10.01L11 22.999A1 1 0 0 0 11.998 24h.001c.552 0 1-.447 1.001-.999V13h10a1 1 0 0 0 0-2z'/></svg>");background-repeat:no-repeat;background-position:center center;cursor:pointer;color:rgb(255,255,255);content:"";height:18px;width:18px;left:50%;line-height:1;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
  .site-header .subTrigger.trigger_active:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><path fill='rgb(0,0,0)' d='M23.002 11.021L1 11a.999.999 0 1 0-.002 2H23c.553 0 1-.426 1-.977.001-.552-.446-1-.998-1.002z'/></svg>");background-repeat:no-repeat;background-position:center center;}
  .site-header .trigger_active{background-color:rgb(220,220,220)}
  .site-header .site-menu{display:none;margin:0 -15px;padding:20px 0 0;width:calc(100% + 30px)}
  .timeline-line{display:none}
  .timeline-item{position:relative;margin:0 0 1.5rem}
  .timeline-item:nth-child(odd) .item-image {margin-bottom:1rem;}
  .timeline-item:nth-child(even) .item-image {margin-bottom:2rem;}
  .item-year{font-size:1.8rem}
  .hero-logo{background-size:320px 169px;height:169px;top:150px;transform:translateX(-160px);width:320px}
  .site-content{padding-top: 60px;}
  .block-intro {font-size:1.1rem;}
  .site-footer .footer-item {margin-bottom:.5rem}
  .site-footer .social-bar {padding-top:.5rem}
  .site-footer .social-bar a:first-child{margin-left:0}
  .block-disturber .theme-btn{margin-top:0}
  .block-disturber h2{margin-bottom:1rem}
  .block-disturber h2 {font-size: 1.6rem;}
  .block-disturber .theme-btn{margin-bottom:2rem}
  .block-disturber .disturb-right{margin-top:1rem}
  .block-headerinfo{margin:-2.5rem 0 3rem 0}
}
@media screen and (min-width: 576px) and (max-width: 991.98px){ /* MEDIUM ONLY */ 
}
@media screen and (max-width: 575.98px){ /* SMALL ONLY*/ 
  .hero-logo{background-size:260px 137px;height:137px;top:100px;transform:translateX(-130px);width:260px}
  .block-menu-list .list-item{background:transparent;border-bottom:1px solid #DDD;margin-bottom:.5rem;padding-bottom:.5rem;}
  .block-menu-list .list-item:last-child{border:0}
}

/*! END OF LINE */