/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 27 2022 | 19:55:11 */
.main-navigation.toggled-on{
    height: 100% !important;
    position: fixed;
    width: 100%;
    top: 0 !important;
    bottom: 0 !important;
    display: block;
    overflow-y: scroll;
    background: #007aa1;
}

.main-navigation.toggled-on #google_translate_element{
  display:none !important;
}

.main-navigation.toggled-on .p1.menu {
    padding-bottom: 0 !important;}

.main-navigation.toggled-on .p2.menu {
    padding-top: 0 !important;}

.page #masthead .main-navigation.toggled-on .menu.p1 a,
.page #masthead .main-navigation.toggled-on #p1 a,
.page #masthead .main-navigation.toggled-on .menu.p2 a,
.page #masthead .main-navigation.toggled-on #p2 a,
.single #masthead .main-navigation.toggled-on .menu.p1 a,
.single #masthead .main-navigation.toggled-on #p1 a,
.single #masthead .main-navigation.toggled-on .menu.p2 a,
.single #masthead .main-navigation.toggled-on #p2 a,
.search #masthead .main-navigation.toggled-on .menu.p1 a,
.search #masthead .main-navigation.toggled-on #p1 a,
.search #masthead .main-navigation.toggled-on .menu.p2 a,
.search #masthead .main-navigation.toggled-on #p2 a{
    font-size: 1rem !important;
}

.page #masthead .main-navigation.toggled-on .current_page_item a,
.search #masthead .main-navigation.toggled-on .current_page_item a,
.single #masthead .main-navigation.toggled-on .current_page_item a {
    background: none !important;
  	color:#f9c132 !important;
}

@media screen and (max-width: 48em){
  .menu-p1-container,
  .menu-p2-container{
    position: relative !important;
    z-index: 9999999999999999999 !important;
    clear: both;
  }
  
    .menu-toggle {
      color: white !important;
      float:right !important;
      margin:0 !important;
      text-align:right !important;
  }
  .page #masthead .navigation-top,  
  .single #masthead .navigation-top,
  .search #masthead .navigation-top {
    background: none;
    border: none;
    margin-bottom: 0;}
  
  .page #masthead .navigation-top .menu.p1,
  .page #masthead .navigation-top #p1,
  .page #masthead .navigation-top .menu.p2,
  .page #masthead .navigation-top #p2,  
  .single #masthead .navigation-top .menu.p1,
  .single #masthead .navigation-top #p1,
  .single #masthead .navigation-top .menu.p2,
  .single #masthead .navigation-top #p2,  
  .search #masthead .navigation-top .menu.p1,
  .search #masthead .navigation-top #p1,
  .search #masthead .navigation-top .menu.p2,
  .search #masthead .navigation-top #p2{
    text-align: left !important;
}
  
  
  .main-navigation .newlogo{
    display:block !important;
  float:left !important;
  height:50px !important;
  padding:0 0 0 10px !important;}
  
   	.main-navigation ul{
      	background: #007aa1 !important;
      	border:none !important;
  		height:100% !important;}
  
  	.main-navigation ul li{
    	border-color:#006f93 !important;
  	}
  
    .main-navigation ul li a {
      padding-right: 20px;
  }
  
  	.site-header{
      	background: none !important;
      	border:none !important;
      margin-bottom: 20px !important;
  padding:0 !important;}
}

@media(max-width:1500px){
  #tip h3 {
      margin-left: 10%;
  }
  #tip ul {
      margin-left: 20%;
  }
    .p3-nav li a {
		font-size: 16px;
		padding: 12px 22px 15px;
  }
  
  
}
@media(max-width:1300px){
  #tip ul {
      padding-right: 0;
  }
}
@media(max-width:1200px){
  .page .site-content-contain,  
  .single .site-content-contain,  
  .search .site-content-contain{
    width: 90%;
  }
}
@media(max-width:1000px){
  #p3,
  #ads{
    margin:0 !important;
    width: 100% !important;}
  
  .p3,.proj{
    /*width:50%;*/}
  
  /*.p3.second,.proj.second{border-radius: 0 20px 0 0;}  
  .p3.third,.proj.third{border-radius:0;}  
  .p3.fourth,.proj.fourth{border-radius:0;}  
  .p3.fifth,.proj.fifth{border-radius:0 0 0 20px;}*/
  
  .page.page-id-2 .site-content-contain,
  .page.page-id-125 .site-content-contain,
  .page.page-id-127 .site-content-contain,
  .page.page-id-144 .site-content-contain,
  .page.page-id-899 .site-content-contain{
    width: 100%;}
  
  .page .site-content-contain,
  .single .site-content-contain,
  .search .site-content-contain{
    border-radius:0;
    width:100%;}
  
  .poc{border:50px solid #fafafa;padding:50px 50px 15px;display:block;float:none;left:0;position:relative;top:unset;}
}

