/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");

html, body { overflow-x: hidden; }
body { font-family: myriad-pro, sans-serif; font-size: 1.125rem; }
h1, .h1 { font-size: 2rem; }
h2, .h2 { font-size: 1.75rem; }
h3, .h3 { font-size: 1.5rem; }
h4, .h4 { font-size: 1.25rem; }
h5, .h5 { font-size: 1.125rem; }
h1, .h1, h2, .h2, h3, .h3 { color: #cf152d; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, strong { font-weight: 700; }
a { color: #cf152d; }
a:hover, a:focus { color: #a01022; }
#breadcrumbs { font-size: 1.25rem; }
:not(.wp-block-button).btn, .wp-block-button.btn .wp-block-button__link { padding: 0.125rem 2.25rem; font-weight: bold; }
figure.wp-block-gallery.is-layout-flex { display: flex !important; flex-wrap: wrap; }
.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) { margin: 0; }
.bolder { font-weight: bolder; }

/* colors */
.full-width { position: relative;}
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -99rem; z-index: -1; }
.full-width.bg-jwbs:before { border-left: 99rem solid #cf152d; box-shadow: 99rem 0 0 #cf152d; }

.bg-gray { background-color: #e1e1e1 !important; }
a.bg-gray:hover, a.bg-gray:focus, button.bg-gray:hover, button.bg-gray:focus { background-color: #e1e1e1 !important; }
.full-width.bg-gray:before { border-left: 99rem solid #e1e1e1; box-shadow: 99rem 0 0 #e1e1e1; }
.bg-dark-gray { background-color: #636363; }
.bg-dark-gray a { color: #fff; }
a.bg-dark-gray:hover, a.bg-dark-gray:focus, button.bg-dark-gray:hover, button.bg-dark-gray:focus { background-color: #636363 !important; }
.full-width.bg-dark-gray:before { border-left: 99rem solid #636363; box-shadow: 99rem 0 0 #636363; }
.bg-light-blue { background-color: #e9fdfe; }
a.bg-light-blue:hover, a.bg-light-blue:focus, button.bg-light-blue:hover, button.bg-light-blue:focus { background-color: #e9fdfe !important; }
.full-width.bg-light-blue:before { border-left: 99rem solid #e9fdfe; box-shadow: 99rem 0 0 #e9fdfe; }

/* forms */
.form-control { background-color: #f3f3f3; border: 0 none; border-radius: 0; }

#header-block-2 { text-align: center !important; }
#header-block-2 img { max-width: 75%; }
#header-block-3 .btn-jwbs { font-size: 1rem; }
#header-block-4 .btn-link.btn-lg { padding: 0.125rem 0; font-size: 1.375rem; }

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.show { font-weight: 700; color: #212529; }

/* carousel */
.carousel-caption { display: initial; padding: 0.5rem; top: 0.5%; bottom: auto; background-color: rgba(255, 255, 255, 0.5); border-radius: 0.75rem; }
.carousel-caption .h1 { font-size: 1.5rem; font-weight: 700; color: #333; }
.carousel-caption p { font-size: 0.875rem;color: #333; }
.carousel-caption .btn { text-transform: uppercase; }

.home h2 { font-weight: 700; }
.home .wp-block-columns.bg-gray.full-width .wp-block-group { background-color: #fff; border: 2px solid #cf152d; }
.home .wp-block-columns.bg-gray.full-width .wp-block-group__inner-container { display: flex; flex-direction: column; align-items: start; }
.home .wp-block-columns.bg-gray.full-width .wp-block-button__link { padding: 0.25rem 1.25rem; }
.home .wp-block-columns.bg-gray.full-width .wp-block-button__link:hover { background-color: #cf152d !important; text-decoration: none; }
.home .free-estimate .wp-block-group__inner-container { flex-wrap: nowrap; }
.home .free-estimate .h1 { font-size: 3.75rem; }
.home .free-estimate .wp-block-group__inner-container .h1, .home .free-estimate .wp-block-group__inner-container p, .home .free-estimate .wp-block-group__inner-container a { line-height: 1; color: #fff; }
.home form .form-fields { width: 100%; }
.home form .wpcf7-form-control-wrap { font-size: 90%; }
.wpcf7-radio span.wpcf7-list-item { margin: 0 1em 0 0; }
.wpcf7-radio span.wpcf7-list-item.last { margin: 0; }
.home form .wpcf7-submit { margin-right: -1.25rem; }
.home .reviews h3 a, .home .reviews h3 a:hover, .home h2.free-estimate a, .home h2.free-estimate a:hover { color: #fff; }

/* cert blocks homepage */
.home .blocks-gallery-grid .blocks-gallery-item { margin-top: auto; margin-bottom: auto; }
.home .blocks-gallery-grid .blocks-gallery-item img { max-height: 150px; }

/* testimonials */
.wp-block-quote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #ccc; }
.row-testimonial figure { height: 150px; border: 1px solid #ccc; overflow: hidden; }

.blog article .page-header img, .archive article .post-content img, .search-results article .post-content img { max-width: 75px; }

#blog-roll .flex-1 a { display: block; padding-top: 47.35%; height: 0; overflow: hidden; }

/* block addtoany on home blogroll */
.home .addtoany_share_save_container { display: none; }

/* review pages */
#rating-numbers, #rating-stars { unicode-bidi: bidi-override; direction: rtl; text-align: center; }
#rating-stars { margin-bottom: 2em; }
#rating-stars a { color: #000; }
#rating-numbers span, #rating-stars span { display: inline-block; position: relative; width: 1.1em; font-size: 27px; }
#rating-numbers span { padding: 0; width: 1.66em; font-size: 18px; line-height: 2; }
#rating-stars span:hover, #rating-stars span:hover a, #rating-stars span:hover ~ span, #rating-stars span:hover ~ span a { color: transparent; }
#rating-stars span:hover:before, #rating-stars span:hover ~ span:before { content: "\2605"; position: absolute; left: 0; color: gold; }
#review-btns .wp-block-button { display: inline-block !important; }

/* footer */
footer.border-jwbs { border-top-width: 6px !important; }
#menu-footer-menu a { color: #000; }
#missouri-list, #kansas-list { list-style: none; padding-inline-start: 5px; }
#menu-footer-menu { list-style: none; padding-inline-start: 0; line-height: 2; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
  #missouri-list, #kansas-list { column-count: 2; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  h1, .h1 { font-size: 2.5rem; }
  h2, .h2 { font-size: 2rem; }
  h3, .h3 { font-size: 1.75rem; }
  h4, .h4 { font-size: 1.5rem; }
  h5, .h5 { font-size: 1.25rem; }
  #header-block-2 { text-align: left !important; }
  #header-block-2 img { max-width: 100%; }
  #header-block-3 .btn-jwbs { font-size: 1.5rem; }
  #header-block-4 .btn-link.btn-lg { font-size: 1.875rem; }
  #missouri-list, #kansas-list { column-count: 3; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .carousel-caption { top: 5%; right: 20%; left: 20%; }
  .carousel-caption .h1 { font-size: 1.625rem; }
  .carousel-caption p { font-size: 1rem; }
  .home .free-estimate .h1 { font-size: 4rem; }
  .home form .form-fields { width: 82%; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
}

/* ie11 fixes */
.wp-block-group__inner-container { overflow: auto; }

@media only screen and (min-width : 600px) {
  .wp-block-gallery.columns-6 ul.blocks-gallery-grid li.blocks-gallery-item { max-width: 15.1%; }
}
@media only screen and (min-width : 1185px) {
  .wp-block-gallery.columns-6 ul.blocks-gallery-grid li.blocks-gallery-item { max-width: 15.46%; }
}

