@import url("https://use.typekit.net/dlu6jdc.css");
.participation .join-stage-header .text:first-child {
    font-family: 'the-seasons', sans-serif !important;
font-weight: 700;
font-style: normal;
color: #021940;
text-transform:uppercase !important;
}
.participation .join-stage-header .text:last-child{
    font-family: 'the-seasons', sans-serif !important;
font-weight: 400;
font-style: normal;
font-size:18px !important;
color: #111;
}
.container.d-flex.flex-column{
flex-grow:0 !important;
}
#sec_56e632 {
    min-height: 10px !important;
}
/**FORM - Change Button Color**/
.button-custom-style {
    color: #FFF;
    font-family: 'the-seasons', sans-serif !important;
font-style: normal;
    border-radius:0px !important;
    background: #b48e69 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border: none !important;
    font-size: 1.0em !important;
}
.participation .form-control {
    border: 1px solid #D7D7D8;
    padding: 9px 15px;
    height: auto;
    font-family: 'the-seasons', sans-serif !important;
font-weight: 300;
font-style: normal;
    font-size: var(--normal-text)!important;
    border: solid 1px var(--normal-color-opacity-20);
    background-color: #ffffff1c;
    color: var(--normal-color);
    min-width: 226px;
    min-height: 40px;
    max-height: 50px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0px !important;
}
.container-fluid {
    font-family: var(--referral-count-font);
    padding: 0;
    border-radius: 0px !important;
}
.container-fluid .has-border {
    padding: 20px 30px;
    border-radius: 0px;
    border: solid 1px #B9C798;
    background-color: #fff;
}
.container-fluid .shopify-counter {
    font-family: 'the-seasons', sans-serif !important;
font-weight: 300;
font-style: normal;
    font-size: 48px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
}
.referral-bubble-description {
    font-family: 'the-seasons', sans-serif !important;
font-weight: 300;
font-style: normal;
}
#sec_56e632 .logo-container img {
    max-height: 60px !important;
    max-width: 200px !important;
    height: 60px !important;
    width: 200px !important;
}
.logo-container {
    padding-bottom: 30px !important;
}
#sec_56e632 {
    min-height: 600px !important;
    background-position: center 15% !important;
}
#embedFormContainer-sec_56e632 {
    margin-top: 30px !important;
}
/*YOUR COUPONS Section - Change
BG Color & Heading Color*/
#sec_548f58{
    background-color: #B9C798 !important;
}
h1.heading{
    color:white !important;
}
/* COUPON */
#sec_aa2b75 {
    background: #021940 !important;
}
#sec_aa2b75 .heading {
    font-family: 'the-seasons', sans-serif !important;
font-weight: 400;
font-style: normal;
}
#sec_aa2b75 p{
    font-family: 'the-seasons', sans-serif !important;
font-weight: 300;
font-style: normal;
}
/* REWARD */
#sec_08531e .subheading {
    font-family: 'the-seasons', sans-serif !important;
font-weight: 400;
font-style: normal;
}
.container-fluid, .no-coupons {
    font-family: 'the-seasons', sans-serif!important;
font-weight: 300;
font-style: normal;
}
div.milestone .referrals-bubble {
    border: 3px solid #b48e69 !important;
    color: #b48e69 !important;
    background-color: #b48e69 !important;
}
div.milestone .progress-line, div.milestone .progress-line-right, div.milestone .progress-line-left {
    background-color: #b48e69 !important;
}
div.milestone .progress-line-left.completed>div {
    background-color: #b48e69 !important;
}
/**To change the Progress Line
& Milestone Number colors
go to Sections > Milestone >
Primary Color**/ /