/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");


html, body { overflow-x: hidden; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { color: #273241; }
.text-lblue { color: #72b2e3; }
.text-white { color: #fff !important; }
input::placeholder, textarea::placeholder { font-style: oblique; }
.btn { font-weight: bold; text-transform: uppercase; }
.btn, .form-control { border-radius: 0; }
.wp-block-group.media .wp-block-group__inner-container { display: flex; }
.h1-decorate .wp-block-group__inner-container { display: flex; align-items: center; width: 100%; justify-content: center; }
.h1-decorate .wp-block-separator { position: absolute; width: 100%; border-bottom: 0 none; z-index: -1; }
.h1-decorate h2.h1 { padding: 0 0.25em; background-color: #fff; }
.service-link { cursor: pointer; }

.full-width-img { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }

/* colors */
.btn-blue { color: #ffffff !important; background-color: #1d74b7; border-color: #1d74b7; } .btn-blue:hover { color: #ffffff !important; background-color: #0069d9; border-color: #0069d9; } .btn-outline-blue { color: #1d74b7 !important; background-color: transparent; background-image: none; border-color: #1d74b7; } .btn-outline-blue:hover { color: #ffffff !important; background-color: #1d74b7; background-image: none; border-color: #1d74b7; }
.btn-dkgray { color: #ffffff !important; background-color: #1d74b7; border-color: #1d74b7; } .btn-dkgray:hover { color: #ffffff !important; background-color: #0069d9; border-color: #0069d9; } .btn-outline-dkgray { color: #1d74b7 !important; background-color: transparent; background-image: none; border-color: #1d74b7; } .btn-outline-dkgray:hover { color: #ffffff !important; background-color: #1d74b7; background-image: none; border-color: #1d74b7; }

#content a:not(.wp-block-button__link), .text-blue { color: #1d74b7 !important; } .bg-blue { color: #fff !important; background-color: #1d74b7; } .border-blue { border-color: #1d74b7 !important; } .full-width.bg-blue:before { border-left: 99rem solid #1d74b7; box-shadow: 99rem 0 0 #1d74b7; } .extend-left.bg-blue:before { border-left: 90rem solid #1d74b7; } .extend-right.bg-blue:before { box-shadow: 80rem 0 0 #1d74b7; } .bg-blue a { color: #fff !important; }
.text-lblue { color: #72b2e3 !important; } .bg-lblue { color: #ffffff; background-color: #72b2e3; } .border-lblue { border-color: #72b2e3 !important; } .full-width.bg-lblue:before { border-left: 99rem solid #72b2e3; box-shadow: 99rem 0 0 #72b2e3; } .extend-left.bg-lblue:before { border-left: 90rem solid #72b2e3; } .extend-right.bg-lblue:before { box-shadow: 80rem 0 0 #72b2e3; } .bg-lblue a { color: #ffffff; }
.text-dkgray { color: #273241 !important; } .bg-dkgray { color: #ffffff; background-color: #273241; } .border-dkgray { border-color: #273241 !important; } .full-width.bg-dkgray:before { border-left: 99rem solid #273241; box-shadow: 99rem 0 0 #273241; } .extend-left.bg-dkgray:before { border-left: 90rem solid #273241; } .extend-right.bg-dkgray:before { box-shadow: 80rem 0 0 #273241; } .bg-dkgray a { color: #ffffff; }
.text-white { color: #fff !important; } .bg-white { background-color: #fff; } .border-white { border-color: #fff !important; } .full-width.bg-white:before { border-left: 99rem solid #fff; box-shadow: 99rem 0 0 #fff; } .extend-left.bg-white:before { border-left: 90rem solid #fff; } .extend-right.bg-white:before { box-shadow: 80rem 0 0 #fff; }

#header-block-1 span, #header-block-1 span a { color: #273241; }
#header-block-1 span { font-size: 0.8rem; background-color: #b7defc; }
#header-block-2 { text-align: center !important; }
#header-block-2 { margin: -0.75rem 0 0.75rem; }
#header-block-2 img { max-width: 9.25rem; }
#header-block-3 { display: flex !important; align-items: center; margin-bottom: 1rem; text-align: left !important; }
#header-block-3 > div {width: 100%; }
#header-block-3 h3 { display: flex; font-size: 1.25rem; font-weight: 900; line-height: 1.75; }
#header-block-3 .navbar-toggler { display: inline-block; }

body { background: url('/wp-content/uploads/2023/03/body-bg.png') no-repeat -25% 42.5%; }

.navbar.bg-dark { padding: 0; background-color: #273241 !important; }
.navbar-nav a.nav-link { padding: 0.25rem 1rem; color: #fff !important; text-transform: uppercase; }
.navbar-nav .pay-now a.nav-link { color: #fff !important; background-color: transparent; }
.navbar-toggler { border: 1px solid #273241; }
.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(39,50,65,1)' stroke-width='3' 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(39,50,65,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 { top: 60%; right: 30%; bottom: 10%; left: 0; text-align: left; }
.carousel-caption h1, .carousel-caption .h1 { padding: 0.75% 0 1.75% 27.5%; font-weight: 300; color: #fff; background: url('/wp-content/uploads/2023/03/carousel-caption-bg.jpg'); }

/* home */
.home #cta-testimonials .wp-block-cover__inner-container { padding-left: 0; }
.home #cta-testimonials .wp-block-cover__inner-container .h1 { font-size: 2rem; }
.home #cta-testimonials .wp-block-cover__inner-container h3 { font-size: 1.25rem; }
.services-imgs figure { position: relative; cursor: pointer; }
.services-imgs figure figcaption { position: absolute; top: 35%; padding: 0.125rem 0 0.25rem; width: 100%; font-size: 1.5rem; color: #fff; background-color: rgba(39, 50, 65, 0.9); }

.blog #content, .single #content { padding-top: 1rem; }
.wp-block-categories-list { margin: 0 0 1rem; padding: 0; list-style: none; }

/* testimonials */
.strong-view.wpmtst-default .wpmtst-testimonial-field { text-align: left !important; }
.strong-view.wpmtst-default .wpmtst-testimonial-field.mr-2 { vertical-align: 2px; }

body > footer { background: #a6a6a6 url('/wp-content/uploads/2023/03/footer-bg.png') no-repeat center right; }
body > footer a, body > footer a:hover { color: #273241; }
#block-7 { text-align: center; }
#nav_menu-2 .widgettitle { font-weight: bold; text-transform: uppercase; }
#menu-footer-menu { margin: 0 0 1rem; padding: 0 0 0 1rem; list-style: none; }

/* 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-2 { text-align: left !important; }
	#header-block-3 { margin-bottom: 0; text-align: right !important; }
	#header-block-3 > div { display: block; }
	#header-block-3 h3 { display: block; font-size: 1.75rem; line-height: 1.2; }
	.navbar.bg-dark { padding: 0.25rem; }
	.navbar-nav .pay-now .nav-link { color: #273241; background-color: #b7defc; }
	.carousel-caption { top: 70%; right: 50%; }
	.carousel-caption h1, .carousel-caption .h1 { font-size: 2.25vw; }
	.home #cta-testimonials .wp-block-cover__inner-container { padding-left: 35%; }
	.home #cta-testimonials .wp-block-cover__inner-container .h1 { font-size: 2.5rem; }
	.home #cta-testimonials .wp-block-cover__inner-container h3 { font-size: 1.75rem; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#nav_menu-2 { margin-left: 3rem; padding-left: 1.5rem; }
	#header-block-3 .navbar-toggler { display: none; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
}