@charset "utf-8";
/* t39 Sweepstakes CSS Document */

/*===============================
  BEGIN MODULE 2
  ===============================*/

fieldset {display: block;}
legend.form-label {font-size:1rem;}

.form-module2-main-container {
    position: relative;
    height: auto;
    margin: -20px 0px 20px 0px;
}
.form-module2-inner-container {position: relative;height:auto;padding: 0px 10px 0px 10px;}
.form-module2-inner-content {width:100%;max-width:840px;margin:0 auto;text-align: left;padding:40px 20px 0px 20px;}

.form-success-message {width: 100%;padding: 20px 0px 20px 0px;min-height:500px;}
.form-success-message p {font-size:20px; font-weight:300;line-height:30px;padding-top:10px;}
.form-success-message img {width:40px;position: relative; top:-2px;margin-right:10px;}
.form-column {
    width: 100%;
    margin: 0px 0px 20px 0px!important;
}
.form-column-mb-0 {
    width: 100%;
    margin: 0px 0px 0px 0px!important;
}
.form-l-column {width:100%;margin:0px 0px 20px 0px;padding:0px;}
.form-r-column {width:100%;padding:0px;margin:0px 0px 20px 0px;}

#commentsError { margin-bottom: 20px; }
.character-count {font-size: .85rem;font-weight: 300;margin-top: 3px;}

.quantity-l-column label {display:block;}
.quantity-r-column label {display:block;}
.quantity-l-column input {width:100px;}
.quantity-r-column input {width:100px;}
.quantity-l-column p {font-size:16px; font-weight:300;line-height:24px;}
.quantity-r-column p {font-size:16px; font-weight:300;line-height:24px;}
.quantity-heading {font-size:16px; font-weight:700;line-height:24px;}
.disclaimer {font-size:16px; font-weight:300;line-height:24px;}
.form-heading {margin-left: -8px;line-height: 36px;margin-bottom: 24px;}
.verification-heading {font-size:16px; font-weight:700;line-height:24px;}
.accountHolder-heading {font-size: 1rem;line-height: 20px;font-weight: 400;}
.child-heading {font-size: 1rem;line-height: 20px;font-weight: 400;}
.form-control.is-valid,.was-validated .form-control:valid {background-image: none;}
.form-control.is-invalid,.was-validated .form-control:invalid {background-image: none;}								
.form-select.is-invalid, .was-validated .form-select:invalid {background-image: none;}									
.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
	padding-right: 4.125rem;
    background-image: url(./images/select-dropdown.svg) !important;
    background-position: right 0.75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-valid, .was-validated .form-control:valid {border-color: #ced4da;}
.invalid-feedback {
    font-size: 16px!important;
	font-weight:500!important;
	line-height:24px!important;
    color: #dc3545!important;
}									
.email-error{font-size:16px!important;font-weight:500!important; line-height:24px!important;color:#dc3545!important;}
.email-error::before {
    top: 0px;
    position: relative;
    content: '\0026A0';
    display: inline-block;
    margin-right: 3px;
    font-size: 16px;
}
.form-check-input {margin-top: 2px;}

.form-control:focus, .form-select.focus, .form-check-input.focus {
    color: #000000;
    background-color: #fff;
    border-color: #84BADB;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(132 186 219 / 25%);
}								
.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #84BADB;
    box-shadow: 0 0 0 0.25rem rgb(132 186 219 / 25%);
}

.form-control:focus, .form-select.focus, .form-check-input.focus {
    border-color: inherit;
    box-shadow: none;
    outline: 1px solid #000000 !important;
    outline-offset: 2px;
}

.form-select:focus {
    border-color: inherit;
    box-shadow: none;
    outline: 1px solid #000000 !important;
    outline-offset: 2px;
}

.form-check-input:focus {
    border-color: inherit;
    box-shadow: none;
    outline: 1px solid #000000 !important;
    outline-offset: 2px;
}		

.form-check {
    padding-left: 24px;
    padding-right: 10px;
}

.form-check-label {
    color: #000000 !important;
}

.checkbox-invalid {
    margin-left: -24px;
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
    background-color: #0d6efd !important;
}

.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
    border-color: #84BADB;
    box-shadow: 0 0 0 0.25rem rgb(132 186 219 / 25%);
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    box-shadow: unset;
}

