.skip-link {
                    background: #ca7c3c;
                    color: white;
                    font-weight: 700;
                    left: 50%;
                    padding: 5px 10px;
                    position: absolute;
                    transform: translateY(-500%);
                    transition: transform 0.3s;
                    z-index: 999;
                }
                a.skip-link:focus {
                    transform: translateY(00%);
                }#nav-main-controls, #nav-main { background: #2f373b; background: rgba(47, 55, 59, 0.95);}#nav-main li a {font-family:'Oswald';text-transform: uppercase;}#nav_main_toggle .icon-bar {background: #fff;}#nav-main li a {color: #fff;}#nav-main-content li.active a {border-color: #fff;}#nav-main-content li:hover a {color: #c1c1c1; border-color: #c1c1c1;}#nav-main-content li.active:hover a {border-color: #c1c1c1;}.home-37109 .layout-1-bg-color{background-color:rgb(255, 255, 255);}.home-37109 .layout-1-bg-path{background-image: url('');}.home-37109 .layout-1-logo-section{background-image: url('https://images.unoapp.com/boxdata/asset87509/images/Logo-Coke(12).png');}.home-37109 .layout-1-arrow-color{color:#fff;}@media only screen and (min-width: 1600px) { .layout-1-logo-padding{padding-top:675px !important;}}@media only screen and (max-width: 1600px) { .layout-1-logo-padding{padding-top:575px !important;}}.language-37110 .layout-1-bg-color{background-color:rgb(255, 255, 255);}.language-37110 .layout-1-bg-path{background-image: url('');}.intro-37111 .layout-1-bg-color{background-color:rgb(255, 255, 255);}.intro-37111 .layout-1-bg-path{background-image: url('');}.toc-37112 .layout-1-bg-color{background-color:rgb(255, 255, 255);}.toc-37112 .layout-1-bg-path{background-image: url('');}.rules-37113 .layout-1-bg-color{background-color:rgb(255, 255, 255);}.rules-37113 .layout-1-bg-path{background-image: url('');}.layout-1-footer-bg{background-color:rgb(47, 55, 59);}.content-social h1, .headline h1 ,.headlineui h1 {font-family: 'Open Sans'; font-size: 36px; color: rgb(0, 0, 0); margin: 0px;line-height: 36px;font-weight: bold;}.content-social h2, .headline h2,.subheadui h2{font-family: 'Open Sans'; font-size: 18px; color: rgb(0, 0, 0); margin: 0px;line-height: 18px;font-weight: normal;}/* === FONTS === */
