:root {
  --button-color-normal: #3a6ab3;
  --button-color-hover: #253d8e;
  --saira-font: "Saira", sans-serif;
  --rubik-font: "Rubik", sans-serif;
  --my-table-border-color: rgba(0, 0, 0, 0.5);
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important; /* Deprecated, but included for backward compatibility */
  clip-path: inset(50%) !important; /* Modern alternative to clip */
  white-space: nowrap !important;
  border: 0 !important;
}


header .fusion-header > .fusion-row { max-width: 1100px !important; }

.custom-breakout { /* these styles are to break out of parent width */
    width: 100vw !important; position: relative !important; left: 50% !important; right: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important;
}


button .visually-hidden { color: #fff !important; background: #000 !important; } /* to fix WCAG assessibility issues */

.smaller-text-link,
.custom-back-link { font-family: var(--rubik-font); font-size: 1.1rem; color: #000 !important; padding: 13px 0; display: inline-block;
   text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; 
  }

.smaller-text-link .fa,
.custom-back-link .fa { display: inline-block; margin-right: 9px; position: relative; top: 4px; -webkit-text-stroke: 1.5px #fff; color: #000; font-size: 1.5rem; }

.smaller-text-link:hover,
.smaller-text-link:focus-visible,
.custom-back-link:hover,
.custom-back-link:focus-visible { text-decoration: none !important; }

.custom-back-link:nth-of-type(2) { margin-top: 15px; } /* this targets the bottom "Go Back" Link */




/******* BEGIN CUSTOM HERO SLIDER *******/
body.has-custom-slider #main { padding-top: 0; }
body.has-custom-slider #main > .fusion-row { max-width: 100%; width: 100%; position: relative; display: block; }
body.has-custom-slider #main > .fusion-row > section#content { max-width: 100%; width: 100%; }
body.has-custom-slider #main > .fusion-row > section#content .fusion-fullwidth { margin-left: -30px; margin-right: -30px; }

body.has-custom-slider #main .fullwidth-box .fusion-row { padding-left: 30px !important; padding-right: 30px !important; }
body.page-template-front-page-php .home-page-sub-banner { display: block; width: 100%; background-color: var(--button-color-hover); color: #fff; padding: 20px 0; }

body.page-template-front-page-php .home-page-sub-banner p { color: #fff; font-family: "Rubik", sans-serif; font-size: 1.3rem; text-align: center; 
  max-width: 900px; margin: 0 auto; line-height: 1.5; padding-left: 30px; padding-right: 30px;
}




body:has(.custom-hero-image-area) main { padding-top: 0 !important; }
/* body:has(.custom-hero-image-area) main .fusion-fullwidth:first-of-type { padding: 0 !important; margin: 0 !important; } */
/* body:has(.custom-hero-image-area) .avada-page-titlebar-wrapper { display: none; } */
body:has(.custom-hero-image-area) .custom-hero-image-area { display: flex; align-items: center; width: 100%; height: 400px; overflow: hidden; background: #000; margin-bottom: 60px; }
body:has(.custom-hero-image-area) .custom-hero-image-area .grad { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1;
  background: linear-gradient(270deg, transparent 0%, rgba(37, 61, 142, 0.733) 60%, rgba(37,61,142,1) 100%); 
}
body:has(.custom-hero-image-area) .custom-hero-image-area img.hero-image-bg { overflow: hidden; width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; }
body:has(.custom-hero-image-area) .custom-hero-image-area .hero-text-area { max-width: 1150px; padding-left: 40px; padding-right: 30px; width: 100%;
   margin-left: auto; margin-right: auto; position: relative; z-index: 1;
}
body:has(.custom-hero-image-area) .custom-hero-image-area h2,
body:has(.custom-hero-image-area) .custom-hero-image-area h1 { color: #fff; max-width: 600px; }

body:has(.custom-hero-image-area) .custom-hero-image-area h1 { font-family: var(--saira-font); font-size: 2.7rem; letter-spacing: -1px; line-height: 1.15; 
  margin-top: 0; margin-bottom: 0; padding-bottom: 0; font-weight: 500; font-weight: 600; 
}
body:has(.custom-hero-image-area) .custom-hero-image-area h1 .reg-char { font-family: var(--rubik-font); vertical-align: super; font-size: 0.6em; /* <<<---  we need to use EM here for font size */
    line-height: normal; font-weight: 400;
}
body:has(.custom-hero-image-area) .custom-hero-image-area h1 .tm-char { font-family: var(--saira-font); font-size: 0.7em; /* <<<---  we need to use EM here for font size */
    line-height: normal; font-weight: 400; position: relative; bottom: 10px;
}
body:has(.custom-hero-image-area) .custom-hero-image-area h2 { font-family: var(--rubik-font); font-size: 1.4rem; line-height: 1.5;  }
body:has(.custom-hero-image-area).page-template-custom-product-php .custom-hero-image-area h1 { text-transform: none; }




body:has(.product-info-section) section#content { margin-bottom: 0; }
section.product-info-section { font-family: var(--rubik-font); color: #000; font-size: 1.1rem; margin-top: 0; }
section.product-info-section a { color: #000; text-decoration: none; }
section.product-info-section a:focus-visible,
section.product-info-section a:hover { color: #000; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
section.product-info-section .fas { font-size: 25px; color: var(--button-color-hover); vertical-align: middle; padding-right: 35px; position: relative; float: left; }
section.product-info-section .product-section-title { font-family: var(--rubik-font); font-size: 1.6rem; font-weight: 500; margin-bottom: 0;
  color: var(--button-color-hover); line-height: 1.6; padding: 0; margin: 0;  
}
section.product-info-section .product-title-line { display: block; clear: both; width: 100%; border-bottom: solid 2px var(--button-color-hover); margin-bottom: 20px; }
section.product-info-section .custom-clear { clear: both; display: block; width: 100%; border-bottom: solid 1px #dcdcdc; margin-bottom: 10px; padding-bottom: 10px; }
section.product-info-section button.acc-button { display: block; position: relative; border: 0; width: 100%; text-align: left; background: rgba(37, 61, 142, 0.07);
   overflow: hidden; padding: 5px 20px; margin-bottom: 0; border-bottom: solid 1px rgba(37, 61, 142, 0.5);
}
section.product-info-section button.acc-button img { position: absolute; right: 20px; bottom: 10px; height: 32px; border: 0; background-color: var(--button-color-hover); border-radius: 300px;
}
section.product-info-section button.acc-button:focus-visible,
section.product-info-section button.acc-button:hover { background: rgba(37, 61, 142, 0.1);cursor: pointer; }
section.product-info-section .content-padding { padding-left: 20px; padding-right: 20px; }
section.product-info-section .custom-panel { max-height: 0; overflow: hidden; transition: max-height 500ms ease-out; }
section.product-info-section .panel-inner-top-padding { padding-top: 20px; }
section.product-info-section .panel-inner-bottom-padding { padding-bottom: 50px; }
section.product-info-section:last-of-type { margin-bottom: 100px; }
section.product-info-section:last-of-type .panel-inner-bottom-padding { padding-bottom: 0; }



section.product-specs .spec-left { width: 30%; float: left; text-align: left; min-width: 200px; font-weight: 600; }
section.product-specs .spec-right { width: 70%; float: right; text-align: left; }
section.product-specs .custom-clear:last-of-type { border: 0; }
section.product-specs button#product-specs-button.active img.acc-plus { display: none !important; }
section.product-specs button#product-specs-button.active img.acc-minus { display: block !important; }
section.product-specs button#product-specs-button.active #specs-open { display: none !important; }
section.product-specs button#product-specs-button.active #specs-close { display: block !important; }



section.product-support .custom-clear { border: 0; margin: 0; padding: 0; }
section.product-support a { position: relative; padding: 10px 0; display: inline-block; margin: 0; margin-bottom: 7px; }
section.product-support button#product-support-button.active img.acc-plus { display: none !important; }
section.product-support button#product-support-button.active img.acc-minus { display: block !important; }
section.product-support button#product-support-button.active #support-open { display: none !important; }
section.product-support button#product-support-button.active #support-close { display: block !important; }


section.product-ordering .product_ordering_details { line-height: 2; }
section.product-ordering button#product-order-button.active img.acc-plus { display: none !important; }
section.product-ordering button#product-order-button.active img.acc-minus { display: block !important; }
section.product-ordering button#product-order-button.active #order-open { display: none !important; }
section.product-ordering button#product-order-button.active #order-close { display: block !important; }


section.product-faq { margin-bottom: 80px; }
section.product-faq .product-section-title { padding-right: 32px; }
section.product-faq .faq-question { font-weight: 600; }
section.product-faq .faq-question:before { content: "Q."; font-weight: 600; display: inline; }
section.product-faq .faq-answer { display: block; margin-top: 10px; }
section.product-faq .faq-answer a { display: inline; padding: 12px 0; color: var(--button-color-normal); }
section.product-faq .faq-answer:before { content: "A.";  display: inline; }
section.product-faq .faq-answer p { display: inline; }
section.product-faq .custom-clear { margin-bottom: 20px; padding-bottom: 20px; }
section.product-faq .custom-clear:last-of-type { border: 0; }
section.product-faq button#product-faq-button.active img.acc-plus { display: none !important; }
section.product-faq button#product-faq-button.active img.acc-minus { display: block !important; }
section.product-faq button#product-faq-button.active #faq-open { display: none !important; }
section.product-faq button#product-faq-button.active #faq-close { display: block !important; }
section.product-faq .custom-clear:last-of-type { display: none; }




body:has(.no-careers) section#content { margin: 0 }
body:has(.no-careers) .no-careers { margin-bottom: 40px; }

body:has(.career-list-section) section#content,
body:has(.board-team-section) section#content { margin-bottom: 0; padding-bottom: 0; }


body.single-career .career-apply-button-area { display: block; margin: 35px 0 20px; }


section.career-list-section table.careers-table { width: 100%; max-width: 800px; border: solid 1px #000; margin-bottom: 45px; }
section.career-list-section table.careers-table tr { border-bottom: solid 1px var(--my-table-border-color); }
section.career-list-section table.careers-table tr td { padding: 5px; line-height: 1.4; }
section.career-list-section table.careers-table tr td.col-one { padding-left: 20px; }
section.career-list-section table.careers-table .job-read-more-link { line-height: 1.5; width: 100%; display: block; height: 46px; }

section.career-list-section table.careers-table .job-read-more-link span.job-title { float: left; white-space: break-spaces; }
section.career-list-section table.careers-table .job-read-more-link span.job-view-link { float: right; padding-right: 10px; }

section.career-list-section table.careers-table .job-read-more-link:hover span,
section.career-list-section table.careers-table .job-read-more-link:focus-visible span { text-decoration: underline !important; text-decoration-thickness: 1px !important; }
section.career-list-section table.careers-table .job-read-more-link .fa { margin: 0; margin-left: 1px; position: relative; top: 1px; }

section.career-list-section table.careers-table .job-read-more-link { text-decoration: none; }
section.career-list-section table.careers-table .job-read-more-link:hover,
section.career-list-section table.careers-table .job-read-more-link:focus-visible { text-decoration: underline !important; text-underline-offset: 3px !important; text-decoration-thickness: 1px !important; }


section.career-list-section,
section.board-team-section { color: #000; width: 100%; padding-left: 0; }

section.board-team-section .person-name { font-weight: 600; }
section.board-team-section .custom-clear { padding-bottom: 40px; display: block; width: 100%; clear: both; border-top: solid 1px rgba(0, 0, 0, 0.15); margin-top: 50px; }
section.board-team-section img.person-image { border: solid 1px rgba(0,0,0,0.4); margin-bottom: 10px; margin-top: 28px; width: 200px; height: 300px; object-fit: cover; }
section.board-team-section .person-linkedin-link { display: inline-block; margin-top: 20px; }
section.board-team-section .person-linkedin-link .fa { display: block; color: #fff; background-color: var(--button-color-hover); border-radius: 300px; width: 45px; height: 45px; box-sizing: border-box;
    padding-top: 9px; font-size: 25px; padding-left: 13px; float: left; margin-top: -7px; margin-right: 11px;
}
section.board-team-section .connect-text { padding-left: 0; }
section.board-team-section .custom-clear.last-row { border:0 !important }





section.career-list-section ul.careers-list { padding-top: 0; margin-top: 0; }
section.career-list-section ul.careers-list > li { padding: 3px } /* so WCAG focus ring shows without being cropped */
section.career-list-section { margin-bottom: 50px; }
section.career-list-section a { color: #000; margin-bottom: 0; display: inline-block; font-size: inherit;
text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; padding: 10px 0;
}
section.career-list-section a:hover,
section.career-list-section a:focus-visible { text-decoration: none; }


body.single .single-main-containter { width: 100%; max-width: 100%; padding: 0 0 50px 0 !important; 
  overflow: visible; /* <<<--- need this so that WCAG focus ring will show for links near the left and top edges */
}
body.single .single-main-containter h1.the-title { font-family: var(--rubik-font); color: var(--button-color-hover); font-size: 2.2rem; font-weight: 500; line-height: 1.2; }
body.single .single-main-containter a { color: var(--button-color-normal); }
body.single .single-main-containter a:focus-visible,
body.single .single-main-containter a:hover { color: var(--button-color-normal); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }




/* MISC styles to fix weird Fusion layouts */
main#main div.post-content div.fusion-fullwidth {
  /* --awb-padding-top: 0 !important; */
  /* --awb-padding-bottom: 0 !important; */
  --awb-background-image: none !important;
}


i.fb-icon-element.fa-link,
div[class*='fusion-one-third'] [class*='fusion-text'] .fb-icon-element, 
div[class*='fusion-builder-column'] .fusion-text-2 .fb-icon-element { color: #fff; background: var(--button-color-hover); width: 35px; height: 35px; border-radius: 300px; text-align: center; padding-top: 8px; }

i.fb-icon-element.fa-link { -webkit-text-stroke: 0.5px var(--button-color-hover); color: #fff !important; }


ol.custom-order-list { list-style: none; font-family: var(--rubik-font); counter-reset: item;  padding-left: 0; padding-top: 15px; }
ol.custom-order-list > li {  counter-increment: item; margin-bottom: 30px; padding-left: 65px; }
ol.custom-order-list > li::before {
content: counter(item) "";
    color: white; background-color: var(--button-color-hover); border-radius: 300px;
    width: 50px; height: 50px; display: inline-block; text-align: center; margin-right: 10px; font-size: 1.4em;
    box-sizing: border-box; font-weight: 500; padding-top: 3px; position: absolute;
    left: 0; margin-top: -10px;
}

.custom-generic-button { color: #fff !important; text-decoration: none !important; }

.custom-generic-button,
form.wpcf7-form input[type="submit"],
a.fusion-button.button-flat { display: inline-block; font-family: var(--rubik-font); font-size: 1.0rem; padding: 20px 30px !important; border: solid 1px var(--button-color-hover);
   font-weight: 500; line-height: 1.5; text-transform: uppercase; transition: all 200ms linear; background-color: var(--button-color-hover); margin-top: 15px;
}

.custom-generic-button:hover,
.custom-generic-button:focus-visible,
form.wpcf7-form input[type="submit"]:focus-visible,
form.wpcf7-form input[type="submit"]:hover,
a.fusion-button.button-flat:focus-visible,
a.fusion-button.button-flat:hover { background-color: var(--button-color-normal); border: solid 1px var(--button-color-normal); }

a.fusion-button.button-flat i { display: none; }
div.fusion-aligncenter:has(.fusion-button.button-flat) { text-align: left; }

form.wpcf7-form .form-bottom-words { font-family: var(--rubik-font); }
form.wpcf7-form label { font-family: var(--rubik-font); margin-top: 12px; margin-bottom: 4px; display: block; font-size: 1.15rem; }
form.wpcf7-form br { display: none; }

form.wpcf7-form input[type='tel'],
form.wpcf7-form input[type='email'],
form.wpcf7-form input[type='text'],
form.wpcf7-form textarea { border: solid 1px #000; padding: 23px 15px; font-family: var(--rubik-font); font-size: 1.15rem; color: #000; border-radius: 0; }
form.wpcf7-form textarea { padding-top: 12px; }

form.wpcf7-form input[type='tel']:focus-visible,
form.wpcf7-form input[type='email']:focus-visible,
form.wpcf7-form input[type='text']:focus-visible,
form.wpcf7-form textarea:focus-visible { border: solid 1px #000; }

form.wpcf7-form input::placeholder,
form.wpcf7-form textarea::placeholder { font-size: 1.15rem; }





.brag-blurbs { padding-top: 40px; padding-bottom: 65px; display: grid; background-color: #eee; overflow: hidden; }
.brag-blurbs img.blurb-fullwidth-bg-image { position: absolute; opacity: 0.40; top: 0; filter: grayscale(100%); width: 100%; height: 100%; object-fit: cover; object-position: center; mix-blend-mode: difference; }
.brag-blurbs > .row { max-width: 1140px; margin-left: auto; margin-right: auto; position: relative; z-index: 1; }
.brag-blurbs h2 { color: var(--button-color-hover);  /* color: #fff;*/ font-size: 1.8rem; font-family: var(--rubik-font); font-weight: 500; line-height: 1.15; margin-bottom: 20px; margin-top: 15px; }
.brag-blurbs p { font-family: var(--rubik-font); color: #000;  /* color: #fff; */ font-size: 1.15rem; line-height: 1.5; margin-top: 0; margin-bottom: 0; } 
.brag-blurbs .brag-title { font-family: var(--saira-font); color: var(--button-color-hover); font-weight: 600; font-size: 2.5rem; padding-left: 20px; padding-right: 20px;
  text-transform: uppercase; letter-spacing: -0.5px; text-align: center; margin-bottom: 50px; line-height: 1.1;
}

.brag-blurbs .blurb-col { height: 100%; position: relative; }
.brag-blurbs .blurb-inset { background-color: #fff; height: 100%; padding: 20px 30px 35px; position: relative; 
-webkit-box-shadow: 2px 2px 15px 8px rgba(0,0,0,0.10); 
box-shadow: 2px 2px 15px 8px rgba(0,0,0,0.10);
}

.brag-blurbs .blurb-bg-image-area { height: 10vw; position: relative; overflow: hidden; width: 100%; margin-bottom: -8px; max-height: 150px; min-height: 140px; }
.brag-blurbs img.blurb-bg-image { overflow: hidden; width: 100%; height: 100%; object-fit: cover; object-position: center; }

.brag-blurbs .blurb-bg-image-area:before { content: " "; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }


 body.has-custom-slider .swiper.custom-swiper { margin-left: -30px; margin-right: -30px; padding: 0; height: 650px; background-color: #000; }
 body.has-custom-slider .custom-slide:before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); }

 body.has-custom-slider .custom-slide > .container { display: flex; align-items: center; height: 100%; position: relative; max-width: 100%; }
 body.has-custom-slider .custom-slide > .container > .row { padding-left: 30px; padding-right: 30px; }
 body.has-custom-slider .custom-slide .custom-slide-title { color: #fff; font-family: var(--saira-font); font-size: 3.3rem; font-weight: 600; text-transform: uppercase; line-height: 1.1; letter-spacing: -0.5px; }
 body.has-custom-slider .custom-slide .custom-slide-subtitle { color: #fff;  font-family: var(--rubik-font); font-size: 1.45rem; line-height: 1.5; max-width: 650px; margin-top: 25px; font-weight: 400; }
 
 
a.slide-cta-button { display: inline-block; background-color: var(--button-color-normal); padding: 10px 20px; color: #fff; font-family: var(--rubik-font);
     font-size: 1.0rem; margin-top: 30px; text-transform: uppercase; font-weight: 500; 
}
a.slide-cta-button:hover { background-color: var(--button-color-hover); color: #fff; }


body.has-custom-slider .custom-swiper-buttons-area { position: absolute; width: 100%; }

body.has-custom-slider .custom-swiper-buttons-area-inner {  position: relative; z-index: 2; top: 580px; }

.the-swiper-button-next,
.the-swiper-button-prev { border: 0; background-color: var(--button-color-normal); width: 45px; height: 45px; position: relative; line-height: 0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.the-swiper-button-prev:hover,
.the-swiper-button-next:hover { background-color: var(--button-color-hover); cursor: pointer; }

.the-swiper-button-next svg,
.the-swiper-button-prev svg { color: #fff; fill: none; stroke: #fff; stroke-width: 2px; }

 body.has-custom-slider .swiper-button-next svg { transform: rotate(180deg); }

 body.has-custom-slider .swiper-button-next { left: 15px; }
 body.has-custom-slider .swiper-button-prev { left: 30px; margin-top: -50px; }



/******* END CUSTOM HERO SLIDER *******/







/******* BEGIN PRODUCT SLIDER *******/

body.has-custom-product-slider .container.products-swiper-buttons-area-inner { width: 100%; max-width: 1100px; overflow: visible; }

body.has-custom-product-slider .custom-product-swiper { display: block; clear: both; padding-top: 70px; }
body.has-custom-product-slider .custom-product-slide { width: auto; height: 460px; }

body.has-custom-product-slider .product-slide-model,
body.has-custom-product-slider .product-slide-title,
body.has-custom-product-slider .product-slide-subtitle { max-width: 700px; }

body.has-custom-product-slider .product-slide-model { font-family: var(--saira-font); font-size: 1.2rem; font-weight: 600; margin-bottom: 4px; }
body.has-custom-product-slider .product-slide-title { font-family: var(--rubik-font); font-size: 1.7rem; color: #fff; font-weight: 500; line-height: 1.2; margin-bottom: 5px; }
body.has-custom-product-slider .product-slide-subtitle { font-family: var(--rubik-font); font-size: 1.2rem; line-height: 1.6; }

body.has-custom-product-slider .custom-product-swiper a.product-slide-cta-button { margin-top: 20px; }

body.has-custom-product-slider h2.featured-products-title { font-family: var(--saira-font); font-weight: 600; font-size: 2.5rem; text-transform: uppercase; letter-spacing: -0.5px; text-align: center; color: var(--button-color-hover); 
clear: both; display: block; position: relative; line-height: 1.1; margin-bottom: 50px; margin-top: 0;
}

body.has-custom-product-slider h2.featured-products-subtitle { font-family: var(--rubik-font); text-align: center; padding: 0; font-weight: 600; text-transform: uppercase; 
  margin: -45px 0 50px; 
}

body.has-custom-product-slider .custom-product-swiper .product-slider-text-area { color: #fff; position: relative; top: 50%; width: 100%; float: right; max-width: 64%; padding-right: 20px; 
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
 }
body.has-custom-product-slider .custom-product-swiper .product-image-area { text-align: left; background-color: #000; position: absolute; top: 0; z-index: -1; height: 460px; width: 100%; } 
body.has-custom-product-slider .custom-product-swiper img { height: auto; width: auto; max-height: 400px; 
  margin-top: 0; position: absolute; top: 0; bottom: 0; right: auto; left: 0; margin: auto; 
}

body.has-custom-product-slider .products-swiper-buttons-area { margin-top: 60px; margin-bottom: 60px; text-align: center; }
body.has-custom-product-slider .products-swiper-buttons-area svg { width: 37px; height: auto; }
body.has-custom-product-slider .products-swiper-buttons-area .the-swiper-button-prev { margin-left: 15px; }


body.has-custom-product-slider .view-all-products-link-area { display: inline-block; }
body.has-custom-product-slider a.view-all-products-link { font-family: var(--rubik-font); text-transform: uppercase; position: relative; top: -14px; margin-left: 40px;
   font-weight: 500; font-size: 1.1rem; color: #000;
}
body.has-custom-product-slider a.view-all-products-link:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }

body.has-custom-product-slider .custom-product-swiper .swiper-slide { background-color: #000; } /* to fix WCAG background accessibility issues */
/******* END PRODUCT SLIDER *******/





footer.custom-footer { clear: both; margin-left: -30px; margin-right: -30px; }
footer.custom-footer { background-color: #fff; font-family: var(--rubik-font); }
footer.custom-footer .container { width: 100%; max-width: 1130px; }
footer.custom-footer .container.footer-part-two { padding-top: 50px; }
footer.custom-footer .custom-footer-slogan { font-size: 1.7rem; line-height: 1.3; display: block; margin-bottom: 25px; }

footer.custom-footer .custom-footer-menu-wrapper ul { list-style: none; padding: 0; margin: 0; }
footer.custom-footer .custom-footer-menu-wrapper ul li { margin-bottom: 15px; }
footer.custom-footer .custom-footer-menu-wrapper ul li a { font-size: 18px; color: var(--button-color-hover); text-decoration: none; padding: 6px 0; white-space: nowrap; }
footer.custom-footer .custom-footer-menu-wrapper ul li a:hover { color: var(--button-color-hover); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }

footer.custom-footer .social-icons-area { float: right; }
footer.custom-footer .social-icons-area a { display: inline-block; padding: 6px; margin-right: 13px; margin-bottom: 12px; }
footer.custom-footer .social-icons-area a:last-of-type { margin-right: 0; }
footer.custom-footer .social-icons-area .fa { font-size: 32px; color: var(--button-color-hover); vertical-align: middle; }
footer.custom-footer .social-icons-area svg.x-twitter-icon { vertical-align: middle; height: auto; width: 29px; filter: invert(21%) sepia(13%) saturate(6048%) hue-rotate(201deg) brightness(104%) contrast(96%); }

footer.custom-footer .footer-jumbo-tron {  display: block; width: 100%; height: 400px; position: relative; overflow: hidden; background-color: var(--button-color-hover); color: #fff; }
footer.custom-footer .footer-jumbo-tron > .container { display: flex; align-items: center; height: 100%; position: relative; }
footer.custom-footer .footer-jumbo-tron .jumbotron-message { font-size: 2.4rem; line-height: 1.5; max-width: 500px; margin-bottom: 35px; }
footer.custom-footer a.jumbotron-button { display: inline-block; border: solid 1px #fff; font-family: var(--rubik-font); font-size: 1.0rem; color: #fff; text-transform: uppercase;
   padding: 20px 30px; font-weight: 500; letter-spacing: 0.5px;   
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

section#content { margin-bottom: 100px; } /* <<<---- gap above custom footer */

footer.custom-footer a.jumbotron-button:focus-visible,
footer.custom-footer a.jumbotron-button:hover { color: var(--button-color-hover); background-color: #fff; }
footer.custom-footer img.custom-footer-badge { width: 100%; max-width: 200px; height: auto; margin-bottom: -40px; }




body.page-id-327 #main > .fusion-row, /* Legal page */
body.privacy-policy #main > .fusion-row { max-width: 100% !important; }
nav.custom-subfooter-menu-wrapper ul { list-style: none; padding: 0; margin: 0; }
nav.custom-subfooter-menu-wrapper ul li { float: left; margin-right: 0; padding-right: 8px; }
nav.custom-subfooter-menu-wrapper ul li:after { content: "|"; margin-left: 8px; margin-right: 0; color: #999; }
nav.custom-subfooter-menu-wrapper ul li a { color: #000; text-decoration: none; }
nav.custom-subfooter-menu-wrapper ul li a:hover { color: #000; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
footer.custom-footer .links-copyright-area { font-size: 0.9rem; display: block; margin-top: 40px; line-height: 2.0; }




/* remove drop-shadow on product image on hover */
.fusion-image-hovers .imageframe-liftup span { transform: none !important; transition: none !important; }
.fusion-image-hovers .imageframe-liftup::before { transform: none !important; box-shadow: none !important; transition: none !important; }

/* make all links black */
div[class*='fusion-one-third'] [class*='fusion-text'] a, 
.fusion-text.fusion-text-2 a { color: #000 !important;  }

div[class*='fusion-one-third'] [class*='fusion-text'] a:hover, 
.fusion-text.fusion-text-2 a:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }


/** 
 * fix the bulleted list that has the chevron bullet points
 * to prevent orphaned text and it also aligns the paragraphs.
 */
main#main div.post-content p:has(.fa-chevron-circle-right) { padding-left: 37px; }
main#main div.post-content p:has(.fa-chevron-circle-right) .fa-chevron-circle-right { margin-left: -37px; font-size: 0; }
main#main div.post-content p:has(.fa-chevron-circle-right):before { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; left: -35px; top: -1px; position: relative;
background-color: var(--button-color-hover); color: #fff; border-radius: 300px; height: 21px; width: 21px; padding-left: 8px; box-sizing: border-box; font-size: 14px;
}








/******* BEGIN TYPOGRAPHY STYLING *******/
main#main section.custom-section h2,
main#main section#content h2 { font-family: var(--rubik-font) !important; color: var(--button-color-hover) !important; margin-bottom: 20px; font-weight: 500; }
main#main section#content h5 { font-family: var(--rubik-font) !important; font-size: 1.4rem !important; }
main#main section#content h6.fusion-title-heading { font-family: var(--rubik-font) !important; color: var(--button-color-hover) !important; line-height: 1.3 !important; font-weight: 500 !important; }


/* MAIN TYPOGRAPHY - DESKTOP */
.main-font,
section.career-list-section,
section.board-team-section,
main#main ol.custom-order-list > li,
main#main section#content .content-container p,
main#main section#content .fusion-text ul li,
main#main section#content .fusion-text ol li,
main#main section#content .fusion-text p {  font-family: var(--rubik-font) !important; font-size: 1.25rem; line-height: 1.6; }
/* END MAIN TYPOGRAPHY */





main#main section#content .fusion-title { margin-bottom: 20px !important; }
main#main section#content table { font-family: var(--rubik-font); }


main#main section#content .fusion-tabs .nav-tabs li .fusion-tab-heading { font-family: var(--rubik-font); }

.fusion-mobile-menu-icons a { font-size: 30px !important; } 
.fusion-mobile-menu-icons a:after, .fusion-mobile-menu-icons a:before { color: #000 !important; }

nav.fusion-main-menu > ul > li > a { font-family: var(--saira-font) !important; text-transform: uppercase !important; }  
nav.fusion-main-menu .fusion-dropdown-menu .sub-menu li a { font-family: var(--rubik-font) !important; color: #000 !important; font-size: 1.1rem; }  
li.fusion-mobile-nav-item > a { font-family: var(--saira-font) !important; font-weight: 600 !important; text-transform: uppercase !important; padding-top: 20px !important; padding-bottom: 20px !important; }
li.fusion-mobile-nav-item ul.sub-menu li > a { font-family: var(--rubik-font) !important; font-weight: 400 !important; text-transform: none !important; }

/******* END TYPOGRAPHY STYLING *******/









/******* BEGIN APLICATA SOLUTIONS PAGE STYLING *******/

section.product-section { margin-bottom: 25px; }
section.product-section:last-of-type { margin-bottom: 65px; }
section.product-section .inner-section { display: block; position: relative; width: 100%; max-width: 1300px; background-color: #000; min-height: 390px; 
  color: #fff; margin-left: auto; margin-right: auto; overflow: hidden; 
}

section.product-section .inner-section.background-image-flipped .background-image-area img { transform: scaleX(-1);}

section.product-section .inner-section.left .product-content { padding-left: 30px; padding-bottom: 30px; }
section.product-section .inner-section.right .product-content { padding-right: 30px; padding-bottom: 30px; }

section.product-section a.product-link { display: block; width: 100%; max-width: 100%; color: #000; text-decoration: none; background-color: #fff; padding: 10px 20px; margin-bottom: 13px; }
section.product-section a.product-link:hover,
section.product-section a.product-link:focus-visible { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
section.product-section a.product-link .fa { -webkit-text-stroke: 2.3px #fff; color: var(--button-color-hover); position: absolute; right: 20px; margin-top: -2px; font-size: 35px; }
section.product-section .background-image-area { position: absolute; height: 100%; width: 100%; }
section.product-section .background-image-area img { width: 100%; height: 100%; object-fit: cover; display: block; object-position: center; }

section.product-section .inner-section.left .product-content { float: left; }
section.product-section .inner-section.left .product-names-area { width: 93%; max-width: 600px; position: relative; overflow: hidden; margin-top: 20px; }
section.product-section .inner-section.left .grad { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0;
   background: linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, 0.733) 60%, rgba(0, 0, 0, 1) 100%); 
} 

section.product-section .inner-section.right .product-content { float: right; padding-left: 30px; padding-right: 0px; }
section.product-section .inner-section.right .product-names-area { width: 93%; max-width: 600px; position: relative; overflow: hidden; margin-top: 20px; }
section.product-section .inner-section.right .product-content .product-blurb { padding-right: 30px; }
section.product-section .inner-section.right .grad { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0;
    background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.733) 60%, rgba(0, 0, 0, 1) 100%); 
}

section.product-section .product-content { position: relative; font-family: var(--rubik-font); color: #fff; }
section.product-section .product-content h2 { font-family: var(--saira-font); color: #fff; font-size: 2.3rem; font-weight: 500; margin: 25px 0 15px; line-height: 1.15; letter-spacing: -1px; font-weight: 600; }
section.product-section .product-content .product-blurb { color: #fff; width: 100%; max-width: 600px; }

/******* END APLICATA SOLUTIONS PAGE STYLING *******/









/******* BEGIN NEWS PAGE STYLING *******/

body.page-template-custom-news section#content { margin-bottom: 0 !important; }
body.page-template-custom-news .news-list-section { width: 100%; max-width: 100%; padding: 0; margin-bottom: 50px; overflow: visible; }
body.page-template-custom-news .each-article-col { height: 400px; margin-bottom: 30px; }
body.page-template-custom-news .each-article-col .news-title { font-weight: 500; line-height: 1.4; color: #000; margin-top: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* Number of lines to show */
     line-clamp: 3;
}
body.page-template-custom-news .each-news-link { display: block; height: 100%; width: 100%; max-width: 346px; }

body.page-template-custom-news .image-area { background-color: #000; display: block; height: 100%; max-height: 250px; }
body.page-template-custom-news .image-area img { width: 100%; height: 100%; object-fit: cover; object-position: center; max-height: 250px; }
body.page-template-custom-news .news-date { display: block; font-family: var(--rubik-font); font-size: 1.0rem; font-weight: 400; margin-top: 10px; color: #000 !important; }

body.single-news .news-date { display: block; font-family: var(--rubik-font); font-size: 1.0rem; font-weight: 400; margin-top: 10px; margin-bottom: 25px; }
body.single-news .featured-image-area { margin-bottom: 35px; }

/******* END NEWS PAGE STYLING *******/







/******* BEGIN QUOTES TESTIMONIAL STYLING *******/

section.quotes-list-section { margin-top: 30px; margin-bottom: 0; overflow: visible; width: 100%; }
section.quotes-list-section .quote-intro-blurb { max-width: 700px; color: #000; }
section.quotes-list-section .each-quote { margin-bottom: 50px; position: relative; color: #000; border-top: solid 1px rgba(0,0,0,0.3); max-width: 600px; padding-top: 30px; margin-bottom: 30px; }
section.quotes-list-section .each-quote:last-of-type { margin-bottom: 0 !important; }
section.quotes-list-section .quote-person-name { font-style: italic; margin-top: 7px; font-weight: 600; max-width: 600px; text-align: center; }
section.quotes-list-section .quote-list { margin-top: 30px; padding-left: 30px; }
section.quotes-list-section img.quote-image { position: absolute; right: 0; width: 5em; filter: invert(89%) sepia(2%) saturate(5%) hue-rotate(321deg) brightness(91%) contrast(97%); opacity: 0.5; }

section.quotes-list-section .quote-said { width: 100%; display: block; font-style: italic; max-width: 600px; text-align: center; } 
section.quotes-list-section .quote-said span { font-size: 1.1em; }
section.quotes-list-section .quote-additional-info { font-style: italic; max-width: 600px; text-align: center; }


section.quotes-list-section .quote-said:before {  
  position: absolute;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;

  margin-right: 5px;
  font-family: "Font Awesome 5 Free"; /* Or "Font Awesome 5 Free", etc. */
  font-weight: 900; /* Use 900 for solid, 400 for regular */
  content: "\f10d";

  font-size: 3.5rem;
  color: rgba(55, 55, 55, 0.15);

  left: -20px;
  top: 9px;
}

section.quotes-list-section .quote-said:after { 
  position: absolute;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;

  font-family: "Font Awesome 5 Free"; /* Or "Font Awesome 5 Free", etc. */
  font-weight: 900; /* Use 900 for solid, 400 for regular */
  content: "\f10e";

  font-size: 2.0rem;
  color: rgba(55, 55, 55, 0.15);
  margin-top: -9px;
  margin-left: -15px;
}

/******* END QUOTES TESTIMONIAL STYLING *******/








/******* BEGIN CONTACT PAGE STYLING *******/
body.page-template-custom-contact section#content { margin-bottom: 0; }
body.page-template-custom-contact .offices-list h2 { font-family: var(--rubik-font); color: var(--button-color-hover); font-weight: 500; margin-bottom: 10px; }
body.page-template-custom-contact .offices-list iframe { width: 100%; max-width: 100%; border: solid 1px rgba(0, 0, 0, 0.3) !important; height: 350px; }
body.page-template-custom-contact .offices-list .contact-numbers { margin-top: 15px; }
body.page-template-custom-contact .offices-list .map-area { margin-top: auto; position: relative; max-width: 510px; width: 100%; padding-top: 20px; }
body.page-template-custom-contact .offices-container { margin-left: 0; margin-bottom: 100px; overflow: visible; padding: 0; }
body.page-template-custom-contact .offices-list ul.office-ul { display: grid; grid-template-columns: 1fr 1fr; gap: 1em; justify-items: start; padding: 0;
   margin: 0;  list-style-type: none; 
}

body.page-template-custom-contact .offices-list ul > li { display: grid; width: 100%; max-width: 100%; }

/******* END CONTACT PAGE STYLING *******/










/******* BEGIN MEDIA QUERIES *******/
@media screen and (max-width: 1000px) {

  body.has-custom-slider .custom-slide .custom-slide-title { font-size: 3rem; }
  body.has-custom-slider .custom-slide .custom-slide-subtitle { font-size: 1.2rem; }
  body.has-custom-slider .custom-slide a.slide-cta-button { font-size: 1.0rem; }
  body.home .home-page-sub-banner p { font-size: 1.2rem; }

} /* END max-with 1000px */


@media only screen and (max-width: 1150px)  {
  footer.custom-footer .container { padding-left: 30px; }
}


@media only screen and (min-width: 992px) and (max-width: 1299px)  {
   .brag-blurbs-row .blurb-inset { padding-left: 25px !important; padding-right: 25px !important; padding-bottom: 20px !important; }
   .brag-blurbs-row .blurb-inset h2 { margin-top: 20px; }
}


@media screen and (max-width: 991px) {
  footer.custom-footer .links-copyright-area { margin-top: 0; }
  .brag-blurbs { display: block !important; }
  .brag-blurbs .brag-blurbs-row .blurb-col { margin-bottom: 30px; }

  footer.custom-footer img.custom-footer-badge { margin-bottom: 30px; }

  body:has(.custom-hero-image-area) .custom-hero-image-area .grad { background: linear-gradient(270deg, transparent 0%, rgba(37, 61, 142, 0.733) 30%, rgb(37, 61, 142) 100%); }
}


@media screen and (min-width: 801px) {
  body:not(.avada-has-mainmenu-dropdown-divider) .fusion-main-menu .fusion-dropdown-menu .sub-menu li a:hover { text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }

  body:not(.avada-has-mainmenu-dropdown-divider) .fusion-main-menu .fusion-dropdown-menu .sub-menu li a[aria-haspopup*='true']:after { display: block; content: "\f105"; font-family: "Font Awesome 5 Free";    
      font-weight: 600; font-size: 22px; position: relative; top: -4px; color: #000;  float: right; 
      -webkit-text-stroke: 1.2px #fff; 
  }
}



@media screen and (max-width: 800px) {
  main > .fusion-row { display: block !important; }
  section.product-info-section { font-size: 1.03rem; }
  section.product-info-section .product-section-title { font-size: 1.5rem; padding-top: 5px; padding-bottom: 5px; }
   section.product-specs .spec-left { display: block; float: left; margin-top: 0; width: 100%; margin-bottom: 10px; }
  section.product-specs .spec-right { display: block; float: left; margin-top: 0; width: 100%; margin-bottom: 0; }
  

  section.board-team-section .image-col { width: 100%; margin-bottom: 0; }
  section.board-team-section .bio-col { width: 100%; }
  section.board-team-section .custom-clear { padding-bottom: 30px; margin-top: 40px; }

  body.page-template-custom-news .each-article-col { height: auto; margin-bottom: 50px; }


  body.page-template-custom-contact .offices-list ul.office-ul { display: block; }
  body.page-template-custom-contact .offices-list ul > li { margin-bottom: 50px; display: block; }
  body.page-template-custom-contact .offices-container { margin-bottom: 30px; }
} /* END max-with 800px */



@media only screen and (min-width: 768px) and (max-width: 1299px)  {

  body.has-custom-product-slider .custom-product-swiper .product-slider-text-area { top: auto; width: 100%; float: none; max-width: 100%; padding-right: 0; position: absolute; bottom: 30px; padding: 0 20px 0 20px;
    -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%); 
  }  

  body.has-custom-product-slider .custom-product-swiper img { position: relative; }

} /* END min-width 768px and max width 1299px */




@media screen and (max-width: 767px) {

  body.has-custom-slider .custom-slide .custom-slide-title { font-size: 2.5rem; }
  body.has-custom-slider .custom-slide .custom-slide-subtitle { font-size: 1.2rem; }

  body.has-custom-slider .swiper.custom-swiper { height: 580px; }
  body.has-custom-slider .custom-swiper-buttons-area-inner { top: 510px; padding-left: 0; margin-left: -15px; }

  body.has-custom-slider .swiper.custom-swiper .swiper-slide > .container { display: block; top: 80px; }


  
  main#main section#content h6.fusion-title-heading { font-size: 2.1rem !important; }
  
  body.single .single-main-containter h1 { font-size: 2.0rem !important; }

  section.product-section .inner-section.left .grad { background: linear-gradient(270deg, transparent 0%, rgba(0, 0, 0, 0.43) 0%, rgba(0, 0, 0, 1) 100%); }
  section.product-section .inner-section.right .grad { background: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.43) 0%, rgba(0, 0, 0, 1) 100%); }
  section.product-section .product-content h2 { font-size: 2.1rem; }



  /* MAIN TYPOGRAPHY for < 767px */
  .main-font,
  section.career-list-section,
  section.board-team-section,
  main#main section#content .content-container p,
  main#main ol.custom-order-list > li,
  .brag-blurbs-row .blurb-inset p,
  body.has-custom-product-slider .product-slide-subtitle,
  main#main section#content .fusion-text ul li,
  main#main section#content .fusion-text ol li,
  main#main section#content .fusion-text p { font-size: 1.2rem; }

  ol.custom-order-list > li::before { padding-top: 6px; }


  .brag-blurbs h2 { font-size: 1.8rem; }

  .brag-blurbs .brag-title,
  body.has-custom-product-slider h2.featured-products-title { font-size: 2.2rem; }


  body.has-custom-product-slider .product-slide-title { font-size: 1.6rem; }
  body.has-custom-product-slider h2.featured-products-subtitle { font-size: 1.4rem; padding-left: 20px; padding-right: 20px; }
  body.has-custom-product-slider .product-slide-model { font-size: 1.1rem; }
  
  footer.custom-footer .footer-jumbo-tron { height: 300px; }
  footer.custom-footer .footer-jumbo-tron .jumbotron-message { font-size: 2.0rem; }

  body:has(.custom-hero-image-area) .custom-hero-image-area h1 { font-size: 2.4rem; }
  body:has(.custom-hero-image-area) .custom-hero-image-area h2 { font-size: 1.3rem; }
} /* END max width 767px */


@media screen and (max-width: 700px) {
  footer.custom-footer .social-icons-area { float: left; }
  footer.custom-footer .social-icons-area a:first-of-type { padding-left: 0; }
  footer.custom-footer .social-icons-area a:last-of-type { padding-right: 0; }
  footer.custom-footer nav.custom-footer-menu-wrapper { margin-bottom: 30px; }
}



@media screen and (max-width: 640px) {
  body:has(.custom-hero-image-area) .custom-hero-image-area { margin-bottom: 40px; }
  body.single-news .single-main-containter { padding-bottom: 0 !important; }
}


@media only screen and (min-width: 576px) and (max-width: 991px)  {
    .brag-blurbs .blurb-bg-image-area { height: 50vw; max-height: 250px; }
}



@media screen and (min-width: 801px) {
  header a.fusion-logo-link img[class*='logo'] { max-width: 240px; margin-top: 4px; }
}

@media only screen and (min-width: 320px) and (max-width: 800px)  {
  header a.fusion-logo-link img[class*='logo'] { max-width: 200px; margin-top: 4px; }
}




@media screen and (max-width: 575px) {

  .brag-blurbs { padding-left: 0 !important; padding-right: 0 !important; }
  .brag-blurbs .brag-title,
  body.has-custom-product-slider h2.featured-products-title,
  body.has-custom-slider .custom-slide .custom-slide-title { font-size: 2.0rem; }
  body.has-custom-slider .custom-slide .custom-slide-subtitle { font-size: 1.05rem; }


  section.product-info-section .panel-inner-top-padding { padding-top: 20px; }
  section.product-info-section .product-section-title { font-size: 1.3rem; }
  section.product-info-section button.acc-button img { right: 15px; }
  section.product-info-section button.acc-button { padding-left: 15px; padding-right: 15px; }
  section.product-info-section .content-padding { padding-right: 0; padding-left: 15px; }

  
  section.board-team-section .custom-clear { padding-bottom: 30px; margin-top: 40px; }
  section.board-team-section span.connect-name { display: none; }



  body.has-custom-product-slider h2.featured-products-title { padding-left: 20px; padding-right: 20px; } 

  
  body.has-custom-slider .swiper.custom-swiper .swiper-slide > .container { display: block; top: 30px; }

  



form.wpcf7-form input::placeholder,
form.wpcf7-form textarea::placeholder,
form.wpcf7-form label,
form.wpcf7-form input[type='tel'],
form.wpcf7-form input[type='email'],
form.wpcf7-form input[type='text'],
form.wpcf7-form textarea { font-size: 1.1rem;  }


  
  .brag-blurbs .blurb-col .blurb-inset { padding: 10px 20px 30px; }



  .brag-blurbs-row .blurb-inset p,
  body.home .home-page-sub-banner p { font-size: 1.1rem; }
  .brag-blurbs h2 { font-size: 1.6rem; margin-bottom: 18px; margin-top: 25px; }




  main#main section#content h6.fusion-title-heading { font-size: 1.8rem !important; }


  body.single main#main { padding-top: 10px; }
  body.single main#main .custom-back-link:nth-of-type(2) { margin-top: 10px; margin-bottom: -15px; }
  body.single .single-main-containter ul,
  body.single .single-main-containter ol { padding-left: 20px; }
  body.single .single-main-containter h1 { font-size: 1.8rem !important; }
  .custom-back-link { font-size: 1.0rem; }

  section.career-list-section table.careers-table .job-read-more-link { white-space: nowrap; padding-left: 0 !important; padding-right: 0 !important; }
  section.career-list-section table.careers-table .job-read-more-link span.job-view-link { display: none; }
  
  section.product-section .product-content h2 { font-size: 1.9rem; }
  section.product-section a.product-link .fa { margin-top: -1px; font-size: 30px; }


  section.quotes-list-section .quote-said { width: 100%; } 
  section.quotes-list-section .quote-list { padding-left: 10px; }
  section.quotes-list-section .quote-said:before { left: -20px; }

  /* MAIN TYPOGRAPHY for < 575px */
  .main-font,
  section.career-list-section,
  section.board-team-section,
  main#main ol.custom-order-list > li,
  main#main section#content .content-container p,
  body.has-custom-product-slider .product-slide-subtitle,
  main#main section#content .fusion-text ul li,
  main#main section#content .fusion-text ol li,
  main#main section#content .fusion-text p { font-size: 1.1rem; }

  body.has-custom-product-slider .view-all-products-link-area { display: block; margin-top: 40px; }
  body.has-custom-product-slider a.view-all-products-link { margin: 0; padding: 0; }

  body.has-custom-product-slider .custom-product-swiper .product-slider-text-area { top: auto; width: 100%; float: none; max-width: 100%; padding-right: 0; position: absolute; bottom: 30px; padding: 0 15px 0 20px;
    -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
      transform: translateY(0%); 
  }  
  body.has-custom-product-slider .custom-product-swiper img { position: relative; }


  footer.custom-footer .footer-jumbo-tron .jumbotron-message { font-size: 1.7rem; }
  footer.custom-footer .social-icons-area { width: 100%; display: block; }
  footer.custom-footer .social-icons-area a { margin-right: 4px; }
  footer.custom-footer nav.custom-subfooter-menu-wrapper ul li:last-child:after { display: none; }
  footer.custom-footer .links-copyright-area span { display: block; clear: both; }

  body:has(.custom-hero-image-area) .custom-hero-image-area { height: 450px; }
  body:has(.custom-hero-image-area) .custom-hero-image-area .grad { background: linear-gradient(270deg, transparent 0%, rgba(37, 61, 142, 0.733) 0%, rgb(37, 61, 142) 100%); }
  body:has(.custom-hero-image-area) .custom-hero-image-area h1 { font-size: 2.1rem; }
  body:has(.custom-hero-image-area) .custom-hero-image-area h2 { font-size: 1.2rem; }

} /* END max width 575px */




/******* END MEDIA QUERIES *******/