.form-select.is-valid, .was-validated .form-select:valid {
    background-image: none !important;
    border-color: #ced4da !important;
}

    .form-select.is-valid:focus, .was-validated .form-select:valid:focus {
        border-color: #84BADB !important;
        box-shadow: 0 0 0 0.25rem rgb(132 186 219 / 25%);
    }

    .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
        padding-right: 4.125rem !important;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
        background-position: right 0.75rem center,center right 2.25rem !important;
        background-size: 16px 12px,calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
    }

.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

.submit-button {
    width: 220px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.g-recaptcha {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.gradient-4 {display: none;}
.gradient-5 {display: none;}
.gradient-6 {display: none;}
.gradient-7 {display: none;}
/*===============================
  END MODULE 2
  ===============================*/

/*===============================
  BEGIN MODAL
  ===============================*/
.sweeps-modal .modal-content {
    border-radius: 20px;
}

.sweeps-modal .modal-header {
    border-bottom: none;
}

.sweeps-modal .modal-footer {
    border-top: none;
}

.sweeps-modal .modal-body {
    padding: 20px 20px 20px 20px;
}

.sweeps-modal .modal-copy-container {
    padding: 0 20px;
    text-align: left;
}

.sweeps-modal .modal-copy-container h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    margin-bottom: 20px;
}

.sweeps-modal .modal-copy-container p {
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
    margin-bottom: 15px;
}

.sweeps-modal .btn-close {
    width: 50px;
    background-position: 50px 13px;
    background-size: 36px 10px;
    font-size: 14px;
    color: #333333;
    background: none;
    opacity: 1;
    font-weight: 300;
    height: 20px;
    padding: 10px 15px;
    line-height: 27px;
}

.sweeps-modal .btn-close:focus {
    box-shadow: none;
    background-color: none;
    color: #333333;
    outline: 1px solid #000000 !important;
    outline-offset: 1px;
}

.sweeps-modal .btn-close:focus:not(:focus-visible) {
    box-shadow: none;
    background-color: none;
    color: #333333;
    outline: none !important;
}

/*===============================
  END MODAL
  ===============================*/

@media (min-width: 360px) {
    .g-recaptcha {
        transform: scale(1);
        -webkit-transform: scale(1);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }  
}

	
@media (min-width: 450px) {

	
}

@media (min-width: 576px) {
/*===============================
  BEGIN MODAL
  ===============================*/
.modal-dialog {max-width: 500px;margin: 1.75rem auto;}
/*===============================
  END MODAL
  ===============================*/

}		

@media (min-width: 768px) {


}
	
@media (min-width: 992px) {

/*===============================
  BEGIN MODULE 2
  ===============================*/
fieldset {display: contents;}
.form-l-column {max-width:388px;margin:0px 40px 20px 0px;}
.form-r-column {max-width:388px;}
/*===============================
  END MODULE 2
  ===============================*/

/*===============================
  BEGIN MODAL
  ===============================*/
.modal-dialog {max-width: 550px;margin: 1.75rem auto;}

.sweeps-modal .modal-body {padding: 20px 40px 20px 40px;}
.sweeps-modal .modal-copy-container {padding-left: 25px;}

/*===============================
  END MODAL
  ===============================*/

}

	
@media (min-width: 1125px) {


    .gradient-4 {
        display: block;
        height: 693px;
        width: 88px;
        position: absolute;
        right: 0px;
        top: 100px;
        z-index: 0;
        border-radius: 15px;
        background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.5));
        background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.5));
        background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.5));
    }

    .gradient-5 {
        display: block;
        height: 395px;
        width: 34px;
        position: absolute;
        right: 75px;
        top: 380px;
        z-index: 0;
        border-radius: 5px;
        background-image: -webkit-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.5));
        background-image: -o-linear-gradient(bottom, rgba(14,54,82,0), rgba(14,54,82,.5));
        background-image: linear-gradient(to top, rgba(14,54,82,0), rgba(14,54,82,.5));
    }

    .gradient-6 {
        display: block;
        height: 470px;
        width: 79px;
        position: absolute;
        left: 0px;
        top: 200px;
        z-index: 0;
        border-radius: 15px;
        background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.3));
        background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.3));
        background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.3));
    }

    .gradient-7 {
        display: block;
        height: 407px;
        width: 34px;
        position: absolute;
        left: 100px;
        top: 300px;
        z-index: 0;
        border-radius: 5px;
        background-image: -webkit-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
        background-image: -o-linear-gradient(bottom, rgba(2,176,184,0), rgba(2,176,184,.7));
        background-image: linear-gradient(to top, rgba(2,176,184,0), rgba(2,176,184,.7));
    }
}

@media (min-width: 1440px) {


}

