/*
 Theme Name:   WP Bootstrap 4 Child
 Description:  WP Bootstrap 4 Child Theme
 Template:     wp-bootstrap-4
 Version:      1.1.65
 Author:       Mallorie Binner
*/


/* 
 * Use lower resolution background image on mobile
 * Page: all
 */
@media (max-width: 768px) {
  body.custom-background {
    background-image: url(https://bcwcid2.org/wp-content/uploads/2019/06/glauber-sampaio-4568-unsplash-tinypng-768x512.jpg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-attachment: fixed !important;
  }
}


/* 
 * Job Board Button
 * Page: employment
 */
.wpjb_job_apply_btn {
  color: #fff !important;
  background-color: #6c757d !important;
  border-color: #6c757d !important;
  display: inline-block !important;
  font-weight: 400 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  border: 1px solid transparent !important;
  padding: 0.375rem 0.75rem !important;
  margin: 0 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  letter-spacing: normal !important;
  border-radius: 0.25rem !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
.wpjb_job_apply_btn:hover {
  color: #fff !important;
  background-color: #5a6268 !important;
  border-color: #545b62 !important;
}
.wpjb_job_apply_btn:focus, .wpjb_job_apply_btn.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5) !important;
}


/*
 * Prevent text wraping around the image on mobile
 * Page: grinder-pump-information
 */
@media (max-width: 768px) {
  .grinder-pump {
    float: none;
    display: block;
    margin: 10px auto;
  }
}


/*
 * Card Styles
 * Page: office-staff
*/
.page-id-1536 .card-header {
  margin-bottom: 10px;
}


/*GDPR notice*/
.widget_eu_cookie_law_widget {
  margin: 0 0 0 0 !important;
}
#eu-cookie-law.negative {
  background-color: #343a40 !important;
}


/*
  Alert (secondary) notice box
  Page: all
*/
.alert .alert-secondary a {
  color: #343a40;
}


/*
  PDF download badges
  Page: all
*/
.sidebar-1-area .widget ul li a.badge {
  color: #fff;
}
.sidebar-1-area .widget ul li a.badge:hover {
  color: #fff;
}


/*
  Search Page Navigation
  Page: search
*/
.search .posts-navigation .nav-links a {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.search .posts-navigation .nav-links a:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}


/*
  Sticky post bookmark
  Page: Blog and single post
*/
.oi-bookmark {
  position: absolute !important;
  top: 0px !important;
  right: 15px;
  color: #ffc106 !important;
  font-size: 1.8rem;
}


/*
  Horizontal Rows
  Page: all
*/
hr {
  background-color: #dee2e6;
 }
.hr-text {
  font-size: 1.25rem;
  background-color: #fff;
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  text-align: center;
  height: 1.5em;
  opacity: 1;
}
.hr-text:before {
  content: '';
  background: #dee2e6;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  line-height: 1.5em;
  color: #6c757d;
  background-color: #fff;
}


/*
  Contact Form 7
  Page: all
*/
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    color: #D8000C;
    background-color: #FFBABA;
    border: 0;
    padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 0;
    padding: 10px;
}
div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {
    font: 26px/30px FontAwesome;
    margin-right: 10px;
    vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
    content:'\f00c';
}
div.wpcf7-validation-errors:before {
    content:'\f057';
}
.grecaptcha-badge {
  visibility: hidden;
}