@font-face {
    font-family: 'TCCC-UnityHeadline';
    src: url('https://unoapp.com/shared/fonts/TCCC-UnityText/TCCC-UnityHeadline-Black.woff2') format('woff2'),
        url('https://unoapp.com/shared/fonts/TCCC-UnityText/TCCC-UnityHeadline-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TCCC-UnityText';
    src: url('https://unoapp.com/shared/fonts/TCCC-UnityText/TCCC-UnityText-Regular.woff2') format('woff2'),
        url('https://unoapp.com/shared/fonts/TCCC-UnityText/TCCC-UnityText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'TCCC-UnityText';
    src: url('https://unoapp.com/shared/fonts/TCCC-UnityText/TCCC-UnityText-Bold.woff2') format('woff2'),
        url('https://unoapp.com/shared/fonts/TCCC-UnityText/TCCC-UnityText-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* == ROOT DIRECTORY ==*/
/* This is the main command center. You can make changes in this section.*/
:root {
  
  --brand01: #E41E2B;
  --brand02: #000000;
  --brand03: #000000;
  --brand04: #ffffff;


  --text-primary: #000000;
  --text-secondary: #333333;
  --text-brand: var(--brand01);
  --text-brand-2: var(--brand02);
  --text-cta-btn: #ffffff;

  --border-primary: var(--brand01);

  --surface-primary: white;
  --surface-secondary: white;
  --surface-tetriary: #F1F1F1;
  --surface-brand: var(--brand01);
  --surface-brand-2: var(--brand02);

  --font-title: 'TCCC-UnityHeadline', sans-serif;
  --font-subtitle: 'TCCC-UnityHeadline', sans-serif;
  --font-body: 'TCCC-UnityText', sans-serif;

  /*Table of content Hover - When user's mouse hovers over the Chapter*/
  --toc-bg-hover: rgba(0,0,0,0.1);

  /* Do not touch this */
  --base-text-size: 16px;
}

/* === General Background Settings === */
/* This is the main background */
#language div.widget-section,
#intro div.widget-section , 
#landing div.widget-section, 
#toc div.widget-section,
#rules div.widget-section {
  background: var(--surface-primary) !important;
  background-attachment: fixed !important;
}

/* This is the container around each section 
This should just be black or white */
#intro div.widget-section > div, 
#landing div.widget-section > div, 
#toc div.widget-section > div,
#rules div.widget-section > div {
  background: var(--surface-primary) !important;
}

/* === General stuff === */
/* This controls the bold/italic/underlines */
b, i, strong, u {
  font-weight: bold;
  color: var(--text-brand);
}

.menu-item-description {color: var(--text-primary) !important;  overflow-wrap: break-word !important;}
.skip {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
/* === DO NOT TOUCH BEYOND THIS LINE === */
/*Everything below this blurb is set up as a template.
Preferably not to be touched unless there are needs for custom work.
*/

#language .element-btn {display: none !important;}
#home, .footer, #header-section {display: none !important;}
.structure8 {pointer-events: none !important;}
@media screen and (max-width: 768px) {
    .structure1, 
  .structure1 .menu-item-description,
  .structure1 .menu-item {padding: 0 !important;}
}

/* === Base Font Size of page === */
*, html, body {font-size: var(--base-text-size);}
.menu-item-title, .category-title, .campaign-title {font-family: var(--font-title) !important;}
.menu-item-description, #rules {font-family: var(--font-body) !important;}

/* === Language Section == */
#language div.widget-section {padding:12px  0 !important;}
#language div.widget-section > div {padding: 0 !important;}
#language .element-btn {
  color: var(--text-brand) !important;
  border:  1px solid var(--border-primary) !important;
  background: var(--surface-brand) !important;
}
#language .element-btn:hover {
  box-shadow: 0 0 10px var(--btn-hover-shadow);
}

/* === Introduction Section == */
#intro div.widget-section {padding: 0 16px !important;}
#intro div.widget-section > div {padding: 15px !important;}
#intro .menu_widget_content_container {margin-top: -16px !important;}
#intro .menu-item-content {
  text-align:  center !important;
  margin-bottom: 8px;
}
#intro .category-title {display: none !important;}
#intro .campaign-title {
  font-size: 3rem;
  color: var(--text-brand);
  font-weight: bold;
}
#intro .menu-item-title {
  font-size: 2.25rem;
  color: var(--text-brand);}
#intro .logoimg {max-width: 450px;}
#intro .menu-item-image {display: none !important;}
#intro a {
  font-weight: bold;
  color: var(--text-brand);
  text-decoration: underline !important;
}
#intro a:hover {opacity: 0.8;}
@media screen and (max-width:765px) {
  .structure1 {width: 100%;}
}


/* === Landing Section == */
#landing div.widget-section {padding-bottom:0 !important;}
#landing .element-div img {margin: 0px auto !important;}

/* === Table of Contents == */
#toc div.widget-section {padding:  16px !important;}
#toc .menu_widget_full_container {border-top: 2px solid var(--border-primary);}
#toc .category-title, 
#toc .menu-item-price {
   display: none !important;
}
#toc a {
   padding: 4px;
   text-decoration: none !important;
   font-family: var(--font-body) !important;
   color: var(--text-primary);
   font-size: 1.25rem;
   text-transform: uppercase;
   border-radius: 4px;
   font-weight: normal;
}
#toc a:hover {background: var(--toc-bg-hover);}
#toc a::before {content: '• ';}

/* === Rules Section === */
#rules div.widget-section {padding:  0 16px 64px !important;}
#rules .category-title span, #rules .menu-item-title {
  font-size: 1.75rem;
  color: var(--text-brand) !important;
}
#rules .menu-item-content {margin-bottom: 16px;}
#rules .menu-item-description {
  font-size: 1rem;
  line-height: 1.5;
  padding: 0 16px !important;}
