:root {
    --mb-branding-black: #000000;
    --mb-branding-white: #ffffff;
    --mb-branding-dark: #070D0D;
/*    --mb-branding-1: #FBE07D;
    --mb-branding-1-dark: #F9CF39;*/
    --mb-branding-1: #EB001F;
    --mb-branding-1-dark: #ff5c73;
    --mb-branding-2: #0F37C3;
    --mb-branding-2-dark: #0B2A98;
    --mb-branding-3: #ffffff;
    --mb-branding-3-dark: #D0DAFF;
    --mb-branding-4: #C51162;
    --mb-branding-4-dark: #900c47;
    --mb-branding-5: #0157FF;
    --mb-branding-5-dark: #0040bf;
    --mb-branding-alt: #2966C5;
    --mb-branding-alt-dark: #265FBA;
    --mb-branding-neutral: #cccccc;
}

/* MB Branded Buttons with State */
.btn-mb {
    font-weight: 600 !important;
    padding: 6px 56px !important;
    line-height: 34px !important;
    border-radius: 6px !important;
    border-width: 2px !important;
    text-shadow: none !important;
}
.btn-mb.btn-mb-slim { 
    padding: 4px 23px !important;
    line-height: 28px !important;
}
.btn-mb.btn-mb-fluid { padding: 0 0 !important; }
.btn-mb:hover { text-decoration: none !important; }
.btn-mb-1 {
    background-color: var(--mb-branding-1) !important;
    border-color: var(--mb-branding-1) !important;
    color: var(--mb-branding-white) !important;
}
.btn-mb-1:hover { 
    background-color: var(--mb-branding-1-dark) !important;
    border-color: var(--mb-branding-1-dark) !important;
}
.btn-check.btn-mb-1:checked+.btn, .btn.btn-mb-1.active, .btn.btn-mb-1.show, .btn.btn-mb-1:first-child:active, :not(.btn-check)+.btn.btn-mb-1:active {
    background-color: transparent !important;
    border-color: var(--mb-branding-1-dark) !important;
    color: var(--mb-branding-1) !important;
}
.btn-mb-2, .scrolledin #mb-nav button {
    background-color: var(--mb-branding-2) !important;
    border-color: var(--mb-branding-2) !important;
    color: var(--mb-branding-3) !important;
}
.btn-mb-2:hover, .scrolledin #mb-nav button:hover { 
    background-color: var(--mb-branding-2-dark) !important;
    border-color: var(--mb-branding-2-dark) !important;
}
.btn-check.btn-mb-2:checked+.btn, .btn.btn-mb-2.active, .btn.btn-mb-2.show, .btn.btn-mb-2:first-child:active, :not(.btn-check)+.btn.btn-mb-2:active, .scrolledin #mb-nav button:active {
    background-color: transparent !important;
    border-color: var(--mb-branding-2) !important;
    color: var(--mb-branding-2) !important;
}
.btn-mb-2-alt {
    background-color: transparent !important;
    border-color: var(--mb-branding-2) !important;
    color: var(--mb-branding-2) !important;
}
.btn-mb-2-alt:hover { 
    background-color: var(--mb-branding-2) !important;
    border-color: var(--mb-branding-2) !important;
    color: var(--mb-branding-3) !important;
}
.btn-check.btn-mb-2-alt:checked+.btn, .btn.btn-mb-2-alt.active, .btn.btn-mb-2-alt.show, .btn.btn-mb-2-alt:first-child:active, :not(.btn-check)+.btn.btn-mb-2-alt:active {
    background-color: var(--mb-branding-2-dark) !important;
    border-color: var(--mb-branding-2-dark) !important;
}
.btn-mb-3 {
    background-color: var(--mb-branding-3) !important;
    border-color: var(--mb-branding-3) !important;
    color: var(--mb-branding-dark) !important;
}
.btn-mb-3:hover { 
    background-color: var(--mb-branding-3-dark) !important;
    border-color: var(--mb-branding-3-dark) !important;
}
.btn-check.btn-mb-3:checked+.btn, .btn.btn-mb-3.active, .btn.btn-mb-3.show, .btn.btn-mb-3:first-child:active, :not(.btn-check)+.btn.btn-mb-3:active {
    background-color: transparent !important;
    border-color: var(--mb-branding-3-dark) !important;
    color: var(--mb-branding-3-dark) !important;
}
.btn-mb-3-alt {
    background-color: transparent !important;
    border-color: var(--mb-branding-3) !important;
    color: var(--mb-branding-3) !important;
}
.btn-mb-3-alt:hover { 
    background-color: var(--mb-branding-3-dark) !important;
    border-color: var(--mb-branding-3-dark) !important;
    color: var(--mb-branding-dark) !important;
}
.btn-check.btn-mb-3-alt:checked+.btn, .btn.btn-mb-3-alt.active, .btn.btn-mb-3-alt.show, .btn.btn-mb-3-alt:first-child:active, :not(.btn-check)+.btn.btn-mb-3-alt:active {
    background-color: transparent !important;
    border-color: var(--mb-branding-3-dark) !important;
    color: var(--mb-branding-dark) !important;
}
.btn-mb-4 {
    background-color: var(--mb-branding-4) !important;
    border-color: var(--mb-branding-4) !important;
    color: var(--mb-branding-white) !important;
}
.btn-mb-4:hover { 
    background-color: var(--mb-branding-4-dark) !important;
    border-color: var(--mb-branding-4-dark) !important;
}
.btn-check.btn-mb-4:checked+.btn, .btn.btn-mb-4.active, .btn.btn-mb-4.show, .btn.btn-mb-4:first-child:active, :not(.btn-check)+.btn.btn-mb-4:active {
    background-color: transparent !important;
    border-color: var(--mb-branding-4-dark) !important;
    color: var(--mb-branding-4) !important;
}
.btn-mb-5 {
    background-color: var(--mb-branding-5) !important;
    border-color: var(--mb-branding-5) !important;
    color: var(--mb-branding-white) !important;
}
.btn-mb-5:hover { 
    background-color: var(--mb-branding-5-dark) !important;
    border-color: var(--mb-branding-5-dark) !important;
}
.btn-check.btn-mb-5:checked+.btn, .btn.btn-mb-5.active, .btn.btn-mb-5.show, .btn.btn-mb-5:first-child:active, :not(.btn-check)+.btn.btn-mb-5:active {
    background-color: transparent !important;
    border-color: var(--mb-branding-5-dark) !important;
    color: var(--mb-branding-5) !important;
}
.btn-mb-alt {
    background-color: var(--mb-branding-alt) !important;
    border-color: var(--mb-branding-alt) !important;
    color: var(--mb-branding-3) !important;
}
.btn-mb-alt:hover { 
    background-color: var(--mb-branding-alt-dark) !important;
    border-color: var(--mb-branding-alt-dark) !important;
}
.btn-check.btn-mb-alt:checked+.btn, .btn.btn-mb-alt.active, .btn.btn-mb-alt.show, .btn.btn-mb-alt:first-child:active, :not(.btn-check)+.btn.btn-mb-alt:active {
    background-color: transparent !important;
    border-color: var(--mb-branding-alt-dark) !important;
    color: var(--mb-branding-alt) !important;
}
.btn-mb:disabled {
    background-color: var(--mb-branding-neutral) !important;
    border-color: var(--mb-branding-neutral) !important;
    color: var(--mb-branding-3) !important;
}
.btn-mb.disabled:hover { 
    background-color: var(--mb-branding-neutral) !important;
}
/* MB Branded Buttons with State */

