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


html, body { overflow-x: hidden; }
/* default heading sizes
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; }
*/
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; }
h1, .h1, h2, .h2 { color: #0c3249; }
.gap-wide { gap: 6em !important; }

/* 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); }

/* colors */
.bg-tan    { color: #fff; background-color: #d5c69f; } .border-tan    { border-color: #d5c69f !important; } .full-width.bg-tan:before    { border-left: 99rem solid #d5c69f; box-shadow: 99rem 0 0 #d5c69f; }
.bg-dblue    { color: #fff; background-color: #0c3249; } .border-dblue    { border-color: #0c3249 !important; } .full-width.bg-dblue:before    { border-left: 99rem solid #0c3249; box-shadow: 99rem 0 0 #0c3249; }

#main { padding-top: 3.125rem; }
.wp-block-image.border { border: 0 none !important; }
.wp-block-image.border img { border: 1px solid #999; }
.wpcf7-list-item { margin: 0 1em 0 0; }

body > header > nav h2 { display: block; }
#main-navbar { margin-right: -15px; }
#main-navbar .nav-link { display: block; padding: 0.25rem 0; font-weight: bold; color: #212529; text-transform: uppercase; }
#main-navbar .nav-link:hover { background-color: #eee; text-decoration: none; }
.navbar-toggler { float: right; border: 1px solid #212529; }
.navbar-toggler:focus { outline: 0 none; }
.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(33,37,41,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>"); }
.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(33,37,41,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>"); }

#header-block-1 { padding-left: 0; text-align: center !important; }
#header-block-1 img { max-width: 144px; }
#header-block-2 h4 { font-size: 1.25rem; }
#header-block-2, #header-block-3 { display: flex !important; align-items: center; }
#header-block-2 > div, #header-block-3 > div { width: 100%; }
#header-block-3 { text-align: left !important; }
#header-block-3 h2 { font-size: 1.625rem; }

body:not(.home) .body-bg, .home #home-content { background: url('/wp-content/uploads/2022/05/content-bg.jpg') no-repeat 50% 15%; background-size: cover; }
.body-bg { min-height: calc(100vh - 226px); }

/* home */
.home .carousel-caption { right: 5%; left: 5%; }
.home .carousel-caption .h1 { font-size: 1.5rem; color: #fff; }
.home .carousel-indicators { display: none; }
.home #main { padding-top: 0; }
.home #services { background: url('/wp-content/uploads/2022/05/skyline-reflect-bg.jpg') no-repeat; background-size: cover; }
.home #services h2 { font-size: 1.75rem; }
.home #partners, .home #partner-titles { gap: 0; }
.home #partners figure { max-width: 50%; }
.home #partners figcaption { display: block; margin: 0; padding: 0.5rem;  background-color: #0c3249; }
.home #partner-titles { margin-top: 0; padding: 0.25rem 0; font-size: 1rem; background-color: #0c3249; }
.home #partners figcaption a, .home #partner-titles a { color: #fff; }
.home .wp-block-image.full-width { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
.home .wp-block-image.full-width figure, .home .wp-block-image.full-width img { width: 100%; }

.attribution a { 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) {
	.home #services h2 { font-size: 2rem; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	body > header > nav { margin-top: -40px; }
	body > header > nav h2 { display: none; }
	#main-navbar .nav-link { padding: 0 1rem; }
	#header-block-1 { padding-left: 3rem; text-align: left !important; }
	#header-block-1 img { position: relative; max-width: 180px; z-index: 10; }
	#header-block-2 h4 { font-size: 1.5rem; }
	#header-block-3 { padding-right: 3rem; text-align: right !important; }
	#header-block-3 h2 { font-size: 2rem; }
	.home .carousel-caption { right: 15%; left: 15%; }
	.home .carousel-caption .h1 { font-size: 4.5rem; }
	.home .carousel-indicators { display: flex; }
	.home #partners, .home #partner-titles { gap: 2em; }
	.home #partners figure { max-width: none; }
	.home #partners figcaption { display: none; }
	.home #partner-titles { font-size: 1.5rem; }
}

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

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