.burgerburger {
  font-family: 'Roboto Condensed', Roboto, Arial, sans-serif;
 font-size: 20px;
    cursor: pointer;
    color: white;
    z-index: 999999999;
    position: relative;
    display: none;
    float: right;
}
.o_menu {position: relative;top: 15px}
.c_menu {    top: -2px;
    position: relative;}
.c_menu span {
    font-size: 40px;
    position: relative;
    top: 8px;
    font-family: arial;
}

.fa.op {    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
  }

.open_menu {display: none;float: right;font-size:20px;cursor:pointer;font-family: 'Roboto Condensed', Roboto, Arial, sans-serif;color:#fff;position:relative;top: 15px;right: 10px;}
.overlay img{margin-left: 50px;margin-bottom: 20px;}
.overlay {
  font-family: 'Roboto Condensed', Roboto, Arial, sans-serif;
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  top: 70px;
  left: 0;
  background-color:#0077b5;  
  overflow-y: auto;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 0;
  width: 100%; 
  margin-top: 20px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 18px;
  display: table;
  color: #fff;  
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {color: #fff;}

.mobile-menu li { margin: 20px 0;font-weight: bold;
    border-bottom: 1px solid #eeeeee6b;
    padding-bottom: 25px;
}
.mobile-menu li a:after,.mobile-menu ul.sub-menu li a:after {
  width: 35px;bottom: -5px;    content: " ";
    display: block;
    height: 4px;position: relative;}

.mobile-menu li a:after {background: #6cb8e0; }

.mobile-menu ul.sub-menu li a:after {background: #3aa0d6;}

.mobile-menu li a {padding: 0 50px}
.mobile-menu {text-transform: uppercase;}
.mobile-menu ul.sub-menu {     margin-bottom: -36px;   background: #0370a9;padding: 10px 0 0 0;margin-top: 25px}
.mobile-menu li.menu-item-has-children .fa-angle-down {color: #fff;
    font-size: 50px;
    position: relative;
    right: 20px;
    top: -33px;
    float: right;
    opacity: 0.8;}

li.menu-item-has-children .fa-angle-down {font-size: 15px;color: #fff}

.mobile-menu .sub-menu li {margin: 10px 0;padding-bottom: 15px;}
.mobile-menu .sub-menu li a {padding: 10px 10px 10px 70px;font-size:15px}


::-webkit-scrollbar {
    width: 12px;
}
 
::-webkit-scrollbar-track {
    border-radius: 0;background:#eee
}
 
::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background:#999
}

.overlay::-webkit-scrollbar-track {
    border-radius: 0;background:#47a0ce
} 
.overlay::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background:#0370a9
}


@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}   
}

@media screen and (max-width: 1024px){
  #colophon .social {float: left;
    position: relative;
    top: 50px;}
.home #filters {padding: 2px!important}
.home #cat_listing {width: 45%!important;float: left;margin-left: 5px;}  
#header_area .site {height: auto;}
  .burgerburger {display: block;}
#filters {padding: 0!important;position: fixed;top:70px;height: auto!important;z-index: 999;display: flex;}  
  #filters select {float: left;padding: 10px!important;font-size: 15px;}
  #filters #post_search_s {font-size: 15px;padding: 10px!important;border: none!important;}
  #filters select,#filters input {width: 100%!important;float: left;}
  #filters .site {padding: 0}  
  #filters form {width: 45%;flex-grow: 1;float: left;margin: 0 5px}
}