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

html, body { overflow-x: hidden; }
body { font-family: 'Raleway', sans-serif; color: #3a3429; }
.segoe { font-family: "Segoe UI", sans-serif; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 700; color: #a6192e; }
h1, .h1 { font-size: 1.5rem; }
h2, .h2 { font-size: 1.33rem; }
h3, .h3 { font-size: 1.25rem; }
h4, .h4 { font-size: 1.125rem; }
a, a:visited { color: #00587c; }
a:active, a:hover, a:focus { color: #00587c; }
ul.list-style-none { list-style: none; }
.btn { font-weight: 700; text-transform: uppercase; border-radius: 0; }
.text-transform-none { text-transform: none; }
.w-90 { margin-right: 5%; margin-left: 5%; }
.border-right-red { border-right: 1px solid #a6192e; }

/* numbered lists */
ol { list-style: none; counter-reset: li; }
ol li { counter-increment: li; }
ol li::before { content: counter(li) "."; color: #a6192e; font-weight: 700; font-family: "Segoe UI", sans-serif; display: inline-block; width: 1.5em; margin-left: -1.5em; margin-right: 0.5em; }

/* 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-jwbs:before { border-left: 99rem solid #a6192e; box-shadow: 99rem 0 0 #a6192e; }

/* colors */
.btn-black   { color: #b7c9d3 !important; background-color: #3a3429; border-color: #3a3429; } .btn-black:hover   { color: #3a3429 !important; background-color: #a6192e; border-color: #a6192e; } .btn-outline-black   { color: #3a3429 !important; background-color: transparent; background-image: none; border-color: #3a3429; } .btn-outline-black:hover   { color: #ffffff !important; background-color: #3a3429; background-image: none; border-color: #3a3429; }
.btn-blue    { color: #b7c9d3 !important; background-color: #00587c; border-color: #00587c; } .btn-blue:hover    { color: #00587c !important; background-color: #a6192e; border-color: #a6192e; } .btn-outline-blue    { color: #00587c !important; background-color: transparent; background-image: none; border-color: #00587c; } .btn-outline-blue:hover    { color: #3a3429 !important; background-color: #00587c; background-image: none; border-color: #00587c; }
.btn-brown   { color: #b7c9d3 !important; background-color: #866761; border-color: #866761; } .btn-brown:hover   { color: #866761 !important; background-color: #a6192e; border-color: #a6192e; } .btn-outline-brown   { color: #866761 !important; background-color: transparent; background-image: none; border-color: #866761; } .btn-outline-brown:hover   { color: #3a3429 !important; background-color: #866761; background-image: none; border-color: #866761; }
.btn-gray    { color: #3a3429 !important; background-color: #b7c9d3; border-color: #b7c9d3; } .btn-gray:hover    { color: #b7c9d3 !important; background-color: #a6192e; border-color: #a6192e; } .btn-outline-gray    { color: #b7c9d3 !important; background-color: transparent; background-image: none; border-color: #b7c9d3; } .btn-outline-gray:hover    { color: #3a3429 !important; background-color: #b7c9d3; background-image: none; border-color: #b7c9d3; }
.btn-green   { color: #b7c9d3 !important; background-color: #43695b; border-color: #43695b; } .btn-green:hover   { color: #43695b !important; background-color: #a6192e; border-color: #a6192e; } .btn-outline-green   { color: #43695b !important; background-color: transparent; background-image: none; border-color: #43695b; } .btn-outline-green:hover   { color: #3a3429 !important; background-color: #43695b; background-image: none; border-color: #43695b; }
.btn-lt-gray { color: #3a3429 !important; background-color: #DDE5ED; border-color: #DDE5ED; } .btn-lt-gray:hover { color: #DDE5ED !important; background-color: #a6192e; border-color: #a6192e; } .btn-outline-lt-gray { color: #DDE5ED !important; background-color: transparent; background-image: none; border-color: #DDE5ED; } .btn-outline-lt-gray:hover { color: #3a3429 !important; background-color: #DDE5ED; background-image: none; border-color: #DDE5ED; }
.btn-orange  { color: #3a3429 !important; background-color: #d86018; border-color: #d86018; } .btn-orange:hover  { color: #d86018 !important; background-color: #a6192e; border-color: #a6192e; } .btn-outline-orange  { color: #d86018 !important; background-color: transparent; background-image: none; border-color: #d86018; } .btn-outline-orange:hover  { color: #3a3429 !important; background-color: #d86018; background-image: none; border-color: #d86018; }
.btn-white   { color: #3a3429 !important; background-color: #ffffff; border-color: #ffffff; } .btn-white:hover   { color: #ffffff !important; background-color: #a6192e; border-color: #a6192e; } .btn-outline-white   { color: #ffffff !important; background-color: transparent; background-image: none; border-color: #ffffff; } .btn-outline-white:hover   { color: #3a3429 !important; background-color: #ffffff; background-image: none; border-color: #ffffff; }
.btn-yellow  { color: #3a3429 !important; background-color: #f6be00; border-color: #f6be00; } .btn-yellow:hover  { color: #f6be00 !important; background-color: #a6192e; border-color: #a6192e; } .btn-outline-yellow  { color: #f6be00 !important; background-color: transparent; background-image: none; border-color: #f6be00; } .btn-outline-yellow:hover  { color: #3a3429 !important; background-color: #f6be00; background-image: none; border-color: #f6be00; }

.text-black   { color: #000000 !important; } .bg-black   { color: #ffffff; background-color: #000000; } .border-black   { border-color: #000000 !important; } .full-width.bg-black:before   { border-left: 99rem solid #000000; box-shadow: 99rem 0 0 #000000; }
.text-blue    { color: #00587c !important; } .bg-blue    { color: #b7c9d3; background-color: #00587c; } .border-blue    { border-color: #00587c !important; } .full-width.bg-blue:before    { border-left: 99rem solid #00587c; box-shadow: 99rem 0 0 #00587c; }
.text-brown   { color: #866761 !important; } .bg-brown   { color: #b7c9d3; background-color: #866761; } .border-brown   { border-color: #866761 !important; } .full-width.bg-brown:before   { border-left: 99rem solid #866761; box-shadow: 99rem 0 0 #866761; }
.text-gray    { color: #b7c9d3 !important; } .bg-gray    { color: #3a3429; background-color: #b7c9d3; } .border-gray    { border-color: #b7c9d3 !important; } .full-width.bg-gray:before    { border-left: 99rem solid #b7c9d3; box-shadow: 99rem 0 0 #b7c9d3; }
.text-green   { color: #43695b !important; } .bg-green   { color: #b7c9d3; background-color: #43695b; } .border-green   { border-color: #43695b !important; } .full-width.bg-green:before   { border-left: 99rem solid #43695b; box-shadow: 99rem 0 0 #43695b; }
.text-lt-gray { color: #DDE5ED !important; } .bg-lt-gray { color: #3a3429; background-color: #DDE5ED; } .border-lt-gray { border-color: #DDE5ED !important; } .full-width.bg-lt-gray:before { border-left: 99rem solid #DDE5ED; box-shadow: 99rem 0 0 #DDE5ED; }
.text-orange  { color: #d86018 !important; } .bg-orange  { color: #3a3429; background-color: #d86018; } .border-orange  { border-color: #d86018 !important; } .full-width.bg-orange:before  { border-left: 99rem solid #d86018; box-shadow: 99rem 0 0 #d86018; }
.text-white   { color: #ffffff !important; } .bg-white   { color: #3a3429; background-color: #ffffff; } .border-white   { border-color: #ffffff !important; } .full-width.bg-white:before   { border-left: 99rem solid #ffffff; box-shadow: 99rem 0 0 #ffffff; }
.text-yellow  { color: #f6be00 !important; } .bg-yellow  { color: #3a3429; background-color: #f6be00; } .border-yellow  { border-color: #f6be00 !important; } .full-width.bg-yellow:before  { border-left: 99rem solid #f6be00; box-shadow: 99rem 0 0 #f6be00; }

.bg-jwbs .btn-jwbs  { color: #ffffff !important; background-color: #ee2737; border-color: #ee2737; } .bg-jwbs .btn-jwbs:hover  { color: #ee2737 !important; background-color: #ffffff; border-color: #ffffff; }
.bg-jwbs .btn-white { color: #a6192e !important; background-color: #ffffff; border-color: #ffffff; } .bg-jwbs .btn-white:hover { color: #ffffff !important; background-color: #ee2737; border-color: #ee2737; }

/* navbar */
.navbar-brand img { max-height: 100px; }
.navbar-brand img, .mega-menu-logo img { transition: all 1000ms linear; }
.fixed-top nav.navbar.bg-jwbs { background-color: #a6192e !important; }
.home nav.nav-opacity.bg-jwbs { background-color: rgba(166, 25, 46, .8) !important; transition: all 1000ms linear; }

/* banner */
#banner #carousel-item-1:after { background: #333; opacity: 0.56; }
#banner .carousel-item:after { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent; opacity: 0; }
#banner video { width: 100%; max-width: 100vw; display: flex; margin: auto; }
.carousel-inner video { aspect-ratio: 1/1.25; object-fit: cover; width: fit-content; }
body:not(.home) .carousel-inner video { aspect-ratio: 1.25/1; }
.carousel-caption { text-align: left; }
.carousel-caption { left: 15px; right: 15px; }
#banner .h1 { color: #ffffff; }

/* tabs */
.tab-loop-side { border-top: 3px solid #a6192e; }
.tab-loop-side .nav-tabs { padding-top: 2rem; padding-bottom: 3.5rem; position: relative; overflow: hidden; border: 0; }
.tab-loop-side .nav-tabs:before { background-color: #a6192e; transform: skewy(-5.5deg); transform-origin: bottom left; content: ' '; display: block; height: 100%; width: 100%; position: absolute; z-index: -1; bottom: 0; }
.tab-loop-side .nav-tabs .nav-item, .tab-loop-side .nav-tabs .nav-item.active { background-color: #a6192e; color: #ffffff; border: 0; }
.tab-loop-side .nav-tabs .nav-item:before { display: inline-block; padding-right: .5rem; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f152"; color: #a6192e; }
.tab-loop-side .nav-tabs .nav-item.active:before { color: #ffffff; }
.tab-loop-side .tab-pane { padding-top: 2rem; }

/* locations loop */
.locations-loop .locations-loop-region-title { padding: 0.5rem 0; }
.locations-loop .locations-loop-location-title { margin-bottom: 0; font-size: 1.2rem; color: #000; }
.locations-loop .locations-loop-address { margin-bottom: 1rem; }
.locations-loop .fas { color: #a6192e; }
.locations-loop a { color: #000; }

/* jobs */
.single-job_listing a { color: #a6192e; }
.single-job_listing .page-header { padding-bottom: 0.5625rem; margin-bottom: 1.25rem; border-bottom: 1px solid #eee; }
.job-manager .full-time, .job_listing .full-time, .job-types .full-time	{ color: #a6192e; }
.single_job_listing .meta .full-time { background-color: #a6192e; }

.post-content > div:first-child { margin-top: 0.5rem; }


/* footer parallax */
#footer-parallax { background-repeat: no-repeat; background-size: cover; background-position-y: 100%; }
#footer-parallax-overlay { padding: 6rem 2rem 2rem; margin: auto;max-width: 570px; font-weight: 500; }
#footer-parallax-overlay.logo-yes { position: relative; overflow: hidden; }
#footer-parallax-overlay.logo-yes::before { content: ""; position: absolute; top: 20px; right: 100px; bottom: 20px; left: -100px; background-image: url('/wp-content/uploads/2021/11/cropped-ASI_Logo_187_BLKCP_Nov21.png'); background-repeat: no-repeat; background-position: left center; background-size: contain; filter: grayscale(100%); opacity: 30%; }
#footer-parallax-overlay.logo-yes #footer-parallax-overlay-content { position: relative; }

/* footer */
#menu-footer { list-style: none; padding-inline-start: 0; }
body > footer a, body > footer a:visited, body > footer h4 { color: #ffffff; }
body > footer a:hover, body > footer a:focus { color: #dedede; }

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

  .carousel-inner video { aspect-ratio: 4/2; }
  body:not(.home) .carousel-inner video { aspect-ratio: 16/5; }
  .carousel-caption { left: calc( ( 100% - (540px - (15px * 2 ) ) ) / 2 ); right: calc( ( 100% - (540px - (15px * 2 ) ) ) / 2 ); }
}
@media only screen and (max-width : 576px) {
  body.home { padding-top: 100px !important; }
  .home nav.nav-opacity.bg-jwbs { background-color: rgba(166, 25, 46, 1) !important; }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  #footer-parallax-overlay { font-weight: 700; }
  .carousel-caption { left: calc( ( 100% - (720px - (15px * 2 ) ) ) / 2 ); right: calc( ( 100% - (720px - (15px * 2 ) ) ) / 2 ); }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.post-content > div:first-child { margin-top: 3rem; }
  .carousel-caption { left: calc( ( 100% - (960px - (15px * 2 ) ) ) / 2 ); right: calc( ( 100% - (960px - (15px * 2 ) ) ) / 2 ); }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .carousel-inner video { aspect-ratio: 16/5; }
  .fixed-top nav.navbar .container { max-width: 1240px; }
  .carousel-caption { left: calc( ( 100% - (1140px - (15px * 2 ) ) ) / 2 ); right: calc( ( 100% - (1140px - (15px * 2 ) ) ) / 2 ); }
}

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