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

html, body { overflow-x: hidden; }
body { font-family: 'Calibri', sans-serif; font-weight: 300; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 600; }
h1, .h1, h2, .h2, h3, .h3, h4,.h4, h5, .h5, h6, .h6, a, .text-green { color: #0b9444; color: #4a9c2d; }
a:hover { color: #1a5340; }
b, strong { font-weight: 700; }
.wp-block-media-text .wp-block-media-text__content { padding: 0 0 0 8%; }
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding: 0 8% 0 0; }
.btn { border-radius: 0; }
.search-form .btn-jwbs { background-color: #4a9c2d; }
ul.columns-2, ol.columns-2 { columns: 2; }
header.post-header { display: none; }
.carousel-caption .btn, .home .row-email .btn-email { color: #fff; background-color: #0b9444; border: 1px solid #0b9444; text-transform: uppercase; }
.g-0 { gap: 0; }

.full-width:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: -75rem; z-index: -1; }
.text-lt-green { color: #f1fbfc; } .bg-lt-green { color: #4d4d4d; background-color: #e0f0f7; } .border-lt-green { border-color: #e0f0f7 !important; } .full-width.bg-lt-green:before { border-left: 99rem solid #e0f0f7; box-shadow: 99rem 0 0 #e0f0f7; }
.text-gray    { color: #ebebeb; } .bg-gray    { color: #4d4d4d; background-color: #ebebeb; } .border-gray    { border-color: #ebebeb !important; } .full-width.bg-gray:before    { border-left: 99rem solid #ebebeb; box-shadow: 99rem 0 0 #ebebeb; }

.btn-blue    { color: #fff !important; background-color: #191d4e; border-color: #191d4e; } .btn-outline-blue    { color: #191d4e !important; background-color: transparent; background-image: none; border-color: #191d4e; } .btn-outline-blue:hover    { color: #fff !important; background-color: #191d4e; background-image: none; border-color: #191d4e; }
.btn-green    { padding: calc(0.667em + 2px) calc(1.333em + 2px); color: #212529 !important; background-color: #0c9444; border-color: #0c9444; } .btn-green:hover { text-decoration: underline; } .btn-outline-green    { padding: calc(0.667em + 2px) calc(1.333em + 2px); color: #0c9444 !important; background-color: transparent; background-image: none; border-color: #0c9444; } .btn-outline-green:hover    { color: #fff !important; background-color: #0c9444; background-image: none; border-color: #0c9444; }

body > header > .container > .row { align-items: center; }
#header-block-2 .wp-block-button { display: inline-block; font-size:1.125rem; margin-left: 1.25rem; padding: 0.5rem 1rem; color: #fff; background-color: #4a9c2d; }

.above-header { padding: 10px 0; background-color: #fafafa; }
.navbar-brand img { max-width: 80%; }
.navbar .nav-link { color: #212529; }
.navbar .wp-block-button .nav-link { display: inline-block; padding: 0.5rem 1rem; color: #fff; background-color: #4a9c2d; }
.navbar-toggler { position: absolute; top: -3rem; right: 15px; border: 1px solid #0b9444; }
.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(11,148,68,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(11,148,68,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>"); }
.dropdown-item.active, .dropdown-item:active { background-color: #4a9c2d; }

#banner { margin-bottom: 3rem; }
.carousel-caption { padding-top: 0; padding-bottom: 0; width: auto; right: 5%; left: 5%; color: #212529; text-align: left; }
.carousel-caption > span { margin-top: 12rem; color: #fff; background-color: rgba(0, 0, 0, 0.7); }
.carousel-caption h1, .carousel-caption .h1 { font-size: 1.625rem; font-weight: 900; color: #fff; }
.carousel-caption p { display: none; }

#main { font-size: 1.15rem; }
.home .grecaptcha-badge { display: none; }
.home .row-email .wp-block-column { background-color: #fff; }
.home .row-email h4 { height: 4.75rem; /* font-size: 1.3125rem; */ font-weight: 400; line-height: 1.2; color: #212529; }
.home .row-email .btn-email:hover { color: #0b9444; background-color: #fff; }
.home .btn-outline-blue.w-fixed { width: 16rem; /* font-size: 1.5rem; */ font-weight: 700; background-color: #fff; }
.home .btn-outline-blue.w-fixed:hover { background-color: #191d4e; }

/* accordions */
.accordion .card { border: 0 none; border-bottom: 1px solid #77bc1f !important; border-radius: 0; }
.accordion .card-header { padding-left: 0; background-color: transparent; border-bottom: 0 none; }
.accordion .card-header .btn { padding-left: 0; font-size: 1.25rem; }
.accordion .card-header .btn-link { position: relative; display: block; width: 100%; color: #212529; text-align: left; text-decoration: none; }
.accordion .card-header .btn-link:after { content: '-'; position: absolute; top: -0.5rem; right: 0; font-size: 2rem; }
.accordion .card-header .btn-link.collapsed:after { content: '+'; }
.accordion .card-body { padding: 0 0 1.25rem 0; }

/* cards */
.card-loop .card { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border: 0 none; border-radius: 0; }
.card-loop .card-body .card-title { color: #212529; }
.card-loop .card-footer { background-color: transparent; border: 0 none; text-align: center !important; }
.card-loop .card-footer .btn { border: 2px solid #212529; }
.card-loop .card-footer .btn:hover { color: rgba(255, 255, 255, 0.97); background-color: #212529; }
.page-id-30 .card-loop .row { justify-content: start!important; }
.card-loop.icons .card > img { margin: 1.25rem 0 -0.5rem; width: auto!important; height: 39px!important; align-self: center; }

/* claims page */
#claims-loop.card-loop .card { background-color: #808080; }
#claims-loop.card-loop .card > img { position: absolute; top: 20%; left: 2.5rem; }
#claims-loop.card-loop .card-body, #claims-loop.card-loop .card-footer { margin-left: auto; width: calc(100% - 6.625rem); }
#claims-loop.card-loop .card-body .card-title, #claims-loop.card-loop .card-footer { text-align: left !important; }
#claims-loop.card-loop .card-body .card-title { color: #fff; }
#claims-loop.card-loop .card-footer { padding-top: 0; }
#claims-loop.card-loop .card-footer .btn { font-weight: bold; color: #4a9c2d; background-color: #fff; border-color: #fff; text-transform: uppercase; }
#claims-loop.card-loop .card-footer .btn:hover { color: #fff; background-color: transparent; }

.input-group-append.input-group-prepend .input-group-text{ margin: 0 -1px; }
form { margin-bottom: 3rem; padding: 2rem; box-shadow: 0 4px 30px #1d8ecd3e; }
.form-control, .wpcf7-form-control { background-color: #f4f4f4; }
#wpcf7-f1805-p1807-o1 .wpcf7-list-item.first.last { margin: 0; }

body > footer { color: #fff; background-color: #4a9c2d; }
body > footer a, body > footer a:hover { color: #fff; }
body > footer p { font-size: 0.75rem; }
#widget-footer > div { display: flex; align-items: center; }
#widget-footer > div:last-child { justify-content: end; }
#widget-footer #block-10 { text-align: right; }
#widget-footer #block-10 img { width: 3.25rem; }
#inner-footer .menu { display: flex; flex-wrap: wrap; margin: 0; padding: 0; width: 100%; list-style: none; }
#inner-footer .menu > li { flex-basis: 100%; margin: 0; padding: 0 15px 0 0; padding: 0; font-size: 0.875rem; text-align: center; text-transform: uppercase; }
#inner-footer .menu .sub-menu { margin: 0 0 1.25rem; padding: 0; list-style: none; }
#inner-footer .menu .sub-menu > li { margin-top: initial; text-transform: none; }
/* #menu-mobile-footer-menu-right.menu > li { margin-bottom: 1.25rem; } */
body > footer hr { border-top-color: #fff; }

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

	.carousel-caption .h1 { font-size: 2.5rem; }
	.carousel-caption p { display: block; }
	.home .btn-outline-blue.w-fixed { width: 20.625rem; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.navbar-brand img { max-width: 12.5rem; }
	.home .carousel-item img { display: block; }
	.carousel-caption { width: 584px; right: auto; left: 12.5%; }
	.carousel-caption > span { margin-top: 36rem; }
	.carousel-caption .h1 { font-size: 2rem; }
	#claims-loop.card-loop .col { flex: 0 0 50%; max-width: 50%; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.g-lg-2 { gap: 2em; }
	.navbar-collapse .report-claim .nav-link { padding: 0.5rem 1.5rem; color: #fff; background-color: #0b9444; text-transform: uppercase; }
	.carousel-caption { padding-top: 20px; padding-bottom: 20px; left: 180px; }
	.carousel-caption > span { margin-top: 0; }
	.home .row-btn-email { width: 75%; }
	#claims-loop.card-loop .col { flex: 0 0 25%; max-width: 25%; }
	#widget-footer #block-11 img { width: 15rem; }
	#inner-footer .menu { flex-wrap: nowrap; }
	#inner-footer .menu .sub-menu { margin: 0; }
	#inner-footer .menu .sub-menu > li { margin-top: 1.25rem; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.container { max-width: 1140px; }
	.navbar-brand img { max-width: 22.5rem; }
	.navbar .navbar-nav > .nav-item { margin-left: 2.25rem; font-size: 1.125rem; }
}

/* Extra Large Devices, Extra Wide Screens */
@media only screen and (min-width : 1201px) and (max-width: 1600px) {
  .container { max-width: calc(100% - 60px); }
}

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

@media only screen and (min-width : 1601px) {
	.container { max-width: 1540px; }
}