.hidden {
  display: none;
}

.show-children {
  cursor: pointer;
}
/*********************************************
	header
*********************************************/
#header {
  margin-bottom: 30px;
  border-bottom: 1px solid black;
  margin-bottom: 50px;
  position: relative;
  z-index: 100;
}
#header a:hover {
  color: #005861;
}
#header a,
#header a img {
  cursor: pointer;
}
.archive:not(.category-photo) #header {
  margin-bottom: 36px;
}
/*********************************************
	midbar
*********************************************/
.midBar {
	height: auto;
  padding-left: 30px;
  padding-right: 30px;
}
.midBar .inner {
	height: 80px;
	position: relative;
	text-align: center;


}


.site-title img {
	margin: auto;
	padding: 20px 0;
	width: 300px;
	
	/* z-index fix */
	position: relative;
	z-index: 1000;
}
#current-date,
#current-weather {
	font-family: "open sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
	text-transform: uppercase;
	padding: 5px;
  padding-right: 0;
}
#current-date {
	position: absolute;
	top: 12px;
	left: 0;
}
#current-weather {
	position: absolute;
	top: 8px;
	right: 0;
}
#current-weather dl,
#current-weather dt,
#current-weather dd {
  display: inline;
}
#current-weather dl {
  display: flex;
  gap: 10px;
}


#current-weather dl > span {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
}
#current-weather dl dd {
  display: flex;
flex-wrap: nowrap;
align-items: center;
}
#current-weather .symbol img {
  widtH: 18px;
  height: 18px;
}




#menu-top,
#menu-jobs {
	box-sizing: border-box;
	display: block;
	position: absolute;
	bottom:18px;
	width: 50%;
}



#menu-top {
	right: 0;
	text-align: right;
}
#menu-top li {
	display: inline-block;
	vertical-align: top;
}
#menu-top li a {
	font-family: "open sans";
	font-size: 153%;
  font-weight: 600; /* new 2023 */
	text-transform: uppercase;
	padding: 0 5px;
	text-decoration: none;
}
#menu-top li a:hover {
	text-decoration: underline;
}
#menu-top li:before {
vertical-align: top;
}
#menu-top .fa {
	padding: 0;
}
#menu-top .fa-facebook-square {
	margin-left:20px;
}

#menu-jobs {
	left: 0;
	text-align: left;
}
#menu-jobs li {
	display: inline-block;	
}
#menu-jobs li a {
	font-family: "open sans";
	font-size: 153%;
	text-transform: uppercase;
  font-weight: 600; /* new 2023 */
	padding: 5px;
	text-decoration: none;
}
#menu-jobs li a:hover {
  text-decoration: underline;
}
.svg-social-icon {
  width: 14px;
  height: 14px;

}
a:hover .svg-social-icon path {
  fill: #3F818D;
  
}

@media screen and (max-width: 800px) {
  .midBar {
    padding-left: 20px;
    padding-right: 20px;
  } 

}

@media screen and (max-width: 640px) {
  .midBar {
    padding-left: 15px;
    padding-right: 15px;
  } 
.midBar .wrapper {
  text-align: left;
}
}
/*********************************************
	mobile menu
*********************************************/

#menuButton {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  bottom: 10px;
  z-indeX: 100000;
  display: none;
  background: url('img/menu.png');
    background-position-x: 0%;
    background-position-y: 0%;
  background-position: 0 0;
  cursor: pointer;
  transition: none;
}

/*********************************************
	navMain
*********************************************/

#menu-main {
	box-sizing: border-box;
	display: block;
}

#menu-main {
	text-align: center;
	border-top: 1px solid black;
	padding: 10px 0;
	clear: both;
	display: block;
}
#menu-main li {
	display: inline-block;	
}
#menu-main li a {
	font-family: "open sans";
	font-size: 153%;
	font-weight: 800;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px;
}




#menu-mobile {
	display: none;
}









.page h1 {
  padding-top: 0;
  margin-top: 0;
}


.comment-content.entry p {
  padding-bottom: 10px;
}
.comment-reply-link {
  margin-top: 0;
  margin-bottom: 10px;
}

