/* ********************** */
/* EMAIL CONTESTS GLOBALS */
/* ********************** */


/*! HIDE SIDE NAV AND STANDARDIZE MAIN CONTENT/STAGE SETTING */
h1#categoryHeader, .promo-component, #violator,
.desktop-site .headerPromoComponent,
.desktop-site .headerAndNav,
div[aria-labelledby*="crl8-gallery-"] > button,
div[aria-labelledby*="crl8-gallery-"] > div[role="list"] + div {
    display: none !important;
}

.pwa-site .c-custom-breadcrumb,
.pwa-site .c-page-header,
.pwa-site .pw-header-bar > div > div.u-width-1of2,
.pwa-site #EmailSignUpForm,
.pwa-site .t-footer .pw-list-tile,
.pwa-site .c-recommendations,
.pwa-site #app-footer {
    display: none !important;
}

.pwa-site .m-framework[data-tracking="Frontgate 30th Anniversary Sweepstakes"] {
    margin-bottom: 12px;
}

.tabletHeaderRedesign .headerAndNav ~ #content {
    padding-top: 0;
}

#sideBox,
#breadcrumbs,
#css-top-navigation,
#uNav,
.bloom-reach-wrapper,
#paypalNowAcceptingFooter,
.footerLinks,
#copyright ul.links li:nth-child(8),
.partners,
.source-code-footer { 
    display: none !important; 
}

.desktop-site #copyright {
    margin-top: 25px;
}

.desktop-site .fake-header-row {
    margin-bottom: 30px;
}

.desktop-site .fake-header-row img {
    height: 38px;
}

.desktop-site.headerRedesign .redesignedHeaderAndNav ~ #content {
    padding-top: 15px !important;
}

.pwa-site .form .c-heading.c--0 {
    font-size: 2.5em;
}

html:not(.area-CheckOutArea) .headerAndNav:not(.main-nav-scrolled) {
    min-height: auto;
}
.wrapper>[id="sideBox"] ~ [id="mainContent"] {
    width: 100% !important;
    float: none;
}

[id="header"] {
    border-bottom: 0;
}


[id="header"] [id="logo1"],
[id="abbreviated_header"] [id="logo1"] {
    float: none;
    margin: 0 auto;
}
#copyright, #footer { margin: 0 auto;}
#footer #copyright .credentials { margin-top: 0; clear: none; }

/*! SWEEPS-SPECIFIC PROBABLY **/
.sweeps-row,
.flex-row,
.pwa-site .m-framework .row.sweeps-row,
.pwa-site .m-framework .row.flex-row {
    display: flex;
}

.tagline-text {
    margin-top: 25px;
    margin-bottom: 0px;
}

.screen-xs-up .sweeps-row,
.pwa-site .sweeps-row {
    flex-direction: column;
}

.screen-sm-up .sweeps-row {
    flex-direction: row;
}

.screen-xs-up .sweeps-row .image-col,
.pwa-site .sweeps-row .image-col {
    margin-top: 12px;
}
.screen-sm-up .sweeps-row .image-col {
    margin-top: 0;
}

.sweeps-row .thankyou-component,
.sweeps-row.form-complete .form-component,
.sweeps-row .popout-cta-wrapper {
    display: none;
}

.sweeps-row.form-complete .thankyou-component,
.sweeps-row.form-complete .popout-cta-wrapper {
    display: block;
}

.pwa-site .sweeps-row.form-complete .popout-cta-wrapper,
.screen-xs .sweeps-row.form-complete .popout-cta-wrapper {
    display: none;
}

.sweeps-row .form-col > .wrapper {
    background-color: #002555;
    height: 100%;
    padding: 15px;
}

.text-wrapper {
    height: 100%;
    background-color: #D46F57;
    padding: 15px;
}

.inner-text-wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}

.form-component {
    text-align: center;
}

