/*

Theme Name: Kidde Fenwal Theme

Description: Child Theme of Avada by Ocreative

Author: Ocreative

Author URI: https://www.ocreative.com

Template: Avada

Version: 1.0.0

Text Domain:  Avada
 
*/

/* Text Styling */ 

p, h1, h2, h3 {text-wrap:pretty !important;}

.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p, .white-text li, .white-text .vfb-control-label, .white-text {
	color:#FFF !important;
} 
  
.small-text p {
	font-size:14px !important;
	line-height:18px !important; 
}

.white-links a {color:#FFF !important;}
.white-links a:hover {color:#c22e49 !important;}  

.red-links a {color:#c22e49 !important; font-weight:bold !important; text-transform:uppercase !important; font-size:16px !important; line-height:22px !important;}
.red-links a:hover {color:#f3ba5b !important}

.h2-h1 h2 {font-size:65px !important; line-height:71px !important;} 
.h2-h3 h2 {font-size:44px !important; line-height:50px !important;}
.h1-h2 h1 {font-size:48px !important; line-height:54px !important;}

.multi-button a {margin-right:20px !important;}

.large-bold strong {font-size:22px !important; line-height:28px !important;}

.sub-header-spacing strong {padding-bottom:7px !important; display:block !important; font-size:19px !important; line-height:25px !important;}

.view-product a:hover {color:#c22e49 !important;}

.more-lead p {line-height:30px !important;}

/* Button Styling */

.white-outline-button { 
    background:transparent !important;
    border:2px solid #FFF !important;
    color:#FFF !important;
    padding:8px 40px !important;
    display:inline-block !important;
	margin-top:15px !important;
}

.white-outline-button:hover {
    color:#000 !important;
    border:2px solid #000 !important;
	background-color:#FFF !important;
}

.yellow-outline-button {
    background:transparent !important;
    border:2px solid #fdb745 !important;
	font-weight:700 !important;
    color:#000 !important;
    padding:8px 40px !important;
    display:inline-block !important;
	margin-top:15px !important;
}

.yellow-outline-button:hover {
    color:#FFF !important;
    border:2px solid #000 !important;
	background-color:#000 !important;
}

.white-button {
    background:#FFF !important;
    border:2px solid #FFF !important;
    color:#000 !important;
    padding:8px 40px !important;
    display:inline-block !important;
	margin-top:15px !important;
}

.white-button:hover {
    color:#FFF !important;
    border:2px solid #FFF !important;
	background-color:transparent !important;
}

/* Link Styling */

.white-link:hover::after {
  width: 25%;
  margin:0px auto;
}

.white-link {
  display: inline-block;
  font-weight:bold;
}

.white-link::after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background: #FFF;
  transition: 300ms;
  margin:0px auto;
}

.black-link:hover::after {
  width: 25%;
  margin:0px auto;
}

.black-link {
  display: inline-block;
  font-weight:bold;
}
 
.black-link::after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background:rgba(61,65,69,0.50);
  transition: 300ms;
  margin:0px auto;
}

.yellow-link:hover::after {
  width: 25%;
  margin:3px auto;
}

.yellow-link {
  display: inline-block;
  font-weight:600 !important;
  color:#FFF !important; 
  margin-top:10px !important;
}

.black-links .yellow-link {color:#000 !important;}
 
.yellow-link::after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background:rgba(253,183,69,1.00);
  transition: 300ms;
  margin:3px auto;
} 

/* Misc Styling */

.background-contain .fusion-column-wrapper, .background-contain {
    background-size:contain !important;
    
}

.background-cover .fusion-column-wrapper, .background-cover {
    background-size:cover !important;
    
}

.background-auto .fusion-column-wrapper, .background-auto {
    background-size:auto !important;
    
}

.uppercase {
	text-transform:uppercase !important;
}

/* Mega Menu and Upper Menu Styling */

html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}

[id] {
  scroll-margin-top: 120px;
}

#mega-menu-item-193 .mega-indicator, #mega-menu-item-216 .mega-indicator, #mega-menu-item-390 .mega-indicator, #mega-menu-item-269 .mega-indicator {
	display:none !important;
}

.mega-menu-title {
	font-size:22px !important; 
	line-height:32px !important; 
	border-bottom:2px solid #c22e49 !important;
	font-weight:bold !important;
}

.mega-menu-title a {color:#000 !important;}

#mega-menu-item-216 ul.mega-sub-menu li.mega-menu-column-standard {margin-top:20px !important;}

#mega-menu-item-216 .mega-sub-menu, #mega-menu-item-390 .mega-sub-menu {background-color:rgb(235,235,235) !important;}
#mega-menu-item-216 .mega-sub-menu .mega-sub-menu, #mega-menu-item-390 .mega-sub-menu .mega-sub-menu {background-color:rgb(255,255,255) !important;}

/*
#mega-menu-item-216 .mega-sub-menu .mega-menu-link a, #mega-menu-item-390 .mega-sub-menu .mega-menu-link a {border-bottom:1px solid #c22e49 !important}
#mega-menu-item-216 .mega-sub-menu .mega-sub-menu .mega-menu-link, #mega-menu-item-390 .mega-sub-menu .mega-sub-menu .mega-menu-link  {border-bottom:0px solid #c22e49 !important}
*/

#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link {
	padding-bottom:5px !important; 
	border-bottom:1px solid #c22e49 !important;
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation > #mega-menu-item-390 > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link {
	padding-bottom:5px !important; 
	border-bottom:0px solid #c22e49 !important;
}

#mega-menu-wrap-main_navigation #mega-menu-main_navigation > li.mega-menu-tabbed > ul.mega-sub-menu > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-item {padding:15px 20px 15px 20px !important;}

#mega-menu-193-1-2 .mega-sub-menu .textwidget {text-align:center !important;}
#mega-menu-193-1-2 .mega-sub-menu .textwidget h6 {margin-bottom:0px !important;}
#mega-menu-193-1-2 .mega-sub-menu .textwidget p {margin-top:0px !important;}
#mega-menu-item-media_image-2 {text-align:center !important;}

#mega-menu-193-1-2 .mega-sub-menu .textwidget a {border-bottom:1px solid #c22e49 !important;}
#mega-menu-193-1-2 .mega-sub-menu .textwidget a:hover {color:#c22e49 !important;}

#mega-menu-item-269 h6, #mega-menu-item-390 h6 {border-bottom:2px solid #c22e49 !important;}

#mega-menu-item-217 > a.mega-menu-link,
#mega-menu-item-239 > a.mega-menu-link{
  flex-direction: column !important;
  align-items: flex-start !important;
}

/* Heading text (no native underline) */
#mega-menu-item-217 > a.mega-menu-link > .mega-menu-heading,
#mega-menu-item-239 > a.mega-menu-link > .mega-menu-heading{
  display: block !important;
  width: 100% !important;
  font-weight: bold !important;
  color: #000 !important;
  font-size: 19px !important;
  font-family: "helvetica-neue-lt-pro" !important; 

  text-decoration: none !important;   /* remove the browser underline */
  cursor: default !important;

  padding-bottom: 4px !important;     /* space between text and the red rule */
  margin-bottom: 15px !important;     /* space below the red rule (like your layout) */
  position: relative !important;
}

/* Red underline rule */
#mega-menu-item-217 > a.mega-menu-link > .mega-menu-heading::after,
#mega-menu-item-239 > a.mega-menu-link > .mega-menu-heading::after{
  content: "" !important;
  display: block !important;
  width: 50% !important;             /* length not a concern */
  border-bottom: 1px solid #c8102e !important;  /* red */
  margin-top: 4px !important;         /* space between text and the line */
}

/* Keep it from changing on hover */
#mega-menu-item-217 > a.mega-menu-link:hover > .mega-menu-heading,
#mega-menu-item-239 > a.mega-menu-link:hover > .mega-menu-heading{
  color: #000 !important;
}


/* Text Highlighting Animations */

/* Base style for all highlight classes */
	.highlight-red {
	  /* Set up the animated background */
	  background-repeat: no-repeat;
	  transition: background-size 2s ease-in-out;
	  line-height:70px !important;
	  /* Ensure the background is applied to each line when text wraps */
	  box-decoration-break: clone;
	  -webkit-box-decoration-break: clone;
	 
	}

