.elementor-kit-6{--e-global-color-primary:#FFEECB;--e-global-color-secondary:#AF8952;--e-global-color-text:#24333A;--e-global-color-accent:#000000;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-size:55px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-primary-font-family:"Public Sans";--e-global-typography-primary-font-size:24px;--e-global-typography-primary-font-weight:500;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-size:42px;--e-global-typography-text-font-weight:700;--e-global-typography-accent-font-family:"Geist for button";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:none;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-accent-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
   Cargo Nerd footer: Zoho Campaigns Quick Form
   Goal: keep original compact Zoho dimensions + aligned button
         and style success message WITHOUT breaking Zoho toggling
   ========================================================= */

/* ---------- Base box: keep compact Zoho size ---------- */
.quick_form_12_css[name="SIGNUP_BODY"]{
  width: 350px !important;
  max-width: 350px !important;
  min-width: 350px !important;

  background-color: rgb(36, 51, 57) !important;
  border: 1px solid rgb(36, 51, 57) !important;

  overflow: visible !important;
  position: relative !important;
}

/* Remove any theme flex/grid interference inside the Zoho embed */
.quick_form_12_css,
.quick_form_12_css *{
  box-sizing: border-box !important;
}

/* ---------- Form row layout (email + button) ---------- */
.quick_form_12_css #zcampaignOptinForm{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 15px !important;
  display: block !important;
  white-space: nowrap !important;
}

.quick_form_12_css .SIGNUP_FLD{
  display: inline-block !important;
  vertical-align: top !important;
  height: 30px !important;
  margin: 10px 0 15px !important;
  padding: 0 !important;
}

/* Email field container */
.quick_form_12_css .SIGNUP_FLD:first-of-type{
  width: 190px !important;
}

/* Button container */
.quick_form_12_css .SIGNUP_FLD:last-of-type{
  width: 90px !important;
}

/* Email input */
.quick_form_12_css input[name="CONTACT_EMAIL"],
.quick_form_12_css #EMBED_FORM_EMAIL_LABEL{
  width: 190px !important;
  height: 30px !important;

  padding: 5px 10px !important;
  margin: 0 !important;

  border: 1px solid rgb(255, 255, 255) !important;
  border-radius: 50px 0 0 50px !important;

  font-size: 14px !important;
  line-height: 20px !important;

  outline: none !important;
}

/* Join Now button */
.quick_form_12_css input[name="SIGNUP_SUBMIT_BUTTON"],
.quick_form_12_css #zcWebOptin{
  width: 90px !important;
  height: 30px !important;

  margin: 0 0 0 -5px !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 50px 50px 0 !important;

  font-size: 14px !important;
  line-height: 30px !important;

  background-color: rgb(175, 136, 82) !important;
  color: rgb(255, 255, 255) !important;

  cursor: pointer !important;
}

/* ---------- Error message: only show when Zoho shows it ---------- */
.quick_form_12_css #errorMsgDiv{
  margin: 10px 0 0 !important;
}

/* =========================================================
   SUCCESS MESSAGE
   CRITICAL: We do NOT set display/opacity/visibility here.
   If you previously set display:none!important anywhere, remove it.
   We ONLY style how it looks WHEN Zoho displays it.
   ========================================================= */

/* Inline success banner (the one you saw) */
#Zc_SignupSuccess{
  position: absolute !important;
  left: 15px !important;
  top: 10px !important;

  width: 320px !important;  /* 350 - (15px+15px) */
  height: 30px !important;

  background: #ffffff !important;
  border: 1px solid #c2e19a !important;
  border-radius: 50px !important;

  padding: 0 12px !important;
  box-sizing: border-box !important;

  z-index: 9999 !important;
  overflow: hidden !important;
}

#Zc_SignupSuccess table{
  height: 30px !important;
}

#Zc_SignupSuccess td{
  vertical-align: middle !important;
}

#Zc_SignupSuccess .successicon{
  height: 16px !important;
  width: 16px !important;
}

#Zc_SignupSuccess #signupSuccessMsg{
  color: rgb(73, 140, 132) !important;
  font-family: Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 30px !important;
  white-space: nowrap !important;
}

/* Popup success (alternate Zoho path). This does not force it to show,
   it just makes it sane IF Zoho uses it. */
#zcOptinSuccessPopup{
  z-index: 999999 !important;
}
#zcOptinSuccessPopup #zcOptinSuccessPanel{
  font-family: Arial, sans-serif !important;
  font-size: 14px !important;
}


/* ===============================
   SUCCESS MESSAGE FINAL TUNING
   =============================== */

/* Tighten success banner height */
#Zc_SignupSuccess{
  height: 26px !important;
  top: 6px !important;              /* move slightly upward */
  padding: 0 12px !important;
}

/* Force table to fit new height */
#Zc_SignupSuccess table{
  height: 26px !important;
}

/* Align icon + text perfectly centered */
#Zc_SignupSuccess td{
  vertical-align: middle !important;
  padding: 0 !important;
}

/* Shrink icon slightly */
#Zc_SignupSuccess .successicon{
  height: 14px !important;
  width: 14px !important;
}

/* Make success text smaller + vertically centered */
#Zc_SignupSuccess #signupSuccessMsg{
  font-size: 13px !important;
  line-height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Geist for button';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://cargonerd.com/wp-content/uploads/2026/01/Geist-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */