/* 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,700;1,300;1,400;1,700&display=swap'); /* font-family: 'Roboto', sans-serif; */

body { font-family: Roboto, sans-serif; font-weight: 300; }
/* default bootstrap heading font 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; } */
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; }
.blue { color: #0074c8; }
.btn { border-radius: 0; }
.btn-green { font-weight: bold; color: #fff !important; background-color: #32d9c3; }
.btn-schedule { font-size: 1.125rem; font-weight: bold; color: #fff !important; background-color: #32d9c3; }
span.wpcf7-list-item { margin: 0 1em 0 0; }
ul.anchor-links { margin-left: -1rem; padding-left: 0; list-style: none; }
ul.anchor-links li { display: inline-block; padding: 0 1rem; border-right: 1px solid #212529; }
ul.anchor-links li:last-of-type { border-right: 0 none; }

.alignfull { margin-left: calc(50% - 50vw); width: 100vw; }
.full-width { position: relative; }
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -75rem; z-index: -1; }
.bg-blue { background-color: #0074c8; color: #fff; }
.full-width.bg-blue:before { border-left: 75rem solid #0074c8; box-shadow: 75rem 0 0 #0074c8; color: #fff; }
.bg-green { background-color: #c1f4ed; }
.full-width.bg-green:before { border-left: 75rem solid #c1f4ed; box-shadow: 75rem 0 0 #c1f4ed; color: #fff; }

body > header { font-size: 0.875rem; }
#header-block-1 img { max-height: 4.5rem; }
#header-block-3 h3 { font-size: 1.25rem; }

a.nav-link { color: #212529; }
.navbar-toggler { border: 1px solid #212529; }

.carousel-caption { display: none; right: 66%; left: 5%; text-align: left; }
.carousel-caption h1 { font-size: 1.5rem; }
.carousel-caption .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; }
.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='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>"); }

/* home page */
#service-links a:hover img { background: radial-gradient(#4ec1ea 5%, #0074c8 75%); }
#service-links a { color: #fff; }
#services .btn .wp-block-button__link { padding: 0.375rem 1.25rem; font-size: 1.5rem; background-color: #4dc0e8; text-transform: uppercase; }
#services .services-img { position: absolute; top: 0; right: calc(50% - 50vw); bottom: 0; left: 50%; background: url('/wp-content/uploads/2021/02/mobile1.jpg') no-repeat center top; background-size: cover; }
.home-banner-lower { background: url('/wp-content/uploads/2021/01/home-banner-lower.jpg') no-repeat center; background-size: cover; }

/* accordions */
.c-accordion__title, .c-accordion__content { padding-left: 2rem; padding-right: 0; }
.c-accordion__title { padding-bottom: 0.5rem; }
.c-accordion__title, .c-accordion__content { border-bottom: 1px solid #0074c8; }
.c-accordion__content { margin-bottom: 0.5rem; }
.c-accordion__title:before { position: absolute; top: 40%; left: 0; content: '+'; color: #212529; transform: translateY(-50%); }
.is-open > .c-accordion__title { border-bottom: 0 none; }
.is-open > .c-accordion__title:before { content: '\2212'; }
.c-accordion__title:after, .is-open > .c-accordion__title:after { content: ''; }

body > footer { background-color: #eafbf9; }
#custom_html-2 strong { display: inline-block; width: 7rem; }
#custom_html-3 { text-align: center; }
#nav_menu-2 .menu { margin-bottom: 1rem; padding-left: 0; list-style: none; columns: 2; }
#nav_menu-2 .menu a { color: #212529; }
.attribution { font-size: 0.875rem; }


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

@media only screen and (max-width : 767px) {
/**	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: 100% !important; } */
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
/**	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: 0!important; flex-grow: 1; } */
	h1, .h1 { font-size: 2rem; }
	h2, .h2 { font-size: 1.75rem; }
	h3, .h3 { font-size: 1.5rem; }
	body > header { font-size: 1rem; }
	#header-block-1 img { max-height: 6.5rem; }
	#header-block-3 h3 { font-size: 1.75rem; }
	.carousel-caption { display: flex; }
	.carousel-caption .btn { padding: 0.375rem 0.75rem; font-size: 1rem; }
	#nav_menu-2 .menu { margin: 0; padding-left: 2.5rem; columns: 1; }
}

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

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

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