.elementor-kit-5{--e-global-color-primary:#9BCD68;--e-global-color-secondary:#12395F;--e-global-color-text:#5D5D5D;--e-global-color-accent:#00AEEF;--e-global-color-b13ea9f:#EBF5E1;--e-global-color-dc33c3b:#939598;--e-global-color-4c24aee:#EEEEEE;--e-global-color-8f18ad9:#000000;--e-global-color-4426904:#FFFFFF;--e-global-color-43dcd39:#005999;--e-global-color-5922199:#7A899F;--e-global-typography-primary-font-family:"atrament-web";--e-global-typography-primary-font-weight:400;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:14px;--e-global-typography-text-font-weight:500;--e-global-typography-text-line-height:20px;--e-global-typography-accent-font-family:"atrament-web";--e-global-typography-accent-font-size:22px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:22px;--e-global-typography-accent-letter-spacing:0.15em;--e-global-typography-8f4d8e4-font-family:"Montserrat";--e-global-typography-8f4d8e4-font-size:18px;--e-global-typography-8f4d8e4-font-weight:700;--e-global-typography-8f4d8e4-text-transform:uppercase;--e-global-typography-8f4d8e4-line-height:24px;color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;line-height:20px;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 p{margin-block-end:20px;}.elementor-kit-5 a{color:var( --e-global-color-accent );}.elementor-kit-5 a:hover{color:var( --e-global-color-primary );}body{overflow-x:inherit !important;}.elementor a, .elementor a:link, .elementor a:focus, .elementor a:active, .elementor a:hover{text-decoration:inherit !important;}.elementor a:link, .elementor .smooth-hover a:link, {transition:inherit;}.elementor-kit-5 h1{font-family:"atrament-web", Sans-serif;font-size:40px;font-weight:700;text-transform:uppercase;line-height:40px;}.elementor-kit-5 h2{font-family:"atrament-web", Sans-serif;font-size:50px;font-weight:700;text-transform:uppercase;line-height:50px;}.elementor-kit-5 h3{font-family:"atrament-web", Sans-serif;font-size:36px;font-weight:700;text-transform:uppercase;line-height:36px;}.elementor-kit-5 h4{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:900;text-transform:uppercase;line-height:30px;}.elementor-kit-5 h5{font-family:"atrament-web", Sans-serif;font-size:22px;font-weight:400;text-transform:uppercase;line-height:22px;letter-spacing:0.2em;}.elementor-kit-5 h6{font-family:var( --e-global-typography-8f4d8e4-font-family ), Sans-serif;font-size:var( --e-global-typography-8f4d8e4-font-size );font-weight:var( --e-global-typography-8f4d8e4-font-weight );text-transform:var( --e-global-typography-8f4d8e4-text-transform );line-height:var( --e-global-typography-8f4d8e4-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:var( --e-global-typography-8f4d8e4-font-family ), Sans-serif;font-size:var( --e-global-typography-8f4d8e4-font-size );font-weight:var( --e-global-typography-8f4d8e4-font-weight );text-transform:var( --e-global-typography-8f4d8e4-text-transform );line-height:var( --e-global-typography-8f4d8e4-line-height );color:var( --e-global-color-4426904 );padding:0px 0px 0px 0px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{color:var( --e-global-color-4426904 );border-radius:0px 0px 0px 0px;}.elementor-kit-5 img{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:var( --e-global-color-4426904 );}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-text-font-size:14px;--e-global-typography-text-line-height:20px;--e-global-typography-8f4d8e4-font-size:16px;--e-global-typography-8f4d8e4-line-height:22px;font-size:14px;line-height:20px;}.elementor-kit-5 h1{font-size:40px;line-height:40px;}.elementor-kit-5 h2{font-size:40px;line-height:40px;}.elementor-kit-5 h4{font-size:20px;line-height:24px;}.elementor-kit-5 h5{font-size:18px;line-height:18px;}.elementor-kit-5 h6{font-size:var( --e-global-typography-8f4d8e4-font-size );line-height:var( --e-global-typography-8f4d8e4-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-8f4d8e4-font-size );line-height:var( --e-global-typography-8f4d8e4-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:720px){.elementor-kit-5{--e-global-typography-text-font-size:14px;--e-global-typography-text-line-height:20px;--e-global-typography-8f4d8e4-font-size:14px;--e-global-typography-8f4d8e4-line-height:20px;font-size:14px;line-height:20px;}.elementor-kit-5 h1{font-size:40px;line-height:40px;}.elementor-kit-5 h2{font-size:36px;line-height:36px;}.elementor-kit-5 h3{font-size:30px;line-height:30px;}.elementor-kit-5 h4{font-size:18px;line-height:22px;}.elementor-kit-5 h5{font-size:15px;line-height:16px;}.elementor-kit-5 h6{font-size:var( --e-global-typography-8f4d8e4-font-size );line-height:var( --e-global-typography-8f4d8e4-line-height );}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:var( --e-global-typography-8f4d8e4-font-size );line-height:var( --e-global-typography-8f4d8e4-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;}}/* Start custom CSS *//* SITEWIDE BUTTON ICON COLOR + HOVER MOVE (Elementor) */

/* 1) Ensure the icon wrapper itself is green (works for font icons) */
a.elementor-button .elementor-button-icon,
button.elementor-button .elementor-button-icon{
  color: #9bcd68 !important;
  display: inline-flex;
  align-items: center;
  transition: transform 0.28s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}

/* 2) If the icon is a FONT icon (<i>), force it green */
a.elementor-button .elementor-button-icon i,
button.elementor-button .elementor-button-icon i{
  color: #9bcd68 !important;
}

/* 3) If the icon is an INLINE SVG, force it to follow currentColor */
a.elementor-button .elementor-button-icon svg,
button.elementor-button .elementor-button-icon svg{
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* 4) If the SVG has paths with hard-coded fill/stroke, override them */
a.elementor-button .elementor-button-icon svg * ,
button.elementor-button .elementor-button-icon svg *{
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* 5) Hover: slide the WHOLE icon wrapper right (works for font icons + svg) */
a.elementor-button:hover .elementor-button-icon,
button.elementor-button:hover .elementor-button-icon{
  transform: translateX(6px);
}

/* Optional: spacing so it has room to move */
a.elementor-button .elementor-button-icon.elementor-align-icon-right,
button.elementor-button .elementor-button-icon.elementor-align-icon-right{
  margin-left: 10px;
}


/*Header Transparent and turns color on scroll */
/* Default (top of page) */
.header-scroll{
  background: transparent !important;
  box-shadow: none !important;
  transition: background-color .35s ease, box-shadow .35s ease;
}

/* Sticky is active immediately on load, keep it transparent */
.header-scroll.elementor-sticky--active{
  background: transparent !important;
  box-shadow: none !important;
}

/* Only after you scroll past Effects Offset */
.header-scroll.elementor-sticky--effects{
  background-color: #12395f !important;
  box-shadow: none !important;
  filter: drop-shadow(0 3px 8px rgba(0,0,0,.5));
}

/* ===== QuantalRF Complianz SEND button ===== */
#cmplz-datarequest-submit {
    -webkit-appearance: none !important;
    appearance: none !important;

    background-color: #9bcd68 !important;   /* Green */
    color: #12395f !important;              /* Blue text */
    border: none !important;
    border-radius: 0 !important;

    padding: 7px 28px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;

    margin-top: 28px !important;           /* ← space above button */
    cursor: pointer !important;
    box-shadow: none !important;
    transition: background-color .25s ease, color .25s ease, transform .25s ease !important;
}

