@charset "utf-8";
/* CSS Document */


/*.burg { display:inline-block; vertical-align: middle;}
.burg_line{
width: 30px;
  height: 4px;
  background-color: black;
  margin: 5px 0;
}*/

.mobile_burg { color:#000; font-size:34px; /*font-weight: bold; */}

/* mobile_mega container */
.mobile_mega {
  overflow: hidden;
  background-color: #fff;
  font-family:Raleway, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display:block;
  position:fixed; 
  right:7px; top:7px;
/*  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;*/
  z-index: 1000;
  height:auto;
  
}

.mobile_mega:hover {
/*border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;*/
  transition: .3s;
}

/* Links inside the mobile_mega */
.mobile_mega a {
  float: left;
  font-size: 16px;
  color: #000;
  text-align: center;
  padding: 7px 0px;
  text-decoration: none;
  font-family:Raleway, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;    
  
}

/* The dropdown container */
.mobile-dropdown {
  float: right;
  overflow: hidden;
 border:1px solid #000;
/* border-radius:5px;*/
}

/* Dropdown button */
.mobile-dropdown .mobile-dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  /*padding: 4px 8px;*/
  background-color: inherit;
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to mobile_mega links on hover */
.mobile_mega a:hover, .mobile-dropdown:hover .mobile-dropbtn {
  background-color: #ccc;
}

/* Dropdown content (hidden by default) */
.mobile-dropdown-content {
  display: none;
  /*position: absolute;*/
  background-color: #f9f9f9;
  width: 100%;
  right: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  position:fixed;
  overflow-x:hidden;
  overflow-y: scroll;
  height:380px;


}

/* Mega Menu header, if needed */
.mobile-dropdown-content .header {
  padding: 5px;
  color: #000;
  display:block;
}

/* Show the dropdown menu on hover */
.mobile-dropdown:hover .mobile-dropdown-content {
  display: block;
  width:85%;
  padding:5px;
  text-align: right;
}

/* Create three equal columns that floats next to each other */
.mobile-column {
  /*float: right;*/
  width: 98%;
  padding: 0px;
  /*background-color: #ccc;*/
  /*height: 250px;*/
  height:auto;
  display:inline-block;
  text-align: left;
  margin:5px 0;
  vertical-align: top;
}

.mobile-column h3 { 
text-align:left;
padding:5px;
margin:0;
font-size:16px;
}

.mobile-column h3 a { padding-right:0px; padding-left:0px; text-decoration:none; color:#000; }

.mobile-column ul { list-style:none; margin:0; padding:0; text-align: left; width:100%; column-count: 2; }
.mobile-column ul li { display:inline-block; width:98%; margin:3px 0px; padding:0; vertical-align: top; break-inside: avoid-column;}
/* Style links inside the columns */
.mobile-column a {
  float: none;
  color: black;
  padding: 5px;
  text-decoration: none;
  display: inline-block;
  text-align: left;
  /*width:45%;*/
  
}

/* Add a background color on hover */
.mobile-column a:hover {
  background-color: #446910;
    color:#F1F1F1;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}