/* Gen elements overrides */

/* Logo callout */
#mb-callout, .mb-callout, .callout { display: none; }
#mb-callout>div, .mb-callout, .callout { background-color: var(--mb-branding-3) !important; }
#mb-callout>div a, .mb-callout a, .callout { color: var(--mb-branding-2) !important; }
#mb-callout>div::before, .mb-callout::before, .callout::before { border-right-color: var(--mb-branding-3) !important; }
#mb-callout>div:hover, .mb-callout:hover, .callout:hover { background-color: var(--mb-branding-3-dark) !important; }
#mb-callout>div a:hover, .mb-callout a:hover, .callout:hover { text-decoration: none !important; }
#mb-callout>div:hover::before, .mb-callout:hover::before, .callout:hover::before { border-right-color: var(--mb-branding-3-dark) !important; }

/* Logo callout on scroll */
.scrolledin #mb-callout>div, .scrolled .callout, .page-template-blog .callout, .blog-page .callout { background-color: var(--mb-branding-2) !important; }
.scrolledin #mb-callout>div a, .scrolled .callout, .page-template-blog .callout, .blog-page .callout { color: var(--mb-branding-3) !important; }
.scrolledin #mb-callout>div::before, .scrolled .callout::before, .page-template-blog .callout::before, .blog-page .callout::before { border-right-color: var(--mb-branding-2) !important; }

/* Download Toast number color */
.fdbCurrentDownloadsNum { color: var(--mb-branding-1) !important; }

/* Main menu CTA */
#mb-nav button, #btn-navbar-download { color: var(--mb-branding-2) !important;}
.navbar-blog-v2 #btn-navbar-download { color: var(--mb-branding-3) !important;}
#mb-nav button:active, #btn-navbar-download:active { color: var(--mb-branding-3) !important;}
.scrolled #btn-navbar-download.btn-mb-2 { color: var(--mb-branding-3) !important;}
.page-template-blog #btn-navbar-download.btn-mb-3, .blog-page #btn-navbar-download.btn-mb-3 {
    background-color: var(--mb-branding-2) !important;
    border-color: var(--mb-branding-2) !important;
    color: var(--mb-branding-3) !important;
}

/* Pricing Boxes */
.priceboxes>div form>.button-secondary { line-height: normal !important; }

