#gameTrackerShelterHarborContainer {
  width: 100vw;
  height: 100vh;
  /*border:  1px solid red;*/
  box-sizing: border-box;
  position: relative;
  /*z-index: 100;*/
}  

#gameTrackerShelterHarborBGImgContainer {
  position:  relative;
  width: 100%;
  /* border: 10px solid #236a01; */
  /* max-height: 1504px; */
  height: 100%;
/*  min-height: 500px;
  min-width: 1013px;*/
  max-height: 1936px;
  max-width: 3921px;
  margin: auto;
  background: url(/img/gameTracker/shelterHarbor/GameTracker_ShelterHarbor_CourseBG.jpg) center no-repeat;
  background-size: contain;
  box-sizing: border-box;
  /*z-index: 100;*/
}

#shelterHarborCourseHoleLinesImg {
  position:  absolute;
  left:  0;
  top:  0;
  right:  0;
  bottom:  0;
  display:  none;
  width:  100%;
  box-sizing: border-box;
  /*z-index:  200; */
}


#shelterHarborGameTrackerLogo {
  display: none;
  position: absolute;
  top: -30%;
  left: -25%;
  /*margin-top: 30%;*/
  width: 300%; 
  z-index: 200;
  opacity: 0;
  transition:  0.5s;
  -webkit-transition:  0.5s;
}

#gtShelterHarborLogo {
  height:  110%;
  position:  absolute;
  left: 0%;
  top:  -30%;
  /* top:  0%; */
  opacity: 0;
  transition:  0.5s;
  -webkit-transition:  0.5s;
  /*display:  block;*/
}

.gtShelterHarborTitle {
  height: 90%;
  position: absolute;
  left: -10%;
  top:  -25%;
  /* top:  5%; */
  opacity: 0;
  transition:  0.5s;
  -webkit-transition:  0.5s;
  /*display:  block;*/
} 

.gtFinalOverallScoreContainer {
  /* background-color: rgba(255,255,255,0.1); */
  /* border: 1px solid red; */
  box-sizing: border-box; 
  position: absolute; 
  left: 0; 
  top: -29%;
  width: 400%; 
  cursor: pointer;
  z-index:100;
}

.gtGoldenTrophyContainer {
  /* display: none; */
  position: absolute;
  left: -6%;
  top: 12%;
  width: 3.6%;
  /* height: 100%; */
  bottom: 0;
  /* border: 1px solid red; */
  box-sizing: border-box;
}

.gtGoldenTrophy {
  display: none;
  position: absolute;
  /* left: -22%;
  width: 14%;
  top: 28%; */ 
  bottom: 0;
  width: 100%;
  transition: 0.5s;
  z-index: 300;
}

.gtGoldenTrophyImg {
  /* border: 1px solid green;*/
  display: block;  
}

.goldenTrophyWinning_6001 {
 
  bottom: 48%;
}

.goldenTrophyWinning_6002 {
  bottom: 0;
}

.gtFOSFlexContainer {
  position: relative;
  display: flex;
  /* border: 1px solid blue; */
  box-sizing: border-box;
  column-gap: 0.5vmin; 
}

.gtFOSFlexContainer > div {
  width: 20%; 

  box-sizing: border-box;
  white-space: nowrap;
}

.gtFOSFlexContainer:last-child {
  margin-top: 0.5vmin;
}

.gtOFSLabel { 
  text-align: center; 
  padding-bottom: 1.5%;
}

.gtOFSLabel img {
  /* border: 1px solid white; */
  width: 60%;
  display: block;
  margin: auto;
}


.gtFOSTeamLabel img { 
  width: 65%;
  display: block; 
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 8%;
}

.gtFOSFlexContainer:nth-child(3) .gtFOSTeamLabel {
  border-left: 0.2vw solid rgb(117, 10, 20);
}

.gtFOSFlexContainer:last-child .gtFOSTeamLabel {
  border-left: 0.2vw solid #253468;
} 

.gtFOSScoreContainer { 
  text-align: center; 
  position: relative;
  background-color: rgba(255,255,255,0.1);
  line-height: 0;
  padding: 1.5% 0 1.5% 0;
  color: white;
}

.gtFOSScoreContainer img {
  width: 20%;
  display: inline-block;
  margin: auto;
} 

.gtFOSScoreContainer div { 
  box-sizing: border-box; 
}

/*******************************/
/* SHELTER HARBOR HOLE NUMBERS */
/*******************************/

/* 1 - Hole Number */
#shgtHoleNumberContainer1 {
  left:  -3%;
  bottom: 35%;  
} 

/* 2 - Hole Number */
#shgtHoleNumberContainer2 {
  right:  20%;
  top: -23%;
}

/* 3 - Hole Number */
#shgtHoleNumberContainer3 {
  right:  -5%;
  top: 12%;
}

/* 4 - Hole Number */
#shgtHoleNumberContainer4 {
  right:  16%;
  top: 27%;
}

/* 5 - Hole Number */
#shgtHoleNumberContainer5 {
  right:  -3%;
  bottom:  30%;
}


/* 6 - Hole Number */
#shgtHoleNumberContainer6 {
  left:  -20%;
  top:  25%;
}

