:root {
  /* --masters_green: #009B77; */
  --masters_green: #006747;
  /* --masters_gold: #EFED19; */
  --masters_gold: #FCE300;
  --masters_green_light: rgba(0, 103, 71, 0.6);
  --masters_gold_light: rgba(252, 227, 0, 0.6);
}

:root[color-mode="light"] {
  --masters_lightgrey: rgb(180,180,180);
  --masters_darkgrey: rgb(120,120,120);
  --masters_grey: rgb(140,140,140);
  --masters_white: rgb(245,245,245);
  --masters_cut_color: rgba(0, 155, 119, 0.8);
  --masters_trim: #006747;

  --blip: rgb(7, 102, 82);
}

:root[color-mode="dark"] {
  --masters_lightgrey: rgb(100,100,100);
  --masters_darkgrey: rgb(60,60,60);
  --masters_grey: rgb(140,140,140);
  --masters_white: rgb(235,235,235);
  --masters_cut_color: rgba(239, 237, 25, 0.8);
  --masters_trim: #FCE300;

  --blip: rgba(252, 227, 0, 1);
}

.first-divider-row > .data.pos-bg, .first-divider-row > .data.pos-sm { color: rgba(7, 102, 82, 1); opacity: 1; }
:root[color-mode="dark"] .first-divider-row > .data.pos-bg, :root[color-mode="dark"] .first-divider-row > .data.pos-sm { color: rgb(244,244,244); }

.datarow-divider {
  border-bottom: 1px solid rgba(7, 102, 82, 1) !important;
}

.cut-percent, .score-percent {
  /* background-color: var(--masters_green); */
  color: rgba(7, 102, 82, 1);
  border: 1px solid rgb(7, 102, 82);
  /* border: 1px solid var(--masters_green); */
  background-color: var(--black-base);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(7, 102, 82, 1);
  -moz-box-shadow: 0px 0px 2px 0px rgba(7, 102, 82, 1);
  box-shadow: 0px 0px 2px 0px rgba(7, 102, 82, 1);
}
:root[color-mode="dark"] .cut-percent { color: rgba(252, 227, 0, 1); }
:root[color-mode="dark"] .score-percent { color: rgba(252, 227, 0, 1); }

.weather-toggle:hover > .toggle-circle, .cut-toggle:hover > .toggle-circle, .stats-toggle:hover > .toggle-circle, .score-toggle:hover > .toggle-circle { color: var(--blip); opacity: 1; }
.toggle-on > .toggle-circle { color: var(--blip) !important; opacity: 1; }

.thru-notable { color: var(--masters_trim) !important; }

.trend-top {
  background-color: rgb(7, 102, 82);
  border: 1px solid rgb(7, 102, 82) !important;
  color: var(--masters_white); font-weight: bold;
}

.arrow-up { color: var(--masters_green) !important; }
.arrow-down { color: var(--red) !important; }

.container-options:hover { border-bottom-color: var(--masters_green_light); }
.option-selected, .option-selected:hover {
  border-bottom-color: var(--masters_green) !important;
}

.below-bar {
  background-color: var(--masters_green); opacity: 0.8;
}

.above-bar {
  background-color: var(--masters_grey); opacity: 0.8;
}

.under-par-avg {
  color: var(--masters_green);
}

/* .pga-title {
  color: var(--masters_gold); background-color: var(--masters_green);
} */

.players-logo {
  position: relative;
  top: -7px;
  height: 35px;
  width: auto;
}

.players-logo-2 {
  position: relative;
  top: -7px;
  height: 35px;
  width: auto;
}

.down-arrow-legend {
  color: var(--masters_green);
}

.loading-gif-table {
  background-color:
}

.left-toggle, .right-toggle { color: var(--masters_green) !important; }

/* .birdie {
  background-color: var(--masters_green_light);
  border-color: var(--masters_green);
} */

/* .bogey {
  background-color: var(--masters_lightgrey);
  border-color: var(--masters_lightgrey);
} */

/* .eagle {
  background-color: var(--masters_green);
  border-color: var(--masters_green);
  color: var(--masters_white);
} */

/* .double {
  background-color: var(--masters_darkgrey);
  border-color: var(--masters_darkgrey);
  color: var(--masters_white);
} */

/* .scorecard-round-option {
  border: none !important;
} */

/* .scorecard-round-selected, .scorecard-round-selected:hover {
  background-color: var(--masters_gold) !important;
  color: rgb(40,40,40) !important;
} */

/* .scorecard-round-option:hover {
  background-color: var(--masters_gold_light);
} */

/* .hole-div-end-total {
  background-color: var(--masters_green_light);
  color: var(--masters_white);
} */

/* .score-null-current {
  color: var(--masters_gold);
} */

.probs-win-high {
  color: rgba(40,40,40, 1);
}

.cut-dash {
  border-color: var(--masters_green);
}

.cut-explainer {
  padding-top: 5px;
  font-size: 8px;
  font-weight: bold;
}

.custom-pos-drop.dropped {
  background-color: var(--masters_green);
}

.custom-option:hover {
  background-color: var(--masters_green_light);
}

@media (max-width: 768px) {


}