/* Grid styles */

[data-grid~="container"],[data-grid*="col-"] {
    box-sizing: border-box;
    zoom:1;
}

[data-grid~="container"]::before,[data-grid~="container"]::after,[data-grid*="col-"]::before,[data-grid*="col-"]::after {
    content: " ";
    display: table;
}

[data-grid~="container"]::after,[data-grid*="col-"]::after {
    clear: both;
}

[data-grid*="col-"] {
    float: left;
    min-height: 1px;
}

[data-grid~="col-1"] {
    width: 8.33333%;
}

[data-grid~="col-2"] {
    width: 16.66667%;
}

[data-grid~="col-3"] {
    width: 25%;
}

[data-grid~="col-4"] {
    width: 33.33333%;
}

[data-grid~="col-5"] {
    width: 41.66667%;
}

[data-grid~="col-6"] {
    width: 50%;
}

[data-grid~="col-7"] {
    width: 58.33333%;
}

[data-grid~="col-8"] {
    width: 66.66667%;
}

[data-grid~="col-9"] {
    width: 75%;
}

[data-grid~="col-10"] {
    width: 83.33333%;
}

[data-grid~="col-11"] {
    width: 91.66667%;
}

[data-grid~="col-12"] {
    width: 100%;
}

[data-grid~="col-1-5"] {
    width: 20%;
}

[data-grid~="col-1-8"] {
    width: 12.5%;
}

@media screen and (max-width: 1778px) {
    [data-grid~="stack-5"] > [data-grid] {
        float: none;
        width: 100%;
        display: block;
        padding: inherit 0;
    }
}

@media screen and (max-width: 1399px) {
    [data-grid~="stack-4"] > [data-grid] {
        float: none;
        width: 100%;
        display: block;
        padding: inherit 0;
    }
}

@media screen and (max-width: 1083px) {
    [data-grid~="stack-3"] > [data-grid] {
        float: none;
        width: 100%;
        display: block;
        padding: inherit 0;
    }
}

@media screen and (max-width: 767px) {
    [data-grid~="stack-2"] > [data-grid] {
        float: none;
        width: 100%;
        display: block;
        padding: inherit 0;
    }
}

@media screen and (max-width: 539px) {
    [data-grid*="col-"] {
        float: none;
        width: 100%;
        display: block;
        padding: inherit 0;
    }
}
/*New   */
img.c-image, picture.c-image img {
    display: block;
    margin: 0;
    max-width: 100%;
    height: auto;
}

/* .m-image {
    padding: 48px 0 0;
} */

.emwa-2 .image-container {
    padding-top: 8px;
    margin-bottom: 24px;
}

[data-grid~=pad-6x]>[data-grid] {
    padding-left: 12px;
    padding-right: 12px;
}

[data-grid~=col-4] {
    width: 33.3333333333%;
}

[data-grid~=col-12] {
    width: 100%;
}

[data-grid*=col-] {
    float: left;
    min-height: 1px;
}

[data-grid*=col-], [data-grid~=container] {
    box-sizing: border-box;
    zoom: 1;
}

[data-grid*=col-], [data-grid~=container] {
    box-sizing: border-box;
    zoom: 1;
}

[data-grid~=container] {
    max-width: calc(1600px + 10%);
    margin: 0 auto;
    padding-left: 5%;
    padding-right: 5%;
}

.emwa-2 .copy-container .c-heading-1 {
    font-weight: 450;
    font-size: 26px !important;
    padding-top: 0;
}

.c-heading-1 {
    color: #000;
    line-height: 40px!important;
    padding: 38px 0 6px;
    margin-bottom: 0;
}

.c-heading-1, .c-heading-2 {
    letter-spacing: -.01em;
    font-weight: 100;
}

.SectionContainer .panel.heading-container .c-heading-1, .SectionContainer .panel.paragraph-container .c-paragraph, .emwa-2 .copy-container .email-container, .emwa-2 .copy-container .paragraph-container {
    margin-top: 20px;
}

