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


.text-white { color:  #fff; }
.wp-block-separator { border-color: #eee; border-bottom: 0 none; }
.wp-block-button__link { background-color: #98ca3f; }
.wp-block-button__link:hover { color: #fff; }

/* 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 #7dc445; box-shadow: 99rem 0 0 #7dc445; }

/* colors */
.btn-red { color: #fff !important; background-color: #1e4380; border-color: #1e4380; } .btn-red:hover { color: #fff !important; background-color: #dcdcdc; border-color: #dcdcdc; } .btn-outline-red { color: #1e4380 !important; background-color: transparent; background-image: none; border-color: #1e4380; } .btn-outline-red:hover { color: #fff !important; background-color: #1e4380; background-image: none; border-color: #1e4380; }
.btn-lt-gray { color: #fff !important; background-color: #dcdcdc; border-color: #1e4380; } .btn-lt-gray:hover { color: #fff !important; background-color: #dcdcdc; border-color: #dcdcdc; } .btn-outline-lt-gray { color: #1e4380 !important; background-color: transparent; background-image: none; border-color: #1e4380; } .btn-outline-lt-gray:hover { color: #fff !important; background-color: #1e4380; background-image: none; border-color: #1e4380; }
.btn-gray { color: #fff !important; background-color: #808080; border-color: #1e4380; } .btn-gray:hover { color: #fff !important; background-color: #808080; border-color: #808080; } .btn-outline-gray { color: #1e4380 !important; background-color: transparent; background-image: none; border-color: #1e4380; } .btn-outline-gray:hover { color: #fff !important; background-color: #1e4380; background-image: none; border-color: #1e4380; }

.text-red { color: #1e4380 !important; } .bg-red { color: #fff; background-color: #1e4380 ; } .border-red { border-color: #1e4380 !important; } .full-width.bg-red:before { border-left: 99rem solid #1e4380; box-shadow: 99rem 0 0 #1e4380; } .extend-left.bg-red:before { border-left: 90rem solid #1e4380; } .extend-right.bg-red:before { box-shadow: 80rem 0 0 #1e4380; } .bg-red a { color: #fff; }
.text-lt-gray { color: #dcdcdc !important; } .bg-lt-gray { color: #fff; background-color: #dcdcdc ; } .border-lt-gray { border-color: #dcdcdc !important; } .full-width.bg-lt-gray:before { border-left: 99rem solid #dcdcdc; box-shadow: 99rem 0 0 #dcdcdc; } .extend-left.bg-lt-gray:before { border-left: 90rem solid #dcdcdc; } .extend-right.bg-lt-gray:before { box-shadow: 80rem 0 0 #dcdcdc; } .bg-lt-gray a { color: #fff; }
.text-gray { color: #808080 !important; } .bg-gray { color: #fff; background-color: #808080 ; } .border-gray { border-color: #808080 !important; } .full-width.bg-gray:before { border-left: 99rem solid #808080; box-shadow: 99rem 0 0 #808080; } .extend-left.bg-gray:before { border-left: 90rem solid #808080; } .extend-right.bg-gray:before { box-shadow: 80rem 0 0 #808080; } .bg-gray a { color: #fff; }

#header-block-1, #header-block-2, #header-block-3 { display: flex !important; align-items: center; }
#header-block-1, #header-block-3 { justify-content: center; }
#header-block-2	.tagline { font-size: 1.25rem; }
#header-block-3 * { color: #1e4380; }
#banner { margin-bottom: 3rem; }

.navbar {
	padding: 0.25rem 1rem;
	padding: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#858585+0,212529+75 */
	background: #858585; /* Old browsers */
	background: -moz-linear-gradient(top,  #858585 0%, #212529 75%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #858585 0%,#212529 75%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #858585 0%,#212529 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858585', endColorstr='#212529',GradientType=0 ); /* IE6-9 */
}
.navbar-collapse { display: flex !important; }
.navbar .navbar-toggler { display: none !important; }
.navbar .fa-stack { margin-bottom: -0.5rem; }

.border-img img { border: 0.75rem solid #fff; }
.border-img img:hover { border-color: #ebebeb; }
.wp-block-button__link { padding: 0.375rem 0.75rem; }
.bg-lt-gray .wp-block-button__link { color: #212529; background-color: #fff; border: 1px solid #212529; }
.bg-lt-gray .wp-block-button__link:hover { background-color: #ebebeb; text-decoration: none; }

.carousel { border-top: 4px solid #98ca3f; border-bottom: 4px solid #98ca3f; }
.carousel-caption { align-items: center; padding: 1rem; right: 0; left: 45%; background-color: rgba(30, 67, 128, 0.7); text-align: left; }
.carousel-caption h1, .carousel-caption .h1 { font-size: 1.25rem; font-weight: 400; }

body > footer { color: #fff; background-color: #1e4380; }
body > footer a, body > footer a:hover { color: #fff; }

/* 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 { justify-content: flex-start; }
	#header-block-3 { justify-content: flex-end; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.w-md-75 { width: 75%; }
	.carousel-caption { padding: 3rem; left: 60%;  }
	.carousel-caption h1, .carousel-caption .h1 { font-size: 1.875rem; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.carousel-caption h1, .carousel-caption .h1 { font-size: 2.5rem; }
}

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