@import url("https://fonts.googleapis.com/css?family=Lato:400,700");
body{
    margin:0;
    padding:0
}
.five--header,.five--featured,.five--box{
    padding:1.5rem 1.5rem
}
.five--header h1{
    display:block;
    -ms-flex:1;
    flex:1;
    margin:1.5rem;
    padding:0;
    font-size:3.7rem;
    text-align:center;
    color:#449c00;
    -webkit-box-flex:1
}
.five .logo{
    max-width: 100%;
    height: 90px;
    padding-top: 18px;
    padding-right: 12px;
}
.five--featured h2{
    display:inline;
    text-shadow:2px 1px 1px #444;
    color:#fff;
    background:rgba(0,0,0,0.7)
}
body{
    font-family:'Lato', sans-serif;
    font-size:1.3rem
}
h1{
    font-weight:700
}
h2,h3{
    font-weight:400
}
h4{
    font-family:'Lato', sans-serif;
    font-size:1rem;
    font-weight:400
}
.five{
    display:block;
    width:100%
}
.five--header{
    -ms-flex:1;
    flex:1;
    width:auto;
    -webkit-box-flex:1
}
.five--featured{
    -ms-flex:1;
    flex:1;
    width:auto;
    -webkit-box-flex:1
}
.five--wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.five--box{
    -ms-flex:2;
    flex:2;
    -webkit-box-flex:2
}
.five--footer{
    -ms-flex:1;
    flex:1;
    width:auto;
    -webkit-box-flex:1
}
.five--header{
    height:12rem;
    background:#d2ffcb;
    border-bottom:#449c00 3px solid
}
.five--header .logo-text{
    padding-top:3.0rem;
    font-size:2.5rem;
    color:#449c00
}
.five--header-row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center
}
.five--featured{
    height:auto;
    padding-bottom:3rem
}
.five--box{
    padding:1.5rem
}
.five--box-more{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex:1;
    flex:1;
    width:100px;
    margin-top:2rem;
    padding:0.8rem;
    text-align:center;
    color:#fff;
    background:#449c00;
    -webkit-box-flex:1
}
.five--footer{
    bottom:0px;
    width:100%;
    margin:0;
    padding:0;
    background:#444
}
.five--footer h4{
    padding:1.5rem;
    color:#fff
}
.hidden-lightbox{
    display:none
}
.hidden-lightbox .splash h2{
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    text-align:center;
    text-shadow:2px 1px 1px #444;
    color:#fff;
    background:rgba(0,0,0,0.7)
}
.featherlight .featherlight-close-icon{
    position:fixed;
    color:#fff;
    background:#449c00
}
.featherlight .featherlight-content{
    height:100vh;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch
}
.featherlight .featherlight-content a{
    color:#449c00
}
.share-bar{
    bottom:0px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center
}
.splash{
    min-height:18rem;
    margin-top:1.5rem;
    padding-top:10rem
}
@media (min-width: 768px){
    .five--featured{
        min-height:25vh;
        padding-top:10rem
    }
}
.featherlight-content iframe{
    width:100%
}

#at-expanded-menu-host .at-expanded-menu-mask {
   z-index: 101 !important;
 }

 .featherlight {
    z-index: 100 !important;
}

.five--featured h2 {
   display: inline;
   font-size: 1.8rem;
   text-shadow: 2px 1px 1px #444;
   color: #fff;
   background: rgba(0,0,0,0.7);
}

.five--footer h4 a, .five--footer h4 a:hover {
  color: #fff;
}

.featherlight-inner img{
  max-width:100%;
}