:root {
    --beige: #d9d9d9;
    --beige-med: #eae1d5;
    --beige-dk: #c8c1b2;
    --head-brown: #59411f;
    --white: #fff;
    --black: #000;
    --blue: #116cbb;
    --bg-blue-dk: #002f5e;
    --yellow: #f9ea91;
    --orange: #faa21b;
}


* {position:relative;}

html, body          {font-family: Figtree, sans-serif;font-weight:500;color: #000;background: var(--beige);margin:0;}
body.overlay-open   {overflow:hidden;}

h1                  {font-family: Prompt, sans-serif;font-weight:700;font-size:2em;margin-top:0;}
h2                  {font-family: Prompt, sans-serif;font-weight:700;font-size:1.5em;text-transform:uppercase;}

.mobile-only        {display:none;}

.link-black         {color:#000;text-decoration:underline;}

.form-wrapper       {display:flex;justify-content:center;}
.form-wrapper.optin {justify-content:flex-start;}
label a             {color:#000;}
select:first-child  {color:#f00;}

::placeholder           {color: #757575;opacity: 1; /* Firefox */}
::-ms-input-placeholder { /* Edge 12 -18 */ color: #757575;}

input               {border:2px solid var(--beige-dk);font-family: Figtree, sans-serif;font-size:1.1rem;font-weight:500;color: #000;line-height:3rem;}
input[type="text"]  {padding-left:1rem;}
input.wide          {width:100%;max-width:590px;}
input.standard      {flex-grow:2;}
input.quarter       {flex-grow:1;max-width:25%}

select              {border:2px solid var(--beige-dk);font-family: Figtree, sans-serif;font-size:1.1rem;font-weight:500;color: #999999;line-height:3rem;}
select.three-quarter {flex-grow:3;}
select              {color:#757575;padding-left: 1rem;} 
select option       {color:#000000;}
select:invalid,
option:disabled,
option[value=""] {
    color: #757575;
}
/*Added for browser compatibility*/
[hidden] {
    display: none;
}
option.placeholder  {color:#757575;}

#emailAlready       {border-right:0;}
.bttn-go            {background:var(--blue);color:var(--white);border:2px solid var(--blue);font-size:2rem;font-weight:700;padding:0 1rem;}
.bttn-wide          {background:var(--orange);color:var(--black);width:100%;max-width:1000px;font-weight:700;font-size:1.2rem;}

.error              {background-color:#fcc;}
.form-error         {color:#f00;}

.outerwrapper       {width:100%; /*max-width:1320px;*/ margin:0px auto;background-color:#f2ede5;}
.insp-stripe        {display: flex; align-items: center; text-align:left; padding:0em 1em;
					color:#fff;font-weight:700; background-color:var(--bg-blue-dk); }
.insp-stripe img    {height:2em; max-height:56px;}

.top-bar            {height:3rem;}
.header img         {width:100%; max-width:1320px;}
.main-content       {margin:0 auto;width:90%;max-width:1000px;padding:1.5rem 0;}
.beige2             {background: var(--beige-med);}

.share-block        {font-weight:700;padding-top:1rem;}

.content.header      {background: var(--head-brown);text-align:center;}

.content.welcome .main-content  {margin-top:0;}
.content.welcome p              {font-size:1.2rem;}

.content.already    {background:var(--bg-blue-dk);color:var(--white);/*background-position:left center;background-size:cover;background-image: url(../images/already-bg.webp);background-repeat:no-repeat;*/text-align:center;}
.content.already h1 {margin-bottom:-1rem;}

.content.thanks p   {font-size:1.2rem;}
.content.thanks ul  {font-size:1.2rem;}

.content.sponsor .main-content  {display:grid;grid-template-columns:1fr 4fr;}
.content.sponsor img       {width:100%;}
.content.sponsor div       {padding-left:2rem;}
.content.sponsor h1        {font-size:1.5em;/*font-family: henderson-slab-basic, serif;*/}
.content.sponsor h1, 
.content.sponsor p         {margin-bottom:0;margin-top:0;}

.main-content.register                  {}
.main-content.register .form-wrapper    {flex-wrap:wrap;column-gap:1rem;grid-row-gap:1rem;margin-bottom:1rem;}

.content.game                           {display:flex;flex-wrap:wrap;justify-content:center;}
.main-content.skip                      {text-align:right;width:75%;padding:0 0 1.5rem;cursor:pointer;}
.gameboardBingo                         {background:black; box-sizing:border-box; border:3px solid black; float:left; width:75%; margin:10px auto;aspect-ratio:1;}
.gameboardBingo img                     {width:100%; display:block;}
.gameboardBingo > div                   {width: 24%; box-sizing: border-box; border: 3px solid black; margin: 0.5%; float: left; background-repeat: no-repeat; background-size:100%;}
.gameboardBingo > div:hover             {border: 3px solid #ff4a4a;}
.gameboardBingo > div.selected          {border: 3px solid #777777;}
.gameboardBingo > div > div.selected    {background-image: url(../gameAssets/bingo/25-DC-0258_ELK2_Watch2Win_Bingo_CHIP.png); background-position: bottom; background-size: cover;}              

#gamethanks         {display:none;}

.footer             {max-height:103px; display: grid;grid-template-columns: 1fr auto 1fr;}
.footer-links       {margin:1.5rem auto;display:inline-block;}
.footer a           {color:#fff;padding:1em 1em;text-decoration:none;}

.modal              {display:none;z-index:90;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--beige-med);padding:2rem;border:2px solid var(--beige-dk);}
.smoke              {display:none;z-index:80;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;}
.popClose           {position:absolute;top:.5em;right:.5em;z-index:99;background: var(--white);border:1px solid var(--orange);padding: .1rem .2rem;}
.popClose a         {font-family:henderson-slab-basic, serif; color:var(--orange);text-decoration: none;font-weight: 700;font-size: 1.5rem;line-height:1rem;vertical-align: middle;}
#popConfirm div     {display:inline-block;border:2px solid var(--beige-dk);padding:0.5rem 1rem;margin:0 1rem 0 0;cursor:pointer;}
#popConfirm div:hover   {background:var(--orange);}

.share-button       {display:inline-block;padding:0.5rem 2rem;border:2px solid var(--beige-dk);background:var(--orange);color:#000;white-space:nowrap;line-height:3rem;font-size:1.2rem;font-weight:700;text-decoration:none;margin:0.5rem 0.5rem 0 0;}
.share-button img   {height:2.5rem;vertical-align:middle;margin:-0.25rem 0 0;}

@media (max-width:799px) {
    .form-wrapper.optin     {flex-wrap:nowrap !important;}

}

@media (max-width:679px) {

}

@media (max-width:539px) {

}

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

    h1                      {font-size:1.2rem;}
    .content.thanks p       {font-size:1rem;}
    .content.thanks ul      {font-size:1rem;}

    .gameboardBingo         {width:95%;}
    .main-content.skip      {width:95%;}
    .modal                  {width:70%;}
    .insp-stripe.footer     {background-image:none;}
    .content.sponsor .main-content  {grid-template-columns:none;}
    .content.sponsor img    {width:auto;height:3.5rem;vertical-align:middle;margin-right:1rem;}
    .content.sponsor div    {padding-left:0;margin-top:0.5rem;}
	
	.footer a {padding: 0.2em 1em; display: block;}
	.footer span {display:none;}
}

@media (max-width:379px) {

}