/* editing coaching form txt color */
#wpcf7-f9413-p9326-o1 {
  color: #000000;
}

/* Contact Form 7 Form Background And Border CSS*/
.wpcf7 {
  background: #8ed1fc;
  border: none;
  border-radius: 30px;
  width: fill;
  padding: 20px 20px 20px 50px !important;
}

.wpcf7 .NameAndGender {
  text-wrap: nowrap;
  font-size: 16px;
  background-color: #fff;
  width: 50%;
  padding: 2%;
  color: 000000;
  border-color: #007acc;
}

/* Contact Form 7 Input fields and text area CSS */
/* .wpcf7 input[type="text"], */
.wpcf7 input[type="email"],
.wpcf7 input[type="select"],
textarea {
  font-size: 16px;
  background-color: #fff;
  width: 95%;
  padding: 2%;
  border-color: #007acc;
}

/* Contact Form 7 Submit Button */
.wpcf7 input[type="submit"] {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  background: #007acc;
  padding: 15px 25px;
  border: none;
  border-radius: 5px;
  width: auto;
  text-transform: uppercase;
  letter-spacing: 5px;
}
.wpcf7 input:hover[type="submit"] {
  background: #0099ff;
  transition: all 0.4s ease 0s;
}
.wpcf7 input:active[type="submit"] {
  background: #fff;
}

/* Checkbox CSS
----------------*/
input[type="checkbox"] {
  transform: scale(1.1);
  margin-left: 20px;
}
span.wpcf7-list-item {
  margin: 0;
  padding-bottom: 20px;
}

/* sets border to blue */
.wpcf7 .borderblue {
  border-color: #007acc;
}

/* Specifically made for the lvl of xp box to be longer */
.wpcf7 .LongBox {
  font-size: 16px;
  background-color: #fff;
  width: 95%;
  padding: 2%;
  border-color: #007acc;
}

/* Our Team Sidebar */

nav[aria-label="Our Team"] .wp-block-navigation-item {
  display: block;
}
nav[aria-label="Our Team"]
  .wp-block-navigation__container
  .wp-block-navigation__submenu-container {
  display: block;
  opacity: 1;
  height: auto;
  overflow: visible;
  position: relative;
  visibility: visible;
  width: auto;
  border: none;
}

/* Main Header */

header.site-header {
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 10;
}
header.site-header .header-wrapper {
  position: relative;
  top: 0;
  z-index: 10;
}
.site-header
  .is-transparent:not(.scrolling)
  .wp-block-navigation__container
  > li
  > .wp-block-navigation__submenu-icon
  > svg {
  stroke: var(--wp--preset--color--dark-gray);
}

.wp-block-cover {
  margin-top: 0;
}
.site-header
  .is-transparent:not(.scrolling)
  .wp-block-navigation__container
  > .wp-block-navigation-item
  > a {
  color: var(--wp--preset--color--dark-gray);
}

/* temporary spacers */
body:not(.blog) main > .wp-block-spacer
{
	display: none;
}
.entry-content > div:not(.wp-block-media-text, .wp-block-cover, .no-top-margin, .wp-block-obb-hero-block):first-of-type {
	padding-top: 6rem;
}

.no-top-margin {
  margin-top: 0 !important;
}

/* space at the bottom of the page before the footer */
main {
	padding-bottom: 6rem;
}

/* sticky header to make room for admin bar */
@media (min-width: 600px) {
	#wpadminbar ~ .wp-site-blocks header.site-header {
		top: 32px;
	}
}

/* responsive menu to happen earlier because we have more nav items than the original theme */
@media (min-width: 1000px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    background-color: inherit;
    display: block;
    position: relative;
    width: 100%;
    z-index: auto;
  }
}
@media (max-width: 1000px) {
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: block;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }
}

/* responsive footer logo to not disappear and have a minimum width that's still easy to read */
footer.site-footer .wp-block-site-logo {
  min-width: 200px;
}
@media (max-width: 900px) {
	footer.site-footer .wp-block-site-logo {
		width: 200px;
	}
	footer.site-footer .wp-block-heading {
		margin-bottom: 0 !important;
	}
	footer.site-footer .wp-block-site-logo + .wp-block-group {
		padding-right: 1rem !important;
		padding-left: 0 !important;
	}
  footer.site-footer .wp-block-social-links {
    font-size: 2rem;
    gap: 1rem;
		margin-top: 0;
		margin-bottom: 1rem;
  }
}
@media (max-width: 600px) {
	footer.site-footer > .wp-block-group  {
		display: block;
	}
	footer.site-footer .wp-block-site-logo {
		margin: auto;
	}
}

/* Newsletters
	to override table styles since we don't want borders at the tops of table rows in newsletters 
*/
table[role="presentation"] td {
	border: none;
	border-top: 0px;
}

.newsletter-container .wp-block-separator {
	max-width: 100% !important;
  width: 100% !important;
}

/* nested list to have circle not filled in */
ul.wp-block-list > li > ul.wp-block-list > li {
	list-style: circle !important;
}
ol.wp-block-list li {
	list-style: numeric !important;
}

/* job board widget input field */
#jt_input_findjob {
	display: inline-block;
}
.jt_job_list {
	height: 450px !important;
}

/* slide show */
.wp-block-jetpack-slideshow,
.wp-block-jetpack-slideshow_slide {
	max-height: 300px;
}
.wp-block-jetpack-slideshow_slide img {
	max-width: 70% !important;
	max-height: 200px !important;
	width: 100%;
	height: auto;
}

/* modal block to have a scrollbar if content is longer than height of the screen, 
   otherwise it gets cut off and you can't read the rest of the content */
.obb-modal-content {
	max-height: 85vh;
	overflow: auto;
}

/* partnership grid */
.partnership-page-grid.wp-container-core-group-is-layout-2ee631fb {
	grid-template-columns: repeat(auto-fill, minmax(min(16rem, 17rem), 1fr));
}

/* partnership images */
.partnership-page-grid .tiled-gallery__gallery,
.partnership-page-grid .tiled-gallery__gallery img {
  height: 150px;
}

/* partnership headings */
.partnership-page-grid .obb-featured-content > .wp-block-heading {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Screen Reader Only and for SEO if you want to make a heading but still use the image version */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* no wrap for text */
.no-wrap {
	white-space: nowrap !important;
}