:root {
  --card-head-text: 13px var(--font);
  --container-shadow-this: 0px 0px 2px 1px rgba(61, 153, 112, 1);
  --container-shadow-this: 0px 0px 2px 1px var(--olive);
  --container-shadow-masters: 0px 0px 3px 0px #006747;

  --linerr-2: var(--blue);
  /* --pga: #009B77; */
}

:root[color-mode="light"] {
  --plot-grey: rgba(200,200,200, 0.7);
  --plot-grey-stroke: rgba(220,220,220, 0.3);
  --spider-color-base: rgba(40,40,40, 0.8);
  --rc-card-back: var(--font-color-faint);
  --usa-red: rgba(200, 20, 20, 1);
  --usa-red-light: rgba(200, 20, 20, 0.6);
  --eur-blue: rgba(0, 60, 130, 1);
  --eur-blue-light: rgba(0, 60, 130, 0.6);
  --scratch-back: rgba(61, 153, 112, 0.15);
  --scratch-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
  --scratch-shadow-thinner: 0px 0px 3px 0px rgba(0,0,0,0.5);
  --item-hover-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5);
  --font-color-sitting: rgb(80,80,80);
  --tsg-hover-background: rgba(220,220,220, 0.4);
  --container-color-light: rgb(247,247,247);
  --base-green: rgb(36,47,45);
  --container-shadow: 0px 0px 4px 0px rgba(0,0,0,0.9);

  --masters-back: #009B77;
  --masters-border: 1px solid rgba(0, 155, 119, 0.2);
  --masters-line: rgb(250,250,250);
  --container-shadow-rank: var(--std-shadow);

  --linerr: #98a2ba;
  --linerr-2: #081c50;
  --container-shadow-grey-thin: 0px 0px 2px 0px rgba(0,0,0,0.5);
  --container-shadow-grey-ryder: 0px 0px 2px 1px rgba(0,0,0,0.6);
  --ryder-back: rgba(255, 220, 0, 0.15);
  --ryder-mid: rgba(255, 220, 0, 0.2);
  --ryder-hover: rgba(255, 220, 0, 0.3);

  --tournament-logo-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);
  --uso-backer: var(--container-color-base);
  --pga-champ-backer: rgba(0, 32, 91, 0.85);
}

:root[color-mode="dark"] {
  --container-shadow: 0px 0px 4px 0px rgba(0,0,0,0.9);
  --plot-grey: rgba(60,60,60,0.8);
  --plot-grey-stroke: rgba(60,60,60, 0.2);
  --spider-color-base: rgba(240,240,240, 0.7);
  --rc-card-back: rgb(85,85,85);
  --usa-red: var(--red);
  --usa-red-light: var(--red-light);
  --eur-blue: var(--blue);
  --eur-blue-light: var(--blue-light);
  --scratch-back: rgba(61, 153, 112, 0.3);
  --scratch-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
  --scratch-shadow-thinner: 0px 0px 3px 0px rgba(0,0,0,1);
  --item-hover-shadow: 2px 2px 3px 0px rgba(0,0,0,1);
  --font-color-sitting: rgba(240,240,240, 0.65);
  --tsg-hover-background: rgba(65,65,65, 0.4);
  --container-color-light: rgb(47,47,47);
  --base-green: rgb(36,47,45);
  --container-shadow-rank: var(--std-shadow);

  --masters-back: #1c2421;
  --masters-border: 1px solid rgba(0, 155, 119, 0.1);
  --masters-line: #009B77;

  --linerr: #98a2ba;
  --container-shadow-grey-thin: 0px 0px 2px 0px rgba(0,0,0,1);
  --container-shadow-grey-ryder: 0px 0px 2px 1px rgba(0,0,0,1);

  --ryder-back: rgba(61, 153, 112, 0.2);
  --ryder-mid: rgba(61, 153, 112, 0.2);
  --ryder-hover: rgba(61, 153, 112, 0.3);

  /* --tournament-logo-shadow:  0px 0px 2px 2px var(--olive); */
  --tournament-logo-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
  --uso-backer: rgba(0, 106, 60, 0.4);
  --pga-champ-backer: rgba(41, 63, 104, 1);
}

.trend-table-sider {
  position: relative;
  height: 20px;
  width: auto;
  margin-left: 5px;
}

.us-open-img {
  position: relative;
  height: 22px;
  top: -2px;
  margin-right: 0px;
  opacity: 0.7;
}

.masters-logo-small {
  position: relative;
  height: 27px;
  top: -3px;
  opacity: 0.75;
  margin-right: -5px;
  width: auto;
}

.night-option {
  top: 4px;
}

.top-slim {
  position: relative;
  /* border-bottom: var(--container-border-base); */
  height: 17px;
}

.fa-stocking {
  color: var(--red);
}

.ryder-icon {
  background-color: var(--container-color-base);
  border: var(--container-border-base);
  padding-top: 0px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px;
}

.home-rc-flag {
  opacity: 0.75;
  height: 19px;
  width: auto;
}

/* .fa-trophy {
  color: gold;
  font-size: 12px;
  margin-left: 5px;
  margin-right: 5px;
} */

.forum-logo {
  float: right;
  height: 35px;
  width: auto;
  border: var(--container-border-base);
  /* border-color: var(--olive-light); */
  margin-left: 5px;
  margin-right: 5px;
}

.forum-desc {
  position: relative;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 5px;
  font-size: 12px;
  line-height: 100%;
  font-weight: normal;
  color: var(--font-color-faint-2) !important;
}

.forum-title {
  color: var(--font-color-sitting);
  font-weight: bold;
}

.updates-left {
  position: absolute;
  top: 4px;
  left: 1px;
  height: 20px;
  width: calc(100% - 75px);
  /* background-color: var(--container-color-base); */
}

.top-item {
  float: left;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font: 11px var(--font);
  color: var(--font-color-faint);
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
}

.top-item-divider {
  color: var(--font-color-faint-2);
}

.top-update-item {
  cursor: pointer;
}

