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

@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;700&display=swap'); /* font-family: font-family: 'Figtree', sans-serif; */

html, body { overflow-x: hidden; }
body { font-family: 'Figtree', sans-serif; font-weight: 300; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6  { color: #98012e; font-weight: 300; }
a, a:hover { color: #98012e; }
strong { font-weight: 700; }
.btn { padding: 0.375rem 1.5rem; border-radius: 0.5rem; }
ul li::marker { color: #98012e; }
.list-center { display: inline-block; }

/* 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 #7dc445; box-shadow: 99rem 0 0 #7dc445; }
.img-left { margin-left: calc(50% - 50vw) !important; }
.img-right { margin-right: calc(50% - 50vw) !important; }

/* colors */
.btn-red { color: #fff !important; background-color: #98012e; border-color: #98012e; } .btn-red:hover { color: #98012e !important; background-color: transparent; border-color: #98012e; } .btn-outline-red { color: #d2062b !important; background-color: transparent; background-image: none; border-color: #98012e; } .btn-outline-red:hover { color: #fff !important; background-color: #98012e; background-image: none; border-color: #98012e; }
.btn-lt-blue { background-color: #f1f4f9; border-color: #d2062b; } .btn-lt-blue:hover { background-color: #f1f4f9; border-color: #f1f4f9; } .btn-outline-lt-blue { color: #d2062b !important; background-color: transparent; background-image: none; border-color: #d2062b; } .btn-outline-lt-blue:hover { background-color: #d2062b; background-image: none; border-color: #d2062b; }
.btn-blue { background-color: #d2e0eb; border-color: #d2062b; } .btn-blue:hover { background-color: #d2e0eb; border-color: #d2e0eb; } .btn-outline-blue { color: #d2062b !important; background-color: transparent; background-image: none; border-color: #d2062b; } .btn-outline-blue:hover { background-color: #d2062b; background-image: none; border-color: #d2062b; }
.btn-lt-gray { background-color: #d9d9d9; border-color: #d2062b; } .btn-lt-gray:hover { background-color: #d9d9d9; border-color: #d9d9d9; } .btn-outline-lt-gray { color: #d2062b !important; background-color: transparent; background-image: none; border-color: #d2062b; } .btn-outline-lt-gray:hover { background-color: #d2062b; background-image: none; border-color: #d2062b; }
.btn-gray { background-color: #d0d1d2; border-color: #d2062b; } .btn-gray:hover { background-color: #d0d1d2; border-color: #d0d1d2; } .btn-outline-gray { color: #d2062b !important; background-color: transparent; background-image: none; border-color: #d2062b; } .btn-outline-gray:hover { background-color: #d2062b; background-image: none; border-color: #d2062b; }

.text-red { color: #98012e !important; } .bg-red { background-color: #98012e ; } .border-red { border-color: #98012e !important; } .full-width.bg-red:before { border-left: 99rem solid #98012e; box-shadow: 99rem 0 0 #98012e; } .extend-left.bg-red:before { border-left: 90rem solid #98012e; } .extend-right.bg-red:before { box-shadow: 80rem 0 0 #98012e; } /* .bg-red a { color: #fff; } */
.text-lt-blue { color: #f1f4f9 !important; } .bg-lt-blue { background-color: #f1f4f9 ; } .border-lt-blue { border-color: #f1f4f9 !important; } .full-width.bg-lt-blue:before { border-left: 99rem solid #f1f4f9; box-shadow: 99rem 0 0 #f1f4f9; } .extend-left.bg-lt-blue:before { border-left: 90rem solid #f1f4f9; } .extend-right.bg-lt-blue:before { box-shadow: 80rem 0 0 #f1f4f9; } /* .bg-lt-blue a { color: #fff; } */
.text-blue { color: #d2e0eb !important; } .bg-blue { background-color: #d2e0eb ; } .border-blue { border-color: #d2e0eb !important; } .full-width.bg-blue:before { border-left: 99rem solid #d2e0eb; box-shadow: 99rem 0 0 #d2e0eb; } .extend-left.bg-blue:before { border-left: 90rem solid #d2e0eb; } .extend-right.bg-blue:before { box-shadow: 80rem 0 0 #d2e0eb; } /* .bg-blue a { color: #fff; } */
.text-lt-gray { color: #d9d9d9 !important; } .bg-lt-gray { background-color: #d9d9d9 ; } .border-lt-gray { border-color: #d9d9d9 !important; } .full-width.bg-lt-gray:before { border-left: 99rem solid #d9d9d9; box-shadow: 99rem 0 0 #d9d9d9; } .extend-left.bg-lt-gray:before { border-left: 90rem solid #d9d9d9; } .extend-right.bg-lt-gray:before { box-shadow: 80rem 0 0 #d9d9d9; } /* .bg-lt-gray a { color: #fff; } */
.text-gray { color: #d0d1d2 !important; } .bg-gray { background-color: #d0d1d2 ; } .border-gray { border-color: #d0d1d2 !important; } .full-width.bg-gray:before { border-left: 99rem solid #d0d1d2; box-shadow: 99rem 0 0 #d0d1d2; } .extend-left.bg-gray:before { border-left: 90rem solid #d0d1d2; } .extend-right.bg-gray:before { box-shadow: 80rem 0 0 #d0d1d2; } /* .bg-gray a { color: #fff; } */

.overlay-lt-blue { position: absolute; top: 0; bottom: 0; width: 12%; background-color: #f1f4f9; transform: skewX(-10deg); }
.overlay-lt-blue.left { left: 0; transform-origin: top left; }
.overlay-lt-blue.right { right: 0; transform-origin: bottom right; }
.overlay-gray { position: absolute; top: 0; bottom: 0; width: 12%; background-color: #d0d1d2; transform: skewX(-10deg); }
.overlay-gray.left { left: 0; transform-origin: top left; }
.overlay-gray.right { right: 0; transform-origin: bottom right; }

#header-block-1  { line-height: 1.2; }

.navbar { padding: 1rem; }
.navbar-toggler { border: 2px solid #212529; }
.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(33,37,41,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(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>"); }
.navbar-brand { margin-right: 0; }
#menu-main-menu a { font-weight: 400; color: #212529 !important; }

#banner { margin-bottom: 9rem; }

/* home */
.carousel-caption { right: 5%; left: 5%; text-align: left; color: #6a6a6a; }
.carousel-caption .h1 { margin-bottom: 0; font-size: 1.875rem; font-weight: 700; color: #6a6a6a; }
.carousel-caption p { font-size: 0.875rem; }
.carousel-caption .btn { margin-left: 3rem; text-transform: uppercase; }
#about { position: absolute; top: -9rem; padding: 2rem 1rem 2.5rem 1rem; border-radius: 0 0 50% 50%; }
#about span { display: block; font-size: 3rem; font-weight: 300; line-height: 1; }
.service-icons img { width: auto; max-height: 64px; }

body > footer { background-color: #f3f3f3; }
body > footer a { color: #212529; }
#widget-footer .col { flex: 0 0 50%; padding-top: 1rem; max-width: 50%; }
#widget-footer .col:first-child, #widget-footer .col:last-child { flex: 0 0 100%; max-width: 100%; }
#widget-footer .menu { margin: 0; padding: 0; list-style: none; }
#widget-footer .menu li { line-height: 2; }

/* 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) {
	.w-lg-50 { width: 50%; }
	.w-lg-75 { width: 75%; }
	.navbar-brand { margin-right: 1rem; }
	#banner { margin-bottom: 3rem; }
	.carousel-caption { right: 62.5%; left: 10.325%; text-align: left; color: #6a6a6a; }
	.carousel-caption .h1 { font-size: 2.5rem; }
	.carousel-caption p { font-size: 2rem; }
	#about { top: -3rem; }
	#widget-footer .col, #widget-footer .col:last-child { flex: 0 0 20%; padding-top: 1.5rem; max-width: 20%; }
	#widget-footer .col:first-child { flex: 0 0 40%; padding-top: 0; max-width: 40%; }
}

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

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