: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 #3D9970;
  --container-shadow-masters: 0px 0px 3px 0px #006747;
  /* --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);

  --linerr: var(--font-color-base);
  --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-hover: rgba(255, 220, 0, 0.3);
}

: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);

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

  --linerr: rgba(248,202,7, 1);
  --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-hover: rgba(61, 153, 112, 0.3);
}

.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.6;
  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.75;
}

.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: 10px;
  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;
 }

.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: 0.8;
}

.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;
  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: #006747; */
  /* 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); */
}

.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: #006747; */
  /* stroke: #caaa77; */
  stroke-width: 1.2;
  stroke-opacity: 0.9;
}

.linerr-2 {
  fill: none;
  /* stroke: rgba(239, 237, 25, 0.9); */
  stroke: var(--blue);
  /* stroke: #FCE300; */
  /* stroke: var(--linerr); */
  /* stroke: var(--font-color-base); */
  /* stroke: rgba(220,40,95, 1); */
  stroke-opacity: 0.85;
  stroke-opacity: 0.8;
  stroke-width: 1.2;
}

.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: 45px;
  /* background-color: #083666; */
  /* background-color: var(--olive); */
  /* opacity: 0.9; */
  width: auto;
  z-index: 2;
}

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

.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: 8px;
  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;
}

.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;
  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;
}

.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: 5px;
  text-align: center;
  font: 9px var(--font);
  /* font-weight: bold; */
  color: var(--font-color-sitting);
}

.the-faq-outlink, .the-profile-outlink {
  color: inherit;
}

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

.the-profile-outlink:hover {
  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);
}

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

.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, .show-more-preds: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;
}

.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;
}

.fedex-svg {
  left: 25px;
}

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

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

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

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

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

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

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

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

.expand-it {
  height: auto;
  margin-top: 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: 1px;
  -webkit-box-shadow: var(--scratch-shadow);
  -moz-box-shadow: var(--scratch-shadow);
  box-shadow: var(--scratch-shadow);
  padding-bottom: 5px;
}

.scratch-container-left {
  padding: 3px;
  margin-bottom: 5px;
  width: calc(100% - 6px);
  margin: auto;
  margin-top: 0px;
  /* 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);
}

.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: 98%;
  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); */
}

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

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

.scratch-item-title {
  font-size: 12px;
  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.75;
}

.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.75;
}

.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.75;
}

.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: 5px;
  padding-bottom: 5px;
  font: 10px var(--font);
  /* border-bottom: var(--container-border-base); */
}

.flagger {
  position: absolute;
  top: 6px;
  left: 2px;
  height: 15;
  width: 16;
  opacity: 0.75;
}

.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: 17px;
  height: 11;
  width: 12;
  top: 4px;
}

.rank-name-div {
  position: absolute;
  left: 0px;
  top: 0px;
  padding-left: 23px;
  padding-top: 8px;
  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: 11px var(--font);
  font-weight: bold;
  padding-top: 7px;
}

/* 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-sitting);
  font: 10px 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: 5px;
  padding-top: 4px;
  color: var(--font-color-faint);
  font-weight: bold !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: normal;
}

.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-2);
  font: 8px var(--font);
  font-weight: bold;
}

.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);
}

.his-bar {
  position: absolute;
  left: 0px;
  height: 60%;
  top: 20%;
  background-color: var(--olive-light);
}

.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);
  -moz-box-shadow: var(--scratch-shadow);
  box-shadow: var(--scratch-shadow);
  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: 25px;
  border-bottom: var(--container-border-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: 90%;
  min-width: 225px;
  margin: auto;
  margin-right: 0px;
  height: 210px;
  /* background-color: var(--olive-light); */
  /* border-bottom: var(--container-border-base); */
  margin-bottom: 0px;
}

.profile-radar-inner {
  position: relative;
  height: 100%;
  width: 225px;
  /* 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: var(--black-base); */
  border: var(--container-border-base);
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-x: hidden;
  overflow-y: hidden;
}

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

.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-sitting);
  -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;
  bottom: 2px;
  padding-left: 60px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 30px);
  color: var(--font-color-sitting);
  font: 15px var(--font);
  font-weight: bold;
}

.player-flag-top {
  opacity: 0.75;
  height: 18px;
  width: auto;
  position: relative;
  top: -1px;
  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(--spider-color-base);
  opacity: 0.95;
  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.25;
}

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

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

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

.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);
}

.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 {
  font: 14px var(--font);
  font-weight: bold;
  position: relative;
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 6px;
  color: var(--font-color-sitting);
}

.temp-top-sub {
  position: relative;
  color: var(--font-color-faint-2);
  font-size: 10px;
}

.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: 0px;
  font: 11px var(--font);
  font-weight: bold;
  color: var(--font-color-faint);
  padding: 4px;
  margin-bottom: 5px;
  -webkit-box-shadow: var(--container-shadow-this);
  -moz-box-shadow: var(--container-shadow-this);
  box-shadow: var(--container-shadow-this);
}

.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(--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;
  -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-sub-hub {
  background-color: var(--black-base);
  margin-bottom: 0px;
}

.page-item-ryder-hub:hover {
  background-color: var(--ryder-hover);
}

.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% - 55px);
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  font: 15px var(--font);
  /* padding-left: 10px; */
  font-weight: bold;
}

.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: 45%;
  padding-bottom: 7px;
}

.ryder-sub-text {
  position: absolute;
  top: 45%;
  padding-top: 0px;
  font: 12px var(--font);
  color: var(--font-color-faint-2);
  max-width: 200px;
}

.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: #293f68 !important;
  color: #caaa77;
} */

@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;
  }

}

@media (max-width: 576px) {

  .mobileeee-hidden { display: none; }

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

  .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: -4px;
  }

  .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);
}