/*SMD*/
a.home-link{
  display: inline-block;
  width: 22%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 22%;
}
.not-front .main-container{
  margin-top:0px;
  padding-top:150px;
}
logo{
  width:calc(280px + (380 - 280) * ((100vw - 300px) / (1600 - 300)));
  position:fixed;
  top:1vw;
  left:0;
  margin-left:1.6%;
  z-index:100;
}
logo svg {
  width:20%;
  height:auto;
  margin-left:26%;
}
logo svg path{
  transition: fill .8s ease;
  fill:rgba(0, 0, 0, 0.9);
}
#menu-toggle{
  height:0px;
  width:0px;
  position:absolute;
  z-index:-999;
  visibility:hidden;
}
#menu-toggle + label{
}
.hamburger {
  position: absolute;
  top: 0rem;
  left: 2em;
  margin-left: -1.2em;
  width: 8%;
  height:80px;
  z-index: 5;
  text-transform:uppercase;
  font-weight:bold;
}
.hamburger div {
  position: relative;
  width: 100%;
  height: 3px;
  background-color: rgba(0, 0, 0, 1);
  margin-top: 14px;
  transition: all 0.6s ease-in-out;
}
#menu-toggle:checked + logo .hamburger .top-bun {
  transform: rotate(-45deg);
  margin-top: 1.5em;
  background-color:#fff;
}
#menu-toggle:checked + logo .hamburger .meat {
  transform: rotate(45deg);
  margin-top: -3px;
  background-color:#fff;
}
.scrollcontainer {
    border-top:solid 3px rgba(230, 230, 230, 0.9);
}
#header-navigation{
  width:0;
  transition:all 0.7s;
  overflow:hidden;
  position:fixed;
  top:0;
  left:0;
  z-index:99;
  padding-top:calc(165px + (195 - 135) * ((100vw - 300px) / (1600 - 300)));
  height: 100vh;
  color:#fff;
}
#menu-toggle:checked ~ #header-navigation{
  width:calc(280px + (380 - 280) * ((100vw - 300px) / (1600 - 300)));
  background:rgba(76, 76, 90, 0.9);
  padding-left:2%;
  padding-right:2%;
}
#menu-toggle:checked + logo svg path{
  fill:#fff;
}
#header-navigation ul.menu.nav{

}
#header-navigation ul li a,
#header-navigation ul li .nolink
{
  color:#fff;
  display:inline-block;
  font-size:0.9em;
  cursor:pointer;
}
#header-navigation .scrollcontainer{
  height:calc(100vh - (135px + (195 - 135) * ((100vw - 300px) / (1600 - 300))));
  transform: scale(0.1, 0.6);
  transition:all 0.8s;
  transform-origin: left;
  overflow-y:hidden;
}
#menu-toggle:checked ~ #header-navigation .scrollcontainer{
  transform: scale(1, 1);
  overflow-y:auto;
}
#header-navigation ul.menu.nav > li .nolink,
#header-navigation ul.menu.nav > li > a
{
  width:100%;
  border-bottom:solid 1px #fff;
  display:inline-block;
  padding:3% 0;
  text-transform:uppercase;
  transition:all 0.8s;
}
#header-navigation ul.menu.nav > li > ul.children > li .nolink,
#header-navigation ul.menu.nav > li > ul.children > li a
{
   padding-left:0%; 
   padding-top:1.5%;
}
#header-navigation ul.menu.nav > li > ul.children > li ul li .nolink,
#header-navigation ul.menu.nav > li > ul.children > li ul li a
{
  font-size: 0.86em;
  padding-left:5.5%; 
}
#header-navigation ul.menu.nav > li{
  padding:0 3%;
}
#header-navigation ul.menu.nav > li > .nolink:after,
#header-navigation ul.children > li > .nolink:after
{
  content:"+";
  display:inline-block;
  float:right;
  font-size:1.5em;
  line-height:1em;
}
#header-navigation ul.menu.nav > li.open > .nolink:after,
#header-navigation ul.children > li.open > .nolink:after
{
  content:" ";
}
#header-navigation ul.menu.nav > li > .nolink:hover{
  color:#fafafa;
  text-decoration:none;
  cursor:pointer;
  background:transparent;
}
#header-navigation ul.menu.nav li.expanded li{
  max-height:0px;
  overflow:hidden;
  transition:all 0.8s;
}
#header-navigation ul.menu.nav li.expanded.open > ul.children > li,
#header-navigation ul.menu.nav li.expanded.open > ul.children > li.open ul li
{
  height:auto;
  max-height:50vh;
}

#header-navigation ul.menu.nav > li a{
  color:#fff;
}
#header-navigation ul.children,
#header-navigation ul.sub-children{
  padding:0;
}
.scrollcontainer::-webkit-scrollbar {
    width: 4px;
}
 
.scrollcontainer::-webkit-scrollbar-track {
    -webkit-box-shadow:0;
    background:rgba(230, 230, 230, 0);
}
 
.scrollcontainer::-webkit-scrollbar-thumb {
  background-color: #333;
  outline: 0px solid #fff;
  border-radius:2px;
  border:solid 0px #fff;
  
}
#searchbar{
  width:100%;
  position:absolute;
  top:1vw;
  right:0;
  z-index:9;
  margin-right:2.5%;
}
#searchbar .region-searchbar{
  padding-left:calc(290px + (390 - 290) * ((100vw - 300px) / (1600 - 300)));
  text-align:right;
}
#searchbar #block-search-form{
  width:68%;
  min-width:200px;
  float:right;
}
#searchbar #block-block-8{
  float:right;
}



#searchbar #block-search-form .form-search .input-group input.form-control {
    transform:scale(0, 1);
    transform-origin:right;
    transition:all 0.8s ease-out;
    border: none;
    border-bottom:3px solid #000;
    border-radius:0;
    padding:5px 10px 0px 10px;
    font-size:22px;
    height:40px;
    color:#000;
    background:transparent;
}
#searchbar #block-search-form:hover .form-search .input-group input.form-control,
#searchbar #block-search-form .form-search .input-group input.form-control:focus,
#searchbar #block-search-form .form-search .input-group input.form-control:not(:placeholder-shown)
{
      transform:scale(1, 1);
      outline:none !important;
      outline-width: 0 !important;
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
}
#searchbar #block-search-form .input-group-btn{
  left:-48px;
  z-index:15;
}
#searchbar #block-search-form .input-group-btn .glyphicon {
  color:#000;
  font-size:22px;
}
#searchbar .form-search .input-group .input-group-btn button {
    border: none !important;
    color: #000000 !important;
    min-width: auto !important;
    box-shadow: none !important;
    background: none !important;
}
#searchbar .form-search:hover .input-group .input-group-btn button {
    color: #7F7C7C !important;
    border-color: #000000 !important;
}

#admin-menu{

}