/**********************************
 Marketo Homepage CSS
***********************************/
.home .rs-homepage-newsletter
{
    display:          flex;
    flex-direction:   column;
    align-items:      center;
    background-color: #ed1b23;
    margin-bottom:    20px;
    padding:          51px 23px 26px;
    font-size:        20px;
    font-weight:      bold;
    color:            white;
    line-height:      25px;
    text-align:       center;
}

.home .rs-homepage-newsletter > span
{
    margin-top:    30px;
    margin-bottom: 35px;
    max-width:     212px;
}

.home .rs-homepage-newsletter > button
{
    appearance:       none;
    background-color: black;
    display:          flex;
    align-items:      center;
    justify-content:  center;
    border:           0;
    border-radius:    0;
    max-width:        241px;
    width:            100%;
    height:           47px;
    font-size:        16px;
    line-height:      19px;
    text-transform:   uppercase;
}

.home .rs-homepage-newsletter form
{
    display: none;
}

/*******
 * MODAL ---------------------------------------------------------------
 *******/

.home .mktoModal
{
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           100%;
    height:          100%;
}

.home .mktoModal .mktoModalContent
{
    max-width: 1100px;
    padding:   0;
    width:     90%;
}

@media (max-width: 767px)
{
    .home .mktoModal .mktoModalContent
    {
        max-height: 90vh;
        overflow:   auto;
    }
}

.home .mktoModal .mktoModalContent .mktoModalMain
{
    width: auto !important;
}

.home .mktoModal .mktoModalClose
{
    background-color: transparent;
    display:          flex;
    align-items:      center;
    justify-content:  center;
    top:              13px;
    right:            15px;
    border:           2px solid black;
    border-radius:    50%;
    padding-left:     1px;
    padding-top:      1px;
    width:            28px;
    height:           28px;
    font-size:        28px;
    color:            #ed1b23;
}

/*******************
 * ARTICLE OVERRIDES ---------------------------------------------------
 *******************/

/*************
 * PAGE INLINE ---------------------------------------------------------
 *************/

.rs-homepage-newsletter
{
    display:          flex;
    flex-direction:   column;
    align-items:      center;
    margin-bottom:    20px;
    padding:          80px 23px 26px;
    font-size:        20px;
    font-weight:      bold;
    line-height:      25px;
    text-align:       center;
}

.rs-homepage-newsletter > span
{
    margin-top:    39px;
    margin-bottom: 38px;
    max-width:     212px;
}

.rs-homepage-newsletter-cta-title
{
    margin-bottom: 18px;
}

.rs-homepage-newsletter-cta-title > img
{
    margin-right: 15px;
}

.rs-homepage-newsletter-cta-title > span
{
    color:       #ED1B23;
    font-size:   20px;
    line-height: 25px;
}

.rs-homepage-newsletter > button
{
    color:            #ffffff;
    appearance:       none;
    background-color: black;
    display:          flex;
    align-items:      center;
    justify-content:  center;
    border:           0;
    border-radius:    0;
    max-width:        241px;
    width:            100%;
    height:           47px;
    font-size:        16px;
    line-height:      19px;
    text-transform:   uppercase;
    transition:       all 200ms ease-in-out;
}

.rs-homepage-newsletter > button:hover
{
    background-color: #ED1B23;
}

.rs-homepage-newsletter form
{
    display: none;
}

/*******
 * MODAL ---------------------------------------------------------------
 *******/

.mktoModal
{
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           100%;
    height:          100%;
}

.mktoModal .mktoModalContent
{
    max-width: 1100px;
    padding:   0;
    width:     90%;
}

@media (max-width: 767px)
{
    .mktoModal .mktoModalContent
    {
        max-height: 90vh;
        overflow:   auto;
    }
}

.mktoModal .mktoModalContent .mktoModalMain
{
    width: auto !important;
}

.mktoModal .mktoModalClose
{
    background-color: transparent;
    display:          flex;
    align-items:      center;
    justify-content:  center;
    top:              13px;
    right:            15px;
    border:           2px solid black;
    border-radius:    50%;
    padding-left:     1px;
    padding-top:      1px;
    width:            28px;
    height:           28px;
    font-size:        28px;
    color:            #ed1b23;
}

/*******************
 * ARTICLE OVERRIDES ---------------------------------------------------
 *******************/

/* Main container */
.rs-homepage-newsletter-modal
{
    background-color: white !important;
    margin-top:       0 !important;
}

/* Shift background image a tad */
.rs-homepage-newsletter-modal > .rs-homepage-newsletter-background
{
    background-position: calc(50% + 6px) !important;
}

