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

html, body { overflow-x: hidden; font-weight: 400; font-family: Roboto, sans-serif; }
body { color: #636569; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 700; color: #002b49; }
h1, .h1 { font-size: 2rem; }
.small, small { font-size: .85rem; }
h1 small, h2 small, h3 small { font-size: 85%; }
.lead { font-weight: 400 !important; }
strong, b, .font-weight-bold { font-weight: 500 !important; }
a, a:link, a:visited { color: #0093c9; font-weight: 500; }
a:active, a:hover { color: #0085bf; }
.rounded-xl { border-radius: 1rem !important; }
.mt-n20 { margin-top: -20%; }
.mb-n20 { margin-bottom: -20%; }
.w-2vw { width: 2vw; min-width: 30px; }
.w-100 > figure, .w-100 > figure > img { width: 100%; }
.wp-block-pb-accordion-item { border: 1px solid #fff; padding: 15px 18px 10px; }
.mw-850 { max-width: 850px; margin: auto; }
.mw-1050 { max-width: 1050px; margin: auto; }
.mw-1250 { max-width: 1250px; margin: auto; }
.wp-block-button.btn { padding: 0; border: 0 none; }
.wp-block-button.btn-block .wp-block-button__link { display: block !important; }
.wp-block-button .wp-block-button__link.has-white-color.has-background:hover { color: #fff; }
.outdent-arrow { margin-left: 1rem; text-indent: -0.5rem; }
.outdent-arrow .fa-caret-right { margin-right: 0.5rem; }

/* full width */
.full-width, .full-width-top, .full-width-bottom { position: relative; }
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -75rem; z-index: -1; }
.full-width-top:before { content: "" !important; position: absolute !important; top: 0 !important; right: 0 !important; bottom: 50% !important; left: -75rem !important; z-index: -1 !important; opacity: 1 !important; }
.full-width-bottom:before { content: "" !important; position: absolute !important; top: 50% !important; right: 0 !important; bottom: 0 !important; left: -75rem !important; z-index: -1 !important; opacity: 1 !important; }
[class*="full-width"].bg-jwbs:before { border-left: 99rem solid #002B49; box-shadow: 99rem 0 0 #002B49; }
.full-width-breakout { width: 100vw; position: relative; left: calc(-1 *(100vw - 100%) / 2); }

/* colors */
.text-berkley-green { color: #154F3A !important; } .bg-berkley-green { background-color: #154F3A; color: #fff; } .border-berkley-green { border-color: #154F3A !important; } [class*="full-width"].bg-berkley-green:before { border-left: 99rem solid #154F3A; box-shadow: 99rem 0 0 #154F3A; }
.text-dark-green { color: #55b200 !important; }    .bg-dark-green { background-color: #55b200; }                 .border-dark-green { border-color: #55b200 !important; }    [class*="full-width"].bg-dark-green:before { border-left: 99rem solid #55b200; box-shadow: 99rem 0 0 #55b200; }
.text-light-green { color: #93d500 !important; }   .bg-light-green { background-color: #93d500; }                .border-light-green { border-color: #93d500 !important; }   [class*="full-width"].bg-light-green:before { border-left: 99rem solid #93d500; box-shadow: 99rem 0 0 #93d500; }
.text-dark-cyan { color: #3BBFAD !important; }     .bg-dark-cyan { background-color: #3BBFAD; }                  .border-dark-cyan { border-color: #3BBFAD !important; }     [class*="full-width"].bg-dark-cyan:before { border-left: 99rem solid #3BBFAD; box-shadow: 99rem 0 0 #3BBFAD; }
.text-dark-blue { color: #0085bf !important; }     .bg-dark-blue { background-color: #0085bf; }                  .border-dark-blue { border-color: #0085bf !important; }     [class*="full-width"].bg-dark-blue:before { border-left: 99rem solid #0085bf; box-shadow: 99rem 0 0 #0085bf; }
.text-light-blue { color: #0093c9 !important; }    .bg-light-blue { background-color: #0093c9; }                 .border-light-blue { border-color: #0093c9 !important; }    [class*="full-width"].bg-light-blue:before { border-left: 99rem solid #0093c9; box-shadow: 99rem 0 0 #0093c9; }
.text-orange { color: #F18A00 !important; }        .bg-orange { background-color: #F18A00; }                     .border-orange { border-color: #F18A00 !important; }        [class*="full-width"].bg-orange:before { border-left: 99rem solid #F18A00; box-shadow: 99rem 0 0 #F18A00; }
.text-dark-grey { color: #636569 !important; }     .bg-dark-grey { background-color: #636569; color: #fff; }     .border-dark-grey { border-color: #636569 !important; }     [class*="full-width"].bg-dark-grey:before { border-left: 99rem solid #636569; box-shadow: 99rem 0 0 #636569; }
.text-light-grey { color: #F7F5F5 !important; }    .bg-light-grey { background-color: #F7F5F5; }                 .border-light-grey { border-color: #F7F5F5 !important; }    [class*="full-width"].bg-light-grey:before { border-left: 99rem solid #F7F5F5; box-shadow: 99rem 0 0 #F7F5F5; }
.text-white { color: #fff !important; }    .bg-white { background-color: #fff; }                 .border-white { border-color: #fff !important; }
.bg-transparent { background-color: transparent !important; }
.bg-light-grey.position-relative.mt-n20 { z-index: -1; }

.btn-berkley-green { color: #ffffff !important; background-color: #154F3A; border-color: #154F3A; } .btn-outline-berkley-green { color: #154F3A !important; background-color: transparent; background-image: none; border-color: #154F3A; } .btn-outline-berkley-green:hover { color: #343434 !important; background-color: #154F3A; background-image: none; border-color: #154F3A; }
.btn-dark-green { color: #ffffff !important; background-color: #55b200; border-color: #55b200; }    .btn-outline-dark-green { color: #55b200 !important; background-color: transparent; background-image: none; border-color: #55b200; }    .btn-outline-dark-green:hover { color: #343434 !important; background-color: #55b200; background-image: none; border-color: #55b200; }
.btn-light-green { color: #ffffff !important; background-color: #93d500; border-color: #93d500; }   .btn-outline-light-green { color: #93d500 !important; background-color: transparent; background-image: none; border-color: #93d500; }   .btn-outline-light-green:hover { color: #343434 !important; background-color: #93d500; background-image: none; border-color: #93d500; }
.btn-dark-cyan { color: #ffffff !important; background-color: #3BBFAD; border-color: #3BBFAD; }     .btn-outline-dark-cyan { color: #3BBFAD !important; background-color: transparent; background-image: none; border-color: #3BBFAD; }     .btn-outline-dark-cyan:hover { color: #343434 !important; background-color: #3BBFAD; background-image: none; border-color: #3BBFAD; }
:not(.wp-block-button).btn-dark-blue, .wp-block-button.btn-dark-blue .wp-block-button__link { color: #ffffff !important; background-color: #0085bf; border-color: #0085bf; }     .btn-outline-dark-blue { color: #0085bf !important; background-color: transparent; background-image: none; border-color: #0085bf; }     .btn-outline-dark-blue:hover { color: #343434 !important; background-color: #0085bf; background-image: none; border-color: #0085bf; }
:not(.wp-block-button).btn-dark-blue.px-5, .wp-block-button.btn-dark-blue.px-5 .wp-block-button__link { padding-right: 3rem!important; padding-left: 3rem!important; }
.btn-light-blue { color: #ffffff !important; background-color: #0093c9; border-color: #0093c9; }    .btn-outline-light-blue { color: #0093c9 !important; background-color: transparent; background-image: none; border-color: #0093c9; }    .btn-outline-light-blue:hover { color: #343434 !important; background-color: #0093c9; background-image: none; border-color: #0093c9; }
.btn-orange { color: #ffffff !important; background-color: #F18A00; border-color: #F18A00; }        .btn-outline-orange { color: #F18A00 !important; background-color: transparent; background-image: none; border-color: #F18A00; }        .btn-outline-orange:hover { color: #343434 !important; background-color: #F18A00; background-image: none; border-color: #F18A00; }
.btn-dark-grey { color: #ffffff !important; background-color: #636569; border-color: #636569; }     .btn-outline-dark-grey { color: #636569 !important; background-color: transparent; background-image: none; border-color: #636569; }     .btn-outline-dark-grey:hover { color: #343434 !important; background-color: #636569; background-image: none; border-color: #636569; }
.btn-light-grey { color: #212529 !important; background-color: #F7F5F5; border-color: #F7F5F5; }    .btn-outline-light-grey { color: #F7F5F5 !important; background-color: transparent; background-image: none; border-color: #F7F5F5; }    .btn-outline-light-grey:hover { color: #343434 !important; background-color: #F7F5F5; background-image: none; border-color: #F7F5F5; }

/* main nav */
.navbar-brand img { max-height: 75px; }
#main-navbar { font-weight: 600; }
#main-navbar .navbar-nav > li > a { text-transform: uppercase; }
.navbar-light #main-navbar .navbar-nav .nav-link { color: #636569; }
.navbar-light #main-navbar .navbar-nav .text-white .nav-link { color: #fff; }
.navbar-light #main-navbar .navbar-nav .nav-link:hover { color: rgba(99, 101, 105, 0.75); }
.navbar-light #main-navbar .navbar-nav .text-white .nav-link:hover { color: rgba(255, 255, 255, 0.75); }
#main-navbar .navbar-nav a.dropdown-toggle::after/*. #main-navbar .mr-auto .dropdown-menu:before*/ { content: "\f078"; font-family: "Font Awesome 5 Pro", sans-serif; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: .65rem; }
#main-navbar .navbar-nav a.dropdown-toggle::after { border: none; padding-left: .25rem; }
/*#main-navbar .mr-auto .dropdown-menu:before { position: absolute; top: 5px; right: 10px; }*/
/*#main-navbar .mr-auto .dropdown-menu { padding-top: 1rem; }*/
#main-navbar .dropdown-menu li:nth-child(even) { background-color: #efefef; }
#search-form-container { right: 20px; top: 25px; min-width: 250px; }
#menu-secondary-nav-agents { position: relative; }

/* carousel / banner */
#banner .carousel-item:after { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent; opacity: 0; }
.carousel-caption { text-align: left; }
.carousel-caption h1, .carousel-caption .h1 { color: #fff; }
.carousel-caption p { margin-bottom: 0; }
.carousel-indicators li { width: 8vw; }
#banner video { max-width: 100vw; width: 100%; display: flex; margin: auto; }

/* grids */
.product_link_grid_item { max-width: 242px; }
.product_grid_item { margin-bottom: 50px; }
.product_grid_item img { max-width: 106px; margin: auto; }
.product_grid_item > p { max-width: 142px; margin: auto; }

/* product category blocks */
#industry_blocks .product_grid_item { max-width: 142px; }

/* accordions */
.default .c-accordion__title { color: #002b49; }
.c-accordion__title { color: #fff; }
.c-accordion__title:after { color: inherit; }

/* people modal */
#peopleModal .modal-dialog { max-width: 950px; }

/* footer */
body > footer { font-size: .85rem; font-weight: 200; }
body > footer .widgettitle { margin-bottom: 1.5rem; font-size: .85rem; color: #fff; text-transform: uppercase; }
body > footer .menu { padding-left: 0; list-style: none; }
body > footer .menu a { color: #fff; font-weight: 300; }
body > footer .btn-mailchimp { color: #fff; border: 2px solid #fff; border-radius: 0; }
body > footer .btn-mailchimp:hover { color: #002b49; background-color: #fff; }
#parent-company { background-color: #000; }

/* mailchimp form */
#mc_embed_signup form { padding: 0; }
#mc_embed_signup .indicates-required { position: absolute; top: -15px; right: 0; }
#mc_embed_signup h2 { display: none; }
#mc_embed_signup { background: transparent; color: #002b49; clear: left; font: 14px Helvetica, Arial, sans-serif; }
#mc_embed_signup .mc-field-group { padding-bottom: 0; }
#mc_embed_signup .button { margin-top: 10px; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
  h1, .h1 { font-size: 2.5rem; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  h1, .h1 { font-size: 3.45rem; }
  h2, .h2 { font-size: 2.25rem; }
  h3, .h3, .lead { font-size: 1.25rem; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  #search-form-container { display: none; position: absolute; }
  .small-above { position: absolute; top: -25px; right: 0; font-size: .6rem; }
  #industry_blocks .industry_text, #banner_blocks .banner_text { top: 50%; left: 0; transform: translate(0, -50%); position: absolute; }
  #industry_blocks .industry_text { width: 400px; }
  #industry_blocks.alternate .industry_text { width: 600px; }
  #banner_blocks .banner_text { width: 600px; }
  #industry_blocks > div:nth-child(even) .industry_text, #banner_blocks .mr-auto + .banner_text { left: auto; right: 0; }
  #industry_blocks.alternate > div:nth-child(even) .industry_text { left: unset; right: unset; }
}

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

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1300px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1240px; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1340px; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1500px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1440px; }
}

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