/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------- Course Formatting -------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* --------------------------------------- Course Container -------------------------------------- */
#GAME_PTD_Main_Container{
	width:100%;
	height:100%;
	position: relative;
	overflow: hidden;
	z-index:1;
}
#GAME_PTD_Course{
	width:100%;
	height:100%;
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------- Header Formatting -------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ------------------------------------ Game Header Container ------------------------------------ */
#GAME_PTD_Header_Container{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:45px;
	
	text-shadow: 10px 10px 10px #000000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 40px;
	
	display:flex;
	margin-top: 10px;
}

#GAME_PTD_Header_Left_Container{
	width:100%;
	height:100%;
	display:flex;
	margin-left: 45px;
	align-items: center;
}
#GAME_PTD_Header_Flag{
	height: 100%;
    aspect-ratio: 1;
	background-image:url('../../images/PTD_FlagIcon.png');
	background-size:80% 80%;
	background-position:center;
	background-repeat:no-repeat;
	filter: drop-shadow(2px 4px 6px black);
}
#GAME_PTD_Header_Hole{
	
}

#GAME_PTD_Header_Middle_Container{
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items: center;
}
#GAME_PTD_Header_Golfer{
	height: 100%;
    aspect-ratio: 1;
	background-image:url('../../images/PTD_GolferIcon.png');
	background-size:80% 80%;
	background-position:center;
	background-repeat:no-repeat;
	filter: drop-shadow(2px 4px 6px black);	
}
#GAME_PTD_Header_Strokes_Container{
	
}

#GAME_PTD_Header_Right_Container{
	width:100%;
	height:100%;
	display:flex;
	justify-content:end;
	margin-right: 45px;
	align-items: center;
}
#GAME_PTD_Header_HoleMarker{
	height:35px;
	aspect-ratio:1;
	
	background:yellow;
    border-radius:50%;
	filter: drop-shadow(2px 4px 6px black);
}
#GAME_PTD_Header_HoleInfo{
	
}
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------- Golf Game Objects -------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
.GAME_PTD_Golfball{
	width:min(1.5vh, 0.9vw);
	height:min(1.5vh, 0.9vw);
	position:absolute;
	transform: translate(-50%, -50%);
	z-index:3;
	
	background-image:url('../../images/PTD_BallStill.png');
	background-position:center;
	background-repeat:no-repeat;
	background-size:108% 108%;
	
    border-radius:50%;
    
    display:none;
}
#GAME_PTD_TeeMarker1, #GAME_PTD_TeeMarker2{
	width:15px;
	height:15px;
	position: absolute;
	z-index:2;
	
	background:yellow;
    border-radius:50%;
    
    transform: translate(-50%, -50%);
}
#GAME_PTD_Line_Target, #GAME_PTD_Line_WaterStart, #GAME_PTD_Line_WaterEnd, #GAME_PTD_Line_SandStart, #GAME_PTD_Line_SandEnd{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
#GAME_PTD_Label_Hole, #GAME_PTD_Label_WaterStart, #GAME_PTD_Label_WaterEnd, #GAME_PTD_Label_SandStart, #GAME_PTD_Label_SandEnd{
	width:75px;
	height:75px;
	position:absolute;
	z-index:2;
	font-size:30px;
	font-weight:bold;
	background:#FFFFFF;
	color:#000000;
    border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	
	transform: translate(-50%, -50%);
}
#GAME_PTD_Flag{
	width:4.7436%;
	height:15.4092%;
	position: absolute;
	z-index:1;
    
    background-image:url('../../images/PTD_Flag.gif');
	background-size:100% 100%;
	background-position:center;
	background-repeat:no-repeat;
	
	transform: translate(-50%, -50%);
}
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------- */
/* --------------------------------- Bunker Challenge Formatting --------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
#GAME_PTD_Bunker_Challenge_Container{
	width:100%;
	height:100%;
	position: absolute;
	top:0px;
	left:0px;
	
	display:none;
	align-items:center;
	justify-content:center;
	
	z-index:4;
}
#GAME_PTD_Bunker_Challenge{
	height:65%;
	aspect-ratio: 1/1.19;
	
	background: #ede9da;
	box-sizing: border-box;
	border: 10px solid #282828;
	border-radius:20px;
	overflow: hidden;
}
#GAME_PTD_Bunker_Challenge_Title{
	width:100%;
	height:15%;
	box-sizing: border-box;
	font-size: max(2.6vh,1.5vw);
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	background: #5e4423;
	color: #FFFFFF;
	border-bottom: 10px solid #282828;
}
#GAME_PTD_Bunker_Challenge_Dartboard_Container{
	width:100%;
	height:85%;
	box-sizing: border-box;
	
	display: flex;
	align-items: center;
	justify-content: center;
	
	padding: 10px;
}
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */