/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");
@import url('/wp-content/themes/fonts/style-black.css');
@import url('/wp-content/themes/fonts/style-bold.css');
@import url('/wp-content/themes/fonts/style-med.css');


html, body { overflow-x: hidden; }
body > header > .container > .row, #widget-footer { align-items: center; }
/* 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, .post-header .page-header { font-family: 'DIN Round Pro', sans-serif; font-weight: 700; color: #ca171e; }
.btn { border-radius: 0; }
.lead { font-weight: 400; }
.font-family-din-black { font-family: 'DIN Round Pro', sans-serif; font-weight: 900; }
.font-family-din-bold { font-family: 'DIN Round Pro', sans-serif; font-weight: 700; }
.font-family-din-med { font-family: 'DIN Round Pro', sans-serif; font-weight: 500; }
.wp-block-image figcaption { margin-top: 0; }
.wp-block-group.d-flex > .container { padding: 0; }

/* 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 */
.text-red { color: #ca171e !important; } .bg-red { color: #fff; background-color: #ca171e; } .border-red { border-color: #ca171e !important; } .full-width.bg-red:before { border-left: 99rem solid #ca171e; box-shadow: 99rem 0 0 #ca171e; }
.page a, .text-orange { color: #f1592a !important; } .bg-orange { color: #fff; background-color: #f1592a; } .border-orange { border-color: #f1592a !important; } .full-width.bg-orange:before { border-left: 99rem solid #f1592a; box-shadow: 99rem 0 0 #f1592a; }
.bg-lgrey { background-color: #ebebeb; } .border-lgrey { border-color: #ebebeb !important; } .full-width.bg-lgrey:before { border-left: 99rem solid #ebebeb; box-shadow: 99rem 0 0 #ebebeb; }
.bg-mgrey { background-color: #c2c2c2; } .border-mgrey { border-color: #c2c2c2 !important; } .full-width.bg-mgrey:before { border-left: 99rem solid #c2c2c2; box-shadow: 99rem 0 0 #c2c2c2; }

a.btn-red, .wpcf7-submit.btn-red { color: #fff !important; background-color: #ca171e; border-color: #ca171e; } .btn-red:hover, .btn-outline-red { color: #ca171e !important; background-color: transparent; background-image: none; border-color: #ca171e; } .btn-outline-red:hover { color: #fff !important; background-color: #ca171e; background-image: none; border-color: #ca171e; }
.btn-orange { color: #fff !important; background-color: #f1592a; border-color: #f1592a; } .btn-outline-orange { color: #f1592a !important; background-color: transparent; background-image: none; border-color: #f1592a; } .btn-outline-orange:hover { color: #fff !important; background-color: #f1592a; background-image: none; border-color: #f1592a; }

#header-block-1 img { margin-bottom: 1rem !important; max-width: 65%; }
#header-block-1 { font-size: 1.125rem; line-height: 1.2; }
#header-block-2 { font-size: 1.25rem; text-align: center !important; }
#header-block-2 h2 { font-size: 1.75rem; }

.navbar.bg-jwbs { margin-top: 0; margin-right: 0; background-color: #fff !important; }
.navbar-nav > .nav-item { margin-left: 0; }
.navbar-nav a { color: #424242 !important; }
.navbar-nav .nav-link { font-family: 'DIN Round Pro', sans-serif; font-weight: 700; text-transform: uppercase; }
.navbar .svg-inline--fa { font-size: 1.25rem; }
.dropdown-item:active { background-color: #f8f9fa; }
.navbar button:focus { outline: 0 none; }
.navbar-toggler { margin-right: 15px; border: 1px solid #ca171e; }
.navbar .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(202,23,30,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>"); }
.navbar .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(202,23,30,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 { text-align: left; }
.carousel-caption h1 { margin-bottom: 0.5em; font-family: 'DIN Round Pro', sans-serif; font-weight: 900; color: #fff; }
.wpcf7 label, .wpcf7-submit { font-weight: bold; }

#services { background-image: url('/wp-content/uploads/2022/05/flame-bg.png'); background-repeat: no-repeat; background-position: -2.25rem center; }
#services .d-flex p { display: flex; align-items: center; gap: 1.5rem; padding: 1rem; width: 100%; min-height: 170px; font-family: 'DIN Round Pro', sans-serif; font-size: 1.5rem; font-weight: 700; line-height: 1.4; background-color: #c2c2c2; text-align: center; }
#services .d-flex p:hover { color: #fff; background-color: #ca171e; }
#services .d-flex p a { color: #ca171e !important; }
#services .d-flex p:hover a { color: #fff !important; text-decoration: none; }

/*home */
.home #main.col-sm-12 { padding-top: 0; }
.home .carousel-caption { display: none; right: 5%; text-align: right; }
.home .carousel-caption h1 { font-size: 1rem; color: #ca171e; }
.home .carousel-caption p { margin-bottom: 0.75em; font-size: 1rem; line-height: 1.1; color: #424242; }
.home .carousel-caption .btn-jwbs { font-family: 'DIN Round Pro', sans-serif; font-weight: 700; font-size: 1.25rem; color: #ca171e !important; background-color: transparent !important; border-color: #ca171e !important; text-transform: uppercase; }
.home .carousel-caption .btn-jwbs:hover { color: #fff !important; background-color: #ca171e !important; }
.home #testimonial { background: url('/wp-content/uploads/2022/05/testimonial-bg.jpg') no-repeat 62.5% 50%; background-size: cover; }
.home #testimonial p { font-size: 2rem; font-weight: 700; line-height: 1.2; }
.home #testimonial cite { margin-right: 15%; display: block; font-size: 1.5rem; color: #686868; text-align: right; }

/* our team */
.team-grid .wp-block-group__inner-container { display: flex; flex-wrap: wrap; cursor: pointer; }
.team-grid .card { margin: 0 0.5rem 0.5rem 0; padding: 0.25rem; width: calc(50% - 0.5rem); border-width: 2px; }
.team-grid .card-body { padding: 0 0.75rem 0.75rem; }
.team-grid .card-body h4 { margin-bottom: 1rem; width: 100%; }
#group-3.team-grid .card-body p:first-of-type { height: 150px; }
.team-grid .card-body p:last-child { margin: 0; height: auto; }

body > footer {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#faaa36+0,ca171e+100 */
	background: rgb(250,170,54); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(250,170,54,1) 0%, rgba(202,23,30,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(250,170,54,1) 0%,rgba(202,23,30,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(250,170,54,1) 0%,rgba(202,23,30,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faaa36', endColorstr='#ca171e',GradientType=0 ); /* IE6-9 */
}
body.page > footer, body.page > footer a, body.page > footer a:hover { color: #fff !important; }
body.page > footer .menu { margin: 0; padding: 0; list-style: none; text-transform: uppercase; }
body.page > footer #block-7 { text-align: center; }
body.page > footer #block-7 img { max-width: 195px; }
body.page > footer #nav_menu-2 { margin: 0; padding-right: 15px; padding-left: 15px; }
body.page > footer #nav_menu-2, body > footer #nav_menu-3 { width: 50%; }
body.page > footer #block-10 { margin-top: 1rem; font-size: 1.25rem; text-align: left; }

/* Products */
.asp_product_buy_btn { color: #fff; background: #ca171e; border-color: #ca171e; border-radius: 4px; padding: 6px 12px; }

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

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.navbar-nav > .nav-item { margin-left: 1.5rem; }
	#header-block-2 { text-align: right !important; }
	#header-block-2 h2 { font-size: 2rem; }
	#services .d-flex p { width: calc(33% - 0.575rem); }
	#services .d-flex p.w-100 { min-height: unset; }
	.home .carousel-caption { display: flex; }
	.home #testimonial p { font-size: 2.5rem; }
	.team-grid .card { width: calc(25% - 0.5rem); }
	body > footer #block-7 { text-align: left; }
	body > footer #block-7 img { max-width: 100%; }
	body > footer #nav_menu-2 { margin: 0 -4rem 0 4rem; padding-left: 4rem; }
	body > footer #block-10 { margin-top: 0; text-align: right; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.navbar.bg-jwbs { margin-top: 0; }
	.home .carousel-caption h1, .home .carousel-caption p { font-size: 1.5rem; }
	.home .carousel-caption { right: 15%; }
	.home #testimonial { background-position: 50%; }
	.team-grid .card { width: calc(20% - 0.5rem); }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.navbar.bg-jwbs { margin-top: -38px; margin-right: -0.5rem; background-color: transparent !important; }
}

/** larger desktops [-xxl] */
@media only screen and (min-width : 1400px) {
}

/** off the scale desktops, 1600px and up */
@media only screen and (min-width : 1600px) {
	.home .carousel-caption h1, .home .carousel-caption p { font-size: 2.75rem; }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
	.home .carousel-caption p { font-size: 2.75rem; }
}