/**
*Theme name: Skypoint
*Author: Ervin L Johnson
*Stylesheet for Sypoint Publishing
**/

  body{
    background-color: #e8e4e4b8;
    margin:5px;
    padding:0px;
  }
  .tpedg{
    padding-top: 12pt;
  }
p#tagline{
  display: inline;
}
.billBrd{
  border: 2px;
  margin-left: 10px;
  margin-bottom: 10px;
  background-color:white;
  padding:10px 70px 10px 70px;
}
img{
  width:100%;
}
img#logo{
  max-width:40%;
}
div.menu{
  display:flex;
  justify-content:center;
}
.top-bar{
  margin-top: 4px;
}
ul{
  list-style: none;
  width: 80%;
}
ul li{
  display: inline;
  padding-left: 20px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  text-align: center;
}
ul li a{
  text-decoration: none;
  font-size: large;
  color:#FFFFFF;
}
ul li a:hover{
  color: #f8fb35;
  text-decoration: none;
}
ul#menu-secondary-menu{
  display: none;
}
div.menuRow{
  background-color: black;
  height: 30px;
}

.card{
  background-color: #FFFFFF;
}
.brdrCrd{
  background-color: white;
  border: 2px solid #cecece4e;
  padding:10px 30px;
  margin-bottom: 30px;
}
p#card{
  font-family: 'Edu NSW ACT Foundation';
  font-size: 14pt;
}
div.sidebar{
  padding-left: 30px;
}
section div.postBody{
  background-color: #FFFFFF;
  padding-left: 30px;
}
P.postBody{
  padding-left: 10px;
}
.bar1, .bar2, .bar3 {
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}
div#mobile-menu{
  display:none;
}
.footer-drk{
  background-color: #333;
  height: 80px;
  padding-top: 5px;
}
div.footer-drk p{
  color: #FFFFFF;
  text-align: center;
  font-size: 8pt;
}
div.footer-drk p a{
  text-decoration: none;
  color: #f8fb35
}
@media only screen and (max-width: 1080px){
  div#mobile-menu{
    display:block;
  }
  .change ul#menu-secondary-menu{
    display:block;
    margin-left:0;
    margin-right:0;
    padding:0px;
    min-width:100%;
    list-style-type:none;   
  }

  .change ul#menu-secondary-menu li.menu-item{
    width: 100%;
    margin: 0px;
    text-align: center;
    display: inline-block;
    border-bottom:1px groove #333;
  }
  .change ul#menu-secondary-menu li.menu-item a{
    color:#000000;
    width: 100%;
  }
  ul#menu-primary-menu{
    display: none;
  }
  img#hdrImg{
    min-width: 100%;
  }
  .billBrd{
    margin: 0px 0px;
    padding: 10px 0px;
  }
}