/**
 * Color classes and default styling are in /assets/main.css, focus your efforts there
 * @import external fonts at top of this page before default.css
 * remove comment for dark-mode.css if you want to enable that -- will not be 100%, you will need to fix minor things
 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("./assets/default-settings.css");
/** @import url("assets/dark-mode.css"); */
/** @import url("https://use.typekit.net/mmi4yrz.css"); */

/* globals */
html, body { overflow-x: hidden; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 700; color: #303030; }
a:not(.btn), a:not(.btn):visited { color: #0047BB; text-decoration: none; }
a:not(.btn):hover { text-decoration: underline; }
u { text-decoration-color: rgb(var(--bs-secondary-rgb)); text-underline-offset: 7px; text-decoration-thickness: 2px; }
.shadowed { box-shadow: 0 -2px 6px 0 #000; }
input[type="checkbox"] {accent-color: rgb( var(--bs-secondary-rgb) );}
.card-header:has(i) { padding-right: calc(5% + 25px); }
.card-header i { position: absolute; right: 5%; top: 5%; color: rgb(var(--bs-secondary-rgb)); }
.shadow-dk { box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .5) !important; }

/* bootstrap columns */
.wp-block-group .jwbs-column .row .col-12 { margin-bottom: 1rem; }

/* nav and header */
#block-19 { margin: 20px 0; }
#block-19 .search-form button { background-color: transparent; color: #303030; border-top-left-radius: 9px; border-bottom-left-radius: 9px; }
#block-19 .search-form .search-field { border-top-right-radius: 9px; border-bottom-right-radius: 9px; }
#togglesearch .fa-magnifying-glass { color: #303030 !important; }
#toggleSearch .input-group { margin: 0 !important; }
/* #toggleSearch .search-box, #toggleSearch .search-button { margin: 0.5rem 0; } */
#toggleSearch .hide { display: none; }
#toggleSearch .show { display: block; }
.nav-tel { font-size: 1.562rem; }
.nav-slogan { font-size: 1.437rem; font-weight: 600; }
nav.navbar { background-color: #0047bb !important; }
.fa-duotone.fa-circle-play { --fa-primary-color: var(--bs-secondary); --fa-primary-opacity: 1; --fa-secondary-color: var(--bs-black); --fa-secondary-opacity: 1; }

/* text */
.text-black   { color: #000 !important; }    .bg-black   { background-color: #000; }    .border-black   { border-color: #000 !important; }    .full-width.bg-black:before   { border-left: 99rem solid #000; box-shadow: 99rem 0 0 #000; }
.text-jwbs    { color: #0047BB !important; } .bg-jwbs    { background-color: #0047BB; } .border-jwbs    { border-color: #0047BB !important; } .full-width.bg-jwbs:before    { border-left: 99rem solid #0047BB; box-shadow: 99rem 0 0 #0047BB; }
.text-lt-blue { color: #c2e2f2 !important; } .bg-lt-blue { background-color: #c2e2f2; } .border-lt-blue { border-color: #c2e2f2 !important; } .full-width.bg-lt-blue:before { border-left: 99rem solid #c2e2f2; box-shadow: 99rem 0 0 #c2e2f2; }
.text-orange  { color: #f5862d !important; } .bg-orange  { background-color: #f5862d; } .border-orange  { border-color: #f5862d !important; } .full-width.bg-orange:before  { border-left: 99rem solid #f5862d; box-shadow: 99rem 0 0 #f5862d; }
.text-gray26  { color: #303030 !important; } .bg-gray26  { background-color: #303030; } .border-gray26  { border-color: #303030 !important; } .full-width.bg-gray26:before  { border-left: 99rem solid #303030; box-shadow: 99rem 0 0 #303030; }
.bg-bluegrad { background: linear-gradient(to right,  #0047bb 0%,#1563ad 40%,#1563ad 60%,#0047bb 100%); }
.bg-gradient26 { background: linear-gradient(to bottom, #000000 0%,#101010 100%); }

/* font-sizes */
.fs-20 { font-size: 1.25rem; }
.fs-24 { font-size: 1.5rem; }
.fs-3em { font-size: 3em; }

/* layouts */
.eh-cards .row { align-items: stretch !important; }
.mw-625 { max-width: 625px; }
.mw-750 { max-width: 750px; }
.mw-1050 { max-width: 1050px; }

/* custom headings and paragraphs */
.dashed-heading { display: flex; align-items: center; justify-content: center; position: relative; max-width: 800px; text-align: center; }
.dashed-heading:before, .dashed-heading:after { content: ""; flex: 1; background: #303030; height: 4px; margin: 0 30px; }
.left-pborder { max-width: 1100px; border-left: 2px solid #f2862c; padding-left: 20px; margin: 0 auto 30px; }

/* buttons */
.btn { text-align: center; }
.btn-jwbs { background-color: #0047BB !important; color: #fff !important; border-color: #0047BB !important; border-radius: 9px; }
.btn-jwbs:hover, .btn-jwbs:active { background-color: #ffffff !important; color: #0047BB !important; border-color: #0047BB !important; border-radius: 9px; }
.btn-nav { background-color: #0047bb; color: #fff; border-radius: 9px; border: 1px solid #0047bb !important; }
.btn-nav:hover, .btn-nav:active { background-color: #fff; color: #0047bb; }
.btn-orange { background-color: #f2862c; color: #fff; border-radius: 9px; border-color: #f2862c !important; }
.btn-orange:hover, .btn-orange:active { background-color: #fff; color: #f2862c; }

/* product cards */
.card:hover .overlay { opacity: 1; }
.overlay { transition: 2.3s ease; opacity: 0; background: rgba(245, 134, 45, .8); }
.card .product-title { color: #fff; text-decoration:none; display: flex; justify-content: center; align-items: center; text-align: center; padding: 1rem; font-size: 1.5rem; }
.card .card-link > p { display: none; }
.jwbs-banner .card:hover, .jwbs-banner .card:hover .card-header { background-color: rgba(0, 0, 0, .5) !important; }
.jwbs-banner .card:hover .card-header { color: #fff; }

/** product archive */
.post-type-archive-products .jwbs-banner h1 { margin-left: -4px; }
.post-type-archive-products .jwbs-banner h2 { background: rgb(var(--bs-secondary-rgb)); width: fit-content; padding: 3px 8px; }
.post-type-archive-products .carousel-caption { padding-bottom: 0; }

/* home */
.gray-banner { background: rgba(87, 87, 87, .8); height: 275px; }
.full-width:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -99rem; z-index: -1; }
.full-width.gray-banner:before{ border-left: 99rem solid rgba(87, 87, 87, .8); z-index: 0; }
.orange-banner { border-left: 99rem solid #f5862d; z-index: 0; }
#jwbs-banner-lightingSolutions .carousel-caption h2 { margin-bottom: 3rem; }

/** carousel */
.home .carousel-slide { background: rgba(0, 148, 203, .6); }
.home .carousel-caption { top: 0; transform: translateY(0); }
.home .custom-hero .aspect-image-inner { background-color: rgba( var(--bs-primary-rgb), .6); }
.home .carousel-caption .card-header { border-bottom: none; }
.carousel-caption { display: flex !important; align-items: center; bottom: 0; height: 100%; }
#jwbs-banner-lightingSolutions .carousel-caption { align-items: flex-start; padding-top: 50px; }
.jwbs-banner .bg-light-subtle { border-radius: var(--bs-border-radius); }

.caption-top .carousel-caption { align-items: flex-start; top: 40px; }
.caption-limited .carousel-caption .container * { max-width: 625px; }

.fancy-header.caption-top .carousel-caption { top: 0; }
.fancy-header h1 { margin: 0; padding: 20px 0; text-align: center; line-height: 1.2; }
.fancy-header h1 .header-text, .fancy-header h1 .header-image { display: inline-block; vertical-align: middle; font-size: 13px; }
.fancy-header h1 .header-text { text-align: left; display: inline-block; max-width: 375px; padding-left: 16px; z-index: 2; position: relative; }
.fancy-header h1 .header-image { width: 50px; height: 50px; object-fit: cover; margin-right: -20px; z-index: 1; }

/** highlights */
.highlights .aspect-image-inner { margin-bottom: 10px; }
.highlights .card-body { border-top: 2px solid rgb(var(--bs-secondary-rgb)); padding: 10px 0; }
.highlights .card-footer { padding: 0; }
.highlights .btn-link { color: rgb(var(--bs-secondary-rgb)); text-decoration: none; text-transform: none; padding: 0; }
.dark-highlights .card { background: transparent; }

/* search */
.search-results a:not(.btn), .search-results a:not(.btn):visited { color: #0047BB; text-decoration: none; }
.search-results a:not(.btn):hover { text-decoration: underline; }
.search-results section img { max-width: 150px; margin-right: 16px; }

/** blog */
.wp-block-latest-posts li:nth-child(n+6) { display: none; }
#sidebar-default { background: #303030; color: #ffffff; padding: 2rem; }
#sidebar-default .wp-block-heading, #sidebar-default .widgettitle { color: #ffffff; }
#sidebar-default a { color: rgb( var(--bs-light-rgb) ); }
#sidebar-default .wp-block-latest-posts__list li { margin-bottom: 1.25rem; }
#sidebar-default .widget_categories ul { list-style: none; padding-inline-start: 0; line-height: 2; }
#sidebar-default .widget_recent_entries ul a { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: 600; }
#sidebar-default .widget_categories .cat-item a { text-decoration: none; width: 100%; background: rgb( var(--bs-dark-rgb) ); color: rgb( var(--bs-white-rgb) ); border-top: 1px solid rgb( var(--bs-white-rgb) ); display: block; padding: 12px 24px; }
#sidebar-default .wp-block-categories .cat-item.current-cat a, #sidebar-default .wp-block-categories .cat-item a:hover, #sidebar-default .widget_categories .cat-item.current-cat a, #sidebar-default .widget_categories .cat-item a:hover { background: rgb( var(--bs-primary-rgb) ); color: rgb( var(--bs-white-rgb) ); text-decoration: none; }

/* products */
#sidebarProducts { font-size: 1rem; background: #303030; color: #ffffff; padding-top: 10px; }

/** sidebars */
#content:has(> #sidebarProducts.order-md-first) #main { padding-left: 40px; }
#content:has(> #sidebar-default) >div { padding-right: 40px; }

/* single product */
.nav-tabs .nav-link { border-color: rgba(var(--bs-primary-rgb), .25) !important; border-width: 1px 1px 0 !important; margin: 0 2px; }
.nav-tabs .nav-link.active { background-color: rgb( var(--bs-primary-rgb) ) !important; color: var(--bs-white) !important; }


/* WP Carousel */
.wpcp-carousel-section .wcp-light-box i.fa { display: none; }
.wpcp-carousel-section .wcp-video-item a.wcp-light-box img[src*=hqdefault] { width: 100%; }
.wpcp-single-item.wcp-video-item .wpcp-all-captions { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; background: rgba(0,0,0,.4); border-radius:4px; }
.wpcp-single-item.wcp-video-item .wpcp-all-captions h2 { color: #fff; font-size: 2rem; text-transform: uppercase; }
.swiper-slide .wpcp-slide-image { display: inline-block; overflow: hidden; }
.swiper-slide .wpcp-slide-image a img { transition: transform 0.3s ease; width: 100%; height: auto; }
.swiper-slide .wpcp-single-item:hover .wpcp-slide-image a img { transform: scale(1.1); }

/** list-3 */
.list-3 { display: grid; grid-template-columns: repeat(1, 1fr); grid-column-gap: 70px; column-gap: 70px; padding-left: 55px; list-style: none; counter-reset: item; font-size: 1rem; }
.list-3 strong { font-size: 1.5rem; }
.list-3 li { position: relative; display: block; counter-increment: item; font-weight: 600; }
.list-3 li::before { position: absolute; left: -55px; top: -5px; content: counter(item) "."; line-height: 1; letter-spacing: .01rem; font-size: 60px; font-style: italic; font-weight: 500; display: inline-block; width: 30px; }

/** orange arrow lists */
ul.orange-arrow li { list-style: none; }
ul.orange-arrow.arrow-after { text-align: right; }
ul.orange-arrow li:before { display: inline-block; content: '\f0da'; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight: 900; color: rgb(var(--bs-secondary-rgb)); width: 20px; -webkit-font-smoothing: antialiased; }
ul.orange-arrow.arrow-after li:before { display: none; }
ul.orange-arrow.arrow-after li:after { display: inline-block; content: '\f0d9'; font-family: 'Font Awesome 6 Pro', sans-serif; font-weight: 900; color: rgb(var(--bs-secondary-rgb)); width: 20px; -webkit-font-smoothing: antialiased; }

.micro-grid { --ele: 0px; padding: 0 calc( 0.55 * var(--ele) ) 0 calc( 0.45 * var(--ele) ); background-image: url('/wp-content/uploads/2025/10/Asset-26@4x.png'), url('/wp-content/uploads/2025/10/Asset-25@4x.png'); background-size: var(--ele) auto, calc(var(--ele) / 2) auto; background-position: calc(0% - (0.25 * var(--ele))) bottom, right top; background-repeat: no-repeat; }
#industries { background: url('/wp-content/uploads/2025/06/modular-air-system.webp') no-repeat center center; background-size: cover; }
#industries figure figure img  { max-width: 500px !important; margin: auto; }
#industries figure figure:nth-child(odd) img { margin-right: 0; }
#industries figure figure:nth-child(even) img { margin-left: 0; }

/* footer */
.page-footer a { text-decoration: none; }
.page-footer .footer-logo { text-align: center; }
.page-footer .footer-logo img { max-width: 70%; }
.page-footer ul:not(#menu-footer-2) a:hover { text-decoration: underline; }
.page-footer #menu-footer-1 { list-style: none; }
.page-footer #menu-footer-1 li a { color: #303030; }
.page-footer #menu-footer-2 { margin: 0; }
.page-footer #menu-footer-2 li { margin-bottom: 1rem; }
.page-footer #menu-footer-2 li a { color: #fff; background-color: #f2862c; padding: 5px 30px; border-radius: 9px; }
#menu-footer-2 { list-style-type: none; padding-left: 0; display: flex; justify-content: center; text-align: center; flex-direction: column; }

/** media queries */
/**  Under Medium Devices */
@media only screen and (max-width : 768px) {
  .jwbs-banner video { display:none; }
  .jwbs-banner .carousel-caption { left: 0; position:relative; }
  #jwbs-banner-lightingSolutions .carousel-caption .animate__animated { background: rgba(0, 0, 0, .5); padding: 5px; border-radius: 4px; }
  .hide-bg-mobile .carousel-item { --jwbs_banner_slide_image: none !important; }
}
@media only screen and (max-width : 400px) {
  .fs-4 { font-size: .95rem !important; }
}

/** Small devices (landscape phones, 576px and up) [-sm] */
@media only screen and (min-width : 576px) {
  .post-type-archive-products .carousel-caption { padding-bottom: 1.25rem; }
  .fancy-header.caption-top .carousel-caption { top: 40px; }
  .fancy-header h1 .header-text, .fancy-header h1 .header-image { font-size: 31px; }
  .fancy-header h1 .header-image { width: 100px; height: 100px; margin-right: -25px; }
}

/** Medium devices (tablets, 768px and up) [-md] */
@media only screen and (min-width : 768px) {
  .carousel-item { max-height: 800px; }
  #jwbs-banner-lightingSolutions .carousel-item { max-height: unset; }
  .corner-man .carousel-caption { background: url('https://ajmfg.goidp2.com/wp-content/uploads/2025/06/man-at-terminal.png') no-repeat left bottom; background-size: 350px; }
  .post-type-archive-products .jwbs-banner h2 { display: inline; margin-left: -12px; }
  .page-footer #menu-footer-1 { text-align: justify; width: 100%; display: inline-block; padding-inline-start: 0;}
  .page-footer #menu-footer-1::after { content: ''; display: inline-block; width: 100%; height: 0; margin-left: 100%; }
  .page-footer #menu-footer-1 li { display: inline-block; margin: 0 5px; }
  .micro-grid { --ele: 250px; }
  #industries figure figure:nth-child(odd) img { margin-right: 10px; }
  #industries figure figure:nth-child(even) img { margin-left: 10px; }
}

/** Large devices (desktops, 992px and up) [-lg] */
@media only screen and (min-width : 992px) {
  .orange-cards { margin-top:-140px; }
  #menu-footer-1 { display: inline; text-align: center; }
  #menu-footer-1 li { padding: unset; }
  #menu-footer-1, #menu-footer-2 { flex-direction: row; }
  .page-footer #menu-footer-2 li { margin-bottom: 0; }
  .home .wpcp-carousel-section.nav-vertical-center .swiper-button-prev { left: 23%; }
  .home .wpcp-carousel-section.nav-vertical-center .swiper-button-next { right: 23%; }
  .list-3 { grid-template-columns: repeat(3, 1fr);  }
  #sidebarProducts input#keyword { max-width: 90%; }
  .corner-man .carousel-caption { background-size: 500px; }
  .corner-machine .carousel-caption { background: url('https://ajmfg.goidp2.com/wp-content/uploads/2025/09/critical-environment-machine.png') no-repeat left bottom; background-size: 45vw; }
  .corner-machine .carousel-caption > .container { padding-inline-start: max(0px, 45vw - (100vw - 992px) / 2); }
  .fancy-header h1 .header-image { width: 125px; height: 125px; }
  .fancy-header h1 .header-text { max-width: 475px; }
  .fancy-header h1 .header-text, .fancy-header h1 .header-image { font-size: 40px; }
  .micro-grid { --ele: 500px; }
}

/** X-Large devices (large desktops, 1200px and up) [-xl] */
@media only screen and (min-width : 1200px) {
  .home .carousel-caption { top: 45%; transform: translateY(-50%); }
  .wpcp-single-item.wcp-video-item .wpcp-all-captions h2 { font-size: 3rem; }
  .video-container { position: absolute; }
  .video-container .player-container { width: calc((1200px / 2) - (var(--bs-gutter-x) * 2)); top: -50px; }
  #jwbs-banner-block_02e79d7daca9c6106141030ea6928e36 .display-4 { font-size: 3.9rem; }
  #jwbs-banner-lightingSolutions .carousel-caption { padding-top: 75px; }
  .post-type-archive-products .jwbs-banner .carousel-caption { max-width: 1000px; margin-left: calc((100vw - 1140px) / 2); }
  .corner-machine .carousel-caption { background-size: 40vw; }
  .corner-machine .carousel-caption > .container { padding-inline-start: max(0px, 40vw - (100vw - 1200px) / 2); }
}

/** larger desktops, 1400px and up [-xxl] */
@media only screen and (min-width : 1400px) {
  .video-container .player-container { width: calc((1400px / 2) - (var(--bs-gutter-x) * 2)); top: -75px; }
  .small-image.jwbs-callout .carousel { max-width: calc(1320px / 2); margin-left: calc((100vw - 1320px) / 2); }
  #jwbs-banner-lightingSolutions .carousel-caption { padding-top: 100px; }
  .page-footer #menu-footer-1 { font-size: 1.5rem; }
  .post-type-archive-products .jwbs-banner .carousel-caption { max-width: 1000px; margin-left: calc((100vw - 1000px) / 2); }
  .corner-machine .carousel-caption > .container { padding-inline-start: max(0px, 40vw - (100vw - 1400px) / 2); }
}