@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700;800&display=swap');

body {font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; padding: 24px 12px 12px 12px;}
img.logo { margin-bottom:  12px; width: 100%; max-height: auto; height: auto;}
img.logo-50 { margin-bottom:  12px; width: 50%; max-height: auto; height: auto;}
h1 {font-size: 48px; font-weight: 700;}
h1.medium {font-size: 28px; font-weight: 700; padding: 0; text-align: center;}
h1.large {font-size: 48px; font-weight: 700; padding: 0; text-align: center;}
h2 {font-size: 24px; font-weight: 700;}
h2.large {font-size: 48px; font-weight: 700; color: #444444;}
h2.sub {font-size: 38px; font-weight: 700; color: #777;}
h2.admin_options {font-size: 14px; font-weight: 700; margin-bottom: 14px;text-align: center;}
h3 {font-size: 18px; font-weight: 700;}

a {text-decoration: none;}

p.heading_sub {margin-top: 12px; font-size: 12px; color: #777;text-align: center;}
p.text_center {text-align: center;}
p.small {margin-top: 12px; font-size: 12px; color: #3b3b3b;text-align: center;}

.text_center {text-align: center;}

.img-full {width: 100%; height: auto;}

div.logo-text {margin-bottom:  16px; font-size: 38px; font-weight: 700; text-align: center;}

.admin_options {text-align: center;}
.admin_options h2 {font-size: 14px; font-weight: 700; margin-bottom: 14px;}
.admin_options a {font-size: 14px; font-weight: 700;}

.search_text {width: 100%; padding: 6px 10px; margin-bottom: 24px;}

.button_members {font-size: 20px;width: 100%; min-height: 60px; line-height:60px;text-align: center; vertical-align: middle; margin-bottom: 24px;}
.button_location {font-size: 20px;width: 100%; min-height: 60px; line-height:60px;text-align: center; vertical-align: middle; margin-bottom: 24px; background-color: #22A7F0; border-color: #22A7F0; color: #FFF; font-weight: 700;}
.button_verify {font-size: 20px;width: 100%; min-height: 60px; line-height:60px;text-align: center; vertical-align: middle; margin-bottom: 24px;}
.button_activate_mobile {font-size: 20px;width: 100%; min-height: 60px; line-height:60px;text-align: center; vertical-align: middle;}

.button_full {width: 100%;}
.button_submit {background-color: #3f94ff; border-color: #3f94ff;}

.button_lookup {color: #fff;background-color: #2ca1ff; border-color: #229dff; font-size: 2em; font-weight: 700; letter-spacing: 9px;}
.button_lookup:hover {background-color: #008dff; border-color: #008dff;}

.margin_bottom_16 {margin-bottom: 16px;}
.margin_bottom_24 {margin-bottom: 24px;}
.margin_bottom_32 {margin-bottom: 32px;}
.margin_bottom_48 {margin-bottom: 48px;}
.margin_bottom_64 {margin-bottom: 64px;}

/* ARTICLE */
.article_navigation {padding: 8px 12px; margin-bottom: 32px; background-color: #ffffff; border: 1px solid #bdbdbd;}
.article_navigation ul {list-style-type: none;padding-inline-start: 0px;margin-block-end: 0; line-height: 28px;}
.article_navigation li {display: block;}
.article_navigation a {color: #2ca1ff; font-weight: 600; text-decoration: none;}

/* DEAL BLOCKS */
.deal_block {width: 100%; height: auto; padding: 16px; background-color: #FFF; border-radius: 6px; margin-bottom: 24px; text-align: center; border: 1px #D0D0D0 solid;margin-bottom: 0;cursor: pointer; text-decoration: none;}
.deal_block .title {display: block; color: #333; height: 70px; margin-bottom: 12px; text-align: center; line-height: 1.2em; font-size: 28px; font-weight: 700;overflow: hidden;}
.deal_block .description {line-height: 24px; font-size: 14px; font-weight: 700; color: #333;}
.deal_block .deal_img {width: 100%; height: 180px; position: relative; margin-bottom: 12px; align-items: center; display: flex;}
.deal_block .deal_img img {max-width: 100%; max-height: 100%; margin-left: auto; margin-right: auto;object-fit: scale-down;}
.deal_block .deal_img .comments {padding: 8px; background-color: #FF6600; color: #FFF; position: absolute; bottom: 0;}
.deal_block .savings {font-size: 22px; height: 40px; font-weight: 700; color: #333; text-align: center; margin-bottom: 12px;}
.deal_block .savings span {text-decoration: line-through; font-size: 14px; color: #999;}
.deal_block .better {display: block; text-align: center; margin-bottom: 12px; padding: 8px; background-color: #FF6600; color: #FFF;}
.deal_block .date {margin-bottom: 12px; color: #999;}
.deal_block .retailer {height: 24px;}
.deal_block .retailer_new {display: flex;}
.deal_block .retailer_new .left {flex: 1;}
.deal_block .retailer_new .right {flex: 1; text-align: right;}
.deal_block .button_visit {width: 100%;display: inline-block;padding: 8px 16px;color: #FFF;font-weight: 700;background-color: #59b408;}
.deal_block ul {list-style-type: none; margin-top: 16px;}
.deal_block ul > li {font-size: 12px; color: #777;}

/* KEEP CONSTANT FOR HUB LOADS */
h2 {font-size: 24px; margin-bottom: 24px; font-weight: 700;}
h3 {font-size: 24px; margin-bottom: 24px; font-weight: 700;}
p {font-size: 1em; margin-bottom: 16px;}

p + h3 {margin-top: 32px;}

/* FORMS */

label {font-weight: 700;display: block;}

.form_input_text {padding: 12px 14px; font-size: 16px; font-weight: 400; text-align: left;}
.form_input_textarea {padding: 12px 14px; font-size: 16px; font-weight: 400; text-align: left;}

.form_text_big {padding: 12px 14px; font-size: 18px; font-weight: 700; text-align: left;}
.form_text_big::placeholder {color: #BBB;}

.form_select_big {padding: 12px 14px; font-size: 18px; font-weight: 700; text-align: left;}

.form_button {background-color: #2ca1ff; border-color: #229dff; font-size: 2em; font-weight: 700; letter-spacing: 9px;}
.form_button:hover {background-color: #008dff; border-color: #008dff;}

.form_button_medium {color: #FFF; background-color: #2ca1ff; border-color: #229dff; font-size: 16px; font-weight: 700; letter-spacing: 6px;}
.form_button_medium:hover {background-color: #008dff; border-color: #008dff;}

.form_mb_8 {margin-bottom: 8px;}
.form_mb_16 {margin-bottom: 16px;}
.form_mb_32 {margin-bottom: 32px;}

@media only screen and (max-width: 960px) {
    .form_text_big {padding: 12px 14px; font-size: 16px !important;}
    .form_select_big {padding: 12px 14px; font-size: 16px !important;}
}

/* FOOTER */
p.footer {font-size: 14px; margin-top: 64px;}
p.footer a {color: #008dff; font-weight: 600; text-decoration: none;}

@media (max-width: 767px) {
	img.logo { margin-bottom:  12px; max-width: 100px;height: auto;}
	h1.medium {font-size: 18px; font-weight: 700;}
    h1.large {font-size: 22px; font-weight: 700;}
	h2 {font-size: 16px;}
	.step_left h2  {font-size: 14px; font-weight: 700;}
	.step_left span {font-size: 14px;}
	.container {padding: 6px;}
	#intro_text {font-size: 12px;}
	div.logo-text, div.logo-text a {font-size: 28px;}
	.button_lookup {padding: 16px 8px;font-size: 20px; letter-spacing: 2px;}
}