/* 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; }