.update-hr {
  background: transparent;
  border: none;
  padding: none;
  margin: none;
  outline: none;
  
  display: block;
  width: 100%;
  height: 3px;
  border: 1px solid black;
  border-left: none;
  border-right: none;
  margin: 30px 0;
  }

  #updates .update {
      margin: 7px 0;
      padding: 15px;
      background-color: #fff9b6;
  }
  #updates .update:first-child {
      margin: 0 0 0;
  }
  #updates p {
      margin: 10px 0 0;

  }
  #updates p.byline {
      margin-top: 10px;
      margin-bottom: 0;
  }
  #updates p.byline:first-child {
      margin-top: 0;
  }

  #updates .byline .time {
      font-weight: 700;
  }
  
  #updates h3 {
       margin-top: 0;
       padding-top: 0;
  }
  #updates h4 {
      margin-top: 10px;
      margin-bottom: 0;
  }
  #menu-main {
      padding: 0 10px;
  }
  #menu-main li a {
      box-sizing: border-box;
      display: block;
      padding: 8px 8px 8px 10px;
  }
  #menu-main {
      overflow: visible !important;
  }
  #menu-main > li {
      position: relative;
  }
  .sub-menu {
      display: none;
      background: #005861;
      position: absolute;
      top: 31px;
      left: 0;
      width: 250px;
      padding: 20px;
  }
  #menu-main > li:hover a {
      background: #005861;
          color: white;
  }
  #menu-main > li:hover .sub-menu,
  #menu-main > li:focus .sub-menu,
  #menu-main > li:focus-within .sub-menu,
  #menu-main > li:focus-visible .sub-menu {
      displaY: block;
  }
  #menu-main .sub-menu li {

      display: block;
  }
  #menu-main .sub-menu li a:hover {
      text-decoration: underline;
  }
  .sub-menu li a {
      display: block !important;
      width: 100%;
      color: white;
      text-align: left;
  }


@media screen and (min-width: 1000px) {
  #menu-main .showChildren {
      display: none !important;
  }
}

  @media screen and (max-width: 1000px) {
      #menu-main {
          margin: 0;
          paddinG: 0;
          display: block;
      }
      #menu-main .sub-menu {
          position: relative;
          padding: 0;
          margin: 0;
          left: auto;
          right: auto;
          top: auto;
          bottom: auto;
          border: 1px solid rgba(0,0,0,0.3);
          width: auto;
          height: auto;
      }
      #menu-main li {
          box-sizing: border-box;
          position: relative;
      }
      #menu-main li .sub-menu,
      #menu-main li:hover .sub-menu {
          display: none;
      }
      #menu-main li .sub-menu.show,
      #menu-main li:hover .sub-menu.show {
          display: block !important;
      }
      #menu-main li .sub-menu li a {
          font-weight: 600;
      }
      #menu-main li.has-more > a {
          background: transparent !important;
      }


      #menu-main li a,
      #menu-mobile li a {
          box-sizing: border-box;
          display: block;
          padding: 12px 8px 12px 15px;
          text-align: left;
          font-sizE: 160%;
          border-top: 1px solid rgba(255,255,255,0.3);

          
      }
      #menu-mobile li a {
          border-top: 1px solid rgba(0,0,0,0.3);
          margin: 0;
      }
      #menu-mobile li a:hover {

      background-color: #eee;
      }
      #menu-mobile {
          padding: 0;
          margin: 0;
          display: block;
      }
      #menu-main li {
          display: block !important;
      }
      #menu-main .showChildren {
          content: "";
          display: inline-block;
          width: 40px;
          height: 40px;
          background-image: url('img/carat.svg');
          background-size: 40px 80px;
          background-position: top left;
          background-repeat: none;
          opacity: 0.66;
          position: absolute;
          top: 0;
          right: 0;
          margin: 0;

      }
      #menu-main .showChildren.show {
          background-position: bottom left;
      }
      #menu-main .hidden {
          display: inline-block;
          position: relative;
          top: auto;
          left: auto;
          widtH: auto;
          height: auto;
          margin-right: 10px;
      }

  }

  @media screen and (max-width: 1000px) {
    #header .topBar .ad-row {
        margin-left: 0;
        margin-right: 0;
    }
    #header .topBar .ad-row > div {
        height: auto;
        max-height: 90px;
    }

	#header{
		margin-bottom: 30px;
	}
  #current-weather,
	#current-date,
	#menu-top,
	#menu-jobs {
		display: none;
	}
	.midBar .inner {
		height: 60px;
	}
	.site-title img {
	padding: 12px 0;
	width: 260px;
	max-width: 80%;
	}
	#wtl,
	#wtr {
		display: none;
	}
	.topBar {
		height: auto;
	}
	/* .topBar .adsanity-728x90 {
		margin: 0 !important;
	} */
	#menuButton {
		display: block;
	}
	#navMain {
		position: relative;
		height: 0;
		overflow: hidden;
		transition: all 0.5s ease-in-out;
	}
	#navMain.show {
		height: auto;
	}
	#menu-main {
		width: 100%;
		background: #0099a8;
	}
	#menu-main {
		text-align: center;
	}
	#menu-main li {
		display: inline;
	}
	#menu-main li a {
		/* display: inline-block;
		font-weight: 300;
		padding: 0;
		margin: 0 auto;
		width: 15%;*/
		
		color: white; 
		padding: 8px;
		display: inline-block;
	}
	#menu-mobile {
		padding: 5px 0;
	}
	#menu-mobile {
		display: block;
		text-align: center;
	}
	#menu-mobile li {
		display: inline;
	}
	#menu-mobile li a{
		display: inline-block;
		margin: 4px 4px ;
		text-decoration: none;
		font-family: "open sans";
		font-size: 145%;
		text-transform: uppercase;
		padding: 5px;
	}
	#footer #jtn {
		displaY: none;
	}

}