.button-mailbird-free.btn-mb.btn-mb-2:not(.late-2024),
.button-mailbird-personal-standard.btn-mb.btn-mb-2:not(.late-2024),
.button-mailbird-personal-standardv2.btn-mb.btn-mb-2:not(.late-2024),
.button-mailbird-personal-essential.btn-mb.btn-mb-2:not(.late-2024) {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.button-mailbird-free.btn-mb.btn-mb-2:not(.late-2024),
.button-pricing-personal-once.btn-mb.btn-mb-2:not(.late-2024), .button-pricing-standard-once.btn-mb.btn-mb-2:not(.late-2024),
.button-pricing-personal-yearly.btn-mb.btn-mb-2:not(.late-2024), .button-pricing-standard-yearly.btn-mb.btn-mb-2:not(.late-2024),
#product-box-mailbird-personal-yearly button:not(.late-2024), #product-box-mailbird-standard-yearly button:not(.late-2024),
#product-box-mailbird-personal-pay-once button:not(.late-2024), #product-box-mailbird-standard-pay-once button:not(.late-2024),
#product-box-mailbird-personal-standardv2 button:not(.late-2024),
#product-box-mailbird-personal-essential button:not(.late-2024) {
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.105) 85.42%,rgba(0,0,0,.162) 100%), var(--mb-branding-1) !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.button-mailbird-free.btn-mb.btn-mb-2:not(.late-2024):hover,
.button-pricing-personal-once.btn-mb.btn-mb-2:not(.late-2024):hover, .button-pricing-standard-once.btn-mb.btn-mb-2:not(.late-2024):hover,
.button-pricing-personal-yearly.btn-mb.btn-mb-2:not(.late-2024):hover, .button-pricing-standard-yearly.btn-mb.btn-mb-2:not(.late-2024):hover,
#product-box-mailbird-personal-yearly button:not(.late-2024):hover, #product-box-mailbird-standard-yearly button:not(.late-2024):hover,
#product-box-mailbird-personal-pay-once button:not(.late-2024):hover, #product-box-mailbird-standard-pay-once button:not(.late-2024):hover,
#product-box-mailbird-personal-standardv2 button:not(.late-2024):hover,
#product-box-mailbird-personal-essential button:not(.late-2024):hover {
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.105) 85.42%,rgba(0,0,0,.162) 100%), var(--mb-branding-1-dark) !important;
}

.priceboxes div.pb-row.with-quantity-field .button-pricing-business-yearly.btn-mb.btn-mb-alt:not(.late-2024), .priceboxes div.pb-row.with-quantity-field .button-pricing-premium-yearly.btn-mb.btn-mb-alt:not(.late-2024),
.priceboxes div.pb-row.with-quantity-field .button-pricing-business-once.btn-mb.btn-mb-alt:not(.late-2024), .priceboxes div.pb-row.with-quantity-field .button-pricing-premium-once.btn-mb.btn-mb-alt:not(.late-2024),
#product-box-mailbird-business-yearly button:not(.late-2024), #product-box-mailbird-premium-yearly button:not(.late-2024),
#product-box-mailbird-business-pay-once button:not(.late-2024), #product-box-mailbird-premium-pay-once button:not(.late-2024),
button.button-pricing-business-yearly.btn-mb.btn-mb-alt:not(.late-2024), button.button-pricing-premium-yearly.btn-mb.btn-mb-alt:not(.late-2024) {
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.105) 85.42%,rgba(0,0,0,.162) 100%), var(--mb-branding-alt) !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.priceboxes div.pb-row.with-quantity-field .button-pricing-business-yearly.btn-mb.btn-mb-alt:not(.late-2024):hover, .priceboxes div.pb-row.with-quantity-field .button-pricing-premium-yearly.btn-mb.btn-mb-alt:not(.late-2024):hover,
.priceboxes div.pb-row.with-quantity-field .button-pricing-business-once.btn-mb.btn-mb-alt:not(.late-2024):hover, .priceboxes div.pb-row.with-quantity-field .button-pricing-premium-once.btn-mb.btn-mb-alt:not(.late-2024):hover,
#product-box-mailbird-business-yearly button:not(.late-2024):hover, #product-box-mailbird-premium-yearly button:not(.late-2024):hover,
#product-box-mailbird-business-pay-once button:not(.late-2024):hover, #product-box-mailbird-premium-pay-once button:not(.late-2024):hover,
button.button-pricing-business-yearly.btn-mb.btn-mb-alt:not(.late-2024):hover {
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.105) 85.42%,rgba(0,0,0,.162) 100%), var(--mb-branding-alt-dark) !important;
}

/* #product-box-mailbird-personal-yearly button, #product-box-mailbird-personal-pay-once button, #product-box-mailbird-business-yearly button, #product-box-mailbird-business-pay-once button {
    padding-left: 15% !important;
    padding-right: 15% !important;
} */

/* Unbounce Pages Buttons */
.lp-pom-body .btn-mb.btn-mb-slim, .lp-pom-body .btn-mb { line-height: normal !important; }
/* Gen elements overrides */