/* White to black text */
.rs-homepage-newsletter-modal .mktoForm .rs-homepage-newsletter-title,
.rs-homepage-newsletter-modal .mktoForm #optInEmailUnchecked + label,
.rs-homepage-newsletter-modal .mktoForm .rs-homepage-newsletter-terms > small,
.rs-homepage-newsletter-modal .mktoForm .rs-homepage-newsletter-terms > small > a
{
    color: black !important;
}

/* No title icon */
.rs-homepage-newsletter-modal .mktoForm .rs-homepage-newsletter-title > img
{
    display: none !important;
}

/* Radio outer white to black */
.rs-homepage-newsletter-modal .mktoForm #optInEmailUnchecked + label:before
{
    border-color: black !important;
}

/* Radio inner white to black */
.rs-homepage-newsletter-modal .mktoForm #optInEmailUnchecked:checked + label:after
{
    background-color: black !important;
}

/* Start article paste!!! --------------------------------------------------------------- */
/* Start article paste!!! --------------------------------------------------------------- */
/* Start article paste!!! --------------------------------------------------------------- */

/*********
 * GENERAL -------------------------------------------------------------------------
 *********/

/* Main container */
.rs-homepage-newsletter-modal
{
    background-color: #ed1c24;
    display:          flex;
    margin-top:       75px;
    height:           539px;
}

/* Main container background */
.rs-homepage-newsletter-modal > .rs-homepage-newsletter-background
{
    flex-grow:           1;
    background-image:    url("../../../../../../../static/images/rs-newsletter-blog-left.jpg");
    background-position: calc(50% + 15px);
    background-repeat:   no-repeat;
    height:              100%;
}

/******
 * FORM ----------------------------------------------------------------------------
 ******/

/* Form wrapper (to mitigate two fields per row) */
.rs-homepage-newsletter-modal > .rs-homepage-newsletter-inner
{
    display:         flex;
    align-items:     center;
    justify-content: center;
    min-width:       525px;
    width:           61%;
}

/* Form */
.rs-homepage-newsletter-modal .mktoForm
{
    display:     flex;
    flex-wrap:   wrap;
    align-items: center;
    width:       502px !important;
}

/* Form error message triangle */
.rs-homepage-newsletter-modal .mktoForm .mktoError .mktoErrorArrow
{
    background-color: black;
    border-color:     black;
    box-shadow:       rgba(0,0,0,0.65) 0 2px 7px, inset black 0 1px 0;
}

/* Form error message */
.rs-homepage-newsletter-modal .mktoForm .mktoError .mktoErrorMsg
{
    background-image: none;
    background-color: black;
    border-color:     black;
    box-shadow:       rgb(0 0 0 / 65%) 0 2px 7px, inset black 0 1px 0;
    text-shadow:      none;
}

/* Form title */
.rs-homepage-newsletter-modal .mktoForm .rs-homepage-newsletter-title
{
    display:        flex;
    flex-direction: column;
    align-items:    center;
    margin-bottom:  10px;
    width:          100%;
    font-family:    Gotham, Helvetica, sans-serif;
    font-weight:    bold;
    font-size:      20px;
    color:          white;
    line-height:    25px;
    text-align:     center;
    z-index:        0; /* Because of form background */
}

/* Form title icon */
.rs-homepage-newsletter-modal .mktoForm .rs-homepage-newsletter-title > img
{
    margin-bottom: 23px;
}

/* Strip native column spacing */
.rs-homepage-newsletter-modal .mktoForm .mktoFormCol
{
    margin: 0 !important;
}

/* Strip native layout */
.rs-homepage-newsletter-modal .mktoForm .mktoOffset,
.rs-homepage-newsletter-modal .mktoForm .mktoClear,
.rs-homepage-newsletter-modal .mktoForm .mktoLabel,
.rs-homepage-newsletter-modal .mktoForm .mktoGutter
{
    display: none;
}

/* Fields */
.rs-homepage-newsletter-modal .mktoForm input,
.rs-homepage-newsletter-modal .mktoForm select
{
    background-color: #eee;
    margin:           18px 5px 0 !important;
    border:           0 !important;
    border-radius:    0 !important;
    padding:          10px !important;
    width:            241px !important;
    height:           47px !important;
    font-family:      Gotham, Helvetica, sans-serif;
    font-weight:      bold;
    font-size:        14px !important;
    color:            #a9a9a9;
    line-height:      1;
    text-align:       center;
}

/* Select */
.rs-homepage-newsletter-modal .mktoForm select
{
    background-image:    url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5 .535898.5H7.4641L4 5Z' fill='%23A9A9A9'/%3E%3C/svg%3E");
    background-position: center right 10px;
    background-size:     8px;
    padding-right:       28px;
}