/* Hover: Blue background, white text */
#cmplz-datarequest-submit:hover {
    background-color: #12395f !important;  /* Blue */
    color: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* Loop Grid card vertical layout fix */
.e-loop-item .loop-card{
  display: flex;
  flex-direction: column;
  height: 100%;
}

.e-loop-item .loop-card .loop-card__footer{
  margin-top: auto;
}


/* --- MULTIPLY OVERLAY --- */
/* 1) Make the mega dropdown panel transparent so it can blend with the page behind */
.e-n-menu-content{
  background: transparent !important;
}

/* 2) Target the mega panel container and create a multiply overlay */
.e-n-menu-content > .e-con.e-child{
  position: relative;
  background: transparent !important;
  isolation: isolate;            /* required for predictable blending */
}

/* 3) The multiplying gradient overlay */
.e-n-menu-content > .e-con.e-child::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;

  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.85) 0%,
    rgba(0,0,0,0.85) 45%,
    rgba(0,0,0,0.35) 75%,
    rgba(0,0,0,0.00) 100%
  );

  mix-blend-mode: multiply;
}

/* 4) Ensure your mega menu widgets sit above the overlay */
.e-n-menu-content > .e-con.e-child > *{
  position: relative;
  z-index: 1;
}

/* ===== Disable hamburger/toggle on Tablet only (769–1024px) ===== */
@media (min-width:769px) and (max-width:1024px){

  /* 1) Hide the toggle button */
  .e-n-menu-toggle,
  .e-n-menu-toggle-button{
    display: none !important;
  }

  /* 2) Make the menu wrapper shrink to its content */
  .e-n-menu-wrapper{
    display: inline-flex !important;
    width: auto !important;
    flex: 0 0 auto !important;
    align-items: center !important;
  }

  /* 3) Force the menu list to stay in one row */
  .e-n-menu__list{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 18px;              /* adjust spacing if needed */
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* 4) Ensure items show inline */
  .e-n-menu__list > li{
    display: flex !important;
  }
}

.anchor-offset{
  scroll-margin-top: 75px;
}

/* Keep image proportional */
.qr-thumb img {
    width: 100%;
    height: auto !important;
    display: block;
}

/* Make Elementor entrance animations slower */
.fade-top,
.fade-right,
.fade-bottom {
  animation-duration: 2s !important;  /* change this */
}

/* Adds .5em margin to bottom of bullets */
ul li:not(:last-child),
ol li:not(:last-child) {
  margin-bottom: 0.5em;
}

/* Styles blogpost quote block */
.wp-block-quote {
  border-left: 4px solid #12395f;
  padding-left: 20px;
  margin: 1.5em 0 1.5em 1.5em; /* pushes entire block in */
}

.wp-block-quote p {
  color: #9bcd68 !important;
  font-style: italic;
  font-weight: 600;
  font-size: 16px;
}

/* Gravity Form button should behave like QuantalRF text buttons */

/* Wrap button + arrow together */
.gform_wrapper .gf-btn-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}

/* Button text */
.gform_wrapper .gform_button.elementor-button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: auto !important;
  color: #12395f !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  letter-spacing: .02em;
  text-transform: uppercase;
}

/* Arrow */
.gform_wrapper .gf-btn-arrow {
  display: inline-block;
  color: #9bcd68;
  font-size: 16px;
  line-height: 1;
  transition: transform .25s ease, color .25s ease;
}

/* Hover text */
.gform_wrapper .gf-btn-wrap:hover .gform_button.elementor-button {
  color: #9bcd68 !important;
  background: transparent !important;
}

/* Hover arrow move */
.gform_wrapper .gf-btn-wrap:hover .gf-btn-arrow {
  transform: translateX(6px);
}

/* Remove blue focus box from Elementor popup close button */
.dialog-close-button:focus,
.dialog-close-button:focus-visible,
.elementor-popup-modal .dialog-close-button:focus,
.elementor-popup-modal .dialog-close-button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* In case the icon itself is getting the focus style */
.dialog-close-button i:focus,
.dialog-close-button svg:focus,
.dialog-close-button svg:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* Change Gravity Forms field focus color to QuantalRF green */

.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
    outline: none !important;
    border-color: #9bcd68 !important;
    box-shadow: 0 0 0 2px rgba(155,205,104,0.35) !important;
}

/* Play button transition */
.elementor-custom-embed-play svg {
    transition: transform 0.3s ease, fill 0.3s ease;
}

/* Hover effect */
.elementor-custom-embed-play:hover svg {
    fill: #9bcd68; /* QuantalRF green */
    transform: scale(1.08);
}

/* Global Offset - Scroll past the sticky header */
html {
  scroll-padding-top: 70px;
}

/* Extra offset only for the contact form section */
#request-info {
  scroll-margin-top: 100px;
}/* End custom CSS */