/* 7 - Hole Number */
#shgtHoleNumberContainer7 {
  right:  0%;
  bottom:  36%;
}

/* 8 - Hole Number */
#shgtHoleNumberContainer8 {
  left:  50%;
  bottom:  30%;
}

/* 9 - Hole Number */
#shgtHoleNumberContainer9 {
  right:  -15%;
  bottom:  25%;
}

/* 10 - Hole Number */
#shgtHoleNumberContainer10 {
  left:  15%;
  top: 5%;
}

/* 11 - Hole Number */
#shgtHoleNumberContainer11 {
  left:  55%;
  top: -15%;
}

/* 12 - Hole Number */
#shgtHoleNumberContainer12 {
  left:  35%;
  top: 33%;
}


/* 13 - Hole Number */
#shgtHoleNumberContainer13 {
  left:  40%;
  top: 15%;
}


/* 14 - Hole Number */
#shgtHoleNumberContainer14 {
  right:  8%;
  top: 34%;
}
 

/* 15 - Hole Number */
#shgtHoleNumberContainer15 {
  right:  13%;
  top: 25%;
}

 

/* 16 - Hole Number */
#shgtHoleNumberContainer16 {
  left:  38%;
  top: 27%;
}
 

/* 17 - Hole Number */
#shgtHoleNumberContainer17 {
  right:  33%;
  top: -35%;
}
 

/* 18 - Hole Number */
#shgtHoleNumberContainer18 {
  left:  17%;
  top: 50%;
}


/************************************/
/* Shelter Harbor Hole Info Bubbles */
/************************************/

#shgtHoleNumberTxt1 {
/*  top: 22%;
  left: 65%;*/
}

#shgtHoleBubble1 {
  top: 15%;
  left: 40%;
}

.bubblePointer {
  position:absolute;
}

#bubblePointer1 {
  width:   15%;  
  bottom:  -17%;
  left: -8%;
  transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
}

#shgtHoleBubble2 {
  /*bottom: 54%; */
  top:  0;
  left:  10%;
}

/* .gtSHSinglesLayout #shgtHoleBubble2 {
  top: -10%; 
} */

#bubblePointer2 {
  width:   25%;  
  bottom:  -34%;
  left: -15%;
  transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
}

#shgtHoleBubble3 {
  left: 20%; 
  bottom:  20%;
}

/* .gtSHSinglesLayout #shgtHoleBubble3 {
  bottom: -30%;
} */

#bubblePointer3 {
  width:   25%;  
  bottom:  20%;
  left: -10%;
  /* transform: rotate(10deg);
  -webkit-transform: rotate(10deg); */
}

#shgtHoleBubble4 {
  left: 40%; 
  bottom:  -10%;
}

/* .gtSHSinglesLayout #shgtHoleBubble4 {
  top: -55%;
  left: 100%;
} */

#shgtHoleBubble5 {
  right: 0%; 
  bottom:  50%;
}

/* .gtSHSinglesLayout #shgtHoleBubble5 {
  bottom: 15%; 
  right: 35%;
} */

#shgtHoleBubble6 {
  left: 0%; 
  bottom:  0%;
}

/* .gtSHSinglesLayout #shgtHoleBubble6 {
  bottom: -45%; 
  left: 20%;
} */

#shgtHoleBubble7 {
  left: 50%; 
  bottom: 20%;
}

/* .gtSHSinglesLayout #shgtHoleBubble7 {
  bottom: -100%;  
  left: 30%;
} */

#shgtHoleBubble8 {
  left: 20%; 
  bottom: 0%;
}

/* .gtSHSinglesLayout #shgtHoleBubble8 {
  bottom: -50%;  
} */

#shgtHoleBubble9 {
  left: 30%; 
  bottom: -30%;
}

#shgtHoleBubble10 {
  left: 10%; 
  top: 0%;
}

#shgtHoleBubble11 {
  left: 0%; 
  bottom: 0%;
}

/* .gtSHSinglesLayout #shgtHoleBubble11 {
  bottom: 60%; 
} */

#shgtHoleBubble12 {
  left: 0%; 
  bottom: 0%;
}

#shgtHoleBubble13 {
  right: -30%; 
  bottom: 0%;
}

/* .gtSHSinglesLayout #shgtHoleBubble13 {
  bottom: -50%; 
} */

#shgtHoleBubble14 {
  right:  30%; 
  bottom: -30%;
}

/* .gtSHSinglesLayout #shgtHoleBubble14 {
  top: -50%;
  right: 50%;
} */

#shgtHoleBubble15 {
  right:  -40%; 
  bottom: 0%;
}

/* .gtSHSinglesLayout #shgtHoleBubble15 {
  bottom: -30%;
} */

#shgtHoleBubble16 {
  left: -15%; 
  top: 0%;
}

/* .gtSHSinglesLayout #shgtHoleBubble16 {
  top: -10%;
} */

#shgtHoleBubble17 {
  left: -10%; 
  bottom: 30%;
}

/* .gtSHSinglesLayout #shgtHoleBubble17 {
  bottom: -45%;
  left: -20%;
} */

#shgtHoleBubble18 {
  left: 0%; 
  bottom: 0%;
}

/* .gtSHSinglesLayout #shgtHoleBubble18 {
  bottom: -45%;
  left: -20%;
} */