/* for medium tablets and smaller, make the height of carousel images scale down */
@media screen and (max-width: 767px) {
	.has-carousel {
		height: 30vh !important;
	}
}

@media (max-width: 505px) {
  /* fixing the individual staff pages to be responsive */
  #post-391 .entry-title {
    font-size: 7vw;
  }
  #post-391 .has-text-align-center {
    font-size: 5vw;
  }

  #post-397 .entry-title {
    font-size: 7vw;
  }
  #post-397 .has-text-align-center {
    font-size: 5vw;
  }

  #post-395 .entry-title {
    font-size: 7vw;
  }
  #post-395 .has-text-align-center {
    font-size: 5vw;
  }
}

/* fixing the staff page to be responsive */
.page-id-45 .entry-content {
  padding: 0px !important;
  padding-top: 15px;
}

@media (max-width: 600px) {
  .page-id-45 .wp-block-media-text.is-stacked-on-mobile {
    text-align: center;
  }
}

/* Removing the border around home page carousel image */
body.elementor-kit-1044 img {
	border-style: none;	
}


/*Add image hover effect on homepage-HC-22345973 */
.home img {
  -webkit-filter: brightness(100%);
  transition: 0.3s;
}

/* Add background color to the pulldown menu button*/
.toggle {
  background-color: #033658;
}

/* Add background color to the pulldown menu */
#menu-primary {
  background-color: #033658;
}

@media only screen and (max-width: 768px) {
  /* add white underlines for the sub-menu that pulls down when nav-button is clicked */
  .main-navigation > ul > li {
    border-bottom: 1px solid white;
  }
  #menu-item-19 {
    border-top: 1px solid white;
  }

  /* add white underlines for the components of the sub-sub-menu */
  .logo-top .main-navigation ul ul li {
    border-bottom: 1px solid #033658;
  }
  .main-navigation li.menu-item-has-children {
    margin-right: 0px;
  }
  .main-navigation span.menu-icon {
    right: 10px;
  }
}

.home img:hover {
  -webkit-filter: brightness(70%);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
/* Add border bottom to the Cover Block added to the homepage 22428525-hc (rf) */
.home .wp-block-coblocks-gallery-carousel:first-of-type {
  border-bottom: solid #ffff 4px;
  border-top: solid #ffff 4px;
}
/* Add border bottom to the images added to the Columns Block on the homepage 22428525-hc (rf) */
.home .wp-block-columns img {
  border: solid #ffff 3px;
}
/* add padding to columns on homepage | KW-22430362-hc */
.home .wp-block-columns.alignfull {
  padding: 0 105px;
  justify-content: center;
  align-content: center;
}
body.page.page-id-32 {
  background-color: #033658;
}

/* shrink title of website */
.site-title a {
  color: #d6c590;
  font-family: verdana, sans-serif;
  font-weight: 600;
  font-size: 40px;
}

@media (max-width: 1050px) {
  .site-title a {
    font-size: 3.4vw;
  }
}

@media (max-width: 570px) {
  .site-title a {
    font-size: 17px;
  }
	.site-title {
		text-align: center;
		white-space: break-spaces;
	}
}

header#masthead {
  background-color: #033658;
}
body:not(.home) header#masthead {
  background: #033658;
  border-bottom: solid #fff 4px;
}
.main-navigation a {
  display: block;
  text-decoration: none;
  color: #fff;
}
.menu {
  color: #fff;
}
.main-navigation ul ul a {
  min-width: 200px;
  padding: 10px;
  border-bottom: 1px solid #033658;
  color: #033658;
  background: #ffff;
}
#masthead.ap-fixed.show-nav {
  background: #033658;
}
.bottom-footer {
  background: #033658;
  padding: 15px;
  font-size: 14px;
}
a {
  color: #033658;
  text-decoration: none;
}
body.page.page-id-44 img {
  border: solid #f0f0ec 0px;
  padding-right: 0px;
}
.page .entry-header h1.entry-title {
  text-align: center;
  padding-bottom: 18px;
}
h1 {
  font-size: 33px;
}
h2 {
  font-size: 28px;
}
.page .entry-header h1.entry-title {
  text-align: center;
  padding-bottom: 0px;
}
.page-id-44 .entry-content {
  padding: 30px;
}
.page-id-45 .entry-content {
  padding: 180px;
  padding-top: 15px;
}
.page-id-63 .entry-content {
  padding-left: 25px;
}
/* Adjust left padding on left column on Contact Us page | 22978759-hc */
@media only screen and (min-width: 780px) {
  .page-id-36 .has-text-align-left.has-medium-font-size {
    margin-left: 140px;
  }
}
.tribe-events-page-template .rightsidebar #primary {
  width: 100%;
  float: left;
}
/* Fixing the header for the calendar page */
.tribe-events-page-template h2.entry-title {
  text-align: center;
}

.tribe-events-page-template h2.entry-title:after {
  font-size: 34px;
  content: "Calendar";
}
.tribe-events-page-template
  .tribe-common--breakpoint-medium.tribe-events
  .tribe-events-l-container {
  padding-bottom: 15px;
  padding-top: 10px;
  min-height: 700px;
}
.page-id-36 h2.has-text-align-left {
  text-align: left;
  padding-left: 50px;
}