/* Default theme */

.default-theme .subscription-section .subscription-wrap {
    background: -o-linear-gradient(273.65deg, #E0E0E0 2.83%, rgba(255, 255, 255, 0) 96.85%);
    background: linear-gradient(176.35deg, #E0E0E0 2.83%, rgba(255, 255, 255, 0) 96.85%);
}

.default-theme .subscription-section .subscription-inner {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--brand-body)), to(var(--brand-body)));
    background: -o-linear-gradient(top, var(--brand-body) 0%, var(--brand-body) 100%);
    background: linear-gradient(180deg, var(--brand-body) 0%, var(--brand-body) 100%);
}

.default-theme .subscription-section .subscription-title {
    -webkit-animation: color-change 4s linear infinite;
    animation: color-change 4s linear infinite;
    background: -webkit-gradient(linear, left top, right top, from(#000), color-stop(50%, #000), color-stop(50%, var(--brand-accent-color)));
    background: -o-linear-gradient(left, #000, #000 50%, var(--brand-accent-color) 50%);
    background: linear-gradient(to right, #000, #000 50%, var(--brand-accent-color) 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% auto;
}

/* Blue theme */

.blue-theme {
    --brand-body: #EDF3FF;
    --brand-accent: #3A31DA;
    --brand-accent-color: #98CD00;
}

/* Purple theme */

.purple-theme {
    --brand-body: #F6F4FF;
    --brand-accent: #6662FF;
    --brand-accent-color: #FFAA47;
}

/* Orange theme */

.orange-theme {
    --brand-body: #FCF9F4;
    --brand-accent: #F28636;
    --brand-accent-color: #22968A;
}

/* Light green theme */

.light-green-theme {
    --brand-body: #F9F9F9;
    --brand-accent: #B2CD09;
    --brand-accent-color: #B90847;
}

.light-green-theme .subscription-section input[type="submit"] {
    background-color: #F7FAEF;
}

.light-green-theme .subscription-section .subscription-inner {
    background: -webkit-gradient(linear, left top, left bottom, from(#FDFFF2), to(rgba(252, 255, 242, 1)));
    background: -o-linear-gradient(top, #FDFFF2 0%, rgba(252, 255, 242, 1) 100%);
    background: linear-gradient(180deg, #FDFFF2 0%, rgba(252, 255, 242, 1) 100%);
}

/* Mint theme */

.mint-theme {
    --brand-body: #EBF1F0;
    --brand-accent: #439893;
    --brand-accent-color: #EA6F4F;
}

/* Light blue theme */

.light-blue-theme {
    --brand-body: #F6FAFF;
    --brand-accent: #81BBFF;
    --brand-accent-color: #585DE4;
}

/* Red theme */

.red-theme {
    --brand-body: #F7F4F6;
    --brand-accent: #8B1F1F;
    --brand-accent-color: #138C7D;
}

/* Pink theme */

.pink-theme {
    --brand-body: #F4F4F4;
    --brand-accent: #D62968;
    --brand-accent-color: #00B3A8;
}

/* Green theme */

.green-theme {
    --brand-body: #F4F4F4;
    --brand-accent: #00430B;
    --brand-accent-color: #D66819;
}