/*
  Bootstrap nav pills & tabs
  Page: Leadership???
*/
.nav-pills .nav-link.active {
  color: #555;
  background-color: #e2e3e5;
}
.nav-pills .nav-link:hover {
  background-color: #e2e3e5;
}
.nav-pills .nav-link:hover.active {
  background-color: #e2e3e5;
}
.nav-tabs .nav-link {
  background-color: #fafafa;
  border: 1px solid transparent;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.nav-tabs .nav-link:hover {
  background-color: #f2f2f2;
}
.nav-tabs .nav-link.active {
  background-color: #ffffff;
}
.nav-tabs .nav-link:hover.active {
  background-color: #ffffff;
}


/*
  Yoast schema FAQs
  Page: Road District FAQs
*/
.schema-faq-section {
  margin-bottom: 1rem;
  border-bottom: 1px solid #dee2e6;
}
/*.schema-faq-section::before {
  display: block;
  content: " ";
  margin-top: -50px;
  height: 50px;
  visibility: hidden;
  pointer-events: none;
}*/
.schema-faq-question {
  display: block;
  font-size: 1.25rem;
  margin-bottom: .5rem;
}
.schema-faq-answer {
  padding: 0 2rem 0 2rem;
}
@media (max-width: 768px) {
  .schema-faq-answer {
    padding: 0 1rem 0 1rem;
  }
}


/*
  File download buttons
  Page: All
*/
.badge {
  vertical-align: text-bottom;
}
/*Make file download buttons look like bootstrap badges*/
.wp-block-file .wp-block-file__button {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: text-bottom;
  border-radius: 0.25rem;
  color: #fff;
  background-color: #6c757d;
  margin: 0 0 0 0.25rem;
}
.wp-block-file .wp-block-file__button[href]:hover,
.wp-block-file .wp-block-file__button[href]:focus {
  color: #fff;
  box-shadow: none;
  text-decoration: none;
  background-color: #5a6268;
  border-color: #545b62;
}
/*Make link buttons look like bootstrap buttons*/
.wp-block-button .wp-block-button__link {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus {
  text-decoration: none;
}
.wp-block-button .wp-block-button__link:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.wp-block-button .wp-block-button__link:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

/*
  Recent Posts Carousel
  Page: Home
*/
.carousel-caption {
  padding-left: 10px;
  padding-right: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
.carousel-link {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  z-index: 0;
}
.carousel-text-shadow {
    text-shadow: 0 0 5px #444;
}
@media (max-width: 425px) {
  .carousel-caption h3 {
    font-size: 1em;
  }
}


/*
  Heading Font Sizes
  Page: All
*/
h1, .h1 {
  font-size: 2.5rem;
}
h2, .h2 {
  font-size: 2rem;
}
h3, .h3 {
  font-size: 1.5rem;
}
h4, .h4 {
  font-size: 1.25rem;
}
h5, .h5 {
  font-size: 1rem;
}
h6, .h6 {
  font-size: 1rem;
}


/*
  Rates Table
  Page: Rates
*/
#nav_menu-2 > .widget-title {
  font-size: 1.25rem;
}


/*
  Alerts Signup Form Submit Button
  Page: Sign up for alerts popup
*/
.gem-submit {
  width: 100%;
}

/*
  Desktop Styles
  Page: All
*/
@media (min-width: 768px) {
  /*reduce padding on main content area*/
  .hentry.card .card-body {
      padding: 1rem;
  }
  /*remove padding from accordion headers*/
  .accordion .card-header {
    padding: 0;
  }
}
@media (max-width: 425px) {
  /*reduce padding on main content area*/
  .hentry.card .card-body {
      padding: 0.75rem;
  }
}

/*
  Sidebars
  Page: All
*/
#secondary {
  margin-bottom: 3rem;
}
/*Google Calendar widget*/
.sidebar-1-area .widget_upcoming_events_widget ul {
  color: #212529;
  padding-left: 0;
}
.sidebar-1-area .widget_upcoming_events_widget ul li {
  list-style: none;
}
.event-when {
  font-style: italic;
}
.event-description, .event-location {
  font-size: 0.9rem;
}
/*Service Request Button*/
.btn-srvreq {
  color: #fff;
  background-color: #E5A419;
  border-color: #E5A419;
}
.btn-srvreq:hover {
    color: #fff;
    background-color: #CE9316;
    border-color: #CE9316;
}


/*
  Bootstrap Buttons
  Page: All
*/
.btn-wrap {
  white-space: normal;
}


/*
  Header
  Page: All
*/
.navbar {
  padding: 0.5rem 0.5rem;
}
.navbar-brand {
  margin-right: 0rem;
}
.navbar-dark .navbar-nav .nav-link {
  opacity: 0.8;
  outline: none;
}
.navbar-dark .navbar-nav .dropdown-menu .nav-link:hover {
  background-color: #e2e3e5;
}
.navbar-dark .navbar-nav .dropdown-menu .active > .nav-link {
  background-color: #00000008;
}


/*
  Posts
  Page: Single Posts
*/
.entry-footer {
  display: none;
}
/* Remove author, date & comment section from posts */
.posted-on {
  display: none;
}
.entry-meta {
  display: none;
}
#comments {
  display: none;
}


/*
  Footer
  Page: All
*/
.site-footer {
  max-width: 1110px;
  margin: 0 auto 0 auto;
  padding-top: 1rem;
  padding-bottom: 0rem;
}
.site-footer .footer-offices {
  display: inline-block;
  margin-bottom: 5px;
}
.site-footer .widget-title {
  font-size: 1.1rem;
}
.site-info {
  display: none;
}
/* Make footer widgets stack vertically on mobile */
@media (max-width: 690px) {
  .footer-widgets .col {
    flex-basis: auto;
  }
  .footer-widgets {
    text-align: center !important;
  }
}


/* Removed post navigation from single.php
.single .post-navigation .nav-links a {
  color: #f8f9fa;
  margin-bottom: 2rem;
  display: inline-block;
  text-shadow: 1px 1px 2px #444;
}

.single .post-navigation .nav-links a:hover {
  color: #212529;
  text-decoration: none;
  text-shadow: 1px 1px 2px #fff;
}
*/


/* 
 * Modern Events Calendar Widgets
 * Page: as applicable
 */