.top-update-item:hover {
  background-color: var(--container-color-base); color: var(--font-color-base);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.top-update-item:hover > .top-update-bell {
  color: var(--olive);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.field-updates-top {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 4px;
  padding-top: 5px;
  padding-right: 4px;
  left: 1px;
  padding-left: 4px;
  padding-bottom: 3px;
  font: 11px var(--font);
  color: var(--font-color-faint);
  font-weight: bold;
}

.field-update-penn {
  color: var(--font-color-sitting);
  margin-right: 3px;
}

.top-update-bell {
  /* font-size: 5px; */
  color: var(--font-color-sitting);
  margin-left: 3px;
  font-size: 11px !important;
}

.updates-tour {
  margin-left: 3px;
  top: 0px !important;
  font-size: 9px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.itn-link {
  position: absolute;
  top: 4px;
  padding-top: 3px;
  padding-right: 4px;
  left: 1px;
  padding-left: 4px;
  padding-bottom: 3px;
  font: 13px var(--font);
  color: var(--font-color-sitting);
}

.itn-vers-pound {
  position: relative;
  font-size: 8px;
  color: var(--font-color-faint-2);
  top: -3px;
  margin-right: 1px;
}


.tour-title-home {
  float: right;
  /* color: rgba(250,250,250, 1); */
  opacity: 0.9;
  font-size: 9px;
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  padding-bottom: 0px;
  border-radius: 1px;
  top: -2px;
  margin-top: 2px;
  margin-right: 3px;
}

.scratch-item-title > a > .tour-title-home {
  background-color: var(--black-base);
  border: var(--container-border-base);
  opacity: 0.9;
  margin-top: 0px;
}

.scratch-item-title > a > .tour-title-home:hover {
  /* background-color: var(--black-base); */
  /* border: var(--container-border-base); */
  opacity: 1;
}

.tour-title-home:hover, .decomp-tour:hover, .updates-tour:hover {
  opacity: 1;
  text-decoration: none !important;
}

.page-linkout {
  color: var(--font-color-base) !important;
}

.page-linkout:hover {
  text-decoration-color: var(--font-color-base) !important;
}

.chunker {
  margin-top: 15px;
  border-bottom: var(--container-border-base);
}

/* main containers */
.primary-container {
  /* background-color: red; */
  /* height: 1050px; */
  margin-top: 5px;
  margin-bottom: 15px;
}

.left-col {
  padding-left: 5px;
  padding-right: 10px;
}

.right-col {
  padding-left: 10px;
  padding-right: 5px;
}

.mid-col {
  border-right: var(--container-border-base);
  border-left: var(--container-border-base);
  padding-left: 5px;
  padding-right: 5px;
}

.dg-chev {
  color: var(--olive);
  margin-left: 4px;
  margin-right: 4px;
  position: relative;
  font-size: 11px !important;
}

.dg-text {
  font-weight: bold;
}

.blog-feature-img {
  position: relative;
  width: 100%;
  padding-top: 55%;
  border: 1px solid var(--blue-light);
  background-color: var(--blue-light);
  border-radius: 2px;
  margin-bottom: 5px;
}

.scratch-feature-img {
  position: relative;
  width: 100%;
  opacity: 0.93;
  padding-top: 60%;
  border: var(--container-border-base);
  background-color: var(--base-green);
  border-radius: 2px;
  margin-bottom: 5px;
}

.scratch-feature-img:hover {
  opacity: 1;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.scratch-feature-square {
  position: absolute;
  z-index: 0;
  border-radius: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  font: 7px var(--font);
  font-weight: bold;
  color: rgba(200,200,200, 0.7);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

/* .scratch-feature-square:hover {
  background-color: var(--container-color-light);
  -webkit-box-shadow: var(--container-shadow);
  -moz-box-shadow: var(--container-shadow);
  box-shadow: var(--container-shadow);
} */

.green-square {
  background-color: var(--olive-light);
  -webkit-box-shadow: var(--container-shadow);
  -moz-box-shadow: var(--container-shadow);
  box-shadow: var(--container-shadow);
}

.red-square {
  background-color: var(--red-light);
  -webkit-box-shadow: var(--container-shadow);
  -moz-box-shadow: var(--container-shadow);
  box-shadow: var(--container-shadow);
 }

 .bottom-feature-text {
   position: absolute;
   height: auto;
   width: 100%;
   bottom: 0px;
 }

 .bottom-events {
   position: relative;
   text-align: right;
   height: 15px;
   color: var(--olive);
   opacity: 0.8;
   font: 9px var(--font);
   font-weight: bold;
   padding-right: 5px;
 }

 .bottom-event {
   position: relative;
   text-align: right;
   height: 18px;
   color: rgba(220,220,220, 0.7);
   font: 10px var(--font);
   font-weight: bold;
   padding-right: 5px;
 }

 .feature-title {
   font-size: 7px;
   position: relative;
   /* top: 1px; */
   /* top: 1px; */
   padding: 1px;
   padding-left: 2px; padding-right: 2px;
 }

 .tour-title.feature-title {
   background-color: rgb(35,35,35) !important;
   border: 1px solid rgb(43,43,43) !important;
 }

.top-player-wrapper {
  max-height: 250px;
  border-bottom: var(--container-border-base);
  overflow: -moz-scrollbars-none;
  overflow-y: scroll;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}

.top-player-wrapper::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}

.top-player {
  position: relative;
  width: 100%;
  height: 38px;
  border-bottom: var(--container-border-base);
  overflow: hidden;
}

.top-player:hover {
  background-color: var(--container-color-base);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.headshot-container-top {
  float: left;
  position: relative;
  margin-top: 2px;
  margin-left: 2px;
  width: 36px;
  height: 36px;
  /* background-color: var(--container-color-base); */
  /* background-color: var(--black-base); */
  /* border-bottom: var(--container-border-base); */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
  overflow-y: hidden;
}

.top-player-pic {
  position: absolute;
  height: calc(100% - 1px);
  bottom: 0px;
  opacity: 1;
}

.top-player-rank {
  position: absolute;
  font: 12px var(--font);
  top: 5px;
  left: 45px;
  color: var(--font-color-sitting);
  font-weight: bold;
}

.top-player-pound {
  position: relative;
  top: -2px;
  color: var(--font-color-faint-2);
  font-size: 9px;
}

.top-player-name {
  position: absolute;
  font: 12px var(--font);
  bottom: 1px;
  left: 45px;
  color: var(--font-color-sitting);
  font-weight: bold;
  /* height: 100%; */
}

.top-player-flag {
  opacity: 0.75;
  height: 15px;
  width: auto;
  position: relative;
  top: -1px;
  margin-right: 0px;
  margin-left: 0px;
}

.top-name-first {
  color: var(--font-color-faint-2);
  font-size: 10px;
}

.top-player-value {
  position: absolute;
  right: 2px;
  bottom: 2px;
  color: var(--font-color-faint);
  font: 12px var(--font);
  font-weight: bold;
}

.sg-plus {
  color: var(--font-color-faint-2);
}

.snow-giffer {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%; width: 100%; opacity: 0.5;
}

.open-feature-img {
  position: relative;
  width: 100%;
  padding-top: 55%;
  border: 1px solid rgba(255, 181, 0, 0.7);
  background-color: rgba(255, 181, 0, 0.7);
  border-radius: 2px;
  margin-bottom: 5px;
}

.players-feature-img {
  position: relative;
  padding-top: 63%;
  width: 100%;
  opacity: 0.95;
}

.blogg-feature-img {
  position: relative;
  width: 100%;
  height: auto;
  top: 0px;
  left: 0px;
}

.blogg-feature-raised {
  /* border: var(--container-border-base); */
  -webkit-box-shadow: var(--container-shadow-grey-thin);
  -moz-box-shadow: var(--container-shadow-grey-thin);
  box-shadow: var(--container-shadow-grey-thin);
}

.feature-item:hover > .players-feature-img {
  opacity: 1;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.players-feature-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  padding-bottom: 15px;
  flex-direction: column;
  /* color: #caaa77; */
  top: 0px;
  height: 100%;
  width: 100%;
  /* background-color: #293f68; */
  /* background-color: var(--olive); */
  background-color: var(--container-color-base);
  /* background-color: #cad9d0; */
  /* background-color: var(--uso-backer); */
  /* background-color: var(--pga-champ-backer); */
  /* background-color: #076652; */
  /* background-color: rgb(51,101,152); */
  /* background-color: var(--black-base); */
  /* border: var(--container-border-base); */
  /* border-radius: 2px; */
  font-size: 15px;
  text-align: center;
  -webkit-box-shadow: var(--container-shadow-grey-thin);
  -moz-box-shadow: var(--container-shadow-grey-thin);
  box-shadow: var(--container-shadow-grey-thin);
  /* -webkit-box-shadow: var(--container-shadow-masters);
  -moz-box-shadow: var(--container-shadow-masters);
  box-shadow: var(--container-shadow-masters); */
}

/* :root[color-mode="dark"] .players-feature-inner { background-color: #2f3833; } */

.svg-out {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30%;
  margin-bottom: 8%;
}

.masters-feature-inner {
  background-color: var(--masters-back);
  /* background-color: rgba(0, 155, 119, 1); */
  border: var(--masters-border);
}

.masters-feature-text {
  display: flex;
  justify-content: center;
  align-items: center;
  font: 11px var(--font);
  font-weight: bold;
  background-color: rgba(0, 155, 119, 1);
  background-color: var(--black-base);
  border: var(--container-border-base);
  color: rgba(0, 155, 119, 1);
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 1px;
  z-index: 1;
  opacity: 0.9;
}

.line-diver {
  position: absolute;
  height: 70%;
  top: 15%;
  width: 100%;
  /* background-color: red; */
}

.linerr {
  fill: none;
  /* stroke: rgb(255, 65, 54); */
  /* stroke: var(--yellow); */
  /* stroke: rgba(36,104,64,255); */
  /* stroke: #CBA060; */
  /* stroke: #006747; */
  /* stroke: #caaa77; */
  stroke-width: 1;
  stroke-opacity: 1;
  /* stroke: var(--font-color-base); */
  /* stroke: #FFDC00; */
  /* stroke: rgba(200, 20, 20, 1); */
  /* stroke: #ffb500; */
  /* stroke: rgb(12,60,99); */
  /* stroke: #081c50; */
  /* stroke: var(--linerr-2); */
  /* stroke: white; */
  stroke: var(--blue);
  /* stroke: #da1a31; */
  /* stroke: #AF9157; */
}

.linerr-2 {
  fill: none;
  /* stroke: rgba(239, 237, 25, 0.9); */
  stroke: var(--red);
  /* stroke: rgba(0, 54, 95, 1); */
  /* stroke: rgba(57,138,61, 1); */
  /* stroke: rgba(58, 61, 102, 1); */
  /* stroke: rgb(209,61,64); */
  /* stroke: rgb(224, 0, 64); */
  /* stroke: rgb(10,79,45); */
  /* stroke: #FCE300; */
  /* stroke: var(--linerr); */
  /* stroke: var(--font-color-base); */
  /* stroke: rgba(220,40,95, 1); */
  /* stroke: white; */
  stroke-opacity: 1;
  /* stroke-opacity: 1; */
  stroke-width: 1;
  /* stroke: #caaa77; */
}

 /* :root[color-mode="dark"] .linerr-2 { stroke: #6e81c5; } */


.linerr-euro {
  fill: none;
  stroke: rgb(220,40,95);
  /* stroke: #ffb500; */
  stroke-width: 1.2;
  stroke-opacity: 0.9;
}

.linerr-2-euro {
  fill: none;
  stroke: var(--font-color-base);
  stroke: rgba(92,187,124, 1);
  /* stroke: rgba(220,40,95, 1); */
  stroke-opacity: 0.85;
  stroke-opacity: 0.9;
  stroke-width: 1.2;
}

.pga-players-title {
  color: #caaa77; background-color: #293f68;
}

.players-feature-sub-upper {
  margin-bottom: 0px;
  color: rgb(200,200,200);
  font-size: 10px;
}

.players-logo {
  height: 50px;
  border-radius: 50%;
  /* background-color: #083666; */
  /* background-color: var(--olive); */
  /* opacity: 0.9; */
  width: auto;
  z-index: 2;
  -webkit-box-shadow: var(--tournament-logo-shadow);
  -moz-box-shadow: var(--tournament-logo-shadow);
  box-shadow: var(--tournament-logo-shadow);
}

.players-euro-logo {
  background-color: rgb(255,255,255);
  background-color: var(--black-base);
  border-radius: 2px;
  padding: 5px;
  /* border: var(--container-border-base); */
  /* padding-left: 6px; padding-right: 6px; */
}

.players-feature-sub {
  margin-top: 0px;
  /* color: rgba(180,180,180, 0.95); */
  /* color: rgba(250,250,250,0.9); */
  color: var(--font-color-base);
  /* color: rgba(250,250,250, 1); */
  font-size: 10px;
  /* background-color: #083666; */
  /* background-color: var(--olive); */
  /* background-color: var(--container-color-base); */
  /* border: var(--container-border-base); */
  border-top: var(--container-border-base);
  /* border-color: #9fb5a8; */
  /* border-top: 1px solid rgba(40,40,40, 0.5); */
  /* border-top: 1px solid var(--blue-light); */
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  opacity: 1;
  /* color: rgb(170,170,170); */
  z-index: 2;
}

:root[color-mode="dark"] .players-feature-sub { border-color: #2f4f3d; }

.masters-feature-sub {
  border-top: var(--container-border-base);
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: var(--masters-back);
  opacity: 0.9;
  color: var(--font-color-faint);
  z-index: 1;
}

.dg-model-chev-home {
  position: relative;
  font-size: 7px;
  color: var(--olive);
  /* color: limegreen; */
  top: -1px;
}

/* :root[color-mode="light"] .masters-feature-sub {
  border-top: 1px solid rgba(200,200,200, 0.7);
  color: rgba(250,250,250, 0.95);
}

:root[color-mode="light"] .dg-model-chev-home {
  color: rgb(50,50,50);
} */

.rc-feature-img {
  position: relative;
  width: 100%;
  padding-top: 58%;
  border: 1px solid rgba(255, 181, 0, 0.7);
  border: var(--container-border-base);
  background-color: rgba(255, 181, 0, 0.7);
  background-color: var(--container-color-base);
  background-color: var(--font-color-faint);
  background-color: var(--rc-card-back);
  border
  border-radius: 2px;
  margin-bottom: 5px;
}

.rc-flagger-container {
  position: absolute;
  width: calc(50% - 4.5px);
  height: calc(25% - 3px);
  /* width: auto; */
  /* opacity: 0.7; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.us-flagger {
  background-color: var(--usa-red-light);
  /* border-right: var(--container-border-base); */
  left: 3px;
  top: 3px;
}

.eur-flagger {
  background-color: var(--eur-blue-light);
  /* border-left: var(--container-border-base); */
  right: 3px;
  top: 3px;
}

.the-flag-rc {
  height: calc(100% + 10px);
  opacity: 0.85;
}

.ws-title {
  position: absolute;
  top: calc(25% + 3px);
  width: calc(100% - 6px);
  left: 3px;
  height: 10%;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* background-color: var(--black-base); */
  background-color: var(--container-color-base);
  border: var(--container-border-base);
}

.ws-title-sub {
  color: var(--font-color-faint-2);
  font-size: 11px;
  position: relative;
  margin-left: 5px;
  top: 0px;
}

.rc-filler {
  position: absolute;
  bottom: 3px;
  height: calc(65% - 9px);
  left: 3px;
  width: calc(100% - 6px);
  /* width:  */
}

.rc-plot-img {
  height: 100%;
  width: 100%;
  opacity: 1;
}

.open-lower {
  position: absolute;
  top: 0px;
  background-color: #ffd162;
  width: 100%;
  height: 90px;
}

.snow-text {
  position: absolute;
  left: 7px;
  color: rgb(210,210,210);
  font-weight: bold;
}

.snow-dg {
  top: 10px;
  font: 20px var(--font);
  font-weight: bold;
}

.snow-blog {
  top: 35px;
  font: 15px var(--font);
  color: var(--olive);
  font-weight: bold;
  left: 17px;
}

.open-text {
  position: absolute;
  left: 7px;
  color: rgba(45, 54, 77, 1);
}

.open-number {
  font: 15px var(--font);
  /* font-weight: bold; */
  top: 10px;
}

.th-bigger {
  position: relative;
  top: -4px;
  font-size: 9px;
}

.th {
  position: relative;
  top: -6px;
  font-size: 7px;
}

.open-open {
  top: 26px;
  font: 23px var(--font);
  /* font-weight: bold; */
}

.open-champ {
  top: 53px;
  font: 23px var(--font);
  /* font-weight: bold; */
}

.open-live {
  opacity: 0.5;
  font-size: 10px;
  font-weight: bold;
  top: 92px;
}

.open-divide {
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: rgba(45, 54, 77, 1);
  top: 85px;
}

.feature-img {
  width: 100%;
  height: auto;
  border-radius: 1px;
  margin-bottom: 5px;
  opacity: 0.9;
}

.img-wrap {
  position: relative;
}

.snow-giffer-live {
  width: 100%;
  left: 0px;
  top: 0px;
  height: calc(100% - 5px);
  opacity: 0.5;
}

.feature-img-masters {
  opacity: 0.85;
}

/* .feature-img:hover {
  opacity: 0.9;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
} */

/* general items */
.section-title {
  /* border-bottom: var(--container-border-base); */
  font: 14px var(--font);
  font-weight: bold;
  color: var(--disabled-col);
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

.section-title-2 {
  font: 9.5px var(--font);
  font-weight: bold;
  color: var(--font-color-base);
  text-align: center;
  width: 100%;
  height: 22.5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-back-bar {
  position: absolute;
  height: 3px;
  width: 95%;
  background-color: var(--olive);
  border-radius: 1.5px;
  z-index: -1;
}

.section-title-inner {
  padding: 5px; padding-top: 2.5px; padding-bottom: 2.5px;
  border-radius: 2px;
  background-color: var(--black-base);
  background-color: #163829;
  /* border: var(--container-border-base); */
  color: var(--black-base);
  color: var(--white);
  /* border-color: var(--olive); */
}

:root[color-mode="dark"] .section-title-inner { background-color: #d0d9d5; color: black; }

.sub-section-profiles {
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
  font: 10px var(--font);
  padding: 2px;
  color: var(--font-color-base);
  font-weight: bold;
  margin-bottom: 2px;
}

.sub-section-profiles > .fa-circle {
  position: relative;
  color: var(--yellow); font-size: 7px;
  /* top: -1px; */
}

.feature-item {
  margin: auto;
  position: relative;
  border-bottom: var(--container-border-base);
  font-family: var(--font);
  color: var(--font-color-sitting);
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 0px;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  overflow-y: hidden;
}

.feature-item-scratch {
  border-bottom: none;
  padding-top: 2px;
  padding-left: 2px;
  padding-right: 2px;
}

.additional-dfs-divider {
  position: relative;
  width: 100%;
  padding-top: 3px; padding-bottom: 2px;
  padding-left: 5px;
  font: 9px var(--font);
  color: var(--font-color-sitting);
  font-weight: bold;
  border: var(--container-border-base); border-top: none;
  background-color: var(--container-color-base);
}

.divider-border-top {
  border-top: var(--container-border-base); margin-top: 10px;
}

.page-item {
  /* width: 100%; */
  margin: auto;
  position: relative;
  /* border: var(--container-border-base);
  background-color: var(--container-color-base); */
  border-bottom: var(--container-border-base);
  font-family: var(--font);
  color: var(--font-color-sitting);
  padding-top: 9px;
  padding-bottom: 8px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  overflow-y: hidden;
}

.page-item-h2h {
  padding-top: 0px;
}

.page-item-h2h:hover {
  color: var(--font-color-base);
  background-color: transparent !important;
}

.page-item-h2h:hover > .item-img-h2h {
  -webkit-box-shadow: var(--container-shadow-grey-thin);
  -moz-box-shadow: var(--container-shadow-grey-thin);
  box-shadow: var(--container-shadow-grey-thin);
  background-color: var(--ryder-back);
}

.h2h-item-top {
  padding-top: 2.5px;
  color: var(--font-color-base);
}

.h2h-left {
  float: left;
  margin-left: 5px;
}

.h2h-right {
  float: right;
  margin-right: 5px;
}

.page-item-h2h {
  font: 12px var(--font);
  font-weight: bold;
}

.faq-item {
  margin: auto;
  position: relative;
  font-family: var(--font);
  color: var(--font-color-sitting);
  padding-top: 2px;
  font-size: 13px;
  padding-bottom: 4px;
  font-weight: bold;
  text-align: center;
  overflow-y: hidden;
}

.faq-questions-container {
  position: relative;
  height: 70px;
  border-bottom: var(--container-border-base);
  margin-bottom: 10px;
}

.faq-outlink, .profile-outlink {
  position: absolute;
  width: 100%;
  bottom: 0px;
  padding-bottom: 2.5px;
  margin-top: -3px;
  margin-bottom: 1px;
  text-align: center;
  font: 8.5px var(--font);
  font-weight: bold;
  color: var(--font-color-faint-2);
}

.the-faq-outlink, .the-profile-outlink {
  font-weight: bold;
  color: var(--font-color-faint-2);
  padding: 1px; padding-left: 2px; padding-right: 2px;
  border-radius: 0px;
  font-size: 7.5px;
  border: var(--container-border-base);

}

.the-faq-outlink:hover {
  color: var(--blue);
  text-decoration: none;
}

.the-profile-outlink:hover {
  background-color: var(--olive); color: white; border-color: var(--olive); text-decoration: none;
}

.faq-questions-box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: calc(50% - 12px);
  height: calc(100% - 22px);
  top: 0px;
  border-radius: 0px;
  border: var(--container-border-base);
  font: 11px var(--font);
  color: var(--font-color-faint);
  font-weight: bold;
  text-align: center;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  overflow: hidden;
}

.long-question-yes {
  font-size: 9px;
}

.question-box-1 {
  left: 6px;
}

.question-box-2 {
  right: 6px;
}

.faq-questions-box:hover {
  background-color: var(--blue-superlight);
  border: 1px solid var(--blue-superlight);
  color: var(--blue);
  /* border-radius: 3px; */
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.additional-dfs-item {
  padding-top: 7px;
  padding-bottom: 5px;
  font-size: 13px;
  text-align: left;
  padding-left: 5px;
}

.page-item-archive {
  padding-top: 7px;
  padding-bottom: 5px;
  font-size: 13px;
  color: var(--font-color-faint);
}

.header-logo-letzig {
  position: relative;
  height: 25px;
  width: auto;
  top: -2px;
}

.newsy-date {
  position: relative;
  font: 10px var(--font);
  padding: 3px;
  padding-right: 0px;
  padding-top: 1px;
  padding-bottom: 3px;
  color: var(--font-color-sitting);
  font-weight: bold;
  /* background-color: var(--olive); */
}

.letty-item {
  font: 10.5px var(--font);
  font-weight: bold;
  margin-top: 3px;
  margin-bottom: 3px;
}

.letty-item > .fa-long-arrow-right { color: var(--blue); }

.ziggy-logo-home-2 {
  position: absolute;
  height: 145%;
  top: 0px;
  width: auto;
  right: 5px;
}

.newsy-date-inner {
  color: var(--font-color-sitting);
  display: inline-block;
  padding: 2.5px;
  /* border-bottom: var(--container-border-base); */
  font-weight: bold;
  width: auto;
  background-color: var(--olive-lighter);
  border-radius: 2px;
  font-size: 8px;
  /* color: var(--olive); */
}

.newsy-date-new {
  background-color: gold; color: black;
}

.api-page-item {
  border-top: var(--container-border-base);
  /* margin-bottom: 10px; */
}

.page-item-letty {
  padding-top: 2px;
}

.page-item-top-border {
  border-top: var(--container-border-base);
}

.tsg-item {
  /* width: 100%; */
  margin: auto;
  position: relative;
  /* border: var(--container-border-base);
  background-color: var(--container-color-base); */
  border-bottom: var(--container-border-base);
  font-family: var(--font);
  color: var(--font-color-sitting);
  padding-top: 11px;
  padding-bottom: 8px;
  padding-left: 7px;
  padding-right: 7px;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
  overflow-y: hidden;
}

.tsg-sub-item {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 0px;
  border: var(--container-border-base);
  /* background-position: center center;
  background-image: url(../static/tsg_home_dark.png);
  background-repeat: no-repeat; */
}

.tsg-sub-item-2 {
  margin-top: 10px;
  margin-bottom: 5px;
}

.tsg-img {
  width: 100%;
  height: auto;
  opacity: 0.7;
}

.tsg-cover {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}

.tsg-cover {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}

.tsg-label {
  position: absolute;
  left: calc(50% - 50px);
  width: 100px;
  height: 18px;
  top: calc(50% - 9px);
  /* background-color: var(--black-base); */
  font: var(--font-color-sitting);
  font-size: 10px;
  padding-top: 1px;
  pointer-events: none;
  /* border: 1px dashed var(--olive-light); */
  background-color: var(--container-color-base);
  border: var(--container-border-base);
}

.tsg-cover:hover {
  background-color: var(--tsg-hover-background);
  color: var(--font-color-base);
  cursor: pointer;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.faq-icon {
  color: var(--blue-light);
}

.field-update-alert {
  color: var(--olive);
  font-size: 12px;
  position: relative;
  top: -2px;
}

.field-update-item {
  /* border-top: var(--container-border-base); */
  /* margin-top: 10px; */
  margin-bottom: 0px;
  padding-top: 8px;
}

.last-iso-update {
  position: relative;
  font-size: 11px;
  color: var(--font-color-faint-2);
  /* color: var(--olive); */
  /* opacity: 0.5; */
  top: -1px;
}

.fedex-pic {
  position: relative;
  height: 25px;
  width: auto;
  margin-right: 0px;
  top: -2px;
  /* border: var(--container-border-base); */
}

.fedex-wrap {
  position: relative;
  padding: 3px;
  padding-bottom: 5px;
  top: -1px;
  /* background-color: var(--container-color-base); */
  /* border: var(--container-border-base); */
  border-radius: 1px;
}

.fedex-pic-2 {
  position: relative;
  /* top: -8px; */
  height: 22px;
  width: auto;
  opacity: 0.85;
}

.fedex-pic-3 {
  position: relative;
  /* top: -8px; */
  height: 17px;
  width: auto;
  opacity: 0.85;
}

.fedex-helper {
  padding-top: 13px;
  overflow-x: hidden;
}

.page-item:hover, .feature-item:hover, .rank-item:hover, .itn-link:hover {
  background-color: var(--container-color-base);
  color: var(--font-color-base);
  cursor: pointer;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.page-item-h2h:hover {
  color: var(--font-color-base);
  background-color: transparent !important;
}

.rank-item:hover {
  -webkit-box-shadow: var(--container-shadow-grey-thin);
  -moz-box-shadow: var(--container-shadow-grey-thin);
  box-shadow: var(--container-shadow-grey-thin);
  background-color: var(--ryder-back);
}

.show-more-preds:hover {
  background-color: var(--container-color-base);
  color: var(--olive);
  cursor: pointer;
}

.feature-item-scratch:hover {
  background-color: transparent;
}
/*
.fa-bell {
  position: relative;
  top: -1px;
  font-size: 13px !important;
  margin-right: 1px;
} */

.update-bell-hovered {
  color: var(--red);
  cursor: pointer;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.feature-title {
  margin-top: 2px;
}

.item-title {
  padding-bottom: 0px;
  padding-left: 1px;
  padding-right: 1px;
  font-size: 15px;
  /* width: 100%; */
  border-bottom: 1px solid rgba(0,0,0,0);
  text-decoration: none !important;
}

.page-item-archive > .item-title { font-size: 13px; }

.item-desc {
  display: flex;
  justify-content: left; /* align horizontal */
  align-items: center; /* align vertical */
  padding-left: 15px;
  padding-right: 5px;
  font-size: 12px;
  line-height: 100%;
  font-weight: normal;
  color: var(--font-color-faint-2) !important;
}

.feature-desc {
  padding-left: 0px;
  font-weight: normal;
  font-size: 12px;
  line-height: 100%;
  color: var(--font-color-faint-2) !important;
  padding-bottom: 10px;
}

.img-title-wraptext {
  font-size: 12px;
  /* text-align: left !important; */
  line-height: 100%;
  font-weight: normal;
  color: var(--font-color-faint-2) !important;
}

.desc-text {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

.text-desc {
  margin: auto;
  max-width: 350px;
  text-align: center;
}

.img-title-helper {
  max-width: 250px;
  margin: auto;
  text-align: left;
  padding-top: 5px;
}

.img-title-bigger {
  padding-left: 5px;
  padding-top: 10px;
  max-width: 400px;
}

.desc-helper {
  position: relative;
  margin: auto;
}

.img-helper {
  position: relative;
  margin: auto;
  max-width: 250px;
}

.img-helper-bigger {
  position: relative;
  margin: auto;
  max-width: 400px;
}

.img-helper-huge {
  position: relative;
  margin: auto;
  max-width: 350px;
}

.img-helper-huger {
  position: relative;
  margin: auto;
  max-width: 400px;
}

.fedex-svg {
  left: 25px;
}

.img-container {
  padding-right: 5px;
  padding-left: 5px;
}

.item-img {
  top: 0px;
  float: right;
  width: 100%;
  height: auto;
}

.item-img-h2h {
  width: calc(100% - 10px);
  margin: auto;
  margin-top: 2.5px;
  float: unset;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
  /* -webkit-box-shadow: var(--container-shadow-grey-thin);
  -moz-box-shadow: var(--container-shadow-grey-thin);
  box-shadow: var(--container-shadow-grey-thin); */
}

.slider-gif {
  width: 90%;
  float: unset;
  margin: auto;
  border: var(--container-border-base);
  /* height: 21px; */
  overflow: hidden;
}

.t-sum-png {
  width: 100%;
  float: unset;
  margin: auto;
  border: var(--container-border-base);
  /* height: 21px; */
  overflow: hidden;
  margin-top: 2px;
  margin-bottom: 5px;
}

.img-title {
  float: left;
  margin-left: 5px;
  margin-right: 7px;
  margin-bottom: 5px;
  width: 40%;
  height: auto;
}

.rank-chev {
  position: relative;
  top: -0.5px;
  color: var(--olive);
  font-size: 8px;
}

.item-circle {
  position: relative;
  font-size: 5px !important;
  color: var(--olive-light);
  margin-left: 3px;
  margin-right: 1px;
  top: -2px;
}

.item-circle-on {
  color: var(--olive);
}

.expansion-div {
  padding-top: 0px;
  border-left: 2px solid var(--olive-light);
  margin-left: 0px;
  width: 100%;
  height: 0px;
  font-size: 11px;
  padding-left: 5px;
  color: var(--font-color-faint);
  background-color: var(--black-base);
}

.expand-it {
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* .expansion-div-extra-margin > .expand-it {
  margin-bottom: 5px;
} */

/* scratch container */
.scratch-container {
  width: 100%;
  margin-top: 5px;
  /* height: 100px; */
  background-color: var(--scratch-back);
  border-radius: 0px;
  -webkit-box-shadow: var(--scratch-shadow);
  -moz-box-shadow: var(--scratch-shadow);
  box-shadow: var(--scratch-shadow);
  padding-bottom: 5px;
}

.scratch-container-left {
  padding: 0px;
  margin-bottom: 5px;
  width: calc(100% - 0px);
  margin: auto;
  margin-top: 7.5px;
  /* border: var(--container-border-base); */
  /* margin-bottom: 5px; */
  /* border-bottom: var(--container-border-base); */
  background-color: var(--container-color-base);
  /* -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; */
  -webkit-box-shadow: var(--scratch-shadow-thinner);
  -moz-box-shadow: var(--scratch-shadow-thinner);
  box-shadow: var(--scratch-shadow-thinner);
  /* border-top-right-radius: 3px; */
  /* border-top-left-radius: 3px; */
  overflow: hidden;
}

.scratch-title {
  font: var(--card-head-text);
  width: 98%;
  margin: auto;
  padding-top: 5px;
  font-weight: bold;
  color: var(--font-color-base);
  padding-bottom: 3px;
  font-size: 14px;
  border-bottom: 1px solid var(--olive-lighter);
  margin-bottom: 5px;
}

.scratch-item {
  width: 100%;
  margin: auto;
  font-family: var(--font);
  cursor: pointer;
  overflow-y: hidden;
}

.scratch-item-left {
  /* margin-top: 5px; */
  width: 100%;
  /* border-top: var(--container-border-base); */
  border-bottom: var(--container-border-base);
}

.scratch-sub-title {
  font-size: 9.5px;
  color: var(--font-color-base);
  font-weight: bold;
}

.scratch-item:hover {
  /* background-color: var(--olive-light); */
}

.scratch-item-title {
  font-size: 11px;
  padding-top: 3px;
  padding-bottom: 3px;
  /* color: var(--font-color-base) !important; */
  /* text-decoration-color: var(--font-color-base) !important; */
}

.scratch-item-title:hover {
  background-color: var(--olive-lighter);
}

.scratch-item-title-left {
  font-weight: bold;
  padding-left: 2px;
  color: var(--font-color-faint) !important;
}

.page-linkout-scratch {
  color: var(--font-color-faint) !important;
}

.scratch-item-title-left:hover > .page-linkout-scratch {
  color: var(--font-color-base) !important;
}
/* end scratch stuff */

/* pred stuff */
.pred-block {
  padding-top: 5px;
  /* padding-left: 5px; */
  margin-bottom: 10px;
  overflow-y: hidden;
}

.tour-title-pred {
  /* color: rgba(250,250,250, 1); */
  opacity: 0.7;
  font-size: 10px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  /* top: -2px; */
  top: -1px;
  margin-right: 4px;
  background-color: var(--black-base);
  opacity: 0.95;
}

.tour-title-live {
  /* color: rgba(250,250,250, 1); */
  font-size: 10px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  /* top: -2px; */
  top: -2px;
  margin-right: 0px;
  opacity: 0.95;
}

.tour-title-dfs {
  /* color: rgba(250,250,250, 1); */
  font-size: 9px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  /* top: -2px; */
  top: -1px;
  margin-right: 0px;
  opacity: 0.95;
}

.dfs-img-sm {
  position: relative;
  top: -1px;
  height: 16px;
  margin-left: 3px;
  opacity: 0.65;
  width: auto;
}

.dfs-img-sm:hover{
  opacity: 1;
}

.inner-linker {
  text-decoration: none !important;
}

.decomp-tour {
  z-index: 1;
  cursor: pointer;
  margin-right: 0px;
}

.others-title, .other-title {
  background-color: var(--container-color-base);
  color: var(--olive) !important;
  /* font-size: 9px !important; */
  border: var(--container-border-base);
}

.event-title {
  background-color: var(--container-color-base);
  border: var(--container-border-base);
  font: 14px var(--font);
  color: var(--font-color-sitting);
  padding-top: 5px;
  padding-left: 5px;
  font-weight: bold;
  padding-bottom: 5px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.event-title:hover {
  background-color: var(--container-color-base);
  color: var(--font-color-base);
  cursor: pointer;
  -webkit-transition: color 200ms ease-out;
  -moz-transition: color 200s ease-out;
  -o-transition: color 200s ease-out;
  transition: color 200ms ease-out;
}

.pred-row-container {
  /* padding-top: 5px; */
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  height: 0px;
}

.pred-row-expanded {
  height: auto;
  /* padding-bottom: 5px; */
}

.pred-row {
  position: relative;
  height: 25px;
  width: 100%;
  /* background-color: red; */
  border-bottom: var(--datarow-border);
}

.pred-row:hover {
  background-color: var(--datarow-hover);
}

.show-more-preds {
  color: var(--font-color-sitting);
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
  font: 10px var(--font);
  font: 8.5px var(--font);
  font-weight: bold;
  color: var(--font-color-faint-2);
  /* border-bottom: var(--container-border-base); */
}

.flagger {
  position: absolute;
  top: 6px;
  left: 2px;
  height: 14px;
  width: auto;
  opacity: 1;
}

.flagger-zurich {
  position: relative;
  top: -1px;
  left: 2px;
  height: 13;
  width: 13;
  margin-right: 4px;
  opacity: 0.85;
}

.name-span-zurich {
  padding-left: 2px !important;
}

.flag-rank {
  left: 16px;
  height: 11;
  width: 12;
  top: 5px;
}

.rank-name-div {
  position: absolute;
  left: 0px;
  top: 0px;
  padding-left: 20px;
  padding-top: 7.5px;
  width: 75%;
  height: 100%;
  font: 10px var(--font);
  color: var(--font-color-sitting);
  font-weight: bold;
  width: 100%;
}

.rank-name-zurich {
  padding-left: 1px;
  padding-top: 6px;
}

.rank-name-first {
  font: 8px var(--font);
  /* font-weight: normal; */
  /* margin-left: 2px; */
  font-weight: bold;
  color: var(--font-color-faint-2);
}

.prob-div {
  position: absolute;
  left: 75%;
  width: 25%;
  text-align: center;
  color: var(--font-color-sitting);
  font: 10px var(--font);
  font-weight: bold;
  padding-top: 7px;
}

.dg-points-new {
  color: var(--blue);
  background-color: var(--blue-superlight);
  font-size: 7px;
  padding: 1px;
  padding-left: 2px;
  padding-right: 2px;
  margin-left: 2px;
}

/* rankings stuff */
.rating-topper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16px;
  width: 100%;
  background-color: var(--container-color-base);
  border: var(--container-border-base);
  color: var(--font-color-base);
  font: 9px var(--font);
  font-weight: bold;
}

.ranking-container {
  width: 100%;
  margin-top: 2px;
  margin-left: 0px;
  margin-bottom: 5px;
}

.rank-item {
  width: 100%;
  /* margin: auto; */
  /* position: relative; */
  /* border-bottom: var(--container-border-base); */
  margin-left: 0px;
  margin-right: 0px;
  font-family: var(--font);
  color: var(--font-color-sitting);
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  cursor: pointer;
  overflow-y: hidden;
}

.rank-title {
  font: 10px var(--font);
  font-weight: bold;
  /* background-color: red; */
  padding-bottom: 2px;
  /* color: var(--font-color-sitting); */
  border-bottom: var(--container-border-base);
  /* padding-left: 5px; */
}

.am-circle {
  color: var(--blue-light);
}

.pro-circle {
  color: var(--olive-light);
}

.rank-row {
  position: relative;
  height: 20px;
  /* padding-left: 5px; */
  border-bottom: 1px solid var(--container-color-base);
}

.his-rank-div {
  font-size: 9px;
  width: 100%;
  padding-left: 4px;
  padding-top: 4px;
  color: var(--font-color-sitting);
  font-weight: bold !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
}

.dg-points-year {
  position: relative;
  color: var(--olive);
  font-size: 7.5px;
  top: -0.5px;
}

.his-rank-div-skill {
  width: calc(50% + 2px);
  border-right: var(--datarow-border);
  height: 100%;
}

.his-rank-div-course {
  width: calc(100% - 40px);
  border-right: var(--datarow-border);
  height: 100%;
}

.his-course-val {
  position: absolute;
  left: calc(100% - 40px);
  height: 80%;
  top: 10%;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--font-color-faint-2);
  color: var(--blue);
  font: 8px var(--font);
  font-weight: bold;
}

.his-skill-val {
  position: absolute;
  left: calc(50% + 2px);
  height: 80%;
  top: 10%;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--font-color-faint);
  font: 8px var(--font);
  font-weight: bold;
}

.his-skill-val-top { color: var(--font-color-base); }

.his-skill-val-base {
  opacity: 0.3;
}

.his-bar-div {
  position: absolute;
  left: calc(50% + 35px);
  height: 80%;
  top: 10%;
  width: calc(50% - 40px);
  /* background-color: var(--red-light); */
  /* border-left: 1px solid var(--font-color-sitting); */
}

.bar-axis {
  position: absolute;
  left: -0.75px;
  top: 0px;
  width: 1.5px;
  height: 100%;
  border-radius: 2px;
}

.his-bar {
  position: absolute;
  left: 0px;
  height: 60%;
  top: 20%;
  background-color: var(--font-color-base);
  opacity: 0.75;
}

.his-bar-back {
  position: absolute;
  left: 0px;
  height: 60%;
  top: 20%;
}

.course-bar {
  background-color: var(--blue-light);
}

.the-rank {
  font-weight: bold;
  color: var(--font-color-sitting);
}

.name-rank {
  padding-left: 15px;
  font-weight: bold;
}

.img-blog-helper {
  /* max-width: 250px; */
  margin: auto;
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
}

.blog-img {
  width: 15%;
  border: var(--container-border-base);
}

.blog-img-rect {
  margin-top: 3px;
  width: 18%;
}

.blog-img-smaller {
  margin-top: 1px;
  width: 12%;
  height: auto;
}

.blog-img-rect-long {
  width: 22%;
  margin-top: 2px;
}

.dk-home-logo {
  padding-left: 5px;
  padding-right: 8px;
  padding-top: 5px;
  max-width: 60px;
  padding-bottom: 5px;
  border: none;
  opacity: 0.75;
  border-right: var(--container-border-base);
}

.dk-home-logo-sm {
  max-width: 50px;
}

.spieth-sub-home-img {
  padding-left: 3px;
  padding-right: 4px;
  padding-top: 3px;
  width: 100px;
  padding-bottom: 3px;
  border: none;
  opacity: 0.75;
  border-right: var(--container-border-base);
  /* max-width: 80px; */
}

.torrey-home-img {
  /* padding-left: 3px; */
  /* padding-right: 4px; */
  /* padding-top: 3px; */
  width: 150px;
  /* padding-bottom: 3px; */
  border: none;
  opacity: 1;
  border: var(--container-border-base);
  /* max-width: 80px; */
}

.blog-img-left {
  float: left;
  margin-right: 5px;
}

.blog-img-right {
  float: right;
  margin-left: 5px;
}

.blog-wraptext {
  font-size: 12px;
  /* text-align: left !important; */
  line-height: 100%;
  font-weight: normal;
  /* color: var(--font-color-faint-2) !important; */
}

.blog-title {
  font-size: 14px;
  line-height: 1.2;
  font-weight: bold;
  padding-top: 2px;
}

.blog-title-spieth {
  padding-top: 8px;
}

.blog-desc {
  margin-top: 3px;
  color: var(--font-color-faint-2) !important;
}

.blog-desc-spieth {
  /* margin-top: 8px; */
}

.new-notice {
  font: 10px var(--font);
  font-weight: bold;
  position: relative;
  top: -2px;
  padding-left: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 3px;
  border-radius: 1px;
  background-color: var(--container-color-base);
  border: var(--container-border-base);
  color: var(--olive);
}

.free-trial {
  font: 10px var(--font);
  position: relative;
  top: -2px;
  padding-left: 3px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 3px;
  border-radius: 1px;
  background-color: var(--olive-light);
  color: var(--font-color-base);
}

.free-trial:hover {
  background-color: var(--olive);
}

.live-cutline {
  position: relative;
  font: 10px var(--font);
  font-weight: bold;
  padding-left: 17px;
  padding-top: 4px;
  padding-bottom: 5px;
  color: var(--font-color-base);
}

#probs-circle-opp {
  position: absolute;
  width: 9px;
  height: 9px;
  left: 2px;
  top: 5px;
  -webkit-border-radius: 4.5px;
  -moz-border-radius: 4.5px;
  border-radius: 4.5px;
  background: var(--olive);
  background: var(--blue);
}

.live-cutline {
  animation: blinker 1500ms linear infinite;
}

.fedex-title {
  position: absolute;
  left: 60px;
  top: 0px;
  background-color: #FF851B;
  opacity: 0.6;
  font-size: 10px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.fedex-title-text {
  position: absolute;
  left: 60px;
  top: 15px;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.hts-img {
  border: var(--container-border-base);
}

.masters-viz-img {
  border: var(--container-border-base);
  opacity: 0.9;
  border-radius: 3px;
}

.page-item:hover > .img-helper > .img-container > .masters-viz-img {
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
  -webkit-box-shadow: var(--scratch-shadow-thinner);
  -moz-box-shadow: var(--scratch-shadow-thinner);
  box-shadow: var(--scratch-shadow-thinner);
  opacity: 1;
}

.mid-only {
  display: none;
}

.home-page-player-link {
  color: inherit;
}

.home-page-player-link:hover {
  color: inherit !important;
  text-decoration-color: var(--font-color-sitting);
}

.player-profile-top {
  position: relative;
  width: 100%;
  height: 22.5px;
  border-bottom: var(--container-border-base);
  /* border-color: var(--font-color-base); */
  margin-bottom: 0px;
}

.profile-ranks {
  position: absolute;
  left: 0px;
  top: calc(100% + 43px);
  width: 100px;
  height: 40px;
  /* background-color: var(--olive-superlight); */
}

.profile-rank-title {
  position: relative;
  padding-top: 2px;
  padding-bottom: 0px;
  /* height: 10px; */
  font: 7px var(--font);
  color: var(--font-color-faint-2);
  font-weight: bold;
}

.dg-rank-title {
  color: var(--olive);
  opacity: 0.8;;
}

.profile-rank-value {
  padding-top: 1px;
  padding-bottom: 1px;
  position: relative;
  /* height: 10px; */
  font: 17px var(--font);
  color: var(--font-color-sitting);
  font-weight: bold;
}

.rank-suff {
  position: relative;
  top: -4px;
  color: var(--font-color-faint-2);
  /* color: var(--olive-light); */
  font-size: 11px;
  font-weight: normal;
  margin-left: 1px;
  /* font-style: italic; */
}

.see-full-profile {
  position: relative;
  width: 100%;
  padding-top: 2px;
  height: 17px;
  /* background-color: var(--olive-light); */
  /* border-bottom: var(--container-border-base); */
  margin-bottom: 5px;
}

.profile-radar-outer {
  position: relative;
  width: 100%;
  min-width: 225px;
  margin: auto;
  margin-top: 35px;
  margin-right: 0px;
  height: 240px;
  overflow: hidden;
  /* background-color: var(--olive-light); */
  /* border-bottom: var(--container-border-base); */
  margin-bottom: 0px;
}

.profile-radar-inner {
  position: relative;
  height: 100%;
  width: 250px;
  /* float: right; */
  margin: auto;
  /* margin-right: 2px; */
  /* background-color: var(--container-color-base); */
}

.headshot-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 57px;
  height: 65px;
  background-color: var(--container-color-base);
  background-color: #94b0a4;
  border: 1px solid var(--olive-light);
  display: flex;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
  overflow-y: hidden;
}

:root[color-mode="dark"] .headshot-container { background-color: #192b23; border-color: #1e382d; }


.player-pic {
  position: absolute;
  height: calc(100% - 1px);
  bottom: 0px;
  opacity: 1;
}

.refresh-profile {
  position: absolute;
  top: 0px;
  height: 100%;
  right: 0px;
  width: 30px;
  color: var(--olive);
  opacity: 0.85;
  font: 12px var(--font);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.refresh-profile:hover {
  opacity: 1;
  color: var(--font-color-base);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.spin-once {
    -webkit-animation:spin 500ms linear normal forwards;
    -moz-animation:spin 500ms linear normal forwards;
    animation:spin 500ms linear normal forwards;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.player-name-top {
  position: absolute;
  display: flex;
  justify-content: left;
  align-items: center;
  bottom: 2px;
  padding-left: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 30px);
  color: var(--font-color-base);
  font: 15px var(--font);
  font-weight: bold;
}

.tour-rank-row {
  position: absolute;
  left: 61px;
  top: calc(100% + 3px);
  height: 39px;
  width: calc(100% - 60px);
}

.player-first-yo { font-weight: normal; }

.player-name-top > a { color: inherit; }

.player-flag-top {
  opacity: 1;
  height: 18px;
  width: auto;
  position: relative;
  /* top: -1.5px; */
  margin-right: 0px;
  margin-left: 1px;
}

.name-first-top {
  color: var(--font-color-faint-2);
  font-size: 12px;
}

.gridCircle {
  fill: var(--plot-grey);
  stroke: var(--plot-grey-stroke);
  fill-opacity: 0.1;
  filter: url(#glow);
}

.avgCircle {
  /* stroke-dasharray: 3, 2;
  stroke: rgb(40,40,40);
  stroke: #0074D9;
  stroke-width: 1.5; */
}

.axisLabel {
  font: 8px var(--font);
  opacity: 0;
  fill: var(--font-color-faint);
}

.tool-text {
  fill: var(--font-color-base);
}

.line {
  stroke: var(--black-base);
  stroke-width: 2;
}

.legend {
  font: 9px var(--font);
  fill: var(--font-color-base);
  opacity: 1;
  font-weight: bold;
}

.profile-radar-inner .legend {
  font-size: 9px;
}

.profile-radar-inner .avgCircle {
  stroke-dasharray: 3, 2;
  stroke: var(--font-color-faint-2);
  stroke: var(--spider-color-base);
  stroke-width: 1.5;
}

.radarArea {
  fill-opacity: 0.35;
}

.radarArea:hover {
  fill-opacity: 0.7;
  transition-duration: 250ms;
}

.radarStroke {
  stroke-width: 1;
  fill: none;
  filter: url(#glow);
}

.radarCircle {
  /* r: 3; */
  opacity: 1;
}

.radarInvisibleCircle {
  cursor: pointer;
  fill: none;
  r: 4.5;
  pointer-events: all;
}

.bar-animation-div {
  position: absolute;
  /* width: 40px; */
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 2px;
  bottom: 1px;
  right: 1px;
  color: var(--green);
  font-weight: bold;
  font-size: 8px;
  /* background-color: var(--container-color-light); */
}

.bar-animate {
  position: absolute;
  bottom: 0px;
  height: 1px;
  width: 100%;
  left: 0px;
  background-color: var(--green);
  animation: fill 2s linear infinite;
}

@keyframes fill {
	0% {
		width: 0%;
	}
	50% {
		width: 100%;
	}
	100% {
		width: 1%;
	}
}


.see-all-sub {
  color: var(--font-color-faint-2);
  font-size: 8px;
}

.see-all-sub > a { color: inherit; }
.see-all-sub > a:hover { color: var(--blue); text-decoration: none; }

.feed-row, .upgrade-row {
  position: relative;
  height: auto;
  border-bottom: var(--datarow-border);
}

.the-iso, .the-upgrade-iso {
  position: relative;
  /* height: 12px; */
  font: 9px var(--font);
  color: var(--font-color-faint-2);
  font-weight: bold;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-left: 3px;
}

.the-upgrade-iso {
  padding-top: 4px;
  padding-bottom: 1px;
  font-size: 10px;
}

.new-iso {
  color: var(--olive);
}

.upgrade-title {
  position: relative;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  font: 13px var(--font);
  color: var(--font-color-faint);
  font-weight: bold;
}

.upgrade-link { font-weight: normal; }

.upgrade-description {
  position: relative;
  width: calc(100% - 2px);
  margin: auto;
  background-color: var(--container-color-light);
  border: var(--container-border-base);
  border-radius: 1px;
  font: 11px var(--font);
  font-weight: bold;
  padding: 5px;
  color: var(--font-color-faint-2);
  line-height: 1.4;
  margin-bottom: 10px;
}

.row-main {
  position: relative;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  font: 11px var(--font);
  color: var(--font-color-faint);
  font-weight: bold;
}

.tour-title-feed {
  font-size: 7px;
  padding: 1px; padding-left: 2px; padding-right: 2px;
  margin-right: 2px;
}

.rc-feed-img {
  position: relative;
  margin-right: 3px;
  height: 12px;
  top: -1px;
  margin-left: 3px;
  width: auto;
  border-radius: 50%;
}

.feed-link {
  font-weight: normal;
  /* margin-left: 3px; */
}


.feed-row:hover {
  background-color: var(--container-color-light);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.new-row {
  background-color: var(--olive-superlight);
  border-color: var(--olive-superlight);
}

.new-row:hover {
  background-color: var(--olive-light);
}

.feed-row:hover > .row-main {
  color: var(--font-color-base) !important;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.upgrade-row:hover > .upgrade-description {
  color: var(--font-color-faint);
  background-color: var(--container-color-base);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.upgrade-row:hover > .upgrade-title {
  color: var(--font-color-base);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
}

.the-feed {
  max-height: 138px;
  border-bottom: var(--container-border-base);
  overflow: -moz-scrollbars-none;
  overflow-y: scroll;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}

.the-feed::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}

.which-blogger {
  position: relative;
  width: 100%;
  font: 10px var(--font);
  color: var(--font-color-faint-2);
  font-weight: bold;
  text-align: left;
  padding-left: 5px;
  margin-top: -3px;
  margin-bottom: -2px;
}

.blogger-icon {
  margin-right: 2px;
  opacity:: 0.9;
}

.analytics-icon {
  color: var(--olive);
}

.model-talk-icon {
  color: var(--blue);
}

.viz-blog-blogger {
  position: relative;
  width: 17px;
  height: auto;
  margin-left: -2px;
  top: -1px;
  margin-right: 1px;
}

.viz-blogger-home-title {
  margin-top: 5px;
}

.viz-blogger-img {
  position: relative;
  width: 90%;
  border-radius: 7px;
  opacity: 0.85;
  height: auto;
  margin: auto;
  margin-top: 2px;
  border: var(--container-border-base);
}

.page-item-viz-blog:hover > .viz-blogger-img {
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
  -webkit-box-shadow: var(--scratch-shadow);
  -moz-box-shadow: var(--scratch-shadow);
  box-shadow: var(--scratch-shadow);
  opacity: 1;
}

.card-link {
  color: inherit;
}

.card-link:hover > .bottom-event {
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out;
  color: rgb(240,240,240) !important;
  text-decoration: none;
}

.sim-update-row {
  padding-left: 5px; padding-right: 5px;
}

.tpc-sawgrass-home-img {
  width: 25%;
  height: auto;
  opacity: 0.75;
}

.jt-nice-swing-home-img {
  float: right;
  width: 27%;
  height: auto;
  opacity: 0.9;
  border: none;
  -webkit-box-shadow: var(--container-shadow-grey-thin);
  -moz-box-shadow: var(--container-shadow-grey-thin);
  box-shadow: var(--container-shadow-grey-thin);
}

.c-ev-logo-home {
  border: none;
  width: 90px;
  padding-right: 5px;
}

.ziggy-logo-home {
  border: none;
  width: 65px;
  padding-right: 5px;
}

.ziggy-title {
  font-size: 20px;
}

.ziggy-wraptext {
  display: flex;
  justify-content: center;
  /* align-items: center; */
}

.scratch-top-temp {
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 2px;
  padding-left: 2.5px;
  font: 8.5px var(--font);
  font-weight: bold;
  position: relative;
  width: calc(100%);
  background-color: rgb(50,50,50);
  color: var(--font-color-base);
  border-bottom: 1px solid var(--olive);
  border-top: 1px solid var(--olive);
  color: rgba(255, 255, 255, 0.95);
}

.scratch-top-temp > .fas {
  color: var(--olive);
  font-size: 9px;
  margin-right: 2.5px;
}

.scratch-top-temp > .fa-chevron-right {
  color: var(--olive);
  font-size: 9px;
  margin-right: 0px;
  margin-left: 2.5px;
}

:root[color-mode="dark"] .scratch-top-temp { background-color: #23302a; }

.temp-top-sub {
  /* color: var(--olive); */
  color: rgba(200, 200, 200, 0.75);
  font-size: 8.5px;
}

.img-cont-right {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  border-left: var(--container-border-base);
  /* background-color: green; */
}

.spec-title {
  position: relative;
  font-size: 15px;
  margin-bottom: 3px;
}

.spec-desc {
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: 15px;
    padding-right: 5px;
    font-size: 12px;
    line-height: 100%;
    font-weight: normal;
    color: var(--font-color-faint-2) !important;
}

.preds-time-update-notice {
  position: relative;
  margin-top: 10px;
  margin-left: -10px;
  width: calc(100% + 20px);
  /* background-color: rgba(255, 220, 0, 0.2); */
  /* border: 1px solid rgba(255, 220, 0, 0.1); */
  /* background-color: var(--container-color-base); */
  background-color: var(--black-base);
  /* background-color: var(--olive-lighter); */
  /* border: var(--container-border-base); */
  border-radius: 0.5px;
  font: 10.5px var(--font);
  text-align: center;
  font-weight: bold;
  color: var(--font-color-base);
  padding: 4px;
  margin-bottom: -2.5px;
  -webkit-box-shadow: var(--container-shadow-grey-thin);
  -moz-box-shadow: var(--container-shadow-grey-thin);
  box-shadow: var(--container-shadow-grey-thin);
  background-color: var(--ryder-mid);
  /* opacity: 0.9; */
}

.preds-time-update-notice > .tour-title { padding-top: 1px; padding-bottom: 1px; }

.time-update-title {
  position: relative;
  color: var(--font-color-base);
  font-size: 10px;
  margin-bottom: 6px;
  font-weight: bold;
  text-decoration: underline;
}

.time-update-icon {
  color: var(--blue);
  /* font-size: 10px; */
  /* position: relative; */
  /* top: -1px; */
}

.bet-tracker-subber {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  font-size: 11px;
}

.bet-circle-div {
  position: relative;
  margin-left: 6px;
  margin-right: 6px;
  font-size: 4px;
}

.new-tag-homepage {
  position: absolute;
  top:2px; left: 2px;
  padding: 2px;
  padding-top: 1px; padding-bottom: 1px;
  background-color: var(--ryder-hover);
  /* background-color: var(--container-color-base); */
  /* border: var(--container-border-base); */
  font: 8px var(--font); color: var(--font-color-base); font-weight: bold;
}

.img-dist-row {
  margin-left: auto;
  width: calc(95% + 0px);
  max-width: 10000px;
}

.dist-title {
  margin-top: -4px;
}

.dist-image {

}

.page-item-ryder-hub, .page-item-sub-hub {
  border: none;
  background-color: var(--ryder-back);
  padding-top: 5px;
  padding-bottom: 5px;
  /* padding: 10px; */
  -webkit-box-shadow: var(--container-shadow-grey-thin);
  -moz-box-shadow: var(--container-shadow-grey-thin);
  box-shadow: var(--container-shadow-grey-thin);
}

.page-item-ryder-hub {
  padding: 10px;
}

.bethpage-inner {
  position: absolute;
  border: 2px solid var(--font-color-base);
  /* border-color: var(--font-color-faint); */
  background-color: var(--black-base);
  top: 2px;
  left: 2px;
  height: calc(100% - 4px); width: calc(100% -  4px);
}

.bethpage-bolt {
  position: absolute;
  background-color: var(--font-color-faint-2);
  height: 4px; width: 4px;
  border-radius: 50%;
  opacity: 0.75;
}

:root[color-mode="dark"] .bethpage-bolt { background-color: var(--font-color-base); }
:root[color-mode="dark"] .bethpage-inner { border: var(--container-border-base); border-width: 2px; border-color: var(--font-color-faint); }
:root[color-mode="dark"] .page-item-ryder-hub:hover > .bethpage-inner { border-color: var(--font-color-base); }


.page-item-ryder-hub {
  background-color: var(--black-base);
  /* background-color: var(--container-color-base); */
  background-color: var(--container-color-base);
}

.page-item-sub-hub {
  background-color: var(--black-base);
  margin-bottom: 0px;
}

.page-item-ryder-hub:hover {
  background-color: var(--black-base);
  cursor: default !important;
}

.page-item-ryder-hub:hover > .bethpage-inner {
  /* background-color: var(--ryder-back);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200s ease-out;
  -o-transition: all 200s ease-out;
  transition: all 200ms ease-out; */
  cursor: default !important;
 }

.ryder-lefty {
  float: left;
  width: 55px;
  height: 55px;
  /* background-color: red; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.sub-hub-righty {
  float: right;
  position: relative;
  /* background-color: green; */
  width: calc(100%);
  height: 22px;
  display: flex;
  /* justify-content: center; */
  align-items: center;
  font: 14px var(--font);
  /* padding-left: 10px; */
  font-weight: bold;
}

.ryder-righty {
  float: right;
  position: relative;
  /* background-color: green; */
  width: calc(100%);
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  font: 15px var(--font);
  /* color: var(--font-color-base);
  font-weight: bold; */
  /* padding-left: 10px; */
  font-weight: bold;
}

.bot-botty {
  position: relative;
  border-top: var(--container-border-base);
  width: calc(100%);
  /* height: 55px; */
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-left: 0px;
}

.bot-mid {
  position: relative;
  width: calc(100%);
  /* height: 55px; */
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-left: 0px;
  padding: 2.5px;
  padding-top: 7.5px;
}

.bot-mid-title {
  position: absolute;
  font: 7px var(--font);
  /* font-weight: bold; */
  background-color: var(--black-base);
  padding: 2.5px;
  color: var(--font-color-base);
  color: var(--blue);
  top: -7px;
  padding-left: 4px;
  padding-right: 4px;
}

.bot-lefty, .bot-righty {
  position: relative;
}

.bot-lefty-title {
  position: relative;
  width: 100%;
  margin-top: 5px;
  font: 8px var(--font);
  font-weight: bold;
  opacity: 0.75;
  color: var(--font-color-faint-2);
}

.bot-lefty-linker {
  position: relative;
  width: 100%;
  font: 10px var(--font);
  padding: 2px;
}

.bot-lefty-linker-box {
  position: relative;
  /* height: 25px; */
  font: 9px var(--font);
  /* font-weight: bold; */
  padding: 2px;
  color: var(--font-color-base);
  border: var(--container-border-base);
  cursor: pointer;
  margin-left: 1.5px;
  margin-right: 1.5px;
  text-decoration: none !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ryder-not-yet {
  pointer-events: none;
  opacity: 0.5;
}

.bot-lefty-linker-box > a > .fa-circle {
  color: var(--red);
  font-size: 5px;
  position: relative;
  top: -1px;
}


.bot-lefty-linker-box > a {
  color: inherit; text-decoration: inherit;
}


.bot-lefty-linker-box:hover {
  background-color: #2d3747;
  color: white;
  border-color: var(--red);
  text-decoration: none;
}

.bot-lefty-linker > .fa-chevron-double-right {
  position: relative;
  color: var(--red);
  font-size: 8px;
}

.sub-hub-title {
  text-align: left; padding-left: 8px;
}

.sub-hub-links {
  position: absolute;
  height: 100%;
  display: flex;
  justify-content: right;
  align-items: center;
  right: 6px;
  font: 10px var(--font); font-weight: bold;
}

.ryder-title {
  position: absolute;
  bottom: 50%;
  padding-bottom: 7px;
  font-size: 15px;
  color: #c8102E;
  color: var(--red);
}

.ryder-logo-bop {
  position: relative;
  height: 15px;
  margin-left: 0px;
  margin-right: 2.5px;
  width: auto;
  top: -1px;
  border-radius: 50%;
}

.ryder-sub-text {
  position: absolute;
  top: 44%;
  padding-top: 0px;
  font: 11px var(--font);
  color: var(--font-color-base);
  max-width: 200px;
  opacity: 0.9;
  /* color: var(--font-color-base); */
  /* font-weight: bold; */
}

.ryder-logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  margin-left: 0px;
  height: 40px;
  margin-top: 0px;
  width: 40px;
  border-radius: 50%;
  /* background-color: green; */
  overflow: hidden;
  /* -webkit-box-shadow: var(--container-shadow-grey-ryder);
  -moz-box-shadow: var(--container-shadow-grey-ryder);
  box-shadow: var(--container-shadow-grey-ryder); */
}

.ryder-logo {
  height: calc(100%);
  width: calc(100%);
  opacity: 0.8;
}

.seasonal-list {
  position: relative;
  width: 100%;
}

.seasonal-list-title {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 5px;
  padding-left: 5px;
  font: 13px var(--font);
  color: var(--font-color-sitting);
  font-weight: bold;
}

.seasonal-list-player {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 5px;
  padding-left: 5px;
  width: 100%;
  cursor: pointer;
  border-bottom: var(--datarow-border);
}

.seasonal-list-player:hover {
  background-color: var(--container-color-base);
}

.seasonal-number {
  float: left;
  font: 40px var(--font);
  color: var(--olive);
  width: 30px;
}

.seasonal-pic-outer {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  float: left;
  height: 42px;
  width: 42px;
  border-radius: 100%;
  background-color: var(--black-base);
  -webkit-box-shadow: var(--std-shadow);
  -moz-box-shadow: var(--std-shadow);
  box-shadow: var(--std-shadow);
  overflow: hidden;
}

.seasonal-pic-inner {
  height: 100%;
  width: auto;
}

.seasonal-name {
  position: relative;
  font: 20px var(--font);
  font-weight: bold;
  top: 6px;
  margin-left: 10px;
  color: var(--font-color-sitting);
}

.seasonal-first {
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  top: -12px;
  color: var(--font-color-faint);
}

.seasonal-value {
  position: absolute;
  right: 6px;
  font: 15px var(--font);
  font-weight: bold;
  margin-right: 5px;
  color: var(--font-color-sitting);
}

.tpc-sawgrass-17-home-img {
  width: 100%;
  border: none;
}

.tpc-title {
  padding-top: 0px;
}

.new-new {
  position: relative;
  top: -1.5px;
  background-color: #293f68 !important;
  color: #caaa77;
  font-size: 9px;
  padding: 1px;
  padding-left: 2px; padding-right: 2px;
  padding-bottom: 1px;
  opacity: 0.75;
}

/* .pga-title {
  background-color: var(--yellow) !important;
  color: #06051e;
} */

.tour-title.feature-title.pga-title {
  /* color: #c9d2dc;
  background-color: #002159 !important; */
  /* background-color: #d12030 !important; */
  /* color: #e9ebe9 !important; */
  /* background-color: var(--container-color-base) !important;
  color: var(--red) !important; */
  /* background-color: var(--yellow) !important;
  color: #06051e !important; */
  /* background-color: rgba(41, 63, 104, 1) !important; */
  /* background-color: rgba(218, 26, 49, 0.95) !important; */
  /* color: rgb(240,240,240) !important; */
}

.tour-title.feature-title.opp-title {
  background-color: rgb(35,35,35) !important;
  color: var(--red) !important;
}

.tour-title.feature-title.alt-title {
  color: white;
}

.opp-title {
  background-color: var(--container-color-base) !important;
  color: var(--red) !important;
}

.tour-title-home.opp-title, .tour-title-pred.opp-title { background-color: var(--black-base) !important; }

.major-title.tour-title-live.updates-tour {
  color: #06051e;
  background-color: rgba(255, 193, 7, 0.95) !important;
}

.pga-title.tour-title-live.updates-tour {
    /* background-color: #293f68 !important; */
    /* color: #caaa77 !important; */
  /* background-color: var(--yellow) !important; */
  /* color: rgb(0, 106, 60) !important; */
  /* color: #06051e !important; */
  /* background-color: rgba(218, 26, 49, 0.95) !important; */
  /* color: rgb(240,240,240) !important; */
  /* background-color: #076652 !important; */
  background-color: var(--container-color-base) !important;
  color: var(--red) !important;
  /* background-color: #2d3747 !important; */
  /* color: white !important; */
  /* border: 1px solid var(--red-light) !important; */
  /* color: #06051e; */
  /* background-color: rgba(255, 193, 7, 0.95) !important; */
  /* border: var(--container-border-base); */
  /* color: #c9d2dc; */
  /* background-color: #002159 !important; */
  /* background-color: #d12030 !important; */
  /* color: #e9ebe9 !important; */
  /* background-color: var(--yellow) !important; */
  /* color: #06051e !important; */
  /* color: rgba(255,255,255, 0.9) !important; */
  /* background-color: rgba(0, 32, 91, 0.8) !important; */
}

/* :root[color-mode="dark"] .pga-title.tour-title-live.updates-tour {
  background-color: rgba(41, 63, 104, 1) !important;
  color: var(--font-color-base) !important;
} */

.ryder-field-container {
  float: left;
  height: 17px;
  width: 23px;
  background-color: var(--container-color-base);
  border: var(--container-border-base);
  opacity: 0.85;
  margin-left: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ryder-logoo {
  position: absolute;
  border-radius: 50%;
  height: 12.5px;
  width: auto;
}

.ryder-field-container:hover { opacity: 1; }

.rc-circle {
  font-size: 6px;
  position: relative;
  top: -2px;
  margin-right: 5px;
}

.small-text-rc {
  position: relative;
  color: var(--font-color-faint-2);
  font-size: 9px;
  top: -1px;
}

.dg-awards {
  position: relative;
  width: 100%;
}

.awards-title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font: 13px var(--font);
  font-weight: bold;
  background-color: var(--ryder-back);
  /* border-bottom: 1px solid var(--blue); */
  color: var(--font-color-base);
  -webkit-box-shadow: var(--container-shadow-grey-thin);
  -moz-box-shadow: var(--container-shadow-grey-thin);
  box-shadow: var(--container-shadow-grey-thin);
  background-color: var(--ryder-back);
}

.awards-title-masters {
  font-size: 12px;
  padding: 4px;
  /* color: rgb(250,250,250); */
  /* background-color: rgba(218, 26, 49, 0.8); */
  color: #06051e;
  background-color: rgba(255, 193, 7, 0.95) !important;
}

/* :root[color-mode="dark"] .awards-title-masters {
  background-color: rgba(41, 63, 104, 1) !important;
  color: var(--font-color-base);
} */

.awards-chev {
  position: relative;
  top: 0px;
  font-size: 10px;
  color: var(--olive);
  margin: 2.5px;
}

.awards-chev.fa-chevron-left { margin-left: 5px; }
.awards-chev.fa-chevron-right { margin-right: 5px; }

.award {
  position: relative;
  margin-top: 0px;
  /* margin-bottom: 1px; */
  border-bottom: var(--container-border-base);
  cursor: default;
}

.award:hover {
  /* background-color: var(--container-color-base); */
}

.first-award {
  border-top: var(--container-border-base);
  margin-top: 5px;
}

.best-player-award {
  border: 1px solid transparent;
  border-radius: 10px;
  margin-top: 5px;
  -webkit-box-shadow: 0px 0px 2px 0.5px #565e73;
  -moz-box-shadow: 0px 0px 2px 0.5px #565e73;
  box-shadow: 0px 0px 2px 0.5px #565e73;
  background-color: #565e73;
  background-color: #e4e6eb;
  cursor: pointer;
  overflow: hidden;
}

:root[color-mode="dark"] .best-player-award { background-color: #343538; }

.best-player-award:hover {
  background-color: #dadce3;
}

:root[color-mode="dark"] .best-player-award:hover { background-color: #383a42; }

.award-name {
  position: relative;
  padding: 3px;
  padding-top: 6px;
  font: 9px var(--font);
  color: var(--font-color-faint-2);
  font-weight: bold;
  width: 100%;
  /* margin-top: 4px; */
}

.best-player-award > .award-name {
  font-size: 10.5px;
  color: var(--font-color-base);
  text-align: center;
  margin-top: 12.5px;

}

.award-name-lower {
  position: relative;
  display: flex;
  justify-content: left;
  padding-left: 1px;
  align-items: center;
  font-size: 9px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.award-name-inner {
  border: 0.5px solid transparent;
  border-radius: 3px;
  padding: 1px;
  padding-left: 3px;
  padding-right: 3px;
  -webkit-box-shadow: 0px 0px 2px 0.5px var(--olive);
  -moz-box-shadow: 0px 0px 2px 0.5px var(--olive);
  box-shadow: 0px 0px 2px 0.5px var(--olive);
  background-color: rgb(243,247,246);
  font: 9px var(--font);
  font-weight: bold;
  color: var(--font-color-base);
}

:root[color-mode="dark"] .award-name-inner { background-color: rgb(36,47,45); }


.award-name > .fa-award, .award-name-inner > .fa-award  { color: var(--olive); }
.best-player-award > .award-name > .fa-award { color: var(--olive); }


.award-img-best {
  position: relative;
  margin-top: 5px;
  margin-bottom: 12.5px;
  height: 105px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.award-headshot-outer {
  position: absolute;
  height: 110px;
  width: 110px;
  border-radius: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: var(--container-border-base);
  border-color: var(--font-color-base);
  overflow: hidden;
  /* background-color: var(--black-base); */
}
.award-headshot {
  position: absolute;
  height: 95%;
  top: 7.5px;
  width: auto;
}

.award-player-name {
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
  font: 13px var(--font);
  color: var(--font-color-base);
  font-weight: bold;
}

.best-player-award > .award-player-name {
  font: 16px var(--font);
  justify-content: center;
  font-weight: bold;
}

.award-player-name > .award-flag {
  margin-left: 2.5px;
  height: 14px;
  width: auto;
  margin-right: 3px;
}

.best-player-award > .award-player-name > .award-flag {
  height: 15px;
  width: auto;
  margin-right: 3px;
}

.hon-men-name {
  font-size: 12px !important;
  background-color: var(--black-base);
  margin-top: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.best-player-award > .award-player-name.hon-men-name > .award-flag {
  height: 13px;
  width: auto;
  margin-right: 3px;
}

.win-row {
  position: relative;
  width: 100%;
  /* background-color: red; */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.win-row.hon-men-row {
  background-color: var(--black-base);
  margin-top: 0px;
  padding-top: 12.5px;
}

.win-row > .tour-divver {
  font-size: 13px; color: var(--font-color-faint-2);
  margin-left: 2.5px; margin-right: 2.5px;
}

.win-row > .tour-numby {
  font: 9px var(--font); font-weight: bold; color: var(--font-color-base);
}

.hon-men {
  border-top: 1px solid var(--olive-light);
  height: 10px;
  background-color: var(--black-base);
}

.win-award-title {
  position: absolute;
  bottom: calc(100% + 1px);
  color: var(--font-color-base);
  font: 10px var(--font);
  font-weight: bold;
}

.hon-men > .win-award-title {
  top: 2px;
  color: var(--font-color-faint-2);
  font-size: 8px;
  z-index: 1;
  /* background-color: var(--) */
}

.hon-men-row > .win-award-title {
  top: 2px;
  color: var(--font-color-base);
  font-size: 8px;
  /* background-color: var(--) */
}

.win-award-sub-title {
  position: absolute;
  top: calc(100% + 3px);
  color: var(--blue);
  font: 9px var(--font);
}

.sg-box {
  height: 18px;
  width: 33px;
  margin-top: 2px;
  border-radius: 1px;
  background-color: var(--olive);
  color: var(--font-color-base);
  font: 10px var(--font);
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.award-box {
  float: left;
  height: 10px;
  width: 10px;
  margin: 2.5px;
  cursor: pointer;
}

.award-text {
  float: left;
  font: 9px var(--font);
  margin-right: 2.5px;
  font-weight: bold;
  color: var(--font-color-base);
}

.award-axis {
  float: left;
  background-color: var(--blue);
  width: 1.5px;
  border-radius: 1px;
  height: 15px;
}

.award-bar {
  float: left;
  height: 10px;
  width: 100px;
  background-color: var(--blue);
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
}

.award-bar-inner {
  position: absolute;
  width: 100px;
  height: 10px;
  background-color: var(--font-color-base);
  opacity: 0.75;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
}

.hon-men-row > .award-box {
  height: 8px; width: 8px; margin: 1px;
}

.hon-men-row > .award-bar, .hon-men-row > .award-bar > .award-bar-inner { height: 7px !important; }
.hon-men-row > .award-axis { height: 11px; }
.hon-men-row > .award-text { font-size: 7px; }

.hon-men-row > .sg-box {
  height: 14px;
  width: 28px;
  margin-top: 2px;
  border-radius: 1px;
  background-color: var(--olive-light);
  font-size: 8px;
}


#s14.award-box {
  background-color: rgba(7, 102, 82, 0.5);
  border: 1px solid rgba(7, 102, 82, 1);
}

#s26.award-box {
  background-color: rgba(224, 0, 64, 0.5);
  border: 1px solid rgb(224, 0, 64, 1);
}

#s33.award-box {
  background-color: rgba(41, 63, 104, 0.5);
  border: 1px solid #293f68;
}

#s100.award-box {
  background-color: rgba(255, 193, 7, 0.5);
  border: 1px solid #ffc107;
}

#spga.award-box {
  border-radius: 50%;
  background-color: var(--red-light);
  border: 1px solid var(--red);
}

#sother.award-box {
  border-radius: 50%;
  background-color: var(--font-color-faint-2);
  border: 1px solid var(--font-color-faint-2);
}

#seuro.award-box {
  border-radius: 50%;
  background-color: var(--blue-light);
  border: 1px solid var(--blue);
}

#sr2d {
  border-radius: 50%;
  background-color: rgba(92,187,124, 0.75);
  border: 1px solid rgba(220,40,95, 1);
}

#spga_u.award-box {
  border-radius: 50%;
  background-color: var(--red-lighter);
  border: 1px solid var(--red);
}

#skft.award-box {
  border-radius: 50%;
  background-color: var(--olive-light);
  border: 1px solid var(--olive);
}

#susjram.award-box {
  border-radius: 50%;
  background-color: var(--blue);
  border: 1px solid var(--red);
}

#splayers.award-box, #sfedex.award-box, #soly.award-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.popover-body {
  font-weight: normal;
}

.award-players-logo {
  height: 140%;
  width: auto;
}

.award-oly-logo {
  height: 110%;
  width: auto;
}

.award-fedex-logo {
  height: 95%;
  width: auto;
}

.award-desc {
  position: relative;
  text-align; left;
  font: 10.5px var(--font);
  padding: 2.5px;
  margin-bottom: 5px;
  font-weight: bold;
  color: var(--font-color-faint-2);
}

.honorables {
  font-size: 9px;
  margin-top: 5px;
  color: var(--font-color-faint);
}

.best-player-award > .award-desc {
  /* width: 50%; */
  padding-left: 0%;
  text-align: center;
  padding-right: 0%;
  font: 10.5px var(--font);
  font-weight: bold;
  color: var(--font-color-faint-2);
  margin-top: 10px;
  margin-bottom: 20px;
}

.viz-gallery-home {
  position: relative;
  float: left;
  height: 94px;
  width: 125px;
  /* background-color: red; */
  margin-left: 5px;
  margin-top: 17.5px;
  border: var(--container-border-base);
  border-radius: 2px;
  cursor: pointer;
  opacity: 0.8;
}

.gallery-title {
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: calc(100% + 3px);
  font: 9px var(--font);
  font-weight: bold;
  color: var(--font-color-faint);
  text-align: center;
}

.viz-gallery-home:hover {
  /* border: none; */
  -webkit-box-shadow: var(--container-shadow-grey-thin);
  -moz-box-shadow: var(--container-shadow-grey-thin);
  box-shadow: 0px 0px 1px 1.5px var(--olive-light);
  opacity: 1;
}

.viz-gallery-home:hover > .gallery-title { color: var(--font-color-base); }

.viz-blogger-gallery-img {
  height: 100%;
  width: 100%;
}

.page-item-viz-gallery:hover { background-color: transparent; cursor: default; }

.stats-home-title {
  font: 15px Courier;
  margin-bottom: 3px;
  color: var(--font-color-base);
}

.stats-home-title > .dg-bold { font-weight: bold; }

.stats-home-title > .fa-chevron-right { color: var(--olive); font-size: 12px; margin-left: -3px; top: 0.5px; }
.stats-home-title > .fa-chevron-left { color: var(--olive); font-size: 12px; margin-right: -4px; top: 0.5px; }

.official-container{
  display: inline-block;
  font: 12.5px Courier;
  color: var(--font-sitting);
}

.stats-subber-main {
  position: relative;
  height: 16px;
  width: 100%;
  margin-top: 3px;
  /* background-color: red; */
}

.stat-subber {
  position: absolute;
  top: 0px;
  height: 100%;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font: 11px Courier;
}


.stat-subber-2 {
  right: 0px;
}

.stat-subber > .fa-circle {
  position: relative;
  top: 1.5px;
  color: var(--font-color-base);
  font-size: 4px !important;
  margin-right: 4px;
}

.blink_me {
    animation: blinkerr 1.5s linear infinite;
    margin-left: -4px;
    color: var(--olive);
    opacity: 1;
}

@keyframes blinkerr {
    50% {
        opacity: 0;
    }
}

.fields-outer {
  -webkit-box-shadow: var(--scratch-shadow-thinner);
  -moz-box-shadow: var(--scratch-shadow-thinner);
  box-shadow: var(--scratch-shadow-thinner);
}

.fields-outer-past {
  margin-bottom: 7.5px;
}

.field-div {
  position: relative;
  width: 100%;
  position: relative;
  /* border-bottom: var(--container-border-base); */
  /* padding: 2.5px; */
  /* border-bottom: none; */
  /* background-color: red; */
}

.field-tour-ident {
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 2px;
  padding-left: 2.5px;
  font: 8.5px var(--font);
  color: var(--font-color-base);
  font-weight: bold;
  background-color: var(--container-color-base);
  /* border-bottom: 1px solid var(--red); */
}

.field-ident-major-14 {
  color: rgb(255,255,255);
  background-color: rgba(7, 102, 82, 0.75);
  border: 1px solid rgba(7, 102, 82, 1);
  border-left: none;
  border-right: none;
}

.field-ident-major-26 {
  color: rgb(255,255,255);
  background-color: rgba(224, 0, 64, 0.75);
  border: 1px solid rgba(224, 0, 64, 1);
  border-left: none;
  border-right: none;
}

.field-ident-major-33 {
  color: rgb(255,255,255);
  background-color: rgba(41, 63, 104, 0.75);
  border: 1px solid rgba(41, 63, 104, 1);
  border-left: none;
  border-right: none;
}

.field-ident-major-100 {
  color: #06051e;
  background-color: rgba(255, 193, 7, 0.75);
  border: 1px solid rgba(255, 193, 7, 1);
  border-left: none;
  border-right: none;
}

.field-ident-major { background-color: rgba(255, 220, 0, 0.35); border-bottom: 1px solid var(--blue) !important; border-top: 1px solid var(--blue) !important; }
  :root[color-mode="dark"] .field-ident-major { background-color: #162119; }

.field-ident-rankings {
  background-color: var(--container-color-base);
  border-top: 1px solid var(--olive); border-bottom: 1px solid var(--olive);
}

.field-ident-points {
  background-color: var(--container-color-base);
  border-top: 1px solid #85144b; border-bottom: 1px solid #85144b;
}

.field-ident-pga {
  background-color: var(--red-lighter);
  color: var(--font-color-base);
  border-bottom: 1px solid var(--red-light); border-top: 1px solid var(--red-light);
}

.field-ident-cup {
  background-color: #2d3747;
  color: white !important;
  border-bottom: 1px solid var(--red-light); border-top: 1px solid var(--red-light);
}

.field-ident-summary {
  background-color: var(--olive-lighter);
  color: var(--font-color-base) !important;
  border-bottom: 1px solid var(--olive-light); border-top: 1px solid var(--olive-light);
}

.field-ident-players {
  background-color: rgba(150,150,150, 0.25);
  color: #caaa77;
  border-bottom: 1px solid rgba(150,150,150, 0.5); border-top: 1px solid rgba(150,150,150, 0.5);
}

.field-ident-euro {
  background-color: var(--blue-lighter);
  color: var(--font-color-base);
  border-bottom: 1px solid var(--blue-light);
  border-top: 1px solid var(--blue-light);
}

.field-ident-kft {
  background-color: var(--olive-lighter);
  color: var(--font-color-base);
  border-bottom: 1px solid var(--olive-light);
  border-top: 1px solid var(--olive-light);
}

.field-ident-alt {
  background-color: var(--font-color-faint-2);
  color: var(--font-color-base);
  border-bottom: 1px solid var(--font-color-base);
  border-top: 1px solid var(--font-color-base);
}

.field-event-name {
  position: relative;
  padding: 0px;
  padding-top: 1px;
  margin-top: 1px;
  padding: 2.5px;
  padding-bottom: 1px;
  font: 15px var(--font);
  color: var(--font-color-base);
  font-weight: bold;
}

.field-event-name > .add-ellipsis > a { color: inherit; }

.field-major-proj {
  position: relative;
  padding: 0px;
  height: 28px;
  width: 100%;
  border-bottom: var(--container-border-base);
}

.field-major-name {
  position: absolute;
  height: 100%;
  width: 40%;
  padding-top: 9.5px;
  font-size: 13px;
}

.field-full-bar {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0px;
  width: 60%;
  /* padding: 5px; */
  height: 100%;
}

.field-inner-bar {
  position: absolute;
  width: 97.5%;
  right: 1%;
  height: 15px;
  bottom: 2.5px;
  border: var(--container-border-base);
  border-radius: 7.5px;
  overflow: hidden;
}

.field-proj-bar {
  position: absolute;
  height: 100%;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  font: 7.5px var(--font);
  font-weight: bold;
  color: var(--font-color-faint-2);
}

#fpb-1 {
  color: rgba(255,255,255, 0.95);
}

#fpb-2 {
  color: var(--font-color-faint);
}

#fpb-1.field-proj-bar-11 {
  color: #CA7;
}

#fpb-1.field-proj-bar-100 {
  color: #06051e;
}

.event-starts-in {
  float: right;
  /* background-color: var(--red); */
  color: var(--font-color-faint-2);
  font-size: 8px;
  font-weight: normal;
  /* font-weight: bold; */
}

.event-starts-in-major {
  color: var(--blue);
  font-weight: bold;
}

.timetogo {
  color: var(--red); font-weight: bold; font-size: 9px;
}

.major-timetogo {
  position: absolute;
  color: var(--olive);
  top: 0.5px;
  font-size: 7.5px;
}

.leader-time {
  color: var(--font-color-faint-2);
  font-weight: normal;
}

.leader-time > .timetogo {
  color: var(--green);
}

.timetogo-resume {
  color: var(--blue);
}

.field-is-live {
  float: right;
  background-color: var(--red);
  color: rgb(250,250,250);
  font-size: 8px;
  font-weight: bold;
  padding: 1.5px;
  padding-left: 2.5px; padding-right: 2.5px;
  border-radius: 1px;
}

.field-complete {
  background-color: var(--olive);
}

.field-round-complete {
  background-color: var(--blue);
}

.field-round-playoff {
  background-color: var(--yellow);
  color: rgb(40,40,40);
}

.field-suspended {
  background-color: var(--font-color-base);
  color: var(--black-base);
}

.field-course-name {
  position: relative;
  padding: 0px;
  margin-top: -1px;
  padding: 2.5px;
  padding-top: 0px;
  font: 10.5px var(--font);
  color: var(--font-color-sitting);
}

.dg-point-divver {
  position: relative;
  width: calc(100% - 5px);
  margin-left: 2.5px;
  height: 15px;
  border: var(--container-border-base);
  border-left: none;
  border-right: none;
}

.dg-point-label {
  position: absolute;
  font: 7.5px var(--font);
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  color: var(--font-color-sitting);
  font-weight: bold;
  background-color: var(--container-color-base);
  border-left: var(--container-border-base);
  border-right: 1px solid var(--font-color-sitting);
}

.the-dg-points {
  position: absolute;
  width: calc(99% - 55px);
  left: 55px;
  height: 100%;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dg-point-bar-inner {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0px;
  height: 7.5px;
  background-color: var(--olive-light); border: 0.5px solid var(--olive-light); border-left: none;
}

.dg-point-inner-texty {
  position: absolute;
  left: calc(100% + 2px);
  /* height: 80%; */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
  font: 7.5px var(--font);
  font-weight: bold;
  color: var(--font-color-base);
  /* background-color: var(--olive-superlight); */
}

.field-list-outer {
  position: relative;
  margin-top: 0px;
  padding: 2.5px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.field-list-head {
  position: relative;
  /* height: 20px; */
  font: 9px var(--font);
  height: 15px;
  color: var(--font-color-sitting);
  /* font-weight: bold; */
  padding-left: 0px; padding-right: 2px;
  border-bottom: var(--container-border-base);
}

.field-list-head-rank {
  height: 16px;
  display: flex;
  justify-content: left;
  align-items: end;
  padding-bottom: 1px;
}

.field-controller, .rank-controller, .dgp-controller {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  height: 100%;
  /* background-color: red; */
  padding: 2px;
  cursor: pointer;
}

.rank-controller {
  height: 14px;
  /* bottom: 0px; */
}

.dgp-controller { cursor: default; color: var(--font-color-base); }

.field-controlling, .rank-controlling {
  background-color: var(--ryder-hover) !important;
  color: var(--font-color-base);
}

 :root[color-mode="dark"] .field-controlling { background-color: #194230 !important; }
 :root[color-mode="dark"] .rank-controlling { background-color: #194230 !important; }

.field-controller:hover, .rank-controller:hover {
  background-color: var(--container-color-base);
}

.field-controller > .fas { margin-right: 2.5px; }

.new-rank-col {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 0px;
  font: 9px var(--font);
  color: var(--font-color-base);
  font-weight: bold;
  /* height: 100%; */
  width: 47.5px;
}

.new-rank-data {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding-bottom: 1.5px; */
  font: 9px var(--font);
  color: var(--font-color-base);
  font-weight: bold;
  height: 100%;
  width: 47.5px;
}

.dgp-backer {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0px;
  top: 15%;
  background-color: #012d54;
  background-color: rgba(133, 20, 75, 0.5);
  height: 70%;
  border: 1px solid rgba(133, 20, 75, 0.5);
  border-left: none;
  border-top-right-radius: 1.5px;
  border-bottom-right-radius: 1.5px;
}

.dgp-ctop-seasons { background-color: var(--olive-light); border-color: var(--olive-light); }
.dgp-ccareer { background-color: var(--blue-light); border-color: var(--blue-light); }

.dgp-seasoner {
  position: relative;
  font-size: 8px;
  color: var(--olive);
  font-weight: bold;
}

.dgp-backer > .dgp-text {
  position: absolute;
  right: 2px;
  /* color: rgba(230,230,230); */
  font-size: 8px;
}

.dgp-backer-low > .dgp-text {
  right: unset;
  left: calc(100% + 2.5px);
  color: var(--font-color-faint-2);
  font-size: 8px;
}

.field-name-rank { width: calc(100% - 135px) !important; }
.new-dg-rank { right: 90px; }
.new-dgp-rank { right: 45px; }
.new-owgr-rank { right: 0px; }

.rank-dr-ams > .new-dg-rank, .new-rank-col-ams.new-dg-rank { right: 45px; }
.rank-dr-ams > .field-name-rank { width: calc(100% - 90px) !important; }

.field-name-dgp { width: calc(55%) !important; }

.new-dg-rank > .fa-chevron-left { color: var(--olive); font-size: 7px; position: relative; top: 0px; margin-right: 2px }
.new-dg-rank > .fa-chevron-right { color: var(--olive); font-size: 7px; position: relative; top: 0px; margin-left: 2px }

.new-dgp-rank { font-size: 8px; align-items: start; padding-top: 0px; height: 14.5px; }
.new-rank-data.new-dgp-rank { align-items: center; height: calc(100%); }
.new-dgp-rank > .fa-chevron-left { color: #85144b; font-size: 6px; position: relative; top: 1.5px; margin-right: 2px }
.new-dgp-rank > .fa-chevron-right { color: #85144b; font-size: 6px; position: relative; top: 1.5px; margin-left: 2px }
.new-dgp-rank > .dg-points-logo-lower { position: absolute; bottom: -1px; color: var(--font-color-faint-2); font-size: 6px }

.new-owgr-rank > img { height: 10px; width: auto; }

/* .new-rank-data > .field-rank-inner { opacity: 0.75.; } */

.x-score { float: right; height: 100%; }
.x-score-val { color: var(--font-color-base); font-weight: bold; }
.x-score > a { color: inherit; }

.field-feature-player {
  float: left;
  position: relative;
  width: 67.5px;
  margin-right: 5px;
  margin-left: 2.5px;
  height: 55px;
  margin-top: 2.5px;
  background-color: red;
  /* display: flex; */
  justify-content: center;
  overflow: hidden;
  background-color: #94b0a4;
  border: 1px solid var(--olive-light);
  border-radius: 3px;
}

:root[color-mode="dark"] .field-feature-player { background-color: #192b23; border-color: #1e382d; }

.field-feature-player-2 {
  width: 95px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  height: 90px;
  /* border-bottom: var(--container-border-base); */
}

.field-feature-img {
  position: absolute;
  bottom: -6px;
  width: 95px;
  height: auto;
  left: calc(50% - 47.5px);
  height: auto;
}

.field-feature-img-2 {
  position: absolute;
  bottom: 0px;
  width: 130px;
  height: auto;
  left: calc(50% - 65px);
  height: auto;
}

.field-datarows {
  float: left;
  width: calc(100% - 75px);
}

.field-datarows-hanging {
  float: left;
  width: calc(100% - 105px);
}

.field-datarows-past, .field-datarows-live {
  width: 100%;
}

.field-datarow:hover {
  background-color: var(--datarow-hover);
}

.field-datarow-rank:hover > .new-rank-data > .field-rank-inner { opacity: 1; }
.field-datarows-live:hover > .new-rank-data > .field-rank-inner { opacity: 1; }

.field-list-outer-closed {
  border-bottom: none;
}

.field-list-outer-closed > .field-datarows, .field-list-outer-closed > a > .field-feature-player { display: none; }
.field-list-outer-closed > .field-list-head { border-bottom-color: transparent; }

.field-datarow {
  position: relative;
  height: 20px;
}

.field-datarow-1 { background-color: var(--ryder-mid); }
 :root[color-mode="dark"] .field-datarow-1 { background-color: #1d241b !important; }

.field-datarow.first-lb-adder {
  border-top: 1px solid var(--blue);
}

 #lbb-0.event-finny {
   background-color: var(--container-color-base);
 }

.field-datarow-1 > div, #lbb-0.event-finny > div {
  font-weight: bold !important;
}

#lbb-0.event-finny:hover {
  background-color: var(--ryder-hover) !important;
}

.field-dg-rank {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
  font: 9.5px var(--font);
  color: var(--font-color-base);
  font-weight: bold;
  left: 50%;
  width: 25%;
  font: 10px var(--font);
  /* font-weight: bold; */
  height: 100%;
}

.field-dg-rank-right {
  left: unset;
  right: 0px;
  width: 25%;
  justify-content: right;
  padding-right: 2.5px;
}

.field-dg-pred {
  position: absolute;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 0px;
  width: 25%;
  border-left: 1.5px solid var(--font-color-base);
}

.field-dg-pred-inside {
  position: absolute;
  height: 70%;
  top: 15%;
  left: 0px;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
}

.field-bar-pga, .field-bar-opp { background-color: rgba(51, 101, 152, 0.8); }
.field-bar-euro { background-color: rgba(220, 40, 95, 0.8); }
.field-bar-alt { background-color: rgba(17, 91, 91, 0.8); }
.field-bar-kft { background-color: rgba(255, 65, 54, 0.8); }

.field-bar-major-100 { background-color: #565e73; }

.field-pred-val {
  position: absolute;
  height: 100%;
  left: calc(100% + 1.5px);
  font: 8px var(--font);
  font-weight: bold;
  display: flex;
  color: var(--font-color-faint-2);
  align-items: center;
}

.field-pred-val-inside {
  left: unset;
  right: 1.5px;
  color: rgb(245,245,245);
}

.field-rank-inner {
  position: relative;
  text-align: center;
  min-width: 25px;
  padding-top: 2.5px;
  padding-bottom: 2.5px;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 1px;
  font-size: 8.5px;
}

.dg-100 { background-color: var(--olive-lighter); }
.dg-30 { background-color: var(--olive-light); }
.dg-10 { background-color: var(--olive); }
.dg-1 { background-color: var(--yellow); color: black; }

.dgp-100 { background-color: rgba(133, 20, 75, 0.3); }
.dgp-30 { background-color: rgba(133, 20, 75, 0.5); }
.dgp-10 { background-color: rgba(133, 20, 75, 1); color: white; }
.dgp-1 { background-color: gold; color: black; }

.owgr-1 { background-color: rgba(255, 133, 27, 0.75); color: black; }
.owgr-10 { background-color: rgb(180,180,180); color: black; }
.owgr-100 { background-color: var(--container-color-base); }
.owgr-500 { background-color: var(--black-base); }

.wagr-logo {
  position: flex;
  padding: 1.5px;
  padding-left: 3px;
  padding-right: 3px;
  font: 7.5px var(--font);
  margin-bottom: 0.5px;
  font-weight: bold;
  border-radius: 1px; background-color: #6a719f; color: rgb(230,230,230);
}

.new-owgr-rank-ams > .owgr-1 { background-color: #263c78; color: white; }
.new-owgr-rank-ams > .owgr-10 { background-color: #6a719f; color: rgb(230,230,230); }
/* .new-owgr-rank-ams > .owgr-100 { background-color: rgb(180,180,180); color: black; } */


.field-pos {
  position: absolute;
  left: 0px; width: 20px;
  display: flex;
  height: 100%;
  justify-content: left;
  align-items: center;
  font: 9.5px var(--font);
  padding-left: 2.5px;
  color: var(--font-color-base);
}

.field-name, .field-dgp {
  position: absolute;
  height: 100%;
  left: 0px; width: 50%;
  display: flex;
  justify-content: left;
  align-items: center;
  padding-left: 2.5px;
  font: 11px var(--font);
  color: var(--font-color-base);
  /* font-weight: bold; */
  white-space: nowrap;
  min-width: 0;
  flex-wrap: nowrap;
  padding-top: 1px;
}

.field-name-past {
  left: 20px;
  width: calc(60% - 20px);
  white-space: nowrap;
  min-width: 0;
  flex-wrap: nowrap;
}

.field-name-past-live  {
  width: calc(45% - 20px);
}

.field-name-past-hanging  {
  width: calc(85% - 20px);
}

.field-dg-points {
  position: absolute;
  height: 100%;
  right: 0%; width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  font: 9px var(--font);
  color: var(--font-color-sitting);
  font-weight: bold;
}

.dg-pt {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  top: 0px;
  left: 0px;
  justify-content: center;
  align-items: center;
}

.dg-pt-back { color: var(--font-color-faint-2); opacity: 0.75; }
.dg-pt-front {
  color: var(--font-color-base);
}

.field-score, .field-thru-live {
  position: absolute;
  height: 100%;
  right: 20%; width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  font: 10px var(--font);
  color: var(--font-color-sitting);
  /* font-weight: bold; */
}

.field-thru-live-time {
  font-size: 8px;
  font-weight: bold;
  color: var(--font-color-faint-2);
}

.field-score-live {
  right: unset;
  left: 45%;
  width: 15%;
}

.field-score-hanging {
  left: unset;
  right: 0%;
}

.field-thru-live {
  right: unset;
  left: 60%;
  width: 15%;
}

.field-score-under {
  color: var(--red);
}

.field-score-even {
  color: var(--olive);
}

.add-ellipsis {
  margin: 0 0px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.field-name > .add-ellipsis > img {
  height: 14px;
  width: auto;
  margin-top: -2px;
  /* margin-right: 2.5px; */
}

.field-name > .add-ellipsis > a {
  color: inherit;
}

/* .photo-guy { background-color: var(--container-color-base); } */
.photo-guy > .field-name, .photo-guy > .field-dg-rank > .field-rank-inner { font-weight: bold; }

.field-linkers {
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 0px;
  padding-left: 0px; padding-right: 0px;
  width: calc(100% - 5px);
  margin-left: 2.5px;
  border-top: var(--container-border-base);
  flex-wrap: wrap;
}

.posting-linker {
  font: 9px var(--font);
  color: var(--blue);
  font-weight: bold;
  padding: 2.5px;
}

.field-link {
  float: left;
  font: 7.5px var(--font);
  font-weight: bold;
  color: var(--font-color-faint-2);
  padding: 1px; padding-left: 2px; padding-right: 2px;
  border: var(--container-border-base);
  margin-left: 0.5px;
  margin-right: 0.5px;
  margin-top: 1.5px;
  margin-bottom: 1.5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.field-link:hover {
  background-color: var(--olive); color: white; border-color: var(--olive);
}

.field-link-fedex:hover {
  background-color: rgb(31, 202, 35, 0.75); color: rgb(40, 40, 40); border-color: rgb(31, 202, 35, 0.75);
}

.field-link-updates {
  /* margin-left: 0px; */
}

.field-link > .fa-circle {
  color: var(--red-light); font-size: 5px;
  margin-right: 2.5px;
  /* margin-left: 1.5px; */
}

.field-link:hover > .fa-circle {
  color: var(--red);
}

.field-link > img {
  height: 7.5px;
  width: auto;
  margin-right: 2.5px;
}

.field-link-fedex {
  background-color: rgb(31, 202, 35, 0.15);
  border-color: rgb(31, 202, 35, 0.5);
}

.popular-players {
  margin-top: 5px;
  margin-bottom: 5px;
}

.popular-row {
  position: relative;
  width: 100%;
  height: 20px;
}

.popular-name {
  position: absolute;
  display: flex;
  justify-content: right;
  padding-right: 5px;
  font: 11px var(--font);
  align-items: center;
  left: 0px;
  width: 40%;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--font-color-base);
}

/* .most-popular { color: var(--font-color-base); font-weight: bold; } */

.popular-name > .add-ellipsis > a {
  color: inherit;
}

.popular-name > .add-ellipsis > img {
  height: 13px;
  width: auto;
  margin-top: -2px;
  margin-right: 2.5px;
}

.popular-bar {
  position: absolute;
  height: 100%;
  right: 0px;
  width: 60%;
  border-left: 1px solid var(--font-color-base);
  display: flex;
  justify-content: left;
  align-items: center;
}

.popular-bar-inner {
  position: absolute;
  display: flex;
  align-items: center;
  left: 0px;
  height: 80%;
  background-color: var(--olive-light);
  border: 1px solid var(--olive-light); border-left: none;
}

/* .popular-bar-inner {
  background-color: var(--blue-light);
  border-color: var(--blue-light);
}

.popular-bar-inner-usa {
  background-color: rgba(200, 20, 20, 0.6);
  border-color: rgba(200, 20, 20, 0.6);
} */

.popular-guy-value {
  position: absolute;
  left: calc(100% + 2.5px);
  font: 9px var(--font);
  font-weight: bold;
  color: var(--font-color-faint-2);
}

.popular-guy-value-inside {
  position: absolute;
  left: unset;
  right: 2.5px;
  color: var(--font-color-base);
}

.newsy-link:hover {
  color: inherit;
  text-decoration: inherit;
}

.new-newsy {
  position: relative;
  width: 97.5%;
  margin: auto;
  padding: 3px;
  /* background-color: var(--container-color-base); */
  border-radius: 3px;
  cursor: pointer;
}

.new-newsy-title {
  position: relative;
  display: flex;
  justify-content: left;
  padding-left: 0px;
  align-items: center;
  font: 12px var(--font);
  font-weight: bold;
  color: var(--font-color-base);
}

.news-num {
  position: relative;
  padding: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 8.5px;
  font-weight: bold;
  color: rgba(255,255,255, 0.9);
  background-color: rgb(40,40,40);
  border: 1px solid var(--olive);
  border-radius: 1.5px;
  margin-left: 2.5px;
}

.new-newsy-features {
  position: relative;
  width: calc(100% - 10px);
  margin-left: 10px;
  /* border-left: var(--container-border-base); */
  margin-top: 2.5px;
}

.new-newsy-inner {
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 2px;
  font: 11px var(--font);
  color: var(--font-color-faint);
}

.new-newsy-inner > .fa-circle {
  color: var(--font-color-base);
  font-size: 4px;
}

.new-newsy:hover {
  background-color: var(--container-color-base);
}

.new-newsy:hover > .new-newsy-title > i {
  text-decoration: underline;
  color: var(--blue);
  text-decoration-color: var(--blue);
}

.new-newsy:hover > .new-newsy-title > i.fa-circle {
  text-decoration: none;
  color: inherit;
}

.recap-table-outer {
  position: relative;
  width: 100%;
  padding: 2.5px;
}

.ryder-live-upper {
  position: relative;
  width: 100%;
  padding: 2.5px;
  /* border-bottom: var(--container-border-base); */
}

.ryder-live-score {
  position: relative;
  height: 40px;
  border-bottom: var(--container-border-base);
  border-top: var(--container-border-base);
}

.ryder-live-probs {
  position: relative;
  height: 20px;
  border-bottom: var(--container-border-base);
  /* background-color: blue; */
  /* border-top: var(--container-border-base); */
}

.ryder-live-bar {
  position: absolute;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 1.5px;
  height: calc(100% - 3px);
  font: 9.5px var(--font);
  color: white;
  font-weight: bold;
}

.ryder-live-bar-usa { background-color: rgba(200, 20, 20, 1); }
.ryder-live-bar-tie { background-color: rgba(0, 116, 217, 0.35); color: var(--font-color-base); }
.ryder-live-bar-eur { background-color: rgba(0, 116, 217, 1); }


.ryder-flag-usa {
  position: absolute;
  left: 0px;
  top: -10px;
  height: calc(100% + 20px);
  width: auto;
}

.ryder-flag-eur {
  position: absolute;
  right: 0px;
  top: -11px;
  height: calc(100% + 22px);
}

.ryder-score {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font: 30px var(--font);
  font-size: 25px;
  color: var(--font-color-base);
  font-weight: bold;
  top: 0px;
  height: 100%;
}

.ryder-score-usa { right: calc(50% + 10px); }
.ryder-score-eur { left: calc(50% + 10px); }

.ryder-score-border {
  position: absolute;
  left: calc(50% - 0.5px);
  border-left: var(--container-border-base);
  height: 100%;
  width: 1px;
}

/* custom table stuff */
/* table stuff */
.lbt {
  position: relative;
  width: 100%;
  margin: auto;
  /* max-width: 550px; */
  margin-top: -4px;
  margin-bottom: 0px;
}

.lbt-h {
  position: relative;
  width: 100%;
  height: 20px;
  border-bottom: var(--datarow-border);
}

.lbt-dr {
  position: relative;
  width: 100%;
  height: 24px;
  border-bottom: var(--datarow-border);
}

.lbt-dr.lbt-hh {
  display: none;
}

.lbt-dr:hover {
  background-color: var(--datarow-hover);
}

.lbt-dh {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font: 10px var(--font);
  color: var(--font-color-faint-2);
  height: 100%;
  /* font-weight: bold; */
}

.lbt-d {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font: 11px var(--font);
  color: var(--font-color-base);
  height: 100%;
}

.lbt-a-l {
  justify-content: left;
  padding-left: 2.5px;
}

.lbt-d-player, .lbt-d-event, .lbt-d-team {
  white-space: nowrap;
  min-width: 0;
  flex-wrap: nowrap;
  padding-top: 1px;
}

.lbt-nw {
  margin: 0 0px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lbt-d-player > .lbt-nw > img, .lbt-d-team > .lbt-nw > img {
  height: 14px;
  width: auto;
  margin-top: -2px;
  margin-right: 2.5px;
}

.lbt-d-player > .lbt-nw > a {
  color: inherit;
}

.lbt-sgb {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.5px;
  min-width: 31px;
  padding-left: 3px;
  padding-right: 3px;
  border-radius: 1px;
  font-size: 9.5px;
}

.lbt-sgb-pos, .lbt-sgb-neg {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 50%;
  border-left: 1px solid var(--font-color-base);
  height: 80%;
  width: 50%;
}

.lbt-sgb-neg { left: unset; right: 50%; border-left: none; border-right: 1px solid var(--font-color-base); }

.lbt-sgb-pos > .lbt-sgb-in, .lbt-sgb-neg > .lbt-sgb-in {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0px;
  background-color: var(--olive-light);
  border-left: none;
  height: 65%;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
}

.lbt-sgb-neg > .lbt-sgb-in { background-color: var(--red-light); left: unset; right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 1px; border-bottom-left-radius: 1px; }

.lbt-sgb-pos > .lbt-sgb-in > .lbt-sgb-t {
  position: absolute;
  right: calc(100% + 3px);
  font-size: 9.5px;
}

.lbt-sgb-neg > .lbt-sgb-in > .lbt-sgb-t {
  position: absolute; left: calc(100% + 3px); font-size: 9.5px;
}

.lbt-bar-in {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90%;
  width: 100%;
  border-left: 1px solid var(--font-color-base);
}

.lbt-bar-in2 {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0px;
  /* background-color: var(--olive-light); */
  border: 1px solid var(--olive);
  background-color: rgba(255, 220, 0, 0.5);
  /* border: 1px solid #06051e; */
  border-left: none;
  height: 85%;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
}

:root[color-mode="dark"] .lbt-bar-in2 {
  border-color: rgba(255, 220, 0, 0.5);
  background-color: var(--olive-light);
}

.lbt-bar-t {
  position: absolute;
  left: calc(100% + 3.5px);
  font-size: 9.5px;
}

.lbt-bar-t.inny-t {
  left: unset;
  right: 2.5px;
  font-size: 9.5px;
  /* color: #06051e; */
}

.lbt-asq {
  position: relative;
  margin-left: 1px;
  margin-right: 1px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lbt-nw > .lbt-asq {
  position: unset;
  float: left;
  height: 10px;
  width: 10px;
  margin-top: 1px;
  margin-right: 2.5px;
}

#spga.lbt-asq {
  background-color: var(--red-light);
  border: 1px solid var(--red);
}

#seuro.lbt-asq {
  background-color: var(--blue-light);
  border: 1px solid var(--blue);
}

#skft.lbt-asq {
  background-color: var(--olive-light);
  border: 1px solid var(--olive);
}

#sliv.lbt-asq {
  background-color: var(--font-color-faint-2);
  border: 1px solid var(--font-color-base);
}

#s14.lbt-asq {
  background-color: rgba(7, 102, 82, 0.5);
  border: 1px solid rgba(7, 102, 82, 1);
  border-radius: 0px;
}

#s33.lbt-asq {
  background-color: rgba(41, 63, 104, 0.5);
  border: 1px solid #293f68;
  border-radius: 0px;
}

#s26.lbt-asq {
  background-color: rgba(224, 0, 64, 0.5);
  border: 1px solid rgb(224, 0, 64, 1);
  border-radius: 0px;
}

#s100.lbt-asq {
  background-color: rgba(255, 193, 7, 0.5);
  border: 1px solid #ffc107;
  border-radius: 0px;
}

#splayers.lbt-asq {
  background-color: rgba(204, 170, 119, 0.75);
  border: 1px solid rgba(204, 170, 119, 1);
}

.lbt-asq-popper {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: calc(100% + 2.5px);
  color: var(--font-color-base);
  background-color: var(--black-base);
  text-align: center;
  width: max-content;
  pointer-events: none;
  font-size: 8px;
  border: var(--container-border-base);
  padding: 2.5px;
}

.lbt-s-u { color: var(--red); }
.lbt-s-e { color: var(--olive); }
.lbt-s-o { color: var(--font-color-base); }

.lbt-dr.lbt-exp {
  display: flex;
  justify-content: left;
  height: 20px;
  padding: 0px;
  align-items: center;
  font: 11px Helvetica;
  border-bottom: none;
  color: var(--font-color-base);
  cursor: pointer;
  padding-left: 5px;
}

.lbt-dr.lbt-exp > .fa-chevron-double-down, .lbt-dr.lbt-exp > .fa-chevron-double-up {
  position: relative;
  font-size: 8px;
  top: 0.5px;
  margin-left: 2.5px;
}

.lbt-d-comp {
  font-size: 10px;
}

.lbt-d-comp.lbt-good {
  background-color: rgba(61, 153, 112, 0.15);
  color: var(--olive); font-weight: bold;
}

.lbt-d-p_m.lbt-good, .lbt-d-w_l_t.lbt-good {
  background-color: rgba(61, 153, 112, 0.15);
  color: var(--olive);
}

.lbt-d-p_m.lbt-bad, .lbt-d-w_l_t.lbt-bad {
  background-color: rgba(255, 65, 54, 0.15);
  color: var(--red);
}

.lbt-rank {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 27.5px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 1px;
  font-size: 9px;
}

.not-a-major {
  position: absolute;
  right: 10px;
  height: 10px;
  margin-top: -1px;
  font: 8.5px var(--font);
  color: var(--font-color-faint);
  font-style: italic;
}

.rank-dr-ams { display: none; }
.hidden-rank-stuff { display: none; }

.field-dgp { width: 45%; right: 0px; left: unset; border-left: var(--container-border-base); font-weight: bold; }

.rank-status-div {
  position: relative;
  float: left;
  height: 100%;
  width: 55px;
  margin-right: 5px;
  cursor: pointer;
  border-radius: 2px;
}

.tour-status-outer.moved-status-2 > a > .tour-status-div, .tour-status-outer.moved-status > a > .tour-status-div {
  margin-right: 5px;
  width: 55px;
}

.tour-status-div:hover, .rank-status-div:hover {
  background-color: var(--container-color-base);
  -webkit-transition: 200ms ease-out;
  -moz-transition: 200ms ease-out;
  -o-transition: 200ms ease-out;
  transition: 200ms ease-out;
}

.tour-logo-holder {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  top: 0px;
  height: 40%;
  border-bottom: var(--container-border-base);
  pointer-events: none;
}

.tour-ranking-sepper {
  position: relative;
  float: left;
  height: 100%;
  border-left: var(--container-border-base);
  width: 5px;
  margin-left: -0.5px;
}

.dg-logo-holder {
  font: 9px var(--font);
  color: var(--font-color-base);
  font-weight: bold;
}

.dg-logo-holder > .fa-chevron-left {
  color: var(--olive);
  font-size: 7px;
  position: relative;
  top: 0px;
  margin-right: 2px;
}

.dg-logo-holder > .fa-chevron-right {
  color: var(--olive);
  font-size: 7px;
  position: relative;
  top: 0px;
  margin-left: 2px;
}

.dgp-logo-holder {
  align-items: start;
  padding-top: 0px;
  font-size: 8px;
}

.dgp-logo-holder > .fa-chevron-left, .dgp-logo-holder > .fa-chevron-right {
  color:  #85144b;
  font-size: 6px;
  top: 1.5px;
}

.dg-logo-holder > .dg-points-logo-lower {
  position: absolute;
  bottom: 0px;
  color: var(--font-color-faint-2);
  font-size: 6px;
}

.tour-rank-holder {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  top: calc(40% + 1px);
  height: calc(60% - 1px);
  /* border: var(--container-border-base); */
  border-top: none;
  font: 10px var(--font);
  font-weight: bold;
  color: var(--font-color-base);
  pointer-events: none;
  z-index: 1;
}

.tour-rank {
  position: relative;
  text-align: center;
  min-width: 35px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 6px;
  padding-right: 6px;
  border-radius: 1px;
  -webkit-box-shadow: var(--container-shadow-rank);
  -moz-box-shadow: var(--container-shadow-rank);
  box-shadow: var(--container-shadow-rank);
  pointer-events: none;
}

.owgr-status-logo { height: 70%; width: auto; opacity: 1; }

.site-announcement {
  position: relative;
  margin: 7.5px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: calc(100% - 15px);
  padding: 5px;
  -webkit-box-shadow: var(--container-shadow-rank);
  -moz-box-shadow: var(--container-shadow-rank);
  box-shadow: var(--container-shadow-rank);
  background-color: var(--ryder-back);
  font: 11px var(--font);
  color: var(--font-color-base);
}

.site-announcement > .bachieve-square {
  display: inline-block;
  position: relative;
  margin-right: 2px;
  top: 1px;
  float: unset;
}

.new-top-row {
  position: relative;
  height: 25px;
  border-bottom: var(--container-border-base);
  width: calc(100% + 20px);
  margin-left: -10px;
}

.new-top-row-inner {
  position: relative;
  float: right;
  justify-content: right;
  align-items: center;
  /* height: 100%; */
  padding: 0px;
}

.new-top-row-left {
  float: left;
}

.new-option-top {
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
  padding-left: 10px;
  padding-right: 10px;
  height: 100%;
  cursor: pointer;
  font: 11px var(--font);
  color: var(--font-color-base);
}

.new-top-icon {
  color: var(--font-color-faint-2); opacity: 0.75; font-size: 9px;
}

.new-top-row-right > a > .new-option-top {
  border-left: var(--container-border-base);
}

.new-top-row-left > a > .new-option-top, .new-top-row-left > .new-option-top {
  border-right: var(--container-border-base);
}

.new-option-top:hover {
  background-color: var(--container-color-base);
}

.new-option-top:hover > .new-top-icon {
  opacity: 1;
  color: var(--olive);
}

.achieve-square {
  position: relative;
  float: left;
  margin: 1px;
  top: 0px;
  height: 10px;
  width: 10px;
  border-radius: 0.5px;
}

.achieve-square-tour, .achieve-img-outer {
  border-radius: 50%;
}

#seuro.achieve-square { border: 1px solid var(--blue); background-color: var(--blue-light); }
#spga.achieve-square { border: 1px solid var(--red); background-color: var(--red-light); }
#sliv.achieve-square {background-color: var(--font-color-faint-2);border: 1px solid var(--font-color-base); }
#skft.achieve-square {background-color: var(--olive-light);border: 1px solid var(--olive); }
#scha.achieve-square { background-color: rgba(40, 167, 69, 0.5); border: 1px solid rgba(40, 167, 69, 1); }

.live-tour-dropdown {
  position: relative;
  z-index: 2;
  /* padding-left: 9px; */
}

.live-tour-menu {
  position: absolute;
  display: none;
  top: calc(100% + 0px);
  left: -1px;
  width: max-content;
  min-width: calc(100% + 2px);
  max-width: 500px;
  border: var(--container-border-base);
  background-color: var(--black-base);
}

.live-tour-option {
  position: relative;
  display: flex;
  justify-content: left;
  align-items: center;
  padding: 3px;
  padding-left: 5px;
  min-width: 100%;
  padding-right: 7.5px;
  font: 11px var(--font);
  color: var(--font-color-base);
}

.live-tour-option > .achieve-square {
  height: 7.5px;
  width: 7.5px;
  margin-left: 0px;
}

.live-tour-linker {
  text-decoration: none !important;
}

.live-tour-option:hover {
  background-color: var(--ryder-mid);
  color: var(--blue);
}

.live-tour-no-options {
  color: var(--font-color-faint-2);
  pointer-events: none;
}

@media (max-width: 992px) {
  .ws-title { font-size: 10px; }
}

@media (max-width: 768px) {
  .ws-title { font-size: 10px; }

  .sim-plugin-notetext {
    line-height: 1.31;
  }

  .new-top-row {
    height: 22.5px;
    width: calc(100% + 25px);
    margin-left: -12.5px;
  }

  .new-option-top {
    padding: 0px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 9.5px;
  }

  .new-top-icon {
    font-size: 8px;
  }

  .new-option-top > .achieve-square {
    margin: 0.5px;
    top: 0px;
    height: 8px;
    width: 8px;
  }

  .live-tour-option {
    padding: 2.5px;
    padding-left: 3px;
    padding-right: 5px;
    font-size: 9.5px;
  }

  .live-tour-option > .achieve-square {
    height: 7px;
    width: 7px;
  }


}

@media (max-width: 576px) {

  .mobileeee-hidden { display: none; }

  .top-update-bell {
    margin-right: 3px !important;
  }

  .new-top-row {
    width: calc(100% + 30px);
    margin-left: -15px;
  }

  .ws-title { font-size: 11px; }

  .faq-item {
    padding-top: 7px;
  }

  .mid-only {
    display: none;
  }

  .left-col {
    padding-left: 5px;
    padding-right: 5px;
  }

  .right-col {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .scratch-container {
    /* margin-top: 15px; */
    /* height: 100px; */
  }

  .preds-time-update-notice {
    margin-top: 10px;
    /* margin-left: -15px; */
    /* width: calc(100% + 30px); */
    font-size: 9px;
    line-height: 1.25;
    border-radius: 1px;
    padding: 3px;
    margin-bottom: -6px;
  }

  .time-update-title {
    margin-bottom: 3px;
    font-size: 9px;
  }

  .preds-time-update-notice > .tour-title { font-size: 7px; }

}

.cup-trophy {
  color: gold;
  margin-left: 2px;
  font-size: 8px;
  margin-right: 2px;
}

.presidents-title {
  background-color: rgb(40,40,40);
}