/* jwbs (color) class, and default styling */
@import url("../includes/assets/default.css");
@import url("jwbs.css");

body { padding-top: 0.5rem; color: #585858; }
h1, h2, h3, h4, h5, h6 { color: #0b9444; font-weight: 400; }
h1, .h1 { font-size: 1.5rem; }
a, a:visited, a:active, a:focus { color: #0b9444; }
a:hover { color: #0b9444; }
ul { list-style: none; }
li::before { content: "•"; color: #0b9444; display: inline-block; width: 1em; margin-left: -1em; }
.font-weight-bold { font-weight: 500 !important; }
.input-group { flex-wrap: nowrap; -ms-flex-wrap: nowrap; }

.home .lead { font-size: 1.25rem; width: 100% !important; }
h1.page-title { text-align: center; text-transform: uppercase; }

/* palate colors */
.has-green-color { color: #0b9444; }
.has-grey-color { color: #eeeeee; }
.has-charcoal-color { color: #585858; }
.has-black-color { color: #000000; }
.has-white-color { color: #ffffff; }
.has-green-background-color { background-color: #0b9444; }
.has-grey-background-color { background-color: #eeeeee; }
.has-charcoal-background-color { background-color: #585858; }
.has-black-background-color { background-color: #000000; }
.has-white-background-color { background-color: #ffffff; }

.wp-block-button__link.has-green-background-color { background-color: #0b9444; border: 1px solid #0b9444; border-radius: .2rem; }
.wp-block-button__link.has-green-background-color:hover {  background-color: #087234; border-color: #07642e; text-decoration: none; }

/* fullwidth */
.fullwidth { position: relative; }
.fullwidth:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -75rem; z-index: -1; }
.fullwidth.bg-jwbs:before { border-left: 99rem solid #0b9444; box-shadow: 99rem 0 0 #0b9444; }
.bg-gray { background-color: #eeeeee; }
.fullwidth.bg-gray:before { border-left: 99rem solid #eeeeee; box-shadow: 99rem 0 0 #eeeeee; }

/* nav */
nav li:before { display: none; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { background: #ebebeb; }
.navbar-light .navbar-nav .nav-link { font-weight: 500; }

/* carousel */
.carousel-caption { top: 0; right: 10%; bottom: 0; left: 10%; display: block; /* background: rgba(255, 255, 255, .66); */ color: #585858; }
/* .carousel-caption:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -99rem; border-left: 99rem solid rgba(255, 255, 255, .66); box-shadow: 99rem 0 0 rgba(255, 255, 255, .66); } */
.carousel-caption .d-flex { flex-direction: column; justify-content: center; }
.carousel-caption .d-flex .row div:last-of-type { display: flex; flex-direction: column; justify-content: center; }
.carousel-caption .btn-jwbs { padding: 0.1275rem 0.5rem; }
.carousel-caption p { margin-bottom: 0.5rem; margin-bottom: 0; padding: 0.5rem 1rem 1rem; background: rgba(255, 255, 255, .66); }

/* accordions */
.accordions .ui-widget { font-family: 'Segoe UI', 'helvetica neue', arial, sans-serif; font-weight: 400; }
.accordions .ui-widget .ui-widget-content a .fa-file-download { color: #0b9444; }

/* home page */
.fa-flag-usa { position: relative; z-index: 10; }
.fa-flag-usa a { color: #fff; }

/* leadership team */
.wp-block-columns.leadership p > strong { font-size: 1.25rem; }

/* claim */
.input-group p { margin-bottom: 0; }

/* map */
#map-here, #map-soon, #map-none { height: 1rem; width: 1rem; border-radius: 2px; display: inline-block; }
#map-here { background-color: #119548; }
#map-soon { background-color: #8cc63f; }
#map-none { background-color: #cbcbd5; }

/* footer */
body > footer { font-size: .8rem; background-color: #333; }
body > footer, body > footer a, body > footer h4 { color: #fff; }
body > footer h4 > small { font-size: 1rem; }
#menu-footer-nav { margin-left: auto; padding: 0; display: table; }
#menu-footer-nav li { display: inline-block; }
#menu-footer-nav li:before { display: none; }
#menu-footer-nav li a { border-right: 1px solid #fff; padding: 0 10px; }
#menu-footer-nav li:last-of-type a { border-right-width: 0; }
.berkley-co { background-color: #0b9444; }
#inner-footer > .row:first-of-type > .col-sm-6:first-of-type { margin-bottom: 20px; }

/* sidebar help */
body > .container { min-height: 650px; }
body:not(.page-id-364):not(.page-id-477):not(.page-id-588) #mojo-sp-right-wrap { display: none !important; }
#mojo-sp-right, #mojo-sp-right p { color: #000; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .home .lead { font-size: 1.5rem; width: 75% !important; }
  h1, .h1 { font-size: 2.125rem; }
  .carousel-caption { top: 10%; bottom: 10%; font-size: 1.5em; }
	.wp-block-columns.leader > div { text-align: left; }
	.wp-block-columns.leader .wp-block-image img { max-width: 100%; }
  .page-id-477 .tooltip-inner { text-align: left; min-width: 500px; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	h1, .h1 { font-size: 2.5rem; }
  .carousel-caption { top: 25%; right: 15%; bottom: 25%; left: 15%; font-size: 2em; }
	.carousel-caption .btn-jwbs { padding: 0.375rem 0.75rem; }
	/* .carousel-caption p { margin-bottom: 1rem; } */
  .home .fullwidth.bg-gray li { font-size: 1.25rem; }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .home .fullwidth.bg-gray li { font-size: 1.5rem; }
}