/* hide overflow as page loads */
.mec-widget {
	max-height: 465px;
	overflow: hidden;
}
/* adjust position and color of event gallery navigation */
.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav button {
	margin-top: -13px;
}
.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav i {
	color: #333;
}
.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav button:hover {
	background: rgb(108, 117, 125);
	border-color: rgb(108, 117, 125);
}
/* make color of event location text darker */
.mec-single-event .mec-event-meta dd,
.mec-event-grid-clean .mec-event-content p,
.mec-event-grid-classic .mec-event-content p,
.mec-single-event .mec-event-meta .mec-events-address {
	color: #333;
}


/*
  Office Tablet Mini-Site
  Page: office-tablet-home, office-tablet-email-sign-up, office-tablet-water-application
*/
/*
 * hide site header and footer
 * change margins to fit office tablet
 * page: all
 */
article.post-4499, /* home-1 */
article.post-4501, /* home-2 */
article.post-3958,
article.post-4184,
article.post-4123 {
	margin: 10px 0;
}
.page-id-4499 header, .page-id-4499 footer, /* home-1 */
.page-id-4501 header, .page-id-4501 footer, /* home-1 */
.page-id-3958 header, .page-id-3958 footer,
.page-id-4184 header, .page-id-4184 footer,
.page-id-4123 header, .page-id-4123 footer {
    display: none !important;
}
.page-id-4499 .page-content, .page-id-4499 .entry-content, .page-id-4499 .entry-summary, /* home-1 */
.page-id-4501 .page-content, .page-id-4501 .entry-content, .page-id-4501 .entry-summary, /* home-2 */
.page-id-3958 .page-content, .page-id-3958 .entry-content, .page-id-3958 .entry-summary,
.page-id-4184 .page-content, .page-id-4184 .entry-content, .page-id-4184 .entry-summary,
.page-id-4123 .page-content, .page-id-4123 .entry-content, .page-id-4123 .entry-summary {
	margin: 2px 0 0 0;
}
/* 
 * mini-site nav
 * page: all
 */
.page-id-4499 .office-tablet-nav, /* home-1 */
.page-id-4501 .office-tablet-nav, /* home-2 */
.page-id-3958 .office-tablet-nav {
	margin-bottom: 0;
}
.page-id-4499 .office-tablet-nav .wp-block-group, /* home-1 */
.page-id-4501 .office-tablet-nav .wp-block-group, /* home-2 */
.page-id-3958 .office-tablet-nav .wp-block-group {
	border-radius: 6px;
}
/*
 * shortcode: calender events
 * page: office-tablet-home
 */
.page-id-4501 .mec-event-footer, /* home-2 */
.page-id-3958 .mec-event-footer {
    display: none;
}
.page-id-4501 .mec-event-article, /* home-2 */
.page-id-3958 .mec-event-article {
	border-radius: 6px;
}
/* home-2 */
.page-id-4501 .mec-event-article,
.page-id-4501 .mec-event-grid-clean,
.page-id-4501 .mec-event-grid-clean .row {
	margin-bottom: 0;
}
.page-id-3958 .mec-event-article,
.page-id-3958 .mec-event-grid-clean,
.page-id-3958 .mec-event-grid-clean .row {
	margin-bottom: 0;
}

/* 
 * shortcode: latest "Alerts" category post
 * page: office-tablet-home
 */
.page-id-4499 .wp-block-latest-posts .wp-block-latest-posts__post-title, /* home-1 */
.page-id-3958 .wp-block-latest-posts .wp-block-latest-posts__post-title {
	display: none;
}
.page-id-4499 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, /* home-1 */
.page-id-3958 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt {
	margin-bottom: 0.5em;
}
.page-id-4499 .wp-block-latest-posts.wp-block-latest-posts__list, /* home-1 */
.page-id-3958 .wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: none;
    border-radius: 6px;
    padding: 5px;
    text-align: center;
	font-family: Raleway;
}

/* 
 * shortcode: contact form 7 - water application
 * page: office-tablet-water-application
 */
.page-id-4184 div.wpcf7 { 
	max-width: 800px;
	margin: 0 auto;
}
.page-id-4184 div.wpcf7 input[type="text"],
.page-id-4184 div.wpcf7 input[type="email"],
.page-id-4184 div.wpcf7 textarea {
	text-align:center;
	background-color: #F5F5F5;
	padding: 10px;
}
.page-id-4184 div.wpcf7 input[type="submit"],
.page-id-4184 div.wpcf7 input[type="button"] { 
	width: 15%;
	font-weight: bold;
	text-align: center;
	background-color: #343A40;
    display: block;
    margin: 0 auto;
}
.page-id-4184 div.wpcf7 form .wpcf7-response-output {
    margin: 0px 2px 20px 2px;
    padding: 5px;
    text-align: center;
}