@media(max-width:900px){
  #primary,
  #secondary,
  #secondary.active{
	float:none !important;
    padding:0 !important;
    position:relative !important;
    width:100% !important;
  }
}
@media(max-width:800px){
  
  h1.ghost{display:none;}
  
  
  
  #search{width:90%;}
  #subscribe{width:80%;}
  
  .custom-asdfv2.ads h1{font-size:35px !important;}
  
  .p3 .title, .proj .title{font-size: 2em;}
  
  .p3:hover .title, .proj:hover .title {background:none;color: white;}  
  
  .p2-nav li, .p3-nav li{display: block;background: rgba(0,0,0,.25);margin-bottom: 1px;}
  
  .p3 .title,.proj .title{background:none;color:white;display:block;padding:20px;}
  
  .p3-nav li a.active{border-radius:0;background:rgba(0, 122, 161,.5);display:block;}
  
  .p3 .title,.proj .title{background:none;color:white;display:block;padding:20px;}
  
  .p3-nav li a.active{border-radius:0;background:rgba(0, 122, 161,.5);display:block;} 
  
  .page .content-header,  
  .single .content-header,
  .search .content-header{height: 100%;} 
  
  .search .content-header{height: 800px;}
  
  .simcal-calendar span,
  	.simcal-calendar table, 
  	.simcal-calendar tbody, 	
  	.simcal-calendar td,
  	.simcal-calendar thead,
  	.simcal-calendar tr{
    	display: block !important;
   }
  .simcal-calendar .simcal-events{display:block !important;}
  .simcal-calendar .simcal-events-dots{display:none !important;}
  .simcal-calendar [data-events-count="0"]{display:none !important;}
  .site-content-contain{padding:25px;position:relative;width:100% !important;}
  .site-content-contain{padding:25px !important;}
}
@media(max-width:600px){
  
  a.more-link,
  span.more-link a,
  .button a {
  	display:block !important;
    margin:0 0 2px !important;
    text-align:left !important;
    width:60% !important;
  }  
  
  h3{
    margin-left:0 !important;
    padding-left:0 !important;}
  ol,ul {
    margin-left: 10px !important;
    margin-right:0 !important;
    padding-left: 25px !important;
    padding-right:25px !important;
	}
  ol{
    border-left:none !important;
  }
  p{
    font-size:1.35em !important;
    line-height:1.5em !important;}
  
  p:not(.callout) {
    padding-left: 0 !important;}
  
  .p3,
  .proj{
    border-radius:0 !important;
    height:150px;
    margin-bottom:1px;
    width:100%;}
  
  .site-content-contain{
    position:relative;
    width:100% !important;}
  
  .theimage-post{
    margin:0 0 30px !important;
    width:100% !important;
  }

  body{background-color:#004d66 !important;}
    body.home{
        overflow:auto !important;}
  
  	body.home .content-header{
      background-position: top !important;
      background-size: contain;}

    #ads,
    #p3{
     	border-radius:0 !important;
        display:block !important;
        position:relative !important;
        top:0 !important;}

    #ads .ads,
    #p3{
      	-moz-border-radius:0 !important;
      	-webkit-border-radius:0 !important;}
  
     #news {
        padding: 0 !important;
    }

    #news h3{
        font-size:1.25em !important;
    }

    #news .dt,
    #news .dtc,
    #news .dtr{
        display:block !important;
        width:100% !important;
    }

    #news .dt{
        border-bottom:1px solid whitesmoke !important;
        margin-bottom:50px !important;
        padding-bottom:20px !important;
    }

    #news .theimage{
        height:150px !important;
    }

    #news .news .thetitle{
        border:none !important;
        display:block !important;
        float:none !important;
        width:100% !important;
    }

    #news .news .thetitle:hover,
    #news .news .thetitle.review {
        background:none !important;
    }
    
    #news .news .thetitle:hover .thedate,
    #news .news .thetitle.review .thedate {
        color: #007aa1;
    }

    #news .news .thetitle a{
        color:#555 !important;
        padding:10px !important;
    }

    #news .news .thetitle:hover a{
        color:#007aa1 !important;
    }
  

    #p3 .p3{
        height:250px !important;
  		margin:0 !important;
  		margin-bottom:1px !important;}

   	.page .site-content-contain{}

    .page.page-id-2 .site-content-contain,
  .page.page-id-125 .site-content-contain,
  .page.page-id-127 .site-content-contain,
  .page.page-id-144 .site-content-contain {
        padding:0 !important;
        position: relative !important;}
}
@media(max-width:500px){
}

@media(max-height:800px){  
  #ads br {
    display: none !important;}
  
  #ads .ads {
    padding:20px !important;}
  
  #p3 {
    margin: 0!important;
    width: 100% !important;}
  
  .p3,
  .proj{
      height:100px !important;}

  .p3 .title,
  .proj .title {
      font-size: 2em;}
  
  .page .site-content-contain,  
  .single .site-content-contain,
  .search .site-content-contain{
    padding:20px !important;}
  
  .page-id-2 #ads,
  .page-id-125 #ads,
  .page-id-127 #ads,
  .parent-pageid-637 #ads {
      margin: 0!important;
      bottom: 20px !important;
      width: 100% !important;}
}
@media(max-height:600px){  
  #ads {
    display:none !important;}
  
  .p3.first,
  .proj.first {
    border-radius: 20px 0 0 20px;}
  
  .p3.third,
  .proj.third {
    border-radius: 0 20px 20px 0;}
 }