/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");

html, body { overflow-x: hidden; }
a, .text-blue, h1, .h1, h2, .h2, h3, .h3, h4, .h5, h5, .h5, h6, .h6 { color: #000078; }
h1, .h1, h2, .h2, h3, .h3, h4, .h5, h5, .h5, h6, .h6 { font-weight: bold; }
.accordion-loop .svg-inline--fa { margin-right: 0.5rem; }
.btn { border-radius: 0; }
.w3eden .color-blue { color: #000078 !important; }

#wpadminbar { display:none; }

.navbar { padding: 0; }
.navbar-nav .nav-link { padding: 0.5rem 1rem; color: #fff !important; text-transform: uppercase; }
.navbar-toggler { display: inline-block; position: absolute; top: 42px; right: 15px; border: 1px solid #b4032f; }
.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(180, 3, 47, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

/* full width */
.full-width { position: relative; }
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -75rem; z-index: -1; }
.full-width.bg-jwbs:before { border-left: 99rem solid #b4032f; box-shadow: 99rem 0 0 #b4032f; }

/* colors */
.btn-lt-gray { color: #52555b !important; background-color: #ebebeb; border-color: #ebebeb; } .btn-outline-lt-gray { color: #ebebeb !important; background-color: transparent; background-image: none; border-color: #ebebeb; } .btn-outline-lt-gray:hover { color: #52555b !important; background-color: #ebebeb; background-image: none; border-color: #ebebeb; }

.text-lt-gray { color: #ebebeb !important; } .bg-lt-gray { color: #52555b; background-color: #ebebeb; } .border-lt-gray { border-color: #ebebeb !important; } .full-width.bg-lt-gray:before { border-left: 99rem solid #ebebeb; box-shadow: 99rem 0 0 #ebebeb; }
.bg-gray { background-color: #b7b7b7; } .full-width.bg-gray:before { border-left: 99rem solid #b7b7b7; box-shadow: 99rem 0 0 #b7b7b7; }
.bg-lt-blue { color: #52555b; background-color: #edf5fb; } .full-width.bg-lt-blue:before { border-left: 99rem solid #edf5fb; box-shadow: 99rem 0 0 #edf5fb; }

#header-block-1 img { max-width: 212px; }

/* home */
.carousel-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.25); z-index: 5; }
.carousel-caption { text-align: right; }
.carousel-caption .h1 { margin-bottom: 0.5rem; font-size: 1.5rem; font-weight: bold; color: #ebebeb; }
.carousel-caption .btn { padding: 0.25rem 1.375rem; font-size: 1rem; font-weight: bold; color: #ebebeb; text-transform: uppercase; }
#what-is-states .what-is-states-img { position: absolute; top: 0; right: calc(50% - 50vw); bottom: 0; left: 50%; background: url('/wp-content/uploads/2022/08/bg-what-is-states.png') no-repeat center; background-size: cover; }
.btn-row .btn-jwbs { display: flex; padding: 0; font-size: 1.5rem; font-weight: bold; line-height: 1.5; text-align: left; border: 0 none; }
.btn-row .btn-jwbs .svg-inline--fa { margin-right: 1rem; padding: 0.25em; width: 1.625em; height: 1.25em; background-color: #0371ca; }
#benefits .benefits-img { position: absolute; top: 0; right: calc(50% - 50vw); bottom: 0; left: 50%; background: url('/wp-content/uploads/2022/08/bg-stripes.png') no-repeat right center; }
#faqs .faqs-img { position: absolute; top: 0; right: 66%; bottom: 0; left: calc(50% - 50vw); background: url('/wp-content/uploads/2022/08/bg-faqs.png') no-repeat; background-position: 75% 50%; background-size: cover; }
#faqs .card, #faqs .card-header { background-color: transparent; }
#faqs .card { border: 0 none; }
#faqs .card-header { padding: 0; border-bottom: 0 none; }
#faqs .card-header .btn { text-align: left; }
#faqs .card-header .btn-link.collapsed .svg-inline--fa { margin-right: 0.6875rem; color: #b50330; }
#faqs .card-header .btn-link .svg-inline--fa { margin-right: 0.375rem; color: #b50330; }
#faqs .card-body { padding: 0 0 1.25rem 1.25rem; }
#faqs .btn { padding: 0.375rem 0; font-size: 1.25rem; }
#faqs .btn-link { font-weight: bold; color: #212529; }
#faqs .btn-link:focus, #faqs .btn-link:hover { text-decoration: none; }

#loginform-submit { background-color: #000078; border-color: #000078; }

.governance > table { border-top: 1px solid #212529; }
.governance td { display: block; }

/* page 442 */
.page-id-422 .card { padding-top: 130px !important; }
.page-id-422 .card img { position: absolute; top: 0; }
.page-id-422 .card-body { background-color: rgba(0, 0, 0, 0.03); border-top: rgba(0, 0, 0, 0.125); z-index: 10; }
.page-id-422 .card-footer { border-top: 0 none; }

body > footer { background-color: #ebebeb; }
.footer-links ul { margin: 0; padding: 0; list-style: none; }
.footer-links ul li { display: block; margin-right: 2.5rem; }
.footer-links ul li a { font-size: 0.875rem; font-weight: bold; color: #212529; text-transform: uppercase; }
#widget-footer #block-7 { text-align: center; }
#widget-footer #block-7 img { width: 55%; }
p.attribution { font-size: 0.875rem; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	#header-block-1 img { max-width: 100%; }
	.carousel-caption .h1 { margin-bottom: 1rem; font-size: 2.875rem; }
	.carousel-caption .btn { padding: 0.375rem 1.5rem; font-size: 1.5rem; }
	.governance td { display: table-cell; }
	.btn-row .btn-jwbs { font-size: 2rem; }
	#widget-footer nav { flex-basis: 75%; }
	.footer-links ul  li { display: inline-block; }
	#widget-footer #block-7 { flex-basis: 25%; text-align: right; }
	#widget-footer #block-7 img { width: 80%; }
}

@media (max-width : 991px) {
	.wp-block-columns.btn-row, .wp-block-columns.btn-row:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; flex-wrap: wrap !important; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.navbar { padding: 0.5rem 1rem; }
	.navbar-toggler { display: none; }
	#faqs .faqs-img { right: 50%; background-position: left center; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
}