/* Checkbox wrapper div */
.rs-homepage-newsletter-modal .mktoForm .mktoCheckboxList
{
    padding: 0;
    width:   auto !important;
}

/* Checkbox */
.rs-homepage-newsletter-modal .mktoForm #optInEmailUnchecked
{
    background-color: transparent;
    margin:           0;
    padding:          0 !important;
    width:            0 !important;
    height:           0;
    appearance:       none; /* FF bug */
}

/* Checkbox label */
.rs-homepage-newsletter-modal .mktoForm #optInEmailUnchecked + label
{
    position:     relative;
    display:      flex;
    align-items:  center;
    margin:       18px 5px 0;
    padding-left: 25px;
    height:       47px;
    font-family:  Gotham, Helvetica, sans-serif;
    font-weight:  bold;
    font-size:    14px;
    color:        white;
    line-height:  1;
    cursor:       pointer;
}

/* Checkbox radio outer circle */
.rs-homepage-newsletter-modal .mktoForm #optInEmailUnchecked + label:before
{
    content:       "";
    position:      absolute;
    left:          0;
    border:        1px solid white;
    border-radius: 50%;
    width:         17px;
    height:        17px;
}

/* Checkbox radio inner circle */
.rs-homepage-newsletter-modal .mktoForm #optInEmailUnchecked:checked + label:after
{
    content:          "";
    position:         absolute;
    background-color: white;
    left:             3px;
    border-radius:    50%;
    width:            11px;
    height:           11px;
}

/* Submit button row */
.rs-homepage-newsletter-modal .mktoForm .mktoButtonRow
{
    margin-top:    24px;
    margin-bottom: 24px;
    width:         100%;
    text-align:    center;
}

/* Strip native spacing */
.rs-homepage-newsletter-modal .mktoForm .mktoButtonRow > span
{
    margin: 0 !important;
}

/* Submit button */
.rs-homepage-newsletter-modal .mktoForm .mktoButtonRow button
{
    background-color: black !important;
    background-image: none !important;
    border:           0 !important;
    border-radius:    0;
    padding:          0 !important;
    width:            241px;
    height:           47px;
    font-family:      Gotham, Helvetica, sans-serif;
    font-size:        16px !important;
    font-weight:      bold;
    color:            white !important;
    line-height:      1;
    text-transform:   uppercase;
}

/* Terms container */
.rs-homepage-newsletter-modal .mktoForm .rs-homepage-newsletter-terms
{
    max-width:   493px;
    width:       auto;
    font-size:   11px;
    line-height: 15px;
    z-index:     0;
}

/* Terms */
.rs-homepage-newsletter-modal .mktoForm .rs-homepage-newsletter-terms > small
{
    font-family: Gotham, Helvetica, sans-serif;
    font-size:   inherit;
    color:       white;
    line-height: inherit;
}

/* Terms link */
.rs-homepage-newsletter-modal .mktoForm .rs-homepage-newsletter-terms > small > a
{
    font-weight: bold;
    color:       white;
}

/* EQ Blog XS ------------------------------------------------------------------- */
@media (max-width: 767px)
{
    /* Main container */
    .rs-homepage-newsletter-modal
    {
        background-image: none;
        justify-content:  center;
        padding:          29px 54px 55px;
        height:           auto;
    }

    /* Main container background */
    .rs-homepage-newsletter-modal > .rs-homepage-newsletter-background
    {
        display: none;
    }

    /* Form wrapper (to mitigate two fields per row) */
    .rs-homepage-newsletter-modal > .rs-homepage-newsletter-inner
    {
        min-width: 0;
        width:     auto;
    }

    /* Form */
    .rs-homepage-newsletter-modal .mktoForm
    {
        flex-direction: column;
        flex-wrap:      nowrap;
        width:          auto !important;
    }

    /* Strip native spacing */
    .rs-homepage-newsletter-modal .mktoForm *
    {
        padding: 0;
    }

    /* Title */
    .rs-homepage-newsletter-modal .mktoForm .rs-homepage-newsletter-title
    {
        margin-bottom: 6px;
    }

    /* Fields */
    .rs-homepage-newsletter-modal .mktoForm input,
    .rs-homepage-newsletter-modal .mktoForm select,
    .rs-homepage-newsletter-modal .mktoForm #optInEmailUnchecked + label
    {
        margin-left:  0;
        margin-right: 0;
    }

    /* Submit button row */
    .rs-homepage-newsletter-modal .mktoForm .mktoButtonRow
    {
        margin-top: 24px;
    }

    /* Terms */
    .rs-homepage-newsletter-modal .mktoForm .rs-homepage-newsletter-terms
    {
        max-width: 273px;
    }
}