#rules a {
  font-weight: bold;
  color: var(--text-brand);
  text-decoration: underline !important;
}
#rules a:hover {opacity: 0.8;}

#rules h1{font-size: 4.5rem; font-weight: bold; color: var(--text-brand);}
#rules h2{font-size: 4rem; font-weight: bold; color: var(--text-brand);}
#rules h3{font-size: 3rem; font-weight: bold; color: var(--text-brand);}
#rules h4{font-size: 2.5rem; font-weight: bold; color: var(--text-brand);}
#rules h5{font-size: 2rem; font-weight: bold; color: var(--text-brand);}
#rules h6{font-size: 1rem; font-weight: bold; color: var(--text-brand);}

/* === IF TABLES === */
.table-container {
  width: 100%;
  border-spacing: 0 !important;
  border: 1px solid var(--text-brand);

}
.table-container thead{
  background: var(--surface-brand);
  color: var(--text-cta-btn);
  font-weight: bold;
  border: 1px solid var(--text-brand);
}
.table-container tr td:first-child {
  width: 40%;
}
.table-container td, .table-container th {
  padding: 8px 16px;
  vertical-align: middle;
  border: 1px solid var(--border-primary);
}

/* === IF LISTS === */

/* === media queries === */
/* High Res Tablet */
  @media screen and (max-width: 959px){
    #intro .structure8 .menu-item  {width: 100% !important;}
    #intro .campaign-title {font-size: 36px;}
  }
  /*Tablet Stylings*/
  @media screen and (max-width: 767px){
  }
  /*Mobile Stylings*/
  @media screen and (max-width: 564px) {
    #rules .menu-item-description {padding: 8px !important; margin-bottom: 4px !important;}
    #rules .menu-item-content {margin-bottom: 0px !important;}
    #intro .logoimg {max-width: 100%;}

    /* === MOBILE TABLE SETTINGS for 3+ Columns === */
    .table-container {border:none !important;}
    .table-container thead {
       border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    .table-container tr {
      border-bottom: 3px solid var(--text-brand);
      display:block;
      margin-bottom: 0.625em;
    }
    .table-container td {
      border-bottom: 1px solid var(--border-primary);
      display:block;
      font-size:0.75rem;
      text-align: right;
    }
    .table-container td::before {
      content: attr(data-label);
      float:left;
      font-weight:bold;
      color: var(--text-brand);
    }
    .table-container tr td:first-child {
      content:'';
      width: 100%;
      text-align: center;
      background: var(--surface-brand);
      margin: 0;
      color: var(--text-cta-btn);
    }
    .table-container tr td:first-child::before {display: none;}
    .table-container tr td:first-child b {color:var(--text-cta-btn);}
    .table-container td:last-child {
      border-bottom:0;
    }
  }

/* === Visually hides element 
       Accessible to SR, SEO  === */

.visually-hidden {
  position: absolute !important;
  width: 1px; 
  height: 1px; 
  margin: -1px; 
  padding: 0; 
  border: 0; 
  clip: rect(0 0 0 0); 
  overflow: hidden;
  white-space: nowrap;
}

/* === Base table === */
.table th,
.table td {
  vertical-align: top;
  text-align: inherit; /* allow modifier to control this */
}

/* === Left-align table content === */
.eligibility-table th, .eligibility-table td {
    text-align: left;
}

/* === Stack table cells one-over-other on mobile === */
@media (max-width: 767px) {
  .eligibility-table th,  .eligibility-table td {
    display: block;
    width: 100%;
  }
}
.home-home-37109 .content-social h1, .home-home-37109 .headline h1 {font-family: 'Open Sans'; font-size: 36px; color: rgb(0, 0, 0); margin: 0px;font-weight: bold;}.home-home-37109 .content-social h2, .home-home-37109 .headline h2 {font-family: 'Open Sans'; font-size: 18px; color: rgb(0, 0, 0); margin: 0px;font-weight: normal;}#btn-37110-0:hover{background-color:#fff!important;cursor:pointer;}