/* =========================
   COCA CSS OVERRIDES
   CLEAN WORKING BASELINE
   WIDE LAYOUT + NAV + PILL BUTTONS
   ========================= */


/* =========================
   WIDER LAYOUT
   ========================= */

#mLayout .container_12 {
  width: calc(100% - 40px) !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

#mLayout .s1_grid_12,
#mLayout .s2_grid_12,
#mLayout .s3_grid_12 {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}

#mLayout .WaPlaceHolder {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

#mLayout .WaPlaceHolder > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}


/* =========================
   WHITE BREAK ABOVE MAIN NAV
   ========================= */

.WaGadgetMenuHorizontal {
  margin-top: 16px !important;
  border-top: 6px solid #FFFFFF !important;
  box-sizing: border-box !important;
}


/* =========================
   MAIN NAV DEFAULT = WHITE
   ========================= */

.WaGadgetMenuHorizontal a,
.WaGadgetMenuHorizontal a:link,
.WaGadgetMenuHorizontal a:visited {
  color: #FFFFFF !important;
}


/* =========================
   MAIN NAV HOVER / ACTIVE = RED
   ========================= */

.WaGadgetMenuHorizontal a:hover,
.WaGadgetMenuHorizontal li:hover > a,
.WaGadgetMenuHorizontal ul li a:hover,
.WaGadgetMenuHorizontal ul li.sel > a,
.WaGadgetMenuHorizontal ul li.selected > a,
.WaGadgetMenuHorizontal ul li.current > a {
  color: #D81F27 !important;
}

.WaGadgetMenuHorizontal a:hover span,
.WaGadgetMenuHorizontal li:hover > a span,
.WaGadgetMenuHorizontal ul li.sel > a span,
.WaGadgetMenuHorizontal ul li.selected > a span,
.WaGadgetMenuHorizontal ul li.current > a span {
  color: #D81F27 !important;
}


/* =========================
   PILL BUTTONS
   This is the version that worked
   ========================= */

a.stylizedButton.buttonStyle001,
a.stylizedButton.buttonStyle002,
a.stylizedButton.buttonStyle003 {
  border-radius: 999px !important;
  overflow: hidden !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}/* =========================
   EVENT / SYSTEM BUTTONS
   BLACK PILL BUTTONS
   ========================= */

input.typeButton,
input[type="submit"],
input[type="button"],
button,
.functionalButton,
.generalButton,
a.functionalButton,
a.generalButton,
span.typeButton,
span.typeButton input,
span.typeButton a,
input[value="Register"],
input[value="Next"],
input[value="Back"],
input[value="Continue"],
input[value="Submit"] {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #FFFFFF !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 12px 28px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

/* visible inner text / wrappers */
span.typeButton,
span.typeButton *,
.functionalButton *,
.generalButton * {
  color: #FFFFFF !important;
  border-radius: 999px !important;
}

/* hover / focus / active */
input.typeButton:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.functionalButton:hover,
.generalButton:hover,
a.functionalButton:hover,
a.generalButton:hover,
span.typeButton:hover,
span.typeButton input:hover,
span.typeButton a:hover,
input[value="Register"]:hover,
input[value="Next"]:hover,
input[value="Back"]:hover,
input[value="Continue"]:hover,
input[value="Submit"]:hover,
input.typeButton:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus,
.functionalButton:focus,
.generalButton:focus,
a.functionalButton:focus,
a.generalButton:focus,
span.typeButton:focus,
span.typeButton input:focus,
span.typeButton a:focus,
input[value="Register"]:focus,
input[value="Next"]:focus,
input[value="Back"]:focus,
input[value="Continue"]:focus,
input[value="Submit"]:focus {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
}