.gkpp-divrel {
		position:relative;
		margin:auto;
        border: 0px solid #aaaaaa;
        color: #fff;
		display: inline-block;
}

.gkpp-divrel .gkpp-flag-absolute {
	position:absolute;
    z-order:0;
}

.gkpp-ppcanvas{
	position:absolute;
	z-index:2;
	
}

.gkpp-container {
	overflow:hidden;
	margin: 5px;
	background-color: var(--gkpp-container-background, #7da3a1);
	color:var(--gkpp-container-foreground, #000000); 
	padding:5px;
	text-align: center;
}

.gkpp-inline {
  
  display: inline-block;
    vertical-align: top;
	padding: 10px;
  
}

body {
  background-color: #222222;
  
}

.gkpp-hole-image {
	width:600px;
	max-width:100%;
	height:auto!important;
	left:0px; 
	position:relative;
	border: 1px solid #ffeeff;
	border-radius: 10px;
}

.gkpp-hole-sponsor-image {
	max-width:100%;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:5px;
	padding-top:5px;
	position:relative;
	
}


.gkpp-sponsor-link {
	text-decoration: none;
	color: var(--gkpp-frame-foreground, #000000);
	
}

a.gkpp-sponsor-link:hover{
	text-decoration: none !important; 
	color: var(--gkpp-frame-foreground, #000000) !important; 
	
}

.gkpp-show-cafe{
		max-width : 600px;
		margin-top:15px;
		margin-bottom: 15px;
		padding :10px;
		
		border-radius: 10px;
		border: 1px solid var(--gkpp-frame-foreground, #000000);
		background-color: var(--gkpp-frame-background, #a5bfbe);
		color: var(--gkpp-frame-foreground, #000000);
		padding: 10px;
}

.gkpp-show-sponsor{
		max-width : 600px;
		margin-top:15px;
		margin-bottom: 15px;
		margin-left: 20px;
		margin-right:20px;
		padding :10px;
		
		border-radius: 10px;
		border: 1px solid var(--gkpp-frame-foreground, #000000);
		background-color: var(--gkpp-frame-background, #a5bfbe);
		color: var(--gkpp-frame-foreground, #000000);
		padding: 10px;
}

.gkpp-hole-description {
	max-width : 600px;
	margin-top:15px;
	margin-bottom: 15px;
	padding :10px;
	background-color: var(--gkpp-frame-background, #a5bfbe);
	color: var(--gkpp-frame-foreground, #000000);
	border: 1px solid var(--gkpp-frame-foreground, #000000);
	border-radius: 10px;
	text-align : left;
}

input[type=checkbox] {
  accent-color: #34675C;
}

input[type=radio] {
  accent-color: #34675C;
}

@media only screen and (min-width: 600px) {
	.gkpp-hole-sponsor-image {
	max-width:300px;
	
	position:relative;
	
}
}