.toggleMenu {
  display: none;
}
.toggleMenuOff {
  display: block;
}

/*Responsive Styles*/


 .centered {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
  }

#pagetop {
        background-color: #175e4c;
        z-index: 99999;
}

#nav {
        font-weight: bold;
        width: calc(100% - 200px);
        display: inline-block;
}
#nav ul {
        list-style-type:none;
        margin:0;
        padding:0;
        position: absolute;
        background: #175e4c;
        width: 100%;
}


/*Create a horizontal list with spacing*/
#nav li {
        display:block;
        float: left;
        margin-right: 1px;
}

/*Style for menu links*/
#nav li a {
        display: block;
        zzzmin-width: 140px;
        padding-left: .5em;
        padding-right: .5em;
        height: 50px;
        text-align: center;
        line-height: 50px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #fff;
        background: #175e4c;
        text-decoration: none;
        border-right: solid white 1px;
        border-top: solid white 1px;
}
#nav li:first-of-type {
        border-left: solid white 1px;
}

/*Hover state for top level links*/
#nav li:hover a {
        background: #19c589;
}

/*Style for dropdown links*/
#nav li:hover ul a {
        background: #1d7a62;
        color: white;
        height: 40px;
        line-height: 40px;
}

/*Second level */
#nav ul ul {
        background: #1d7a62;
}

/*Third level */
#nav ul ul li:hover ul li a, #nav ul ul ul {
        background: #249578;
}

/*Hover state for dropdown links*/
#nav li:hover ul a:hover {
        background: #19c589;
        color: #fff;
}

/*Hide dropdown links until they are needed*/
#nav li ul {
        display: none;
}

/*Second & Third level menus */
#nav li ul {
        float: left;
        left: 0px;
}

/*Prevent text wrapping*/
#nav li ul li a {
        width: auto;
        min-width: 100px;
        padding: 0 20px;
}

/*Display the dropdown on hover*/
#nav ul li a:hover + .hidden, #nav .hidden:hover {
        display: block;
}

/*Style 'show menu' label button and hide it by default*/
#nav .show-menu {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        text-decoration: none;
        color: #fff;
        background: #175e4c;
        text-align: center;
        padding: 10px 0;
        zdisplay: none;
}
.slicknav_btn, .call_btn {
        background: #1d7a62;
}

#all_minutes {
  display: none;
  position: absolute;
}
/*Hide checkbox*/
#nav input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
#nav input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*Top Name */
#pagetop .vht-name {
      color: white;
      background-color: transparent;
      font-size: xx-large;
      font-weight: bold;
      margin-left: .5em;
      margin-right: .5em;
      position: relative;
      z-index: 1;
      /* text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;  */
    }
#pagetop .bg {
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }

#pagetop #donate {
  float: right;
  width: 205px;
 }

#pagetop .donatebut{
  display:inline-block;
 }

@media print {
 #pagetop #nav {
   display: none;
 }
}


body {
  background: white; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(23,94,76,0),rgba(23,94,76,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(23,94,76,0),rgba(23,94,76,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(23,94,76,0),rgba(23,94,76,1)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(23,94,76,1), rgba(23,94,76,0) 10%, rgba(23,94,76,0) 90%, rgba(23,94,76,1)); /*Standard*/
}

.green-hr {
 background: linear-gradient( rgba(23,94,76,1), rgba(23,94,76,0));
}

/*Responsive Styles*/

/* News styles */

article.news p {
 margin-left: 4em;
}

article.news p:first-of-type {
 margin-top: 0px;
}

article.news h1 {
 margin-bottom: 0px;
}
 .slicknav_menu {
        display:none;
        padding: 0;
 }
@media screen and (max-width: 930px){
  #menu {
    font-size: smaller;
  }
}

@media screen and (max-width: 770px){
  .toggleMenu {
    display: block;
  }
  .toggleMenuOff {
    display: none;
  }
        /* #menu is the original menu */
         #nav {
                display:none;
        }
         #menu {
                display:none;
        }

         .slicknav_menu {
                display:block;
                clear: both;
        }

        #vht_logo {
          width: 10px;
        }

}
@media screen and (max-width: 380px) {
  .call_btn, .menu_btn {
    zmax-width: 3em;
    max-width: 40%;
    font-size: 60%;
  }
}
@media screen and (max-width: 850px) {
  #nav {
    font-size: 80%;
  }


@media screen and (max-width: 380px) {
  #medialinks {
    z-index: 5;
  }
  #medialinks img  {
    display: inline-block;
    height: 20px;
  }
}

 .emergency {
  background-color: red;
  color: white;
  font-weight: bold;
 }

 .bg {
   position: relative;
 }

 #vht_logo {
   height:100px;
   width:100px;
 }

 #medialinks {
  display: inline-block;
  position: absolute;
  z-index: 2;
 }

 .medialogo {
  margin: 0;
  margin-left: .5em;
 }

 .y25 {
   max-width: 90%;
   position: relative;
 }

 #y25default {
   color: yellow;
   font-size: 150%;
 }