/* stylelint-disable selector-list-comma-newline-after */
.w-340{
  min-width: 340px;
}
.w-350{
  min-width: 350px;
}
.overlay{
  text-align: right; color:red;font-size: 36px;
}
.overlay-toggler-button{
  font-size: 1.6em;
  cursor: pointer;
  color: black;
  padding-top: 10px;
}
.nav-symbol{
  font-size:1.6em;color:#000
}
.livesearch{
  position: absolute;z-index: +2000;top:+76px;background-color:white;
  right: 200px;
}
.livesearch1{/*MOBILE*/
  position: absolute;z-index: +2000;top:+197px;background-color:white;
}

/* .cursor-zoom-in {cursor: zoom-in;}
.cursor-zoom-out {cursor: zoom-out;} */

.cursor-pointer{
  cursor: pointer;
}

/* Make scrollbar invisible */
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
a.header-link:link, a.header-link:active, a.header-link:visited{
  color:black;
    text-decoration: none;
}
a.header-link:hover{
    text-decoration: none;
    color:red;
}
.myfigure{
  display:table;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.myfigcaption{
  display:table-caption;
  caption-side:bottom;
  color: #8C8C90;
  font-size: .80rem;
  margin-top: 10px;
  padding-top: 0px;
  margin-bottom: 20px;
}
.heading{
  background-color: #DAF7A6;
}

/* =================== CONTENT POS ================== */

.content{
  margin-top:113px;
}
@media (max-width: 900px) {
  .content{
    margin-top:76px;
  }
}

.start_pos{
  margin-top: 83px;
}

.very_high_pos{
  margin-top:0px;
}
.high_pos{
  margin-top:68px;
}

/* =================== END sidebar stuff ================== */


/*
* ========Overlay==================
*/
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 1);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 15%;
    width: 92%;
    text-align: left;
    margin-top: 30px;
    margin-left: 20px;
}

.overlay a, li {
    /* padding: 8px; */
    text-decoration: none;
    font-size: 14px;
    /* color: #818181; */
    /* color: #ffffff; */
    color: #BEC2BE;
    display: block;
    transition: 0.3s;
}
.overlay h6 {
    text-decoration: none;
    font-size: 16px;
    color: #ffffff;
    display: block;
    transition: 0.3s;
}

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

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

/*
* ========Navbar==================
*/
.navbar{
  /* height: 20%; */
  /* background: -moz-linear-gradient(top, #ffffff 90%,#14B6F6 5%, #ffffff 5%);
  background: -webkit-linear-gradient(top, #ffffff 90%,#14B6F6 5%, #ffffff 5%);
  background: linear-gradient(to bottom, #ffffff 95%, #14B6F6 5%); */

  background-image:
    linear-gradient(
      to bottom,
      #fffdc2,
      #fffdc2 15%,
      #d7f0a2 15%,
      #d7f0a2 85%,
      #fffdc2 85%
    );
}
.nav-icon{
     font-size:30px;
     cursor:pointer;
     display: block;
     text-align: right;
}

/*
* Footer
*/
.blog-footer {
  padding: 2.5rem 0;
  color: #999;
  text-align: center;
  background:#236C16;
  width:100%;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}
.footer_hide{
  display: none;
}
a.navlink_footer:link, a.navlink_footer:visited{
  text-decoration: none;
  color: white;
}
a.navlink_footer:hover{
  color:#d7f0a2;
}

@keyframes footer {
    from {background-color: white;}
    to {background-color: #236C16;}
}
.footer_show{
  display: block;
  position:absolute;
  overflow-x: hidden;
     bottom:10;
     width:100%;
     background:#236C16;
     text-align: center;
     padding-top: 20px;
     padding-bottom: .75rem;
     margin-top:80px;
     color: white;
     animation-name: footer;
     animation-duration: 4s;
}