/* jwbs (color) class, and default styling */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;800&display=swap'); /* font-family: 'Montserrat', sans-serif; */
@import url("../includes/assets/default.css");
@import url("jwbs.css");

html, body { overflow-x: hidden; }
body { font-size: 1.125rem; }
.wp-block-separator { width: 9rem; border-bottom: 0 none; }
.wp-block-separator.white { border-top-color: #fff; }
.wp-block-separator.blue { border-top-color: #1d8fcc; }
.btn { padding: 0.75rem 2rem; }
.marker-bold.pl-3 { padding-left: 1.25rem !important; }
.marker-bold > li::marker { font-weight: bold; }
a, a:hover{ color: #212529; }
.wp-block-cover__inner-container .wp-block-separator { margin-left: 0!important; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: Montserrat, sans-serif; font-weight: 400; }
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; }
h6, .h6 { font-size: 1rem; }

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

/* colors */
.btn-gold { color: #ffffff !important; background-color: #bda04c; border-color: #bda04c; } .btn-gold:hover { color: #ffffff !important; background-color: #ac871c; border-color: #ac871c; } .btn-outline-gold { color: #bda04c !important; background-color: transparent; background-image: none; border-color: #bda04c; } .btn-outline-gold:hover { color: #ffffff !important; background-color: #bda04c; background-image: none; border-color: #bda04c; }
.btn-lgray { color: #16191b !important; background-color: #d1d6da; border-color: #d1d6da; } .btn-lgray:hover { color: #16191b !important; background-color: #0069d9; border-color: #0069d9; } .btn-outline-lgray { color: #d1d6da !important; background-color: transparent; background-image: none; border-color: #d1d6da; } .btn-outline-lgray:hover { color: #16191b !important; background-color: #d1d6da; background-image: none; border-color: #d1d6da; }
.btn-gray { color: #16191b !important; background-color: #1f2326; border-color: #1f2326; } .btn-gray:hover { color: #16191b !important; background-color: #0069d9; border-color: #0069d9; } .btn-outline-gray { color: #1f2326 !important; background-color: transparent; background-image: none; border-color: #1f2326; } .btn-outline-gray:hover { color: #16191b !important; background-color: #1f2326; background-image: none; border-color: #1f2326; }
.btn-dgray { color: #ffffff !important; background-color: #16191b; border-color: #16191b; } .btn-dgray:hover { color: #ffffff !important; background-color: #0069d9; border-color: #0069d9; } .btn-outline-dgray { color: #16191b !important; background-color: transparent; background-image: none; border-color: #16191b; } .btn-outline-dgray:hover { color: #ffffff !important; background-color: #16191b; background-image: none; border-color: #16191b; }

.text-gold { color: #bda04c !important; } .bg-blue { color: #ffffff; background-color: #bda04c; } .border-blue { border-color: #bda04c !important; } .full-width.bg-blue:before { border-left: 99rem solid #bda04c; box-shadow: 99rem 0 0 #bda04c; } .extend-left.bg-blue:before { border-left: 90rem solid #bda04c; } .extend-right.bg-blue:before { box-shadow: 80rem 0 0 #bda04c; } .bg-blue a { color: #ffffff; }
.text-lgray { color: #d1d6da !important; } .bg-lgray { color: #16191b; background-color: #d1d6da; } .border-lgray { border-color: #d1d6da !important; } .full-width.bg-lgray:before { border-left: 99rem solid #d1d6da; box-shadow: 99rem 0 0 #d1d6da; } .extend-left.bg-lgray:before { border-left: 90rem solid #d1d6da; } .extend-right.bg-lgray:before { box-shadow: 80rem 0 0 #d1d6da; } .bg-lgray a { color: #16191b; }
.text-gray { color: #1f2326 !important; } .bg-gray { color: #16191b; background-color: #1f2326; } .border-gray { border-color: #1f2326 !important; } .full-width.bg-gray:before { border-left: 99rem solid #1f2326; box-shadow: 99rem 0 0 #1f2326; } .extend-left.bg-gray:before { border-left: 90rem solid #1f2326; } .extend-right.bg-gray:before { box-shadow: 80rem 0 0 #1f2326; } .bg-gray a { color: #16191b; }
.text-lgray { color: #e4e5e7 !important; } .bg-lgray { color: #16191b; background-color: #e4e5e7; } .border-lgray { border-color: #e4e5e7 !important; } .full-width.bg-lgray:before { border-left: 99rem solid #e4e5e7; box-shadow: 99rem 0 0 #e4e5e7; } .extend-left.bg-lgray:before { border-left: 90rem solid #e4e5e7; } .extend-right.bg-lgray:before { box-shadow: 80rem 0 0 #e4e5e7; } .bg-lgray a { color: #16191b; }
.text-dgray { color: #d4d5d7 !important; } .bg-dgray { color: #ffffff; background-color: #d4d5d7; } .border-dgray { border-color: #d4d5d7 !important; } .full-width.bg-dgray:before { border-left: 99rem solid #d4d5d7; box-shadow: 99rem 0 0 #d4d5d7; } .extend-left.bg-dgray:before { border-left: 90rem solid #d4d5d7; } .extend-right.bg-dgray:before { box-shadow: 80rem 0 0 #d4d5d7; } .bg-dgray a { color: #ffffff; }
.text-white { color: #fff !important; }

/* parallax */
.wp-block-psb-parallax .psbParallaxSection, .wp-block-cover__inner-container { margin: 0 auto 0 12.5%; width: 85% !important; }
.wp-block-cover__inner-container { position: absolute; right: 0; left: 0; padding:0 15px; }
.wp-block-cover.offset-top .wp-block-cover__inner-container { top: 37.5%; }
.psbParallaxSection p, .wp-block-cover__inner-container p { line-height: 2; }
#resources.wp-block-cover { min-height: 500px; }

#main-navbar .nav-link { font-family: Montserrat, sans-serif; font-weight: 500; font-size: 0.75rem; color: #fff; text-transform: uppercase; }
.navbar-toggler { border: 1px solid #fff; }
.navbar.bg-jwbs .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(255,255,255,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>"); }
.navbar.bg-jwbs .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(255,255,255,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>"); }

.carousel-caption { left: 7.5%; right: 7.5%; text-align: left; }
.carousel-caption p { margin-bottom: 1em; font-family: Montserrat, sans-serif; font-weight: 300; font-size: 1rem; line-height: 1.25; }
.carousel-caption p strong { font-weight: 800; }

#wpcf7-f23-p2-o1 .text-center .wpcf7-submit { margin-right: -72px; }

body > footer { font-size: 0.875rem; color: #939393; text-transform: uppercase; }
body > footer #menu-main-menu-1 { margin: 0; padding: 0; list-style: none; }
body > footer #menu-main-menu-1 li { display: inline-block; }
body > footer #menu-main-menu-1 a { margin-right: 1rem; color: #bda04c; }
body > footer .footer-social { vertical-align: middle; }
body > footer .footer-social .fa-stack { margin-left: 0.75rem; width: 1.5em; height: 1em; }
body > footer .footer-social .fa-stack:first-child { margin-left: 0; }
body > footer .footer-social .fa-2x { font-size: 1em; }
body > footer .footer-social .svg-inline--fa.fa-stack-1x { width: 2.5em; }

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

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.carousel-caption { left: 17.5%; right: 46%; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	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; }
	h6, .h6 { font-size: 1rem; }
	.w-md-50 { width: 50% !important; }
	.w-md-75 { width: 75% !important; }
	.wp-block-psb-parallax .psbParallaxSection, .wp-block-cover__inner-container { margin: 0 auto 0 20%; width: 35% !important; }
	body > footer .footer-social .fa-stack:first-child { margin-left: 0.75rem; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.carousel-caption { left: 2.5%; right: 46%; }
	.carousel-caption p { font-size: 3rem; }
}
@media only screen and (min-width : 1300px) {
	.carousel-caption { left: 8.5%; right: 46%; }
}
@media only screen and (min-width : 1400px) {

	
	.carousel-caption { left: 17.5%; right: 46%; }
}

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