/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 10 2022 | 19:06:52 */
/* Add your CSS code here.*/ 
body{
    font-size: 17px;
    line-height: 1.62857143;
}
body.page .page-header h1.entry-title {font-family: 'Fjalla One', sans-serif;
font-weight: normal;
text-transform: uppercase;}

a{color: #337ab7;}
a:hover{text-decoration: none;}
.site-branding h1.site-title{font-family: 'Fjalla One', sans-serif;
font-weight: normal;
text-transform: uppercase;}

h1 {font-family: 'Fjalla One', sans-serif;
font-weight: normal;
text-transform: uppercase;}
.header-top{display: none;}
.site-header {
    padding: 0;
    position: relative;
    box-shadow: 0px 0px 0px #ddd;
    -moz-box-shadow: 0px 0px 0px #ddd;
    -webkit-box-shadow: 0px 0px 0px #ddd;
}

.main-content {
    padding: 35px 0;
}

.main-content .container {width: 100%; max-width: 1500px; 
  padding-right: 45px;
    padding-left: 45px;}


.header-bottom {
    padding: 0px 0;
    background: #fff;
}

.header-bottom  .container {
    padding: 30px 50px;
  background: #000;
  width: 100%; max-width: 1500px;
}

.site-branding h1.site-title a {
    color: #ccc;
  text-transform: uppercase;
  font-family: 'Fjalla One', sans-serif;
    font-weight: normal;
  font-size: 42px;
}



.site-branding h1.site-title a:hover {color: #fff;}
.header-bottom-inner .container .row .col-md-3{width: 50%; padding-left: 0;}
.header-bottom-inner .container .row .col-md-9{width: 50%;}

nav.main-menu ul .current_page_item > a {
    background: transparent;
        background-color: transparent;
    color: #fff;

}

nav.main-menu ul > .current-menu-item > a, nav.main-menu ul > li:hover > a {
    background-color: transparent;
    color: #fff;
}

::selection {
    background: transparent;
    color: #fff;
}

nav.main-menu ul > li a {
    color: #ccc;
      text-transform: uppercase;
}

.site-branding .site-description {
    color: #ccc;
}

.site-footer .row{display: none;}
.site-footer{border-top: 0;}

#footer-info {
    background: #fff;
    padding: 10px 0;
    font-size: 13px;
  color: #333;
}
#header-search-button{display: none;}
#footer-info .container{padding: 15px; border-top: 1px solid #ddd; width: 100%; max-width: 1500px;}

#colophon {
    background: #3a3c41;
    border-top: 0px solid #333;
}
.wp-block-image .alignleft {
    margin: .5em 2em .5em 0;
}
.wp-post-image:hover{transform: scale(1);}

.wp-post-image{
    width: 100%; height: auto;
}
.wp-post-image-container{max-width: 1500px; width: 100%; margin-right: auto;
margin-left: auto;}

nav.main-menu ul > li ul { 

}

 .wp-block-coblocks-gallery-masonry figcaption {
    background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 50%,transparent);
    bottom: 0;
    font-size: 13px;
    max-height: 100% !important;
    opacity: .9;
    overflow: auto;
    padding: 0px 10px 10px !important;
    position: relative !important;
    text-align: center;
    width: 100%;
}

.coblocks-gallery--item figure {
    position: relative;
}

.wp-post-image-container{width: 100%; overflow: hidden;}

.event_block{background-color: #fff; position: relative; float: left; width: 49%; margin: .5%;}
.event_block h1, .event_block h2{font-size: 21px;}
.event_block h1, .event_block h2, .event_block p{margin: 0 0 5px 0;}
.event_block img{margin-bottom: 10px; width: 100%; height: auto;}


@media only screen and (max-width: 600px) {
  .fa-times::before {
    content: "0";
    opacity: 0;
}
  
  .mean-container a.meanmenu-reveal span {
    display: block;
    background: #fff;
    height: 0px;
    margin-top: 3px;
}
  .mean-container .mean-bar .meanmenu-reveal {
    background: #0c1923;
    width: 92%;
}
  .meanmenu-reveal:before {
  content: "Menu";
    font-weight: normal;
    text-transform: uppercase;
    font-size: 17px;
    padding: 0 40%;
    
}
  .wp-post-image-container img{min-width: 1300px;}
 .header-bottom-inner .container .row .col-md-3{width: 100%;}
.header-bottom-inner .container .row .col-md-9{width: 100%;} 
  .main-content .container{padding: 10px 30px;}
  #masthead {
    margin-bottom: 0px;
}
  .mean-container .mean-bar{background-color: #0c1923}
  .mean-container .mean-bar .meanmenu-reveal {
    background: transparent;
}
  .mean-container .mean-bar .mean-nav ul li a.mean-expand:hover {
    background-color: #2f3d48;
}
  
  .event_block{float: none; width: 99%; margin-bottom: 20px; }
}

@media only screen and (max-width: 800px) {
   .fa-times::before {
    content: "0";
    opacity: 0;
}
  
  .mean-container a.meanmenu-reveal span {
    display: block;
    background: #fff;
    height: 0px;
    margin-top: 3px;
}
  .mean-container .mean-bar .meanmenu-reveal {
    background: #0c1923;
    width: 92%;
}
  .meanmenu-reveal:before {
  content: "Menu";
    font-weight: normal;
    text-transform: uppercase;
    font-size: 17px;
 padding: 0 40%;
}
  .mean-container .mean-bar{background-color: #0c1923}
  .mean-container .mean-bar .meanmenu-reveal {
    background: transparent;
}
  .mean-container .mean-bar .mean-nav ul li a.mean-expand:hover {
    background-color: #2f3d48;
}
}