@media screen and (max-width: 640px) {
  #header {
    margin-bottom: 20px;
}
	.midBar .inner {
		text-align: left;
	}
	#main .content {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	#main #sidebar {
		display: none;
		width: 100%;
		float: none;
	}
	.feed .post .attachment-thumbnail {
		max-width: 25%;
	}


}














@media screen and (max-width: 1000px) {

	#current-date,
	#menu-top,
	#menu-jobs {
		display: none;
	}
	.midBar .inner {
		height: 60px;
	}
	.site-title img {
	padding: 12px 0;
	width: 260px;
	max-width: 80%;
	}

	.topBar {
		height: auto;
	}
	.topBar .adsanity-728x90 {
		margin: 0 !important;
	}
	#menuButton {
		display: block;
	}
	#navMain {
		position: relative;
		height: 0;
		overflow: hidden;
		transition: all 0.5s ease-in-out;
	}
	#navMain.show {
		height: auto;
	}
	#menu-main {
		width: 100%;
		background: #0099a8;
	}
	#menu-main {
		text-align: center;
	}
	#menu-main li {
		display: inline;
	}
	#menu-main li a {
		/* display: inline-block;
		font-weight: 300;
		padding: 0;
		margin: 0 auto;
		width: 15%;*/
		
		color: white; 
		padding: 8px;
		display: inline-block;
	}
	#menu-mobile {
		padding: 5px 0;
	}
	#menu-mobile {
		display: block;
		text-align: center;
	}
	#menu-mobile li {
		display: inline;
	}
	#menu-mobile li a{
		display: inline-block;
		margin: 4px 4px ;
		text-decoration: none;
		font-family: "open sans";
		font-size: 145%;
		text-transform: uppercase;
		padding: 5px;
	}


}





@media screen and (min-width: 1001px) {
  #menu-main .has-more a:after  {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      background-image: url('img/menu-carat.svg');
      background-size: 10px 20px;
      background-position: top left;
      opacity: 0.66;
  }
  #menu-main .has-more:hover a:after  {
      background-position: bottom left;
      opacity: 1;
  }

  #menu-main .has-more li a:after  {
      content: "";
      display: none;
  }
}



@media screen and (min-width: 1001px) {
  #menu-main .has-more a:after  {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      background-image: url('img/menu-carat.svg');
      background-size: 10px 20px;
      background-position: top left;
      opacity: 0.66;
  }
  #menu-main .has-more:hover a:after  {
      background-position: bottom left;
      opacity: 1;
  }

  #menu-main .has-more li a:after  {
      content: "";
      display: none;
  }
}

@media screen and (min-width: 1000px) {
  #menu-main .showChildren {
      display: none !important;
  }
}

  @media screen and (max-width: 1000px) {
      #menu-main {
          margin: 0;
          paddinG: 0;
          display: block;
      }
      #menu-main .sub-menu {
          position: relative;
          padding: 0;
          margin: 0;
          left: auto;
          right: auto;
          top: auto;
          bottom: auto;
          border: 1px solid rgba(0,0,0,0.3);
          width: auto;
          height: auto;
      }
      #menu-main li {
          box-sizing: border-box;
          position: relative;
      }
      #menu-main li .sub-menu,
      #menu-main li:hover .sub-menu {
          display: none;
      }
      #menu-main li .sub-menu.show,
      #menu-main li:hover .sub-menu.show {
          display: block !important;
      }
      #menu-main li .sub-menu li a {
          font-weight: 600;
      }
      #menu-main li.has-more > a {
          background: transparent !important;
      }


      #menu-main li a,
      #menu-mobile li a {
          box-sizing: border-box;
          display: block;
          padding: 12px 8px 12px 10px;
          text-align: left;
          font-sizE: 160%;
          border-top: 1px solid rgba(255,255,255,0.3);
      }
      #menu-mobile li a {
          border-top: 1px solid rgba(0,0,0,0.3);
          margin: 0;
      }
      #menu-mobile {
          padding: 0;
          margin: 0;
          display: block;
      }
      #menu-main li {
          display: block !important;
      }
      #menu-main .showChildren {
          content: "";
          display: inline-block;
          width: 40px;
          height: 40px;
          background-image: url('img/carat.svg');
          background-size: 40px 80px;
          background-position: top left;
          background-repeat: none;
          opacity: 0.66;
          position: absolute;
          top: 0;
          right: 0;
          margin: 0;

      }
      #menu-main .showChildren.show {
          background-position: bottom left;
      }
      #menu-main .hidden {
          display: inline-block;
          position: relative;
          top: auto;
          left: auto;
          widtH: auto;
          height: auto;
          margin-right: 10px;
      }

  }




@media screen and (max-width: 1000px) {
#navMain.show {
  height: auto;
}
}


.owmw-loading-spinner button {
  background: none;
  outline: none;
  border: none;
  margin: 0;
  paddinG: 0;
}
.owmw-loading-spinner button img {
  width: 10px;
  height: 10px;
}