.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-35731 .layout-1-bg-color{background-color:rgb(255, 255, 255);}.home-35731 .layout-1-bg-path{background-image: url('');}.home-35731 .layout-1-logo-section{background-image: url('https://images.unoapp.com/boxdata/asset87509/images/Logo-Coke(12).png');}.home-35731 .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-35732 .layout-1-bg-color{background-color:rgb(255, 255, 255);}.language-35732 .layout-1-bg-path{background-image: url('');}.intro-35733 .layout-1-bg-color{background-color:rgb(255, 255, 255);}.intro-35733 .layout-1-bg-path{background-image: url('');}.toc-35734 .layout-1-bg-color{background-color:rgb(255, 255, 255);}.toc-35734 .layout-1-bg-path{background-image: url('');}.rules-35735 .layout-1-bg-color{background-color:rgb(255, 255, 255);}.rules-35735 .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;}/* == Google Font URL == */
/* After pasting the correct url from google font, search for 'font-family' to update. */
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

/* == ROOT DIRECTORY ==*/
/* This is the main command center. You can make changes in this section.*/
:root {
  
  /* Colour palette */
   --primary:  #8DC63F;
   --secondary: #00964C;

   /* Main Background can be a solid colour or an image. 
   After '--main-bg:', you can use either 1. url('insert url here') for images or 2. color Hex code for solid colours*/
   --main-bg: url('https://images.unoapp.com/boxdata/asset87523/images/monster_bg_1600x900.jpg');
   /*--main-bg: #fff;*/
   --content-bg: #000;

   --btn-bg: #000;
   --btn-hover-shadow:#fff;

   /* Font Change */
   /* This controls the font-family. Remember to update the Google Font URL at the top as well to match */
   --font-family: 'Lato', Arial, sans-serif !important;

   --font-main-color: #fff;
   --font-title-color: #8DC63F;
   --font-table-header-color: #000;

   /*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(--main-bg) !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(--content-bg) !important;*/
}

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

.menu-item-description {color: var(--font-main-color) !important;  overflow-wrap: break-word !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 .menu-item-description{padding:0 !important;}}
/* === Base Font Size of page === */
*, html, body {font-size: var(--base-text-size);}
.menu-item-title, .menu-item-description, .category-title, .campaign-title, #rules {font-family: var(--font-family) !important;}


/* === Language Section == */
#language div.widget-section {padding:12px  0 !important;}
#language div.widget-section > div {padding: 0 !important;}
#language .element-btn {
  color: var(--primary) !important;
  border:  1px solid var(--primary) !important;
  background: var(--btn-bg) !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(--font-title-color);
  font-weight: bold;
}
#intro .menu-item-title {
  font-size: 2.25rem;
  color: var(--font-title-color);}
#intro .logoimg {max-width: 450px;}
#intro .menu-item-image {display: none !important;}
#intro a {
  font-weight: bold;
  color: var(--primary);
  text-decoration: underline !important;
}
#intro a:hover {opacity: 0.8;}

/* === 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(--secondary);}
#toc .category-title, 
#toc .menu-item-price {
   display: none !important;
}
#toc a {
   padding: 4px;
   text-decoration: none !important;
   color: var(--font-main-color);
   font-size: 1.25rem;
   text-transform: uppercase;
   border-radius: 4px;
}
#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(--font-title-color) !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(--primary);
  text-decoration: underline !important;
}
#rules a:hover {opacity: 0.8;}

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

/* === IF TABLES === */
.table-container {
  border-spacing: 0 !important;
  border: 1px solid var(--primary);
}
.table-container thead{
  background: var(--primary);
  color: var(--font-table-header-color);
  font-weight: bold;
  border: 1px solid var(--primary);
}
.table-container tr td:first-child {
  width: 24%;
}
.table-container td, .table-container th {
  padding: 8px 16px;
  vertical-align: middle;
  border: 1px solid var(--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(--primary);
      display:block;
      margin-bottom: 0.625em;
    }
    .table-container td {
      border-bottom: 1px solid var(--secondary);
      display:block;
      font-size:0.75rem;
      text-align: right;
    }
    .table-container td::before {
      content: attr(data-label);
      float:left;
      font-weight:bold;
      color: var(--primary);
    }
    .table-container tr td:first-child {
      content:'';
      width: 100%;
      text-align: center;
      background: var(--primary);
      margin: 0;
      color: var(--font-table-header-color);
    }
    
    .table-container tr td:first-child::before, .table-container tr td:first-child b {color:var(--font-table-header-color);}
    .table-container td:last-child {
      border-bottom:0;
    }
  }
.home-home-35731 .content-social h1, .home-home-35731 .headline h1 {font-family: 'Open Sans'; font-size: 36px; color: rgb(0, 0, 0); margin: 0px;font-weight: bold;}.home-home-35731 .content-social h2, .home-home-35731 .headline h2 {font-family: 'Open Sans'; font-size: 18px; color: rgb(0, 0, 0); margin: 0px;font-weight: normal;}#btn-35732-0:hover{background-color:#fff!important;cursor:pointer;}