/* jwbs (color) class, and default styling */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url("../includes/assets/default.css");
@import url("jwbs.css");

html, body { overflow-x: hidden; }
body { font-family: myriad-pro, sans-serif; font-size: 1.05rem; }
h1, .h1, h2, .h2, h3, .h3, h4, h5 { font-weight: 700; }
a, a:active, a:visited { color: #75787b; }
ul.columns-2 { columns: 2; }
.fa-linkedin { color: #fff; }
.fa-twitter { color: #1da1f2; }
a[href$='.pdf']:before { padding-right: 0.25rem; content: '\f1c1'; font-family: 'Font Awesome 5 Pro'; color: #b9ba16; }
a[href$='.pdf'] { margin-left: 2rem; }
.wp-block-button.btn-jwbs .wp-block-button__link { padding: 0; }
.w-33 { width: 33.333333% !important; }

.bg-grey { background-color: #f3f3f3; }
.bg-dk-grey { background-color: #75787b; }
.bg-lt-green { background-color: #35702d; }
.bg-yellow-green { background-color: #b9ba16; }
.bg-home-contact { background-color: #eee; }
.full-width { position: relative; }
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -40vw; z-index: -1; }
.full-width.bg-grey:before { border-left: 99rem solid #f3f3f3; box-shadow: 99rem 0 0 #f3f3f3; }
.full-width.bg-dk-grey:before { border-left: 99rem solid #75787b; box-shadow: 99rem 0 0 #75787b; }
.full-width.bg-lt-green:before { border-left: 99rem solid #35702d; box-shadow: 99rem 0 0 #35702d; }
.full-width.bg-yellow-green:before { border-left: 99rem solid #b9ba16; box-shadow: 99rem 0 0 #b9ba16; }
.full-width.bg-jwbs:before { border-left: 99rem solid #234b1e; box-shadow: 99rem 0 0 #234b1e; }

.btn-lt-blue { color: #000 !important; background-color: #a9d8fc; border-color: #a9d8fc; }
.btn-yellow-green, .bg-home-contact .btn { color: #fff !important; background-color: #b9ba16; border-color: #b9ba16; }
.bg-home-contact .btn:hover { background-color: #d2d36b; }
#wpcf7-f6-p2-o1 .btn-yellow-green { color: #fff !important; background-color: #0094ca; border-color: #0094ca; }
.btn-yellow-green:hover, #wpcf7-f6-p2-o1 .btn-yellow-green:hover { color: #000 !important; background-color: #d1d267; border-color: #d1d267; }
.text-yellow-green, h2, .h2, h3, .h3, .bg-grey h1, .bg-grey h2, .bg-grey h3 { color: #b9ba16; }

body > header.position-relative { background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 85%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 85%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.8) 85%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3ffffff',GradientType=0 ); /* IE6-9 */ }
div[id^='header-block'] input { height: 39px; }
#header-block-2 .form-inline { display: inline-block; }
#header-block-2 a, .container.mobile a { padding: 0.5rem 0.75rem; font-size: 0.875rem; }
#header-block-2 a { margin-top: -3px; }

/* nav */
.navbar-brand { max-width: 80%; }
.navbar-nav .nav-link { font-size: 1.25rem; text-align: center; }
.dropdown-item { text-align: center; }

/* carousel */
#carousel * { font-family: roboto, sans-serif; }
.carousel-caption { position: initial; padding-left: 15px; padding-right: 15px; }
.carousel-caption .h1 { color: #212529; text-transform: uppercase; font-weight: 100; position: relative; font-size: 1.5rem; }
.carousel-caption p { color: #75787b; font-weight: 400; position: relative; text-align: left; }
body.home .carousel-caption { position: relative; padding: 0; top: auto; right: 0; bottom: 0; left: 0; color: #fff; background-color: rgba(68, 68, 68, 0.85); }
body.home .carousel-inner .triangle { display: none; }
body.home .carousel-caption .h1, body.home .carousel-caption p { margin-left: auto; margin-right: auto; width: 90%; }
body.home .carousel-caption .h1 { position: relative; margin: 20px auto 10px auto; font-size: 1.125rem; font-weight: normal; color: #b9ba16; text-transform: uppercase; }
body.home .carousel-caption p { font-size: 0.75rem; color: #fff; }
body:not(.home) .carousel-caption { justify-content: space-evenly; flex-direction: column-reverse; text-align: left; }
body:not(.home) .carousel-caption h1, body:not(.home) .carousel-caption h2 { font-weight: 700; color: #fff; }
body:not(.home) .carousel-caption p { font-size: 2rem; font-weight: 100; text-transform: uppercase; }

/* forms */
.wpcf7-form .form-row { margin-bottom: 0.5rem; }
.wpcf7-form label { margin-bottom: 0; }
span.wpcf7-list-item { display: block; margin: 0; }

.home #content { padding-top: 0; }
#content { padding-top: 3rem; }
.columns-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.columns-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.quarto { font-family: 'Tw Cen MT Condensed', serif; font-weight: 400; font-size: 1.75rem; }

/*home page */
.pillars a { display: block; padding: 2.25rem; padding-bottom: 0.75rem; font-weight: 300; background-color: #fff; border-radius: 1rem; }
.pillars a img { margin-bottom: 0.75rem; }
#browse-grid { padding-top: 2.25rem; }
#browse-grid h3 { color: #75787b; }
h4.linkedin { padding-left: 2.125rem; }

/* team list */
#team .nav-link.active { position: relative; }
#team .nav-link.active:after { content:''; position: absolute; top: 100%; left: 50%; margin-left: -10px; width: 0; height: 0; border-top: solid 10px #0094ca; border-left: solid 10px transparent; border-right: solid 10px transparent; }
#team .search-wrapper, #team .location-wrapper  { position: relative; }
#team select, #team input { background: #ebebeb; }
#team .location-wrapper select { padding-left: 35px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
#team .search-wrapper input { padding-left: 38px; }
#team .search-wrapper:before, #team .location-wrapper:before { position: absolute; top: 8px; left: 18px; font-family: "Font Awesome 5 Pro", Roboto, sans-serif; color: #b9ba16; }
#team .search-wrapper:before { content: "\f002"; }
#team .location-wrapper:before { content: "\f041"; }

/* linkedin */
.sk-ww-linkedin-page-post { background-color: #eee !important; }
.sk-ww-linkedin-page-post .swiper-wrapper { height: 558px !important; }

/* pre footer */
#menu-prefoot-nav { margin-bottom: 0; font-size: 1.15rem; }
#inner-footer #widget-pre-footer [data-prefix='fab'] { font-size: 1.3rem; margin-left: 0.5rem; }
#inner-footer #widget-pre-footer a, #inner-footer #widget-pre-footer .fa-linkedin { color: #2867B2; }
#inner-footer #widget-pre-footer #custom_html-4 { padding-top: 2.25rem; text-align: right; }

/* pre-footer links */
#inner-footer #widget-footer h4 { font-size: 1.2rem; }
#inner-footer #widget-footer h4 { color: #fff; text-transform: uppercase; }
#inner-footer #widget-footer a { color: #fff; line-height: 2; }

/* footer */
#inner-footer ul { padding-inline-start: 0; list-style: none; }
#inner-footer #nav_menu-2 ul { column-count: 2; }
#inner-footer #menu-prefoot-nav { text-align: center; }
#inner-footer #media_image-2 { flex-basis: 100%; }
#inner-footer #nav_menu-2, #inner-footer #nav_menu-3 { flex-basis: 100%; }
#inner-footer .footer-links li { display: inline-block; }
#inner-footer .footer-links li a { padding: 0 10px; font-size: 75%; font-weight: 700; white-space: nowrap; color: #000; border-right: 1px solid #000; }
#inner-footer .footer-links li:last-of-type a { border-right-width: 0; }
#inner-footer #custom_html-2 { flex-basis: 100%; }
#inner-footer p { line-height: 1.1; }
#inner-footer p > small { font-size: 90%; } /* was 75 (13px), 83 would split difference */

/* people */
.row.no-gutter { margin-left: 0; margin-right: 0; }
.row.no-gutter [class*='col-']:not(:first-child), .row.no-gutter [class*='col-']:not(:last-child) { padding-right: 0; padding-left: 0; }
.archive article.team header { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: inherit; background: transparent; }
.archive article.team:hover header { color: #fff; background: rgba(120, 123, 22, 0.46); }
.archive article.team header > h4 { position: absolute; bottom: 36px; left: 20px; }
.archive article.team header > p { position: absolute; bottom: 10px; left: 20px; font-size: 0.8rem; }
body.page-id-25 { padding-top: 300px; }

/* overlays */
.overlay { background-color: rgba(117, 120, 123, 0.8); top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: all 250ms ease-in; }
.overlay-parent:hover .overlay { opacity: 1; }
.overlay-parent span { display: block; position: absolute; padding: 0.5rem 1.875rem; top: 0; right: 0; bottom: 0; left: 0; text-align: right; color: #fff; background-color: rgba(185, 186, 22, 0.8); }
.overlay-parent:hover span { background-color: transparent; }
.overlay, .overlay a { color: #fff; }
#browse-grid .overlay { display: flex; align-items: center; justify-content: center; }
#browse-grid .overlay ul.columns-2 { column-gap: 40px; }

/* products */
#product_boxes .product .col-md-7 { padding-bottom: 50px; }
#product_boxes .product .button-box { position: relative; flex-wrap: wrap; left: 0; right: 0; bottom: 0; }
#header-block-3 .btn, #product_boxes .product .button-box .btn { min-width: 11rem; }
#product_boxes .product .button-box .btn:first-child { margin-bottom: 1rem; }
.product_boxes-coverage { font-size: .9rem; }

/* report a claim modal */
.partner-modal, .report-modal, .learn-more-modal { cursor: pointer; }
#report-modal .modal-content { border: 7px solid #b9ba16; border-radius: 0; }
#report-modal button.close { position: absolute; top: -12px; right: -12px; background-color: #000; color: #fff; font-weight: 100; opacity: 1; border-radius: 1rem; width: 1.5rem; height: 1.5rem; }
#report-modal button.close span { position: relative; bottom: 2px; }

/* segments */
.coverage-details ul.list-unstyled { margin-bottom: 0; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
	#header-block-2 .form-inline .form-control { width: 200px !important; }
  .carousel-caption { position: absolute; padding-left: 0; padding-right: 0; }
  #product_boxes .product .col-md-7 { padding-bottom: 40px; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .text-sm-nowrap { white-space: nowrap !important; }
  .navbar-brand { max-width: 100%; }
  .carousel-caption .h1 { font-size: 1.75rem; }
  body:not(.home) .carousel-caption p { letter-spacing: 3px; }
	body.home .carousel-caption { position: absolute; }
	body.home .carousel-caption .h1, body.home .carousel-caption p { width: 40%; }
	body.home .carousel-caption .h1 { font-size: 1.875rem; }
	body.home .carousel-caption p { font-size: 1.25rem; }
	#product_boxes .product .button-box { position: absolute; flex-wrap: nowrap; }
	#product_boxes .product .button-box .btn:first-child { margin-bottom: 0; }
	span.wpcf7-list-item { display: inline-block; width: 50%; }
	#inner-footer #media_image-2 { flex-basis: 50%; }
	#inner-footer #nav_menu-2, #inner-footer #nav_menu-3 { flex-basis: 25%; }
  #inner-footer #widget-footer ul { column-count: 3; }
	.overlay-parent span { top: auto; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .dropdown-item { text-align: left; }
  #main-navbar #menu-top-nav { position: relative; top: -50px; margin-bottom: -50px; }
  .carousel-caption { justify-content: start; }
/*  body.home .carousel-caption .h1 { padding: .5rem 0; width: 90%; left: 20%; font-size: 2rem; } */
  .carousel-caption p { width: 70%; }
/*  body.home .carousel-caption p { left: 35%; } */
  .carousel-inner .triangle { width: 0; height: 0; position: absolute; top: initial; bottom: initial; background-color: transparent; }
/*  body.home .carousel-inner .triangle { border-left: 250px solid transparent; border-right: 500px solid transparent; border-top: 239px solid rgba(180, 186, 22, .6); right: -100px; left: initial; } */
  body:not(.home) .carousel-inner .triangle { border-left: 750px solid transparent; border-right: 2000px solid transparent; border-bottom: 1000px solid rgba(180, 186, 22, .6); right: initial; left: -500px; top: -50px; }
  span.wpcf7-list-item { width: 33%; }
  #inner-footer #widget-footer ul { column-count: 4; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  body.home .carousel-caption .h1 { font-size: 2.25rem; }
  body.home .carousel-caption p { margin: 0 auto 10px; }
}

/* Extra Large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {
  .carousel-caption .h1 { font-size: 2.5rem; }
}
/* Dark mode */
@media (prefers-color-scheme: dark) {
}

/* mobile banner elements */
@media only screen and (max-width : 991px) {
  body:not(.home) .carousel-caption { position: absolute; right: 50%; left: 15px; top: -50%; bottom: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; }
  body:not(.home) .carousel-caption h1 { position: absolute; bottom: 0; color: #fff; background: rgba(180, 186, 22, .6); margin-bottom: 0; padding: 7px 0; }
  body:not(.home) .carousel-caption h1:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -99rem; z-index: -1; border-left: 99rem solid rgba(180, 186, 22, .6); box-shadow: 99rem 0 0 rgba(180, 186, 22, .6); }
  body:not(.home) .carousel-caption p { font-size: 4vw; }
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
  body:not(.home) .carousel-caption p { font-size: 3vw; }
}

/* mmobile only */
@media only screen and (max-width : 575px) {
  .page-id-35 .wp-block-image:first-of-type figure.alignright { display: block; width: 100%; float: none; }
}
/* IE10+ CSS styles */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #header-block-2 .form-inline { display: -ms-inline-flexbox; }
  #header-block-2 .form-inline input.search-field { min-width: 200px; }
  #header-block-2 a.btn.ml-3 { margin-top: 5px; }
}