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

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,900;1,300;1,400;1,900&display=swap');

html, body { overflow-x: hidden; }
body { font-family: Roboto, sans-serif; font-weight: 400; }
h1, .h1 { font-size: 1.75rem; }
h2, .h2 { font-size: 1.5rem; }
h3, .h3 { font-size: 1.375rem; }
h4, .h4 { font-size: 1.25rem; }
h5, .h5 { font-size: 1.125rem; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .font-weight-black { font-weight: 900; }
a, .text-blue { color: #144991; }
.btn { border-radius: 0; }
.text-white { color: #fff; }
.text-yellow { color: #f1e500; }
.bg-yellow { background-color: #f1e500; }

/* 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 #f1e500; box-shadow: 99rem 0 0 #f1e500; }
.wp-block-image.full-width, .wp-block-image.full-width img { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }

.bg-grey { background-color: #ebebeb; }
.full-width.bg-grey:before { border-left: 99rem solid #ebebeb; box-shadow: 99rem 0 0 #ebebeb; }
.bg-lt-blue { background-color: #e8f2fc; }
.full-width.bg-lt-blue:before { border-left: 99rem solid #e8f2fc; box-shadow: 99rem 0 0 #e8f2fc; }
.bg-blue { background-color: #0466cc; }
.full-width.bg-blue:before { border-left: 99rem solid #0466cc; box-shadow: 99rem 0 0 #0466cc; }

body > header { background-color: #0466cc; background-color: #fff; }
body > header > .container { padding-top: 1rem; padding-bottom: 1rem; }
body > header > .container .row { align-items: center; }
body > header, body > header > .container a, body > header > .container a:hover { color: #fff; }
body > header .navbar, body > header > .container .navbara, body > header > .container .navbar a:hover { color: #144991; }
body > header .navbar p, body > header .navbar div { display: inline; }

#header-block-1 .row { align-items: stretch; }
#header-block-1 .col { display: flex; align-items: center; justify-content: center; border-right: 2px solid #ccc; }
#header-block-1 .col:last-of-type { border-right: 0 none; }

/* search form */
#header-block-2 { font-size: 1.25rem; }
body > header .form-inline.search-form { display: block; }
body > header .navbar .form-inline.search-form { display: inline-block; }
body > header .form-inline.search-form .input-group { float: right; display: block; }
body > header .form-inline.search-form .input-group, body > header .form-inline.search-form .input-group-append { display: inline-block; }
body > header .form-inline.search-form .input-group { float: right; overflow: hidden; -moz-transition: all 0.35s; -webkit-transition: all 0.35s; }
body > header .form-inline.search-form .input-group-append { float: right; margin: 0; }
body > header .form-inline.search-form input { display: none; padding: 0.125rem 0.5rem; height: 1.25em; font-size: 1rem; border: 0; vertical-align: 0.125rem; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; }
body > header .form-inline.search-form .btn-jwbs { display: flex; align-items: center; justify-content: center; padding: 0; width: 1em; height: 1em; font-size: 1rem; color: #fff !important; background-color: transparent; border: 0 none; }
body > header .navbar .form-inline.search-form .btn-jwbs { color: #144991 !important; }
body > header .form-inline.search-form .input-group:hover, body > header .form-inline.search-form .input-group:focus, body > header .form-inline.search-form .input-group:focus-within, body > header .form-inline.search-form .input-group:hover input, body > header .form-inline.search-form .input-group:focus input, body > header .form-inline.search-form .input-group:focus-within input { display: inline-block; width: 18em; }
body > header .form-inline.search-form .input-group:hover .input-group-append, body > header .form-inline.search-form .input-group:focus .input-group-append, body > header .form-inline.search-form .input-group:focus-within .input-group-append { padding: 4px 0 0 4px; }
body > header .form-inline.search-form .button .svg-inline--fa { font-size: 1rem; }
body > header .icons { display: flex; align-items: center; justify-content: right; font-size: 1.125rem; }

.navbar-nav .nav-link { font-size: 1.25rem; font-weight: 600; }
.navbar-toggler { padding: 0.25rem 0.625rem; font-size: 0.875rem; border: 2px solid #144991; }
.navbar-toggler.collapsed .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 20 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(20,73,145,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>"); }
.navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 20 30' xmlns='http://www.w3.org/2000/svg' version='1.1'><g stroke='rgba(20,73,145,1)'><line x1='0' y1='25' x2='20' y2='5' stroke-width='2' /><line x1='0' y1='5' x2='20' y2='25' stroke-width='2' /></g></svg>"); }

/* home */
.home #banner { margin: 3rem 0; }
.home .carousel-control-next, .home .carousel-control-prev { z-index: 100; }
.home .carousel-caption { right: 5%; left: 5%; font-size: 0.875rem; font-weight: 300; line-height: 1.34; text-align: left; }
.home .carousel-caption .h1 { margin-bottom: 1rem; }
.home .carousel-caption .btn-jwbs { position: static; right: -40%; bottom: 16%; padding: 0.375rem 1rem; font-size: 1rem; text-transform: uppercase; }
.home .icon-row > .wp-block-column { text-align: center; }
.home .icon-row .fa-stack { margin: 0.75em auto 0.5em; }
.home .icon-row .fa-circle { left: -0.375em; width: 2.75em; height: 2.25em; }
.home .icon-row .fa-inverse { color: #104b92; }
.home .icon-row img.svg-inline--fa.fa-stack-1x { width: auto; }
#blue-matter .wp-block-columns .wp-block-column:not(:last-child), #blue-matter-two .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 1rem; }
#blue-matter p.has-text-align-center, #blue-matter-two p.has-text-align-center { width: 100%; }
#blue-matter .wp-block-cover, #blue-matter-two .wp-block-cover { min-height: 10rem; }
.event .wp-block-group__inner-container { display: flex; align-items: center; flex-wrap: wrap; height: 4.5rem; }
.home #bg-process { min-width: 820px; top: 0; right: calc(50% - 50vw); bottom: 0; background: url('/wp-content/uploads/2022/03/process.png') no-repeat center right; }
.home #process p, .home #process ul { font-size: 1rem; }
.home .nf-form-cont .nf-before-form-content { display: none; }
.home #dont-miss { color: #fff; }
.home #dont-miss .wp-block-group__inner-container .wp-block-group__inner-container div.flex-shrink-0.mr-4 { float: left; }
.home #dont-miss form input[type='email'] { padding: 0.75rem 1.25rem; border: 0 none; }
.home .alignnormal { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.home .metaslider .flexslider { margin: 0; }
.home .metaslider-flex .caption-wrap { position: relative; bottom: 5%; background: #0466cc; opacity: 1; line-height: 2em; }
.home .metaslider-flex .caption { padding: 12px 10px; font-size: 2rem; font-weight: 900; color: #f1e500; text-align: center; }
.home .metaslider-flex .caption sup { font-size: 1.25rem; }
.home .metaslider-flex .flex-control-nav { display: none; }

.home .carousel-caption .h1, #inner-footer .h1 { font-size: 1.5rem; line-height: initial; }
.home .carousel-caption .h1 > sup { font-size: 0.875rem; vertical-align: super; }
#inner-footer .h1 > sup { font-size: 1.3125rem; vertical-align: super; }

/* forms */
.with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_radio label { color: #666; }
h2.give-form-title { display: none; }
#give-form-920-1 .form-row.ffm-field-container { display: block; }
#give-form-920-1 .give-btn.give-btn-reveal { margin: 0 1.5% 2.5%; }

body > footer { font-size: 1rem; font-weight: 300; line-height: initial; background-color: #0466cc; }
body > footer *, #inner-footer a:hover { color: #fff; }
#inner-footer .footer-address { padding-left: 1.6em; text-indent: -1.35em; }
body > footer .attribution { font-size: 0.875rem; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
	.home .carousel-caption .h1 { padding-top: 3rem; font-size: 2.5rem; line-height: initial; }
	.home .carousel-caption .h1 > sup { font-size: 1.3125rem; vertical-align: super; }
	.home .carousel-caption .btn-jwbs { position: absolute; }
}

@media only screen and (max-width : 599px){
	.wp-block-columns.icon-row > .wp-block-column { flex-basis: 50%!important; }
}

/* 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; }
	body > header .form-inline.search-form .input-group:hover, body > header .form-inline.search-form .input-group:focus, body > header .form-inline.search-form .input-group:focus-within, body > header .form-inline.search-form .input-group:hover input, body > header .form-inline.search-form .input-group:focus input, body > header .form-inline.search-form .input-group:focus-within input { width: 12em; }
	.home .carousel-caption { right: 60%; left: 7.5%; font-size: 1rem; }
	.home .carousel-caption .h1, #inner-footer .h1 { font-size: 2.625rem; line-height: 1.1; }
	.home #process p, .home #process ul { font-size: 1.25rem; }
	.home #process h2, .home h2#news-head { font-size: 3.375rem; }
	.home #dont-miss .wp-block-group.d-flex .wp-block-group__inner-container { display: flex; }
	.home #dont-miss .wp-block-group.flex-column .wp-block-group__inner-container { flex-direction: column; }
	.home #dont-miss .wp-block-group__inner-container .wp-block-group__inner-container div.flex-shrink-0.mr-4 { float: none; }
	.home #dont-miss h2 { font-size: 2.25rem; }
	.home .metaslider-flex .caption-wrap { position: absolute; bottom: 50%; background: transparent; text-align: center; opacity: 1; }
	.home .metaslider-flex .caption { font-size: 4rem; }
	.home .metaslider-flex .caption sup { font-size: 2.5rem; }
	#blue-matter .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 0; }
	#blue-matter h3 { min-height: 8.5rem; }
	#widget-footer > div:first-child { flex-basis: 66.67%; }
	#widget-footer > div:last-child { flex-basis: 33.33%; }
	#inner-footer .h1 { font-size: 2.5rem; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.home .carousel-caption { right: 62%; left: 15%; }
	.home .carousel-caption .h1 { margin-bottom: 3rem; }
	.home .carousel-caption .btn-jwbs { right: -55%; bottom: 15%; }
}

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