[data-grid*=col-]:after, [data-grid*=col-]:before, [data-grid~=container]:after, [data-grid~=container]:before {
    content: " ";
    display: table;
}

.SectionContainer .panel.email-container .c-label, .emwa-2 .copy-container .email-container .c-label {
    display: block;
    padding-bottom: 0;
    margin-top: 0;
}

.SectionContainer .email-container .c-label + input.c-text-field[type=email], .emwa-2 .copy-container .email-container .c-label + input.c-text-field[type=email] {
    min-width: 385px;
    width: 385px;
    margin-top: 12px;
    margin-right: 4px;
}

.c-label+input.c-password[type=password], .c-label+input.c-text-field[type=email], .c-label+input.c-text-field[type=tel], .c-label+input.c-text-field[type=url], .c-label+input.c-text-field[type=text], .c-label+input.c-text-field[type=number] {
    margin: 0;
}

.emwa-2 .copy-container .email-container .validation-error {
    position: absolute;
    display: block;
    font-size: 12px;
}

a.c-button.f-primary, button.c-button.f-primary, button.c-button[type=submit] {
    color: #FFF;
    background-color: #0067B8;
}

[data-grid*=col-]:after, [data-grid~=container]:after {
    clear: both;
}

.SectionContainer .panel.email-container, .emwa-2 .copy-container .optional-copy-container {
    margin-top: 24px;
}

[data-grid*=col-]:after, [data-grid*=col-]:before, [data-grid~=container]:after, [data-grid~=container]:before {
    content: " ";
    display: table;
}

EmailSignupCreator Signup CSS .SectionContainer .panel .c-paragraph, .emwa-2 .c-paragraph {
    padding: 0;
}

[data-grid*=col-]:after, [data-grid~=container]:after {
    clear: both;
}

[data-grid*=col-]:after, [data-grid*=col-]:before, [data-grid~=container]:after, [data-grid~=container]:before {
    content: " ";
    display: table;
}

.emwa-2 .copy-container div[data-grid="col-12"]:last-child {
    margin-bottom: 24px;
    margin-top: 24px;
}

[data-grid*=col-]:after, [data-grid~=container]:after {
    clear: both;
}

[data-grid*=col-]:after, [data-grid*=col-]:before, [data-grid~=container]:after, [data-grid~=container]:before {
    content: " ";
    display: table;
}

.c-checkbox input[type=checkbox]+span:before {
    content: "";
    box-shadow: inset 0 0 0 1px #000, inset 0 0 0 10px transparent;
    top: 0;
}

/* .c-checkbox input[type=checkbox] {
    position: absolute;
    height: 20px;
    opacity: 0;
    width: 20px;
} */

/*Very new*/
/* .SectionContainer .panel .c-paragraph,
.emwa-2 .c-paragraph { 
    padding: 0;
}

/*(EMWA 2.0)*/
.SectionContainer .panel.heading-container .c-heading-1 {
    font-weight: 600;
    font-size: 37px !important;
    padding-top: 0;
}

.emwa-2 .copy-container .c-heading-1 {
    font-weight: 600;
    font-size: 26px !important;
    padding-top: 0;
}
/*(EMWA 2.0)*/
.SectionContainer .panel .c-paragraph,
.SectionContainer .panel .c-label,
.SectionContainer .panel .c-button,
.emwa-2 .c-paragraph,
.emwa-2 .c-label,
.emwa-2 .c-button {
    font-size: 16px;
}

/*(EMWA 2.0)*/
.SectionContainer .email-container .c-label + input.c-text-field[type=email],
.emwa-2 .copy-container .email-container .c-label + input.c-text-field[type=email] {
    min-width: 385px;
    width: 385px;
    margin-top: 12px;
    margin-right: 4px;
}

