/* jwbs (color) class, and default styling */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500,0,700;0,900;1,300;1,400;1,500,1,700;1,900&display=swap');
@import url("../includes/assets/default.css");
@import url("jwbs.css");

body { font-family: Tahoma, sans-serif; font-weight: 300; color: #4d4d4d; }
strong, b, .font-weight-bold { font-weight: 700; }
.spaced { letter-spacing: 0.1rem; }
.font-weight-normal { font-weight: 300 !important; }
.font-weight-reg { font-weight: 400; }
.font-weight-med { font-weight: 500; }
.font-weight-black { font-weight: 900; }
h1, .h1, h2, .h2, h3, .h3 { font-weight: 900; color: #0089bc; margin-bottom: 1.5rem; }
a, a:visited { color: #0089bc; }
a:hover, a:focus, a:active { color: #0089bc; }

/* full width */
.full-width { position: relative; }
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -75rem; z-index: -1; }

/* colors */
.text-dk-blue { color: #00639f; } .bg-dk-blue { color: #4d4d4d; background-color: #00639f; } .border-dk-blue { border-color: #00639f !important; } .full-width.bg-dk-blue:before { border-left: 99rem solid #00639f; box-shadow: 99rem 0 0 #00639f; }
.text-lt-blue { color: #cce7f2; } .bg-lt-blue { color: #4d4d4d; background-color: #cce7f2; } .border-lt-blue { border-color: #cce7f2 !important; } .full-width.bg-lt-blue:before { border-left: 99rem solid #cce7f2; box-shadow: 99rem 0 0 #cce7f2; }
.text-lt-gray { color: #ececec; } .bg-lt-gray { color: #4d4d4d; background-color: #ececec; } .border-lt-gray { border-color: #ececec !important; } .full-width.bg-lt-gray:before { border-left: 99rem solid #ececec; box-shadow: 99rem 0 0 #ececec; }
.text-gray    { color: #c0c0c0; } .bg-gray    { color: #424242; background-color: #c0c0c0; } .border-gray    { border-color: #c0c0c0 !important; } .full-width.bg-gray:before    { border-left: 99rem solid #c0c0c0; box-shadow: 99rem 0 0 #c0c0c0; }

.btn-dk-blue { color: #4d4d4d !important; background-color: #00639f; border-color: #00639f; } .btn-outline-dk-blue { color: #00639f; background-color: transparent; background-image: none; border-color: #00639f; } .btn-outline-dk-blue:hover { color: #4d4d4d; background-color: #00639f; background-image: none; border-color: #00639f; }
.btn-lt-blue { color: #4d4d4d !important; background-color: #cce7f2; border-color: #cce7f2; } .btn-outline-lt-blue { color: #cce7f2; background-color: transparent; background-image: none; border-color: #cce7f2; } .btn-outline-lt-blue:hover { color: #4d4d4d; background-color: #cce7f2; background-image: none; border-color: #cce7f2; }
.btn-lt-gray { color: #4d4d4d !important; background-color: #ececec; border-color: #ececec; } .btn-outline-lt-gray { color: #ececec; background-color: transparent; background-image: none; border-color: #ececec; } .btn-outline-lt-gray:hover { color: #4d4d4d; background-color: #ececec; background-image: none; border-color: #ececec; }
.btn-gray    { color: #4d4d4d !important; background-color: #c0c0c0; border-color: #c0c0c0; } .btn-outline-gray    { color: #c0c0c0; background-color: transparent; background-image: none; border-color: #c0c0c0; } .btn-outline-gray:hover    { color: #4d4d4d; background-color: #c0c0c0; background-image: none; border-color: #c0c0c0; }

/* header */
#header-block-1 { text-align: center !important; }
#header-block-1 img.my-2 { max-height: 80px; }
#header-block-2 img { max-height: 50px; }
#header-block-3 .h2 { font-size: 1.125rem; }

/* nav icons */
li[class^="fa-icon"] { display: inline-block; }
li[class^="fa-icon"] a { font-size: 0; }
li[class^="fa-icon"] a:before { font-family: "Font Awesome 5 Brands", sans-serif; font-size: 1rem; }
.fa-icon-linkedin a:before { content: "\f08c"; }
.fa-icon-facebook a:before { content: "\f09a"; }

/* navbar */
.navbar-dark .navbar-nav .nav-item { margin-right: 1em; }
.navbar-dark .navbar-nav .nav-link { font-size: 1.125rem; color: rgba(255, 255, 255, .75); }
.navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 1); }

/* carousel */
.carousel-caption .h1 { color: #00639f; }

/* faqs */
.faq .c-accordion__title { margin: 0; padding: 0.5rem 0; font-weight: bold; color: #289BC6; border-bottom: 1px solid #212529; }
.faq.is-open .c-accordion__title { border-bottom: 0 none; }
.faq .c-accordion__title:after { width: 24px; height: 24px; font-family: Tahoma, sans-serif; font-weight: bold; line-height: 1.45; color: #212529; background-color: #dfdfdf; text-align: center; border-radius: 50%; }
.faq.is-open .c-accordion__content { padding-bottom: 0.5rem; border-bottom: 1px solid #212529; }
.faq .c-accordion__content p:last-child { margin-bottom: 0; }

/* footer */
#widget-upper-footer .wp-block-cover { align-items: flex-start; }
#menu-footer-nav { list-style: none; padding-inline-start: 0; margin: 0; }
#menu-footer-nav li { padding: 0 10px; }
#menu-footer-nav li:nth-last-of-type(-n+3) { border-right-width: 0; }
#menu-footer-nav li a { color: #424242; }
#parent-company { background-color: #000; }

/* media queries */
/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
  .home .carousel-caption .h1 { text-align: right; }
  .home .carousel-caption { left: 40%; right: 15% }
  .carousel-caption .h1 { text-align: left; }
  .carousel-caption { left: 15%; right: 40%; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.spaced { letter-spacing: .33rem; }
	#header-block-1 { text-align: left !important; }
	#header-block-2 img { max-height: 80px; }
	#header-block-2 .h2 { font-size: 2rem; }
	#header-block-3 .h2 { font-size: 1.75rem; }
  #menu-footer-nav li { display: inline-block; border-right: 1px solid #424242; }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/* banner hack for Jill */
@media only screen and (max-width: 767px) {
  .carousel-caption .h1 { color: #00639f !important; }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
}