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

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&family=Pompiere&display=swap');

html, body { overflow-x: hidden; }
body { font-family: Montserrat,arial,sans-serif; font-size: 1.25rem; }
.font-family-pompiere { font-family: pompiere, sans-serif; }
a { color: #212529; }
h2.h1 { font-size: 3.75rem; }
.w-5 { width: 5%; }

/* full width */
.full-width { position: relative; }
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -75rem; z-index: -1; }

/* colors */
.btn-red  { color: #fff !important; background-color: #ba0b04; border-color: #ba0b04; } .btn-outline-red  { color: #ba0b04 !important; background-color: transparent; background-image: none; border-color: #ba0b04; } .btn-outline-red:hover { color: #52555B !important; background-color: #ba0b04; background-image: none; border-color: #ba0b04; }
.btn-lt-grey  { background-color: #f6f6f6; border-color: #f6f6f6; } .btn-outline-lt-grey  { color: #f6f6f6 !important; background-color: transparent; background-image: none; border-color: #f6f6f6; } .btn-outline-lt-grey:hover { color: #52555b !important; background-color: #f6f6f6; background-image: none; border-color: #f6f6f6; }

.text-red  { color: #ba0b04 !important; } .bg-red  { color: #fff; background-color: #ba0b04; } .border-red  { border-color: #ba0b04 !important; } .full-width.bg-red:before { border-left: 99rem solid #ba0b04; box-shadow: 99rem 0 0 #ba0b04; }
.text-lt-grey  { color: #f6f6f6 !important; } .bg-lt-grey  { background-color: #f6f6f6; } .border-lt-grey  { border-color: #f6f6f6 !important; } .full-width.bg-lt-grey:before { border-left: 99rem solid #f6f6f6; box-shadow: 99rem 0 0 #f6f6f6; }
.bg-white { background-color: #fff; }

#header-block-1 { font-size: 1.5rem; }

.navbar-nav .nav-link { font-size: 1.25rem; text-transform: uppercase; }
.navbar-nav .current_page_item { font-weight: bold; }
.navbar-toggler { border: 1px solid #ba0b04; }
.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(186, 11, 4, 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(186, 11, 4, 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>"); }

/* home */
/* subscription form */
#wpcf7-f82-p2-o1 p { display: block; text-align: center; }
#wpcf7-f82-p2-o1 label { font-size: 2.875rem; }
#wpcf7-f82-p2-o1 input { padding: 0.75rem 1rem; font-size: 1.5rem; border: 1px solid #e2e2e2; }
#wpcf7-f82-p2-o1 .wpcf7-quiz { margin-left: 1.5rem; max-width: 50%; vertical-align: 1rem; }
#wpcf7-f82-p2-o1 input.btn { margin-right: -72px; padding: 0.75rem 2rem; font-size: 1.25rem; }
#services ul { padding: 0; padding: 0; list-style: none; }
#services ul > li { display: inline-block; margin: 0 1rem; }

.pieces img { width: auto !important; max-height: 100px; }

.accordion .card, .accordion .card-header { background: transparent; border: 0 none; }
.accordion .card { border-radius: 0; border-top: 1px solid #ba0b04; border-bottom: 1px solid #ba0b04; }
.accordion button { display: flex; width: 100%; align-items: center; background-color: transparent; border: 0 none; }
.accordion button:focus { outline: 0 none; }
.accordion button:after { content: ''; margin-left: auto; width: 1.25rem; height: 1.25rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ba0b04'%3e%3cpath fill-rule='evenodd' d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3e%3c/svg%3e"); }
.accordion button:not(.collapsed):after { transform: rotate(-180deg); transition: transform 0.2s ease-in-out; }

#more-info { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 0.875rem 0; background: url('/wp-content/uploads/2022/09/bg-more-info.jpg') no-repeat; background-size: 100%; }

body > footer { font-size: 1rem; background-color: #161616; }
body > footer * { color: #a9a9a9; }

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

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

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

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

/* Dark mode */
@media (prefers-color-scheme: dark) {
}/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&family=Pompiere&display=swap');

body { font-family: Montserrat,arial,sans-serif; font-size: 1.25rem; }
.font-family-pompiere { font-family: pompiere, sans-serif; }
a { color: #212529; }
h2.h1 { font-size: 3.75rem; }
.w-5 { width: 5%; }

/* full width */
.full-width { position: relative; }
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -75rem; z-index: -1; }

/* colors */
.btn-red  { color: #fff !important; background-color: #ba0b04; border-color: #ba0b04; } .btn-outline-red  { color: #ba0b04 !important; background-color: transparent; background-image: none; border-color: #ba0b04; } .btn-outline-red:hover { color: #52555B !important; background-color: #ba0b04; background-image: none; border-color: #ba0b04; }

.text-red  { color: #ba0b04 !important; } .bg-red  { color: #fff; background-color: #ba0b04; } .border-red  { border-color: #ba0b04 !important; } .full-width.bg-red:before { border-left: 99rem solid #ba0b04; box-shadow: 99rem 0 0 #ba0b04; }

#header-block-1 { font-size: 1.5rem; }

.navbar-nav .nav-link { font-size: 1.25rem; text-transform: uppercase; }
.navbar-nav .current_page_item { font-weight: bold; }

body > footer { background-color: #161616; }
body > footer * { color: #a9a9a9; }

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

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	h1.page-title { font-size: 3.75rem; }
	#wpcf7-f82-p2-o1 p { display: flex; justify-content: center; height: 3.75rem; }
}

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

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