/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");

body { font-family: myriad-pro, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; }
h1, .h1 { font-size: 2rem; }
h2, .h2 { font-size: 1.5rem; }
h3, .h3 { font-size: 1.25rem; }
.bg-light { background-color: #eeeeee !important; }
.xxx-large { font-size: 3.125rem; }
.btn.h4 { font-size: 1.5rem; }
.card .card-header .btn.btn-link { white-space: normal; }
.btn { white-space: normal; }
.bg-workplace-green .pillars .wp-block-image img { background-color: #00563f; }
.bg-intrepid-blue .pillars .wp-block-image img { background-color: #006196; }
.bg-barton-green .pillars .wp-block-image img { background-color: #066839; }
.bg-hartford-red .pillars .wp-block-image img { background-color: #822b2f; }
.bg-semsee-purple .pillars .wp-block-image img { background-color: #2b2b4f; }
.bg-vela-blue .pillars .wp-block-image img { background-color: #0d506e; }
.wp-block-button.btn-jwbs { padding: 0; }
.wp-block-button.btn-jwbs .wp-block-button__link { padding: 0.375rem 0.75rem; font-size: 1rem; }

/* 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-light:before { border-left: 99rem solid #eeeeee; box-shadow: 99rem 0 0 #eeeeee; }
.full-width div, .full-width div figure { margin-bottom: 0; }

.navbar-collapse { justify-content: flex-end; }
.svg-inline--fa.fa-w-14 { font-size: 0.375em; }
.menu-item .nav-link { padding: 0.5 0.75rem; }
.menu-item:last-child .nav-link { padding-right: 0; }

/* bottom arrow */
.bottom-arrow { margin-bottom: 50px; }
.bottom-arrow:after { content:''; position: absolute; top: 100%; left: 50%; margin-left: -50px; width: 0; height: 0; border-left: solid 50px transparent; border-right: solid 50px transparent; }
.bg-light.bottom-arrow:after { border-top: solid 50px #eeeeee; }
.btn-jwbs:visited, .btn-jwbs:visited:hover, #main .btn-jwbs:visited, #main .btn-jwbs:visited:hover { color: #fff !important; }

/* header */
img[src$='BRE-Stack-Logo.png'], img[src$='the-hartford-logo.png'], img[src$='SemseeLogo_Navy.png'] { max-height: 120px; }
img[src$='barton-mutual.png'] { max-width: 210px; }
img[src$='BerkleyRe_TurnkeySolutions_Horizontal_Color.png'] { max-height: 60px; }
body > header { border-bottom-width: 20px; border-style: solid; }

/* nav */
.navbar-nav .nav-item { border-bottom: 1px solid; padding-left: 5px; font-size: 1.2rem; }
.dropdown-menu { border-width: 0; padding-bottom: 0; }

/* carousel */
.carousel-caption { padding-top: 0; padding-bottom: 0; justify-content: flex-end; }
.carousel-caption h1 { font-size: 1.5rem; margin-top: auto; margin-bottom: 0; text-align: left; background-color: rgba(0,0,0,.6); }
.carousel-caption h1:before { content: ""; margin-top: auto; height: 28px; position: absolute; top: 0; right: 0; bottom: 0; left: -99rem; z-index: -1; border-left: 99rem solid rgba(0,0,0,.6); box-shadow: 99rem 0 0 rgba(0,0,0,.6); }
.home .carousel-caption { flex-direction: inherit; padding-top: 0; padding-bottom: 0; }
.home .carousel-caption h1 { color: #fff; text-align: left; font-size: 1.5rem; width: 100%; float: left; position: relative; bottom: 0; margin-top: auto; margin-bottom: .5rem; background: none; }
.home .carousel-caption h1:before { content: none; }
.home .carousel-caption-content { display: none; float: left; width: 50%; padding: 20px; flex-direction: column; justify-content: center; align-items: center; text-align: left; background-color: rgba(0,0,0,.6); }
.home .carousel-caption-content h3 { font-size: 1rem; }
.home .carousel-caption-content ul { margin-right: 0; text-align: left; }

/* home */
body > .container { margin-top: 24px; }

/* pillars */
.pillars > div { margin-bottom: 40px; }
.pillars div div:last-of-type { position: absolute; bottom: 0; left: 0; right: 0; height: 0; }
.pillars .wp-block-column { position: relative; }
.pillar-number { display: inline-block; position: absolute; width: 48px; height: 48px; top: -10px; left: 2.5rem; font-size: 2.5rem; font-weight: bold; text-align: center; color: #fff; background-color: rgba(0, 0, 0, 0.25); border-radius: 30px; }
.pillars h3 { height: auto; }

/* owl */
.owl-stage-outer { overflow: hidden; }
.owl-item { display: inline-flex; }
.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 0; }
.owl-dots.pdfcrowd-remove { display: none; }

/* link blocks */
.filterLinks { min-width: 152px; }

/* faq cards */
#main .card .card-header .btn-link, #main .card.collapsed:hover .card-header .btn-link { text-decoration: none; text-align: left; text-indent: -22px; margin-left: 20px; }

/* modal */
#wpcf7-f356-o1 input[type="text"], #wpcf7-f160-o1 input[type="text"], #wpcf7-f142-o1 input[type="text"] { width: 100%; }

/* post grid */
.wp-block-latest-posts .post-title { font-weight: 700; }
.wp-block-latest-posts .post-excerpt > p:first-child { height: 5rem; }
.wp-block-latest-posts > li { position: relative; }
.wp-block-latest-posts .post-excerpt p.text-center { position: absolute; left: 0; right: 0; bottom: 0; }

/* footer */
body > footer { background-color: #535353; color: #fff; }
body > footer a, body > footer a:visited { color: #fff; }
body > footer a:hover, body > footer a:focus { color: #eee; }
body > footer .menu { list-style: none; padding-inline-start: 0; column-count: 2; }
body > footer .menu li { display: inherit; padding: 5px 15px 5px 0; }
p.attribution { text-align: center; }

/* save as pdf by pdfcrowd */
.save-as-pdf-pdfcrowd-button { white-space: normal; }
.pdfcrowd-body .navbar .navbar-brand img { max-height: 75px; }
.pdfcrowd-body .grecaptcha-badge { display: none !important; }
.pdfcrowd-body .carousel-caption-content h1 { font-size: 2rem; }
div.save-as-pdf-pdfcrowd-button-wrap { display: inline-block; }
.save-as-pdf-pdfcrowd-button { font-weight: bold; }

/* berkley environmental */
.navbar .navbar-brand [src$='BER-E_logo_rbg_20220512.svg'] { width: auto; height: 53px; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
  #wpcf7-f356-o1 input, #wpcf7-f160-o1 input, #wpcf7-f142-o1 input { max-width: 335px; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  h1, .h1 { font-size: 2.5rem; }
  h2, .h2 { font-size: 2rem; }
  h3, .h3 { font-size: 1.5rem; }
  .carousel-caption h1 { font-size: 2.5rem; }
  .carousel-caption h1:before { height: 48px; }
  .home .carousel-caption h1 { margin-bottom: 1rem; font-size: 2rem; }
  .home .carousel-caption-content { display: flex; }
	.owl-dots.pdfcrowd-remove { display: block; }
  .pillars h3 { min-height: 70px; }
  body > footer #media_image-2.widget { text-align: right; }
  body > footer #media_image-2.widget img, body > footer #block-7.widget .wp-block-image { margin-right: -15px; }
  p.attribution { text-align: right; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .navbar-nav .nav-item { border-bottom-width: 0; padding-left: 0; font-size: 1rem; }
  .dropdown-menu { border-width: 1px; }
  .menu-item .nav-link { font-weight: 500; font-size: .8rem; }
  .menu-item.active .nav-link { font-weight: 700; }
  .home .carousel-caption-content h3 { font-size: 1.375rem; }
  .home .carousel-caption-content ul { margin-right: 5em; }
  .home .carousel-caption h1 { font-size: 2.3rem; }
  body > footer .menu { column-count: 1; }
  body > footer .menu li { display: inline-block; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .menu-item .nav-link { font-size: 1.3rem; }
  .carousel-caption { font-size: 1.5rem; }
  .home .carousel-caption-content { padding: 60px; }
  .home .carousel-caption h1 { font-size: 3rem; }
  .home .carousel-caption-content h3 { margin-bottom: 2rem; font-size: 1.75rem; }
}