/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:300,400,500,900&display=swap'); /* font-family: 'Roboto', sans-serif; font-family: 'Roboto Slab', serif; */

html, body { overflow-x: hidden; }
body { font-family: 'Roboto', sans-serif; }
h1, h2, h3, h4, h4.c-accordion__title, h5, h6:not(.c-accordion__title), .h1, .h2, .h3, .h4, .h4.c-accordion__title, .h5, .h6:not(.c-accordion__title) { font-family: 'Roboto Slab', serif; font-weight: 700; }
h2.xl { font-size: 2rem; }
h3.black { font-family: 'Roboto', sans-serif; font-weight: 900; color: #5a5a5a; }
h5.normal { font-family: 'Roboto', sans-serif; font-weight: 500; }
h5.normal a { color: #212529; }
h3, .h3, h4, .h4, a, .green { color: #66952e; }
.mx-n3 { margin-right: -1rem !important; margin-left: -1rem !important; }
.wp-block-group.w-90 { width: auto !important; }
.ui-widget-content a { color: #66952e !important; }
.dgreen, h3.dgreen { color: #0b593f; }
.white { color: #fff; }
.white-bg { background-color: #fff; }
.grey-bg { background-color: #ebebeb; }
.green-bg { color: #fff; background-color: #66952e; }
.dgreen-bg { color: #fff; background-color: #01573e; }
.blue-bg { color: #fff; background-color: #597894; }
a:hover, .dgreen { color: #015a3e; }
.wp-block-button__link:hover { color: #fff; }
.btn, .wp-block-button__link, .form-control, .card { border-radius: 0; }
.btn, .wp-block-button__link { padding: 0.375rem 1.5rem; }
.btn-green { color: #fff; background-color: #66952e; }
.btn-green:hover { color: #fff; background-color: #01573e; }
.wp-block-button.block-btn .wp-block-button__link { display: block; }
.alignwide { margin-left: -15rem; margin-right: -15rem; }
.wp-block-image.alignwide { max-width: none; }
.alignfull { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 100vw; width: 100vw; }
.alignfull > img, .alignfull .wp-block-image img { width: 100vw; }
.media-ico { display: flex; align-items: center; justify-content: center; margin-right: 1.5rem; width: 70px; height: 70px; text-align: center; background-color: #66952e; border-radius: 1.5rem 0 1.5rem 0; }
.media-ico .svg-inline--fa { font-size: 1.875rem; color: #fff; }
.media-more { font-family: 'Roboto Slab', serif; font-size: 0.875rem; }
.space-after-li > li { margin-bottom: 1rem; }
ul.col-two { column-count: 2; }

#content { padding-top: 3rem; }

/* claims links */
.claim-link { margin-bottom: 1.5rem; padding: 24px 16px 1px 16px; background-color: #e3edd5; }
.claim-link h6 { height: 60px; font-family: 'Roboto', sans-serif; color: #0b593f; }
.claim-link a { padding: 0.25rem 1rem; font-weight: 500; color: #fff; background-color: #66952e; text-transform: uppercase; }
.claim-link a:hover { color: #fff; background-color: #01573e; text-decoration: none; }

/* products-services links */
#product-service-links { background-color: #c2d5ab; }
#product-service-links .row .product-service { margin-bottom: 1.5rem; padding: 16px 16px 1px 16px; background-color: #fff; }
#product-service-links .row > div:nth-child(4) .product-service { margin-bottom: 0; }
#product-service-links .ico { color: #646464; }
#product-service-links h3 { font-family: 'Roboto', sans-serif; min-height: 66px; font-weight: 900; font-size: 1.625rem; color: #66952e; }
#product-service-links p:not(.ico) { min-height: 110px; line-height: 1.375; }
#product-service-links a { margin-bottom: 1.5rem; padding: 4px 16px; font-family: 'Roboto Slab', serif; font-size: 0.875rem; color: #646464; background-color: #fff; border: 1px solid #b7b7b7; }
#product-service-links a:hover { color: #fff; background-color: #646464; text-decoration: none; border-color: #646464; }

/* claim kit links */
#claim-kits .wp-block-button { width: 100%; }
#claim-kits .wp-block-button a { padding: 0.875rem 1.5rem; width: 100%; color: #66952e; background-color: #fff; }

/* accordion blocks */
.c-accordion__item { padding: 0.25rem 0; }
.c-accordion__item .c-accordion__title:before { position: absolute; content: '\f282'; margin: 0 0.5rem; left: 0; font-family: 'bootstrap-icons'; font-weight: 900; vertical-align: middle; }
.c-accordion__item.is-open .c-accordion__title:before { content: '\f286'; }
h4.c-accordion__title { padding: 0 0 0 2.5rem; font-weight: 700; }
h6.c-accordion__title { padding: 0 0 0 2rem; font-weight: 400; color: #66952e; }
.c-accordion__title:focus { outline: none; }
.c-accordion__title:after, .is-open > .c-accordion__title:after { content: none; }
.c-accordion__content { padding-left: 0.5rem; }

body > header { border-top: 8px solid #b7b7b7; }
body > header > .container { padding-top: 1rem; padding-bottom: 1rem; }
#header-block-1 { flex-basis: 100%; }
#header-block-1 img { max-width: 90%; }
#header-block-2 .form-inline .input-group { width: 11.25rem; }
#header-block-2 .btn { padding: 0.375rem 0.75rem; font-weight: 500; color: #fff; background-color: #707070; text-transform: uppercase; border-color: #707070; }
#header-block-2 .accepting-credit-cards { font-size: 80%; font-weight: 400; font-style: oblique; text-align: right; }
#header-block-2 h3 { font-size: 1.5em; font-weight: 500; white-space: normal; }
#header-block-2 h4 { color: #005437; }
#header-block-2 h4 > sup { font-size: 50%; }
#header-block-2 h6 { font-size: 1rem; }

.bg-jwbs { background-color: #66952e !important; }
.navbar-dark .navbar-nav { margin-left: -1.125rem; }
.navbar-dark .navbar-nav .nav-link { padding: 0.5rem 1rem; font-size: 1.125rem; font-weight: 300; color: #fff; }
:not(.home) .carousel-caption { text-align: left; }

.post-header .page-header { color: #0b593f; text-align: center; }

/* home */
.carousel .overlay { display: none; position: absolute; left: 1rem; bottom: 1rem; z-index:50; }
.carousel-caption { padding-top: 0; left: 20%; }
body:not(.home) .carousel-caption > span { position: absolute; padding: 0 1.875rem; top: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.8); }
.carousel-caption h1 { margin: 0 0 1rem; font-size: 1rem; color: #595758; text-shadow: 1px 1px 1px #fff; }
.carousel-caption .btn { padding: 0.25rem 1rem; font-size: 0.875rem; }
.home .carousel-caption { text-align: center; }
.home .carousel-caption span { padding: 1.875rem; background-color: rgba(255, 255, 255, 0.8); }
.home h2.dgreen { font-size: 2rem; }
.home #products .media { margin-right: 0; min-height:170px; flex-basis: 100%; }
.home #bsig { background-color: #ebebeb; }
.home #bsig h3 { font-size: 1.5rem; }
.home #locations { background: url('/wp-content/uploads/2019/11/locations-bg.jpg') no-repeat center; background-size: cover; }
.home #locations h2 { font-size: 2.5rem; color: #00573d; }
.home #locations .wp-block-column a { color: #fff; }
.home #states { position: relative; }
.home #states .greenbar-start, .home #states .greenbar-end { width: calc(((100% - 1140px) / 2) + 11px); }
.home #states .greenbar-start { position: absolute; top: 0; right: auto; bottom: 0; left: 0; }
.home #states .greenbar-end { position: absolute; top: 0; right: 0; bottom: 0; left: auto; }
.home #states .wp-block-columns { margin-bottom: 0; }
.home #states .wp-block-column { margin-bottom: 1rem; }
.home #states .wp-block-column:nth-child(6) { margin-bottom: 0; }
.home #states .greenbar-start , .home #states .wp-block-column, .home #states .greenbar-end { background-color: rgba(0, 87 ,61, 0.9); }
.home #states .wp-block-column { margin-left: 0; }
#states .wp-block-column h5 { padding: 1rem 0; font-weight: 400; color: #fff; }

.choice-classes .wp-block-column { margin: 0.5rem; width: calc(33% - 16px); color: #212529; background-color: #fff; }
.choice-classes .wp-block-image { margin: 0; }
.choice-classes .card-body { padding: 15px; }
.choice-classes .wp-block-button { margin: 0; }
.choice-classes .wp-block-button .wp-block-button__link { padding: 0.25rem 2rem; }
.choice-classes .wp-block-button.primary { margin-bottom: 1rem; }
.choice-classes .wp-block-button.primary .wp-block-button__link { display: block; padding: 0.25rem 0; }

.choice-classes .card .card-body h3 { height: 70px; }
.choice-classes .card .card-body p { height: 50px; }
#back-in-business { position: relative; overflow: hidden; }
#back-in-business .wp-block-image, #back-in-business .bib-caption { position: absolute; }
#back-in-business .wp-block-image { margin: 0; }
#back-in-business .bib-caption { display: none; }
#back-in-business .bib-caption h2 { margin-bottom: 1rem; font-size: 2rem; }
#back-in-business .bib-caption h3 { font-family: 'Roboto', sans-serif; font-size: 1.25rem; font-weight: 900; }
#service-commitment li { margin-bottom: 0.5rem; }
.financial-info .wp-block-button { margin-bottom: 0; }
.alignfull .financial-info .wp-block-image img { width: auto; }
.card.video, .programs .card { flex-direction: row; align-items: center; }
.card.video { margin: 2rem 0; background-color: rgba(93, 143, 24, 0.3); border: 0 none; }
.card.video .wp-block-embed { margin: 0 0 -0.375rem; width: 50%; }
.card.video .wp-block-embed * { margin: 0 !important; }
.card.video .card-body {  width: 50%; }
.programs .wp-block-group.card .wp-block-group__inner-container { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.programs .wp-block-group.card .wp-block-group__inner-container h4, .wp-block-group.card .wp-block-group__inner-container h5 { flex-basis: 100%; }
.programs .wp-block-group.card .wp-block-image { max-width: 653px; }
.programs .wp-block-group.card .card-body { padding: 30px 30px 48px 30px; width: calc(100% - 653px); }
.programs .wp-block-group.card.right .wp-block-image { max-width: 588px; }
.programs .wp-block-group.card.right .card-body { width: calc(100% - 588px); }
.programs .wp-block-group.card .wp-block-image { margin: 0; }
.card.insurance-stat { margin-left: 32px; width: 33%; }
.card.insurance-stat .card-body { margin: 0 auto; width: 75%; }
.poor-3-col-layout > div { flex-basis: calc(50% - 16px); }
.poor-3-col-layout > div:nth-child(3) { flex-basis: 100%; }

/* blog */
.blog .post-header .page-header { text-align: left; }
.blog article:nth-child(even) .alignfull { background-color: #ebebeb; }

body > footer { color: #fff; background-color: #363636; }
body > footer a, body > footer a:hover { color: #fff; }
body > footer p { font-size: 0.875rem; }
#widget-footer > div:nth-child(1) { flex-basis: 100%; }
#menu-footer-menu { margin: 0; padding: 0; list-style: none; }
#menu-footer-menu a { font-family: 'Roboto Slab', serif; font-weight: 400; color: #fff; }
#widget-footer > div:nth-child(2) { flex-basis: 100%; margin: 3rem 0; text-align: center; }
#widget-footer .btn { font-size: 1.25rem; font-weight: 300; color: #fff; border: 1px solid #fff; }
#widget-footer .btn:hover { color: #363636; background-color: #fff; }
#widget-footer > div:nth-child(3) { flex-basis: 100%; text-align: right; }
.logo-footer { margin-bottom: 0; background-color: #00563f; }

/* claims page */
.page-id-14 footer.post-footer, .page-id-424 footer.post-footer, .page-id-454 footer.post-footer, .page-id-1629 footer.post-footer, .page-id-464 footer.post-footer, .page-id-483 footer.post-footer { margin-top: 0 !important; }
.page-id-14 #testimonial-carousel, .page-id-424 #testimonial-carousel, .page-id-454 #testimonial-carousel, .page-id-1629 #testimonial-carousel, .page-id-464 #testimonial-carousel, .page-id-483 #testimonial-carousel { position: relative; top:16px; }

/* CF7 */
.custom-form .wpcf7-list-item { margin-left: 0; }
.rules-section:before { content: ""; position: absolute; top: 0; bottom: 0; left: -99rem; z-index: -1; border-left: 99rem solid #ebebeb; box-shadow: 99rem 0 0 #ebebeb; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.wp-block-group.w-90 { width: 90% !important; }
	h2.xl { font-size: 2.5rem; }
	.home #bsig h3 { font-size: 1.75rem; }
	.navbar-expand-lg .navbar-toggler { display: inline-block; }
	#header-block-2 h3 { white-space: nowrap; }
	#header-block-2 .ml-6 { margin-left: 2.5rem; }
	#header-block-2 .search-form { display: inline-block; }
	#header-block-2 h6 { font-size: 0.875rem; }
	#product-service-links .row > div:nth-child(3) .product-service { margin-bottom: 0; }
	.home .carousel-caption span { background-color: transparent; }
	.carousel-caption { right: 10%; left: 20%; }
	.carousel-caption h1 { font-size: 2rem; }
	.carousel-caption .btn { padding: 0.375rem 1.5rem; font-size: 1rem; }
	.home h2.dgreen { font-size: 2.5rem; }
	.home #products .media { margin-right: 32px; flex-basis: calc( 50% - 16px ); }
	.home #products .media:nth-child(2n+0) { margin-right: 0; }
	.home #states .wp-block-column { margin-left: 0.25rem; }
	.home #states .wp-block-column:nth-child(5) { margin-bottom: 0; }
	#claim-kits .wp-block-button { width: 50%; }
	#back-in-business .bib-caption { display: inline; top: 20%; right: 15%; left: 15%; color: #fff; }
	#widget-footer > div:nth-child(1) { flex-basis: 60%; }
	#widget-footer > div:nth-child(2) { flex-basis: 40%; margin: 0; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#header-block-1 { flex-basis: 0; }
	.navbar-expand-lg > .container { flex-wrap: wrap; }
	.navbar-expand-lg .navbar-collapse { flex-basis: 100%; }
	.navbar-expand-lg .navbar-nav { flex-direction: column; }
	.collapse:not(.show) { display: none !important; }
	#product-service-links .row .product-service, .home #states .wp-block-column { margin-bottom: 0; }
	.carousel .overlay { display: inline; }
	.carousel-caption { padding-top: 20px; right: 15%; }
	.carousel-caption h1 { margin: 1rem 0 2.5rem; font-size: 2.5rem; }
	.home .carousel-caption { top: 12.5%; }
	.home #products .media { flex-basis: calc( 32.65% - 16px ); }
	.home #products .media:nth-child(2n+0) { margin-right: 32px; }
	.home #products .media:nth-child(3n+0) { margin-right: 0; }
	#states .wp-block-column h5, #menu-footer-menu a { font-weight: 700; }
	.home #states .wp-block-column:not(:first-child) { margin-left: 0.25rem; }
	#claim-kits .wp-block-button { width: 25%; }
	.claim-link h6 { height: 40px; }
	#back-in-business .bib-caption h2 { margin-bottom: 1em; font-size: 2.5rem; }
	#back-in-business .bib-caption h3 { font-size: 1.75rem; }
	.poor-3-col-layout > div:nth-child(1) { flex-basis: 35%; }
	.poor-3-col-layout > div:nth-child(2) { flex-basis: 20%; }
	.poor-3-col-layout > div:nth-child(3) { flex-basis: 35%; }
	.poor-2-col-layout { margin: 0 auto; width: 90%; }
	#widget-footer > div:nth-child(1) { flex-basis: 30%; }
	#widget-footer > div:nth-child(2) { flex-basis: 10%; }
	#widget-footer > div:nth-child(3) { flex-basis: 35%; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.navbar-expand-lg > .container { flex-wrap:no wrap; }
	.navbar-expand-lg .navbar-toggler { display: none; }
	.navbar-expand-lg .navbar-collapse { display: flex !important; }
	.navbar-expand-lg .navbar-nav { flex-direction: row; }
	.carousel .overlay { left: 2rem; }
	.carousel-caption h1 { margin: 2.5rem 0; } /* font-size: 3.125rem; */
	.claim-link { margin-bottom: 0; }
	.claim-link h6 { height: 60px; }
	#back-in-business .bib-caption { top: 30%; right: 45%; left: 5%; }
	.poor-2-col-layout { width: 77.5%; }
	#product-service-links h3 { min-height: initial; }
}

@media only screen and (min-width : 1475px) {
	#back-in-business .bib-caption { top: 30%; right: 47.5%; left: 22.5%; }
}
