:root { --site-max-width: 1024px; --site-padding: 40px; --site-blue-dark: #254080; --site-yellow: #FFBF04; --light-to-dark-blue-gradient: linear-gradient(167deg,rgba(52, 163, 219, 1) 0%, rgba(36, 63, 129, 1) 100%); --form-control-color: #254080; --form-control-disabled: #959495; --form-background: white; }

.bebas-neue-regular { font-family: "Bebas Neue", sans-serif; font-weight: 400; font-style: normal; }

.lato-thin { font-family: "Lato", sans-serif; font-weight: 100; font-style: normal; }

.lato-light { font-family: "Lato", sans-serif; font-weight: 300; font-style: normal; }

.lato-regular { font-family: "Lato", sans-serif; font-weight: 400; font-style: normal; }

.lato-bold { font-family: "Lato", sans-serif; font-weight: 700; font-style: normal; }

.lato-black { font-family: "Lato", sans-serif; font-weight: 900; font-style: normal; }

.lato-thin-italic { font-family: "Lato", sans-serif; font-weight: 100; font-style: italic; }

.lato-light-italic { font-family: "Lato", sans-serif; font-weight: 300; font-style: italic; }

.lato-regular-italic { font-family: "Lato", sans-serif; font-weight: 400; font-style: italic; }

.lato-bold-italic { font-family: "Lato", sans-serif; font-weight: 700; font-style: italic; }

.lato-black-italic { font-family: "Lato", sans-serif; font-weight: 900; font-style: italic; }

html { background-color: lightgray; }

body { max-width: var(--site-max-width); margin: auto; box-shadow: -1px 4px 13px 0px rgba(0, 0, 0, 0.26); background-color: #243E81; color: white; min-height: 100vh; font-family: "Lato", Verdana, Geneva, Tahoma, sans-serif; }

.site-content { display: flex; justify-content: center; align-items: center; padding-left: var(--site-padding); padding-right: var(--site-padding); flex-flow: column; }

#entry { display: flex; flex-flow: column; justify-content: center; align-items: center; width: 100%; }

form { display: flex; flex-flow: column; justify-content: center; align-items: center; gap: 20px; padding: 20px; width: 100%; }

input { background-color: white; color: var(--site-blue-dark); border: 0; font-size: 1em; padding: 8px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); margin: 4px; text-align: left; }

input[type=text], input[type=zip], input[type=email], input[type=tel] { width: 80%; max-width: 300px; }

h1, h2, h3, h4, h5, h6 { font-family: "Bebas Neue", sans-serif; text-align: center; font-weight: normal; }

h1 { font-size: 50px; }

h2 { font-size: 40px; }

h3 { font-size: 32px; }

h4 { font-size: 24px; }

button, input[type=submit] { font-weight: bold; font-size: .9em; background-color: var(--site-yellow); color: var(--site-blue-dark); padding: 10px 20px; border-radius: 20px; border: 0; width: 100%; max-width: 300px; text-transform: uppercase; text-align: center; }

.blue-button { background-color: var(--site-blue-dark); color: white; font-weight: normal; }

.white-button { background-color: white; color: var(--site-blue-dark); margin: auto; margin-top: 20px; font-weight: normal; }

.small-italic { font-size: 12px; font-style: italic; }

.button-holder { display: block; width: 100%; text-align: center; }

#success, #success_info, #sorry, #error, #duplicate, #sweepsover { display: none; }

label.error { font-weight: bold; color: var(--site-yellow); }

.light-blue-text { color: #0b7cb6 !important; }

.opt-in { display: flex; width: 80%; max-width: 300px; }

.form-panel { padding-top: 40px; padding-bottom: 40px; background: #34A3DB; background: url(/assets/images/results-background.png); background-size: cover; color: var(--site-blue-dark); }

.form-panel h1 { margin: 10px; }

#entry.form-panel { background: url(/assets/images/fireworks.jpg); color: white; background-size: cover; background-position: center; background-repeat: no-repeat; }

.content { margin: 20px; display: flex; flex-flow: column; align-items: center; }

.prize-module { padding: 20px; text-align: center; background: #E0FFFC; background: linear-gradient(180deg, #e0fffc 0%, #86e7ff 100%); color: var(--site-blue-dark); }

.prize-module h1, .prize-module h2, .prize-module h3, .prize-module h4, .prize-module h5, .prize-module h6 { color: var(--site-blue-dark); }

.prize-details { background: var(--light-to-dark-blue-gradient); padding: 40px; }

.prize-details img { width: 100%; border-radius: 10px; margin-top: 20px; }

.prize-details h1, .prize-details h2, .prize-details h3, .prize-details h4, .prize-details h5, .prize-details h6 { text-align: left; }

.tiny-text { font-size: 10px; }

.info-copy { background: white; text-align: center; color: var(--site-blue-dark); padding: 40px; font-size: 20px; }

table, td { border-width: 2px; border-style: solid; border-collapse: collapse; }

table { width: 100%; }

.table-holder { overflow-x: auto; max-width: 100%; }

td { padding: 10px; }

.rules a { text-decoration: underline; }

.footer { display: flex; align-items: center; justify-content: center; flex-flow: column; padding: var(--site-padding); }

.footer .legal { margin-top: 20px; font-size: 12px; line-height: 1.8em; }

.footer .legal a { text-decoration: underline; }

.footer .copyright { font-size: 12px; color: #446edd; padding-top: 40px; text-align: center; }

.footer a { font-weight: bold; }

nav { display: flex; gap: 10px; }

a { color: white; text-decoration: none; }

a:hover { color: white; }

.header { margin: 0; display: flex; }

.header img { max-width: 100%; }

.full-width-photo { display: flex; }

.full-width-photo img { width: 100%; }

/* custom checkbox */
*, *:before, *:after { box-sizing: border-box; }

.form-control { line-height: 1.1; display: grid; grid-template-columns: 1em auto; gap: 12px; }

.form-control + .form-control { margin-top: 1em; }

.form-control--disabled { color: var(--form-control-disabled); cursor: not-allowed; }

.age-info { margin: 0px; }

.phone-info { margin-top: 0px; margin-bottom: -10px; font-size: 12px; }

input[type="checkbox"] { /* Add if not using autoprefixer */ -webkit-appearance: none; /* Remove most all native input styles */ appearance: none; /* For iOS < 15 */ background-color: transparent; /* Not removed via appearance */ margin: 0; font: inherit; color: currentColor; width: 1.15em; height: 1.15em; border: 1px solid currentColor; border-radius: 4px; transform: translateY(0.075em); display: grid; place-content: center; }

input[type="checkbox"]::before { content: ""; width: 0.65em; height: 0.65em; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); transform: scale(0); transform-origin: bottom left; transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em var(--form-control-color); /* Windows High Contrast Mode */ background-color: CanvasText; }

input[type="checkbox"]:checked { background-color: var(--form-background); }

input[type="checkbox"]:checked::before { transform: scale(1); }

input[type="checkbox"]:disabled { --form-control-color: var(--form-control-disabled); color: var(--form-control-disabled); cursor: not-allowed; }

.desktop { display: block; }

.mobile { display: none; }

@media (max-width: 640px) { .desktop { display: none; } .mobile { display: block; } }

.prize-module .modules { display: flex; gap: 40px; padding: 20px; }

.prize-module .modules .module { width: 50%; display: flex; flex-flow: column; align-items: center; justify-content: center; }

.prize-module .modules .module:nth-child(2) { border-left: 1px solid var(--site-blue-dark); padding-left: 40px; }

.prize-details .modules { display: flex; flex-flow: column; gap: 40px; padding: 20px; }

.prize-details .modules .module { display: flex; align-items: start; justify-content: center; gap: 40px; }

.prize-details .modules .module .copy { width: 50%; }

@media (max-width: 640px) { .prize-details .modules .module .copy { width: 100%; } }

.prize-details .modules .module img { width: 50%; }

@media (max-width: 640px) { .prize-details .modules .module img { width: 100%; } }

@media (max-width: 640px) { .prize-details .modules .module { display: block; } }

.module-buttons { background: white; padding: 40px; text-align: center; padding-bottom: 0px; }

.short-rules { font-size: 12px; max-width: 500px; }

.short-rules a { text-decoration: underline; }

/*# sourceMappingURL=styles.css.map */