/* Red highlight */
	.highlight-red {
	  padding:5px 10px !important;
	  margin-top:2px !important;
	  background-image: linear-gradient(90deg, #c22e49 0%, #c22e49 100%);
	  background-size: 0% 100%; /* Start with no highlight */
	  color: #007a7b !important;
	}

/* Optional: For cases where these elements are inside an element with white text */
.white-text .highlight-red {
  color: #FFF !important;
}

/* Custom Bullet List */

.yellow-circle-checklist ul {padding-left:0px !important;}

.yellow-circle-checklist li {
    background: url(/wp-content/uploads/2025/12/ICON-YellowCheckMark@2x.png) no-repeat 2px 0px transparent;
	background-size:34px;
    list-style-type: none;
    margin: 0;
    padding: 3px 0px 25px 45px;
    vertical-align: middle;
}

.yellow-circle-checklist strong {color:#c22e49 !important; font-size:20px !important; line-height:26px !important;}


.red-line-checklist ul {padding-left:0px !important;}

.red-line-checklist li {
    background: url(/wp-content/uploads/2026/02/Bullet-Point-Red-Line@2x.png) no-repeat 2px 10px transparent;
	background-size:20px;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 15px 35px;
    vertical-align: middle;
}

.red-line-checklist ul li ul li {
	background:none !important; 
	list-style-type:disc !important;
	margin-top:-4px !important;
	padding: 3px 0px 0px 0px !important;
	margin-left:20px !important;
}

.red-line-checklist ul li ul li:first-child {
	margin-top:0px !important;
}

.red-arrow-checklist ul {padding-left:0px !important;}

.red-arrow-checklist li {
    background: url(/wp-content/uploads/2026/01/ICON-Arrow-Red@2x.png) no-repeat 2px 6px transparent;
	background-size:8px;
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 7px 17px;
    vertical-align: middle;
}

/* Animation Styling */ 

.resp-iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 82.25%;
}

.resp-iframe-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Header Styling */

.utility-menu a {color:#000 !important; margin-right:20px !important;}
.utility-menu a:hover {color:#c22e49 !important;} 

.utility-menu .request-quote {background-color:#c22e49 !important; color:#FFF !important; padding:15px 12px 10px 12px !important;}
.utility-menu .request-quote:hover {background-color:#f3ba5b !important; color:#FFF !important;}

/* Homepage Styling */

.fusion-post-cards .fusion-load-more-button {background-color:#c22e49 !important; color:#FFF !important; width:240px !important; margin:40px auto !important; font-size:16px !important; text-transform:capitalize !important;}
.fusion-post-cards .fusion-load-more-button:hover {background-color:#f3ba5b !important;}

.homepage-header-links a {margin-right:30px !important;}

.featured-industries .flip-box-front {padding-top:110% !important;}

.featured-industries .fusion-flip-boxes .fusion-flip-box .flip-box-inner-wrapper {margin-bottom:30px !important;}

.flip-box-back-inner h3 {margin-bottom:25px !important;}

.flip-box-back-inner {text-align:left !important; padding:0px 30px 60px 30px !important; height:90% !important;}

.flip-box-back-inner a {position:absolute !important; bottom:20px !important; color:#FFF !important; display:inline-block !important;}
.flip-box-back-inner a:hover {color:#f3ba5b !important}

.flip-box-back-inner a:after{
	  display:inline-block !important;
	  margin-left:.5em !important;
	  font-family: "Font Awesome 6 Free","Font Awesome 5 Free" !important;
	  font-weight: 900 !important;      /* solid */
	  content: "\f178" !important;
	  color:#FFF !important;
}

.flip-box-back-inner a:hover:after{
	  color:#f3ba5b !important;
}

.flip-box-front-inner {font-size:24px !important; line-height:30px !important;}
.flip-box-back-inner p {font-size:16px !important; line-height:22px !important;}

/* .featured-industries .flip-box-front-inner  {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%) !important;
	height:100% !important;
} */

/* Footer */

.footer-layout p {
	font-size:16px !important; 
	line-height:22px !important;
}

.footer-links p {margin-bottom:7px !important;}

.copyright {color:#434549 !important;}
.copyright a {color:#434549 !important;}
.copyright a:hover {color:#c22e49 !important}

/* Industry Overview */

.industries p:first-child {margin-bottom:8px !important;}
.industries a {font-size:16px !important; line-height:22px !important;}

/* Industry Child Pages */

.red-arrow-links a {color:#c22e49 !important;}
.red-arrow-links a:hover {color:#f3ba5b !important}

.red-arrow-links a:after{
	  display:inline-block !important;
	  margin-left:.5em !important;
	  font-family: "Font Awesome 6 Free","Font Awesome 5 Free" !important;
	  font-weight: 900 !important;      /* solid */
	  content: "\f178" !important;
	  color:#c22e49 !important;
}

.red-arrow-links a:hover:after{
	  color:#f3ba5b !important;
}

.page-id-20 #content_wpdm_package_1, .page-id-28 #content_wpdm_package_1, .page-id-32 #content_wpdm_package_1, .page-id-38 #content_wpdm_package_1 {text-align:center !important;}

/* Detection Page */

.page-id-65  .fa-angle-left, .page-id-65 .fa-angle-right {border:2px solid #c4c4c4 !important; border-radius:50% !important;}
.page-id-65 .fa-angle-left:hover, .page-id-65 .fa-angle-right:hover {border:2px solid #c22e49 !important; border-radius:50% !important;}

.swiper-pagination-bullet {background:#000 !important;}
.swiper-pagination-bullet:hover, .swiper-pagination-bullet-active {background:#f3ba5b !important;}

/* Custom Carousel For Overview Pages */

.oc-carousel {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 0 56px 42px;
  overflow: hidden;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}

.oc-carousel-viewport {
  order: 1;
  display: block !important;
  overflow: hidden;
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  touch-action: pan-y;
  cursor: grab;
  padding-top: 10px;
  margin-top: -10px;
}

.oc-carousel-viewport.is-dragging {
  cursor: grabbing;
}

.oc-carousel-track {
  display: flex;
  gap: 10px;
  transition: transform 0.35s ease;
  will-change: transform;
}

.oc-carousel-track > .carousel-card {
  flex: 0 0 calc((100% - 30px) / 4);
  max-width: calc((100% - 30px) / 4);
  box-sizing: border-box;
  margin: 0 !important;
}

.oc-carousel-track > .carousel-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.oc-carousel-track > .carousel-card:hover {
  transform: translateY(-10px);
}

/* Arrows */
.oc-carousel-arrow {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 2px solid #a7a7a7 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;

  position: absolute;
  top: 42%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  display: flex !important;
  align-items: center;
  justify-content: center;

  color: #a7a7a7 !important;
  font-size: 36px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  font-family: Arial, Helvetica, sans-serif !important;

  cursor: pointer;
  z-index: 50;
}

.oc-carousel-prev {
  left: 65px;
}

.oc-carousel-next {
  right: 65px;
}

/* Hover state */
.oc-carousel-arrow:hover {
  border-color: #c22e49 !important;
}

.oc-carousel-arrow:disabled {
  opacity: 0.45 !important;
  cursor: default !important;
  pointer-events: none !important;
}

.oc-carousel-arrow span {
  display: block !important;
  color: #a7a7a7 !important;
  font-size: 32px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(-3px);
}

/* Arrow color on hover */
.oc-carousel-arrow:hover span {
  color: #c22e49 !important;
}
/* END ARROWS */
/* Scrollbar forced below */
.oc-carousel-scrollbar {
  order: 2;
  display: block !important;
  position: relative;
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  clear: both !important;
  margin-top: 22px !important;
  padding: 0 10px;
}

.oc-carousel-scrollbar-track {
  display: block !important;
  position: relative;
  width: 100% !important;
  height: 12px;
  background: #e6e6e6 !important;
  border-radius: 999px;
  overflow: hidden;
  cursor: pointer;
}

.oc-carousel-scrollbar-thumb {
  display: block !important;
  position: absolute;
  left: 0;
  top: 1px;
  height: 10px;
  min-width: 48px;
  background: #b3b3b3 !important;
  border-radius: 999px;
  cursor: grab;
}

.oc-carousel-scrollbar-thumb.is-static {
  width: 100% !important;
  left: 0 !important;
}

/* Prevent weird layout before JS builds */
.oc-carousel:not(.oc-carousel-built) .carousel-card:nth-of-type(n+5) {
  display: none;
}

.oc-carousel-built > .oc-carousel-arrow,
.oc-carousel-built > .oc-carousel-viewport,
.oc-carousel-built > .oc-carousel-scrollbar {
  float: none !important;
}

@media (max-width: 1024px) {
  .oc-carousel-track > .carousel-card {
    flex: 0 0 calc((100% - 20px) / 2);
    max-width: calc((100% - 20px) / 2);
  }

  .oc-carousel:not(.oc-carousel-built) .carousel-card:nth-of-type(n+3) {
    display: none;
  }
}

@media (max-width: 640px) {
  .oc-carousel {
    padding: 0 18px 32px;
  }

  .oc-carousel-track {
    gap: 14px;
  }

  .oc-carousel-track > .carousel-card {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .oc-carousel-arrow {
    top: auto;
    bottom: 0;
    transform: none;
    width: 28px;
    height: 28px;
    font-size: 34px !important;
  }

  .oc-carousel-prev {
    left: 7px;
  }

  .oc-carousel-next {
    right: 7px;
  }

  .oc-carousel-scrollbar {
    margin-top: 16px !important;
    padding: 0 34px;
  }

  .oc-carousel-scrollbar-track {
    height: 10px;
  }

  .oc-carousel-scrollbar-thumb {
    top: 1px;
    height: 8px;
  }

  .oc-carousel:not(.oc-carousel-built) .carousel-card:nth-of-type(n+2) {
    display: none;
  }
}

.carousel-card:hover .fusion-title-heading a {color:#c22e49 !important;}

/* End Custom Carousel */

	/* Sliders */

.swiper-wrapper {padding-bottom:50px !important;}

.key-products {margin-right:-10% !important; width:110% !important}

/* Certiifcations Page */

.awb-imageframe-caption {text-align:left !important; margin-top:20px !important;}

.overview-carousel .fa-angle-left, .overview-carousel .fa-angle-right {border:2px solid #000 !important; border-radius:50% !important;}
.overview-carousel .fa-angle-left:hover, .overview-carousel .fa-angle-right:hover {border:2px solid #c22e49 !important; border-radius:50% !important;}

.key-certifications p {margin-bottom:10px !important;}

.key-certifications a {color:#000 !important;}
.key-certifications a:hover {color:#c22e49 !important;}

/* Leadership Page */

/* Panels wrapper */
.values-panels {
  position: relative;
}

/* All panels stacked in the same spot */
.values-panels .value-panel {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 250ms ease, visibility 0s linear 250ms;
}

/* Active panel fades in */
.values-panels .value-panel.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 250ms ease;
}

/* Optional: make the icon/title tiles feel clickable */
.value-trigger {
  cursor: pointer;
}

#val-integrity:hover p, #val-speed:hover p, #val-innovation:hover p, #val-teamwork:hover p, #val-excellence:hover p, #val-safety:hover p {color:#f3ba5b !important;}

.value-panel p {border-left:3px solid #f3ba5b !important; padding-left:15px !important;}

.leadership-modals .name {color:#d31346 !important; font-size:27px !important; line-height:33px !important; margin-bottom:0px !important; font-weight:bold !important; margin-top:-5px !important;}
.leadership-modals .title {color:#000 !important; font-size:16px !important; line-height:22px !important;}

.leadership-modals .name:hover {color:#f3ba5b !important;}

/* Optional: active state styling (tweak to match your design) */
/*
.value-trigger.is-active .fusion-text,
.value-trigger.is-active .fusion-title {
  font-weight: 700;
}
*/

/* Solutions */

.image-swap a {color:#c22e49 !important; cursor:pointer !important;}
.image-swap a:hover {color:#c22e49 !important; cursor:pointer !important;}

/* Our Company */

.scrollable-text-block {
  height: 400px; /* Set your desired fixed height */
  overflow-y: scroll; /* Adds a vertical scroll bar when content exceeds height */
  padding: 10px; /* Optional: Add some padding for better appearance */
}

.quick-links a {color:#c22e49 !important;}
.quick-links a:hover {color:#000 !important;}

/* Contact Page */

.contact-links a {color:#000 !important;}
.contact-links a:hover {color:#c22e49 !important;}

/* Product Page Styling */

.awb-imageframe-style .awb-imageframe-caption-text, .awb-imageframe-style .awb-imageframe-caption-title {text-align:center !important;}
h2.awb-imageframe-caption-title {display:none !important;}

.table-2 table thead {background-color:transparent !important; border:0px !important;}

.table-2 table th {padding:0px 15px 0px 0px !important; color:#000 !important;}

.table-2 tr td {padding:10px 15px 10px 0px !important;}

.table-2 tbody tr:last-child td {border:0px !important;}

.space-bullets ul {padding-left:20px !important;}
.space-bullets li {padding-bottom:15px !important;}

.remove-list-space ul {padding-top:0px !important; margin-top:0px !important; padding-left:25px !important;}
.remove-list-space p {padding-bottom:0px !important; margin-bottom:3px !important;}

sup, sup.tm-mark{
  font-size: 0.7em;
  vertical-align: super;
  line-height: 0;
}

.view-details-link a {font-size:19px !important; line-height:25px !important; color:#999 !important;}
.view-details-link a:hover {color:#c22e49 !important;}

/* Notification Appliances Overview */

.grey-links a {color:#9F9F9F !important}
.grey-links a:hover {color:#c22e49 !important;}

/* Careers */

.page-id-185 .modal-trigger {font-size:16px !important;}

/* News and Insights */

.page-id-177 .fa-angle-left, .page-id-177 .fa-angle-right {border:2px solid #fdb745 !important; border-radius:50% !important;}
.page-id-177 .fa-angle-left:hover, .page-id-177 .fa-angle-right:hover {border:2px solid #c22e49 !important; border-radius:50% !important;}

.post-card-align-left {text-align:left !important;}

.peek-margin {margin-right:-15% !important; width:115% !important;}

.have-questions a {color:#FFF !important;}
.have-questions a:hover {color:#fdb745 !important;} 


/* Find a Distrubtor */

body #asl-storelocator.asl-p-cont #asl-map-canv,
body #asl-storelocator.asl-cont #asl-map-canv {height: 800px !important}

#asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.item-state>a {padding:1px 20px !important;}

#asl-storelocator.asl-cont.asl-template-3 .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.item-state>a span {font-size:15px !important;}

/* Home Press Releases */

.fusion-post-wrapper {border:0px !important;}

/* Download Manager System */

.wpdmap-card-filter .card-body * {font-size:15px !important;}

.wpdm-filter-toolbar {display:none !important;}

.wpdm_packages_shortcode a {color:#c22e49 !important;}
.wpdm_packages_shortcode a:hover {color:#005daa !important;}

.package-title a, #reset-filter {color:#c22e49 !important;}
.package-title a:hover, #reset-filter:hover {color:#005daa !important;}

.wpdmap-card-filter li::marker {display:none !important; color:#FFF !important;}
.wpdmap-card-filter li ul {padding-left:18px !important;}

.w3eden .btn-primary {background-color:#c22e49 !important; border-color:#c22e49 !important;}
.w3eden .btn-primary:hover  {background-color:#005daa !important; border-color:#005daa !important;}

.wpdmap-filter-sidebar .wpdmap-card-filter:nth-child(2) {display:none !important;}

#wpdm-downloads * {font-size:16px !important;}

.wpdmap-header-card .col-md-6 {margin-bottom:5px !important;}

@media screen and (min-width:768px) {
	.wpdmap-filter-sidebar {width:33.33% !important;}
	.w3eden .col-md-6 {width:100% !important;} 
	.w3eden .col-md-9 {width:66.66% !important;}
	.wpdmap-card-filter .card-body {max-height:300px !important;}
	}

/* Contact Page */

.fusion-modal-text-link:hover::after {
  width: 25%;
  margin:3px auto;
}

.fusion-modal-text-link {
  display: inline-block;
  font-weight:600 !important;
  color:#000 !important; 
  margin-top:10px !important;
}
 
.fusion-modal-text-link::after {
  content: '';
  width: 100%;
  height: 2px;
  display: block;
  background:rgba(253,183,69,1.00);
  transition: 300ms;
  margin:3px auto;
}

.form-link-1 {max-width:288px !important;}
.form-link-2 {max-width:210px !important;}
.form-link-3 {max-width:275px !important;}

.wpforms-container {margin-top:0px !important;}

.wpforms-container .wpforms-field {padding:7px 0px !important;}

.fusion-modal .modal-header {min-height:34px !important;}

/* Careers Page */

/* Slider */

/* ── Core layout ─────────────────────────────────────────────────────────── */
.vcarr { position: relative; width: 100%; padding-bottom: 64px; }
.vcarr__viewport { overflow: hidden; width: 100%; }
.vcarr__track {
  display: flex;
  transition: transform 0.35s ease;
  will-change: transform;
  gap: 28px;                /* horizontal space between slides (match JS GAP) */
}
.vcarr__slide { flex: 0 0 auto; }
.vcarr__slide > * { width: 100% !important; float: none !important; }

/* ── Nav arrows (Option A: Font Awesome icon inside circle, like screenshot) ─ */
.vcarr{
  /* easy tuning knobs */
  --nav-size: 32px;          /* circle size */
  --nav-gap: 12px;           /* spacing between circles */
  --nav-top: -85px;          /* vertical position */
  --nav-right: 14%;          /* how far from right edge */
}

@media screen and (max-width:800px) {
	
	/* ── Nav arrows (Option A: Font Awesome icon inside circle, like screenshot) ─ */
.vcarr{
  /* easy tuning knobs */
  --nav-size: 32px;          /* circle size */
  --nav-gap: 12px;           /* spacing between circles */
  --nav-top: -50px;          /* vertical position */
  --nav-right: 2%;          /* how far from right edge */
}
	
}

.vcarr__nav{
  position: absolute;
  top: var(--nav-top);
  bottom: auto;
  left: auto;

  width: var(--nav-size);
  height: var(--nav-size);
  padding: 0;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: transparent;
  border: 2px solid rgba(255,255,255,.9);
  border-radius: 999px;

  color: #fff;
  cursor: pointer;
  z-index: 10;

  transform: none;
  transition: transform .15s ease, background .15s ease, opacity .15s ease;
}

/* place them as a pair on the top-right */
.vcarr__nav--next { right: var(--nav-right); }
.vcarr__nav--prev { right: calc(var(--nav-right) + var(--nav-size) + var(--nav-gap)); }

/* Font Awesome icon sizing/weight (match the crisp chevrons) */
.vcarr__nav i{
  font-size: 14px;     /* icon size inside the circle */
  font-weight: 900;
  line-height: 1;
  color: currentColor;
}

/* hover/focus polish */
.vcarr__nav:hover:not([disabled]){
  background: rgba(255,255,255,.08);
  transform: scale(1.06);
}
.vcarr__nav:active:not([disabled]){
  transform: scale(.98);
}
.vcarr__nav:focus-visible{
  outline: 2px solid rgba(255,255,255,.9);
  outline-offset: 3px;
}
.vcarr__nav[disabled]{
  opacity: .35;
  cursor: default;
}

/* (Optional) if any Avada column had external margins, zero them in slides */
.vcarr__slide > [id] { margin: 0 !important; }

/* Make slides stretch to the same height and let the Avada column fill it */
.vcarr__track { align-items: stretch; }
.vcarr__slide { display: flex; }
.vcarr__slide > * { display: flex; flex-direction: column; height: 100% !important; box-sizing: border-box; }

/* Avada-specific: ensure the inner wrapper fills the slide height */
.vcarr__slide > * .fusion-column-wrapper { display: flex; flex-direction: column; height: 100%; }


	.why-join-text p, .why-join-text li {font-size:16px !important; line-height:24px !important;}

	.red-bullets li::marker {color:#d41247 !important;}
	.red-bullets li {padding-bottom:8px !important;}

	.medium-weight p {font-weight:500 !important;}

	.modal-trigger {color:#fdb745 !important; font-weight:bold;}
	.modal-trigger:hover {color:#c22e49 !important; font-weight:bold;}


/* End Slider */

/* Thank You Pages */

.thank-you-text strong {
	font-size:27px !important;
	line-height:33px !important;
}

/* Distributor Map */

.Num_of_store span {display:none !important;}

.Filter_section .search_filter {display:none !important;}

/* HTML Sitemap Page */

.html_sitemap h2 {font-size:28px !important; line-height:34px !important;}


/* Responsive Styling and Media Queries */

/* Mobile Menu */

.fusion-mobile-menu-icons a {
	font-size:34px !important;
}






/* Media Queries */

@media screen and (max-width:1600px) {
	
	.flip-box-back-inner {padding-left: 20px !important; padding-right:20px !important;}
	
	.featured-industries .flip-box-front {padding-top:100% !important;}

	
}

@media screen and (max-width:1440px) {
	
	.h2-h1 h2, h1 {font-size:50px !important; line-height:56px !important;}
	.h1-h2 h1, h2 {font-size:40px !important; line-height:46px !important;}
	.h2-h3 h2, h3 {font-size:34px !important; line-height:40px !important;}
	.distributor-map h3 {font-size:18px !important; line-height:24px !important;}
	h4 {font-size:29px !important; line-height:35px !important;}
	h5 {font-size:24px !important; line-height:30px !important;}
	h6 {font-size:20px !important; line-height:26px !important;}
	
	.highlight-red {line-height:60px !important;}
	
	.featured-industries h3, .featured-products h3 {font-size:24px !important; line-height:30px !important;}

}

@media screen and (max-width:1280px) {
	
	.oc-carousel-next {right:40px !important;}
	.oc-carousel-prev {left:40px !important;}
	
	.flip-box-back-inner p {font-size:14px !important; line-height:20px !important;}
	
	.flip-box-back-inner {padding:0px 0px 50px 0px !important;}
}

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

	body #asl-storelocator.asl-p-cont #asl-map-canv,
	body #asl-storelocator.asl-cont #asl-map-canv {height: 550px !important}
	
	.featured-industries .flip-box-front {padding-top:90% !important;}
	
	.homepage-header-links a {margin-right:10px !important;}
	
	/* Misc */
	
	.background-removal {background:none !important;}
	
	.border-removal, .border-removal .fusion-column-wrapper {border:0px !important;}
	
	.multi-button a {margin-right:7px !important;}
	
	.mobile-left-text h4 {text-align:left !important;}

	.utility-menu {font-size:14px !important; line-height:20px !important;}
	.utility-menu a {margin-right:8px !important;}
	
	.awb-menu.collapse-enabled, .awb-menu.collapse-enabled .awb-menu__open-nav-submenu_mobile:before, .awb-menu.collapse-enabled li a, .awb-menu.collapse-enabled li a .fusion-button {font-size:16px !important; line-height:22px !important;}
	
	.utility-menu a {font-size:16px !important; line-height:22px !important;}
	
	/* Homepage Specific */
	
	.fusion-flip-boxes .fusion-flip-box .flip-box-back {padding:20px 10px !important;}
	
	.flip-box-back-inner {padding:5px 5px !important;}
	
	.oc-carousel-next {right:20px !important;}
	.oc-carousel-prev {left:20px !important;}
	
	/* Footer */
	
	.fusion-footer {text-align:center !important;}
	
	/* Industries */

	.ul-margin-top ul {margin-bottom:0px !important;}
	.ul-margin-bottom ul {margin-top:0px !important;}
	
	/* Product Pages */
	
	.yellow-circle-checklist ul {margin-bottom:0px !important; margin-top:0px !important;}

	
}

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

	
	.h2-h1 h2, h1 {font-size:46px !important; line-height:52px !important;}
	.h1-h2 h1, h2 {font-size:34px !important; line-height:40px !important;}
	.h2-h3 h2, h3 {font-size:28px !important; line-height:34px !important;}
	.distributor-map h3 {font-size:18px !important; line-height:24px !important;}
	h4 {font-size:26px !important; line-height:32px !important;}
	h5 {font-size:22px !important; line-height:28px !important;}
	h6 {font-size:19px !important; line-height:25px !important;}
	p, .fusion-text li {font-size:17px !important; line-height:23px !important;}
	
	.large-bold strong {font-size:19px !important; line-height:25px !important;}
	
	.utility-menu a {font-size:14px !important; line-height:20px !important;}
	
	.flip-box-back-inner a {position:relative !important; display:block !important; bottom:0px !important;}
	
	.conferences-layout p {font-size:14px !important; line-height:20px !important;}
	
	/* Industries */
	
	.industries a {font-size:15px !important; line-height:21px !important;}
	.yellow-circle-checklist strong {font-size:18px !important; line-height:24px !important;}
	
	.highlight-red {line-height:48px !important;}
	
	.red-line-checklist ul li ul li, .red-arrow-checklist li {font-size:17px !important; line-height:23px !important;}
	
	/* Product Pages */
	
	.oc-carousel-next {right:10px !important; bottom:-9px !important;}
	.oc-carousel-prev {left:10px !important; bottom:-9px !important;}
	
	.space-bullets ul {margin-left:0px !important;}
	
	/* Document Library */
	
	#wpdm-downloads * {font-size:14px !important; line-height:20px !important;}
	

}

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

	.featured-industries .flip-box-heading {position:absolute !important; bottom:20px !important; left: 50%; transform: translateX(-50%);}
	
	.fusion-flip-boxes .fusion-flip-box .flip-box-back, .fusion-flip-boxes .fusion-flip-box .flip-box-front {padding:5px 10px !important;}
	
	.utility-menu a:nth-child(3), .utility-menu a:nth-child(4) {display:none !important;}
	
	.h2-h1 h2, h1 {font-size:35px !important; line-height:41px !important;}
	.h1-h2 h1, h2 {font-size:31px !important; line-height:37px !important;}
	.h2-h3 h2, h3 {font-size:27px !important; line-height:33px !important;}
	.distributor-map h3 {font-size:18px !important; line-height:24px !important;}
	h4 {font-size:25px !important; line-height:31px !important;}
	h5 {font-size:22px !important; line-height:28px !important;}
	h6 {font-size:19px !important; line-height:25px !important;}
	p {font-size:17px !important; line-height:23px !important;}
	
	.large-bold strong {font-size:19px !important; line-height:25px !important;}
	
	.utility-menu a {font-size:14px !important; line-height:20px !important;}
	
}