.screen-sm-up .form-component {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.input-wrapper {
    max-width: 45%;
    margin-left: auto;
    margin-right: auto;
}

.pwa-site .input-wrapper,
.screen-xs .input-wrapper {
    max-width: 75%;
}

.input-wrapper input[type="text"] {
    font-size: 16px;
    text-align: center;
}

.input-wrapper .submit {
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.checkbox-wrapper {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 15px;
}

.checkbox-wrapper label {
    font-weight: normal;
    color: #fff;
    position: relative;
    padding-left: 20px;
}

.checkbox-wrapper input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkbox-wrapper .custom-checkbox {
    position: absolute;
    top: 4px;
    left: 0;
    height: 14px;
    width: 14px;
    border: 1px solid #fff;
    cursor: pointer;
    background-color: transparent;
}

.checkbox-wrapper .custom-checkbox:after {
    content: "\2713";
    position: absolute;
    top: -6px;
    left: 2px;
    display: none;
}

.checkbox-wrapper input[type="checkbox"]:focus ~ .custom-checkbox {
    outline-width: 1px;
    outline-style: solid;
    outline-color: #2A78CD;
    outline-offset: 0px;
}

.checkbox-wrapper input[type="checkbox"]:checked ~ .custom-checkbox:after {
    display: block;
}

.fineprint-wrapper {
    margin-top: 15px;
    color: #fff;
}

.form-component .sweeps-intro-text {
    margin-bottom: 0px;
}

.form-component .error-component {
    visibility: hidden;
    font-size: 12px;
    color: #c5b358;
    font-weight: bold;
}

.thankyou-component,
.thankyou-component .wrapper {
    height: 100%;
}

.pwa-site .thankyou-component .button-wrapper {
    margin-top: 15px;
}

.pwa-site .thankyou-component .button-wrapper a {
    width: 100%;
}

.pwa-site .thankyou-component .inner-text-wrapper,
.screen-xs .thankyou-component .inner-text-wrapper {
    transform: none;
    top: initial;
}

.thankyou-component hr {
    border: none;
    border-top: 1px solid #fff;
    width: 35%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.thankyou-component span {
    display: block;
}

.thankyou-component img {
    max-width: 265px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.pwa-site .thankyou-component h2 {
    margin-top: 30px;
}

.thankyou-component hr + .btn-transparent {
    margin-top: 0;
}

.thankyou-component .btn-transparent {
    margin-top: 30px;
    margin-bottom: 45px;
}

.thankyou-component .privacy-text {
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: bold;
    font-style: italic;
}

.pwa-site .cta-row,
.screen-xs .cta-row {
    display: none;
    margin-top: 12px;
}

.pwa-site .cta-row .wrapper,
.screen-xs .cta-row .wrapper {
    background-color: #D46F57;
    padding: 15px;
    text-align: center;
}


.screen-sm .b2,
.screen-md .b2 {
    font-size: 3.5vw;
    margin-bottom: 1vw;
}

.screen-sm .h1,
.screen-md .h1 {
    font-size: 2vw;
    margin-bottom: 1vw;
}

.screen-sm .sweeps-row .btn-transparent {
    font-size: 12px;
}

.screen-sm hr,
.screen-md hr {
    margin-top: 1vw;
    margin-bottom: 1.5vw;
}

.screen-sm .thankyou-component .btn-transparent {
    margin-top: 1.5vw;
    margin-bottom: 2.5vw;
}

.screen-sm img[alt="10% Off Sitewide"],
.screen-md img[alt="10% Off Sitewide"] {
    max-width: 23vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
}

.screen-sm .small,
.screen-md .small {
    font-size: 1.25vw;
}

.screen-sm .sweeps-intro-text {
    margin-top: 1vw;
}

.screen-sm .input-wrapper .submit {
    margin-top: 1vw;
    margin-bottom: 1vw;
}

.screen-sm .input-wrapper input[type="text"] {
    height: 36px;
    font-size: 12px;
}

.screen-sm .error-component {
    font-size: 1.25vw;
}

.screen-sm .checkbox-wrapper label {
    font-size: 12px;
}

.screen-sm .checkbox-wrapper .custom-checkbox:after {
    top: -3px;
}

.screen-sm img[alt="Create Your Escape Sweepstakes"] {
    max-width: 19vw;
}

.screen-md img[alt="Create Your Escape Sweepstakes"] {
    max-width: 22vw;
}

.screen-sm .input-wrapper {
    max-width: 100%;
}

.screen-md .input-wrapper {
    max-width: 75%;
}

.screen-sm .checkbox-wrapper,
.screen-md .checkbox-wrapper {
    max-width: 100%;
}

.screen-sm .popout-cta-wrapper img {
    max-width: 17vw;
}

.screen-sm .popout-cta-inner-wrapper p {
    font-size: 2.3vw;
    margin-top: 3vw;
    margin-bottom: 3vw;
}