/*(EMWA 2.0)*/
.SectionContainer .panel .c-button,
.emwa-2 .c-button {
    display: inline-block;
    font-weight: 600;
    min-width: 101px;
}

/*(EMWA 2.0)*/
.SectionContainer .panel.heading-container .c-heading-1,
.SectionContainer .panel.paragraph-container .c-paragraph,
.emwa-2 .copy-container .email-container,
.emwa-2 .copy-container .paragraph-container {
    margin-top: 20px;
}

    /*(EMWA 2.0)*/
    .SectionContainer .panel.email-container .c-label,
    .emwa-2 .copy-container .email-container .c-label {
        display: block;
        padding-bottom: 0;
        margin-top: 0
    }

/*.SectionContainer .opt-in-container .opt-in-checkbox{
    position:absolute;
}*/


.SectionContainer .panel:last-child {
    margin-bottom: 24px;
    margin-top: 24px;
}

.SectionContainer .panel.privacy-statement-container {
    margin-top: 24px;
}

.SectionContainer .panel.confirm-button-container,
.emwa-2 .copy-container .confirm-button-container {
    margin-top: 24px;
    margin-bottom: 24px;
}

.SectionContainer .panel.email-container {
    position: relative;
}

    .SectionContainer .panel.email-container .validation-error {
        position: absolute;
        top: 80px;
        left: 0px;
        font-size: 12px;
    }
/*(EMWA 2.0)*/
.SectionContainer .panel.email-container,
.emwa-2 .copy-container .optional-copy-container {
    margin-top: 24px;
}

/*(EMWA 2.0)*/
.SectionContainer .panel.confirm-button-container a,
.emwa-2 .copy-container .confirm-button-container a {
    margin-left: 0;
    max-width: 374px;
    min-width: 101px;
    display: inline-block;
    padding: 9px 12px 10px;
    border: 1px solid transparent;
    overflow: hidden;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: bottom;
    outline: transparent dashed 1px;
    transition: scale .2s ease-in-out;
    text-decoration: none;
}

@media screen and (max-width: 539px) {
    .SectionContainer .email-container .c-label + input.c-text-field[type=email] {
        width: 100%;
        min-width: 0;
    }
}

@media screen and (max-width: 767px) {
    .emwa-2 .copy-container .email-container .c-label + input.c-text-field[type=email] {
        width: 100%;
        min-width: 0;
    }
}

@media screen and (max-width: 880px) {
    .emwa-2 .copy-container button.c-button[type=submit] {
        margin-top: 24px;
    }

    .SectionContainer .panel.email-container button.c-button[type=submit] {
        margin-top: 24px;
    }
}

/*EMWA 2.0: Inhereted styles from EMWA 1 will be marked as (EMWA 2.0)*/
.emwa-2 .image-container {
    padding-top: 8px;
    margin-bottom: 24px;
}

.emwa-2 .copy-container .opt-in-container {
    position: relative;
    margin-top: 24px;
}

/*.emwa-2 .copy-container .opt-in-container #OptInMarketing {
    position: absolute;
    opacity: 1;
    top: -19px;
    -webkit-appearance: checkbox;
}*/

.emwa-2 .copy-container div[data-grid="col-12"]:last-child {
    margin-bottom: 24px;
}

.emwa-2 .copy-container .disclaimer-container, 
.emwa-2 .copy-container .alt-text-container{
    margin-top: 24px;
}
.emwa-2 .copy-container .opt-in-container .opt-in-message {
    display: inline-block;
    margin-left: 25px;
    width: 97%;
}

/*.emwa-2 .copy-container .opt-in-message {
    margin-bottom: 24px;
}*/

.emwa-2 .copy-container .email-container .validation-error {
    position: absolute;
    display: block;
    font-size: 12px;
}

/*EDIT BUTTON STYLES FOR LANDING PAGES*/
.report-edit-container {
    min-height: 150px;
    background-color: #505050;
    padding: 25px 0 25px 0;
}

.report-edit-text {
    color: #FFF;
    font-weight: 600;
    font-size: 26px !important;
    padding-top: 0;
}

/*Gift Card POPUP CSS*/

.SectionContainer.giftcard-container[data-grid~=container] {
    margin-left: 25%;
    margin-right: 25%;
}

.emwa-2 input.c-text-field[type=email], input.c-text-field[type=tel], input.c-text-field[type=url], input.c-text-field[type=text], input.c-text-field[type=number],
.emwa input.c-text-field[type=email], input.c-text-field[type=tel], input.c-text-field[type=url], input.c-text-field[type=text], input.c-text-field[type=number] {
    display: block;
    width: 296px;
    height: 36px;
    margin-top: 20px;
    padding: 7px 10px;
    border: 1px solid rgba(0,0,0,.6);
    outline: 0;
    background: #FFF;
}

.emwa .panel {
    float: none;
    margin: auto;
}

.emwa-2 #general-content.copy-container.hide-form-body,
.emwa-2 #general-content-emwa-success.copy-container.hide-success-screen,
.emwa-2 #general-content-emwa-error.copy-container.hide-success-screen,
.emwa #esup-general-content.esup-content.hide-form-body,
.emwa #esup-general-content-success.esup-content-success.hide-success-screen,
.emwa #esup-general-content-error.esup-content-error.hide-success-screen{
    display: none;
}

.emwa-2 #general-content.copy-container.emwa-modal-content,
.emwa #esup-general-content.esup-content.esup-modal-content,
.emwa #esup-general-content.esup-content.esup-modal-content .panel.heading-container,
.emwa #esup-general-content.esup-content.esup-modal-content .panel.paragraph-container,
.emwa #esup-general-content.esup-content.esup-modal-content .panel.email-container,
.emwa #esup-general-content.esup-content.esup-modal-content .panel.privacy-statement-container,
.emwa #esup-general-content-success.esup-content.esup-modal-content.esup-content-success .panel.heading-container,
.emwa #esup-general-content-success.esup-content.esup-modal-content.esup-content-success .panel.paragraph-container,
.emwa #esup-general-content-success.esup-content.esup-modal-content.esup-content-success .panel.confirm-button-container,
.emwa #esup-general-content-error.esup-content.esup-modal-content.esup-content-error .panel.heading-container,
.emwa #esup-general-content-error.esup-content.esup-modal-content.esup-content-error .panel.paragraph-container,
.emwa #esup-general-content-error.esup-content.esup-modal-content.esup-content-error .panel.confirm-button-container{
    width: 100%;
}

.emwa-2 a.c-button[role=button], button.c-button {
    font-size: 15px;
    max-width: 374px;
    min-width: 120px;
    display: inline-block;
    margin-top: 12px;
    padding: 9px 12px 10px;
    background-color: rgba(0,0,0,.2);
    color: #000;
    border: 1px solid transparent;
    overflow: hidden;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: bottom;
    outline: transparent dashed 1px;
    transition: scale .2s ease-in-out;
}

.emwa #esup-goback,
.emwa-2 #emwa-goback{
    cursor : pointer;
}

.emwa .panel {
    float: none;
    margin: auto;
}

.text-danger {
    color: #c00000;
}


@media screen and (max-width: 1399px){

    .SectionContainer.giftcard-container[data-grid~=container] {
        margin-left: 15%;
        margin-right: 15%;
    }

}

@media screen and (max-width: 1083px) {

    .SectionContainer.giftcard-container[data-grid~=container] {
        margin-left: 0;
        margin-right: 0;
    }
} */


.emwa button#submit {
    color: #FFF;
    background-color: #0067B8;
    display: inline-block;
    font-weight: 600;
    min-width: 101px;
    font-size: 16px;
}

.emwa button#submit:focus,
.emwa a#EMWA-continue-shopping:focus,
.emwa a#emwa-goback:focus{
    outline: 1px dashed #000;
}
