/*RDreher, Myrran.com*/
/*Update 2022 Jun 1st*/

@font-face	{font-family:HKGokukaiKK;
			src:local("HKGokukaiKK"),
				url("../../assets/fonts/hkgokukaikk.woff2") format("woff2"),
				url("../../assets/fonts/hkgokukaikk.woff") format("woff");
			unicode-range:U+6975;
			font-display:swap;}

.khkLogo	{width:800px; height:430px;
			background:var(--myrranEarth);
			clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
			padding-right:75px; padding-left:75px; padding-top:45px; padding-bottom:45px}
.khkLogoBackground	{height:100%;width:100%;
					background:url('../../assets/myrranSnow.png');
					clip-path:polygon(50% 0, 100% 50%, 50% 100%, 0 50%)}
.khkLogoHLines	{width:120%; height:110px;
				position: absolute; top:115px;
				background:url('../../assets/myrranSnow.png');
				border:25px solid var(--myrranEarth)}
.khkLogoVLines	{width:250px; height:120%;
				position: absolute;
				background:url('../../assets/myrranSnow.png');
				border:25px solid var(--myrranEarth)}
.khkLogoMoji	{font-size:13.2em; font-family:HKGokukaiKK;
				color:var(--myrranEarth);
				margin:0; margin-left:-.1em;
				transform:scaleY(1.1)}

.khkShoDō	{position:absolute;left:0;margin-left:-1em;
			font-size:6em;text-shadow:-3px 0 white,1px 0 white,0 2px white}
/*KHK logo variations (for use on event pages)*/			
.khkLogoGold .khkLogoBackground,
.khkLogoGold .khkLogoHLines,
.khkLogoGold .khkLogoVLines	{background:url('../../assets/myrranGold.png')}
.khkLogoHeader	{margin-top:-200px;margin-bottom:-175px;
				z-index:1;pointer-events:none}
.khkLogoFooter	{margin-top:-100px;margin-bottom:-175px;
				z-index:1;pointer-events:none}
.khkLogoHeader .khkLogo,
.khkLogoFooter .khkLogo	{transform:scale(.5)}

/*Lotus Art*/
.LotusBackground 	{height:4.5em; width:7.5em; background:black;
					position:relative;
					clip-path:polygon(
					/*From tip, clockwise*/
					50% 0, 60% 33.33%, 71.21% 14.65%, 78.01% 37.30%, 92.43% 29.28%, 84.26% 70.10%, 99.31% 56.99%, 95% 83.33%, 78.28% 100%,
					/**/
					21.72% 100%, 5% 83.33%, .69% 56.99%, 15.74% 70.10%, 7.57% 29.28%, 21.99% 37.30%, 28.79% 14.65%, 40% 33.33%
					)}
.LotusArt	{height:100%; width:100%; 
			position:absolute; right:0; left:0;
			background:url("../../assets/myrranSnow.png")}
.LotusArtSmall	{height:3em; width:5em}
.LotusPetalCenter 	{clip-path:polygon(
					/*From tip, clockwise*/
					50% 9.32%, 67.20% 66.66%, 59.76% 91.48%, 54.76% 95.83%, 45.28% 95.83%, 40.23% 91.48%, 32.79% 66.66%
					)}
.LotusPetalBackLeft	{clip-path:polygon(
					/*From tip, clockwise*/
					29.47% 21.68%, 38.82% 37.25%, 36.41% 45.30%, 24.38% 38.63%
					)}
.LotusPetalBackRight	{clip-path:polygon(
						/*From tip, clockwise*/
						70.35% 21.68%, 75.61% 38.63%, 63.59% 45.30%, 61.18% 37.25%
						)}
.LotusPetalMidLeft	{clip-path:polygon(
					/*From tip, clockwise*/
					11.52% 35.87%, 35.28% 49.07%, 30% 66.66%, 36.45% 88.18%, 18.93% 72.88%
					)}
.LotusPetalMidRight	{clip-path:polygon(
					/*From tip, clockwise*/
					88.47% 35.87%, 81.07% 72.88%, 63.55% 88.18%, 70% 66.66%, 64.72% 49.07%
					)}
.LotusPetalOutsideLeft	{clip-path:polygon(
						/*From tip, clockwise*/
						4.61% 65.08%, 39.91% 95.83%, 22.15% 95.83%, 7.15% 80.63%
						)}
.LotusPetalOutsideRight	{clip-path:polygon(
						/*From tip, clockwise*/
						95.41% 65.08%, 92.85% 80.63%, 77.60% 95.83%, 60.14% 95.83%
						)}