/* FLAVOR GRAVEYARD EFFECTS */


/* PAGE */

.bodywrapper {
	position: relative;
}

.graveyard-video {
	position: relative;
}



/* CANDLES */

.candle {
	background: radial-gradient(rgba(239,238,132,.5) 40%, rgba(226,225,90,0) 60%);
	height: 100px;
	position: absolute;
	width: 100px;
	z-index: 100;
}

.candle-001 {
	background: radial-gradient(rgba(255,255,100,.3) 40%, rgba(255,255,100,0) 60%);
	height: 75px;
	left: 9%;
    top: 72%;
    width: 75px;
}

.candle-002 {
	background: radial-gradient(rgba(255,255,200,.5) 40%, rgba(255,255,200,0) 60%);
	left: 10.5%;
    top: 65%;
}

.candle-003 {
	right: 8%;
    top: 61%;
}

.candle-004 {
	background: radial-gradient(rgba(255,255,200,.5) 40%, rgba(255,255,200,0) 60%);
	right: 5.5%;
    top: 70%;
}

.candle-005 {
	background: radial-gradient(rgba(255,200,50,.2) 40%, rgba(255,200,50,0) 60%);
	right: 10.5%;
    top: 69%;
}

.candle-flicker-a  {
	-webkit-animation: candle-flicker-a 1s linear alternate infinite;
}

.candle-flicker-b  {
	-webkit-animation: candle-flicker-b 1s linear alternate infinite;
}

.candle-flicker-c  {
	-webkit-animation: candle-flicker-c 1s linear alternate infinite;
}

@keyframes candle-flicker-a {
	0% {
		opacity: 1;
		transform: scaleX(1); 
	}
	20% {
		opacity: .6;
		transform: scaleX(.8); 
	}
	80% {
		opacity: 1;
		transform: scaleX(1); 
	}
    100% { 
		opacity: .8;
		transform: scaleX(.9); 
	}
}

@keyframes candle-flicker-b {
	0% {
		opacity: 1;
		transform: scaleX(1); 
	}
	40% {
		opacity: .6;
		transform: scaleX(.8); 
	}
	70% {
		opacity: 1;
		transform: scaleX(1); 
	}
    100% { 
		opacity: .8;
		transform: scaleX(.9); 
	}
}

@keyframes candle-flicker-c {
	0% {
		opacity: 1;
		transform: scaleX(1); 
	}
	60% {
		opacity: .6;
		transform: scaleX(.8); 
	}
	90% {
		opacity: 1;
		transform: scaleX(1); 
	}
    100% { 
		opacity: .8;
		transform: scaleX(.9); 
	}
}



/* LIGHTNING */

.lightning {
	display: none;
	position: absolute;
	right: 0;
    top: 0;
    z-index: 999;
}

.lightning-flash  {
	-webkit-animation: lightning-flash 600ms ease-out 2;
}

@keyframes lightning-flash {
    30% { 
		filter: grayscale(100%) brightness(50%) invert(100%); /* White */
		webkit-filter: grayscale(100%) brightness(50%) invert(100%); /* White */
	}
	
	100% { 
		filter: grayscale(100%) brightness(50%); /* Black */
		webkit-filter: grayscale(100%) brightness(50%); /* Black */
	}
}



/* BREAKPOINTS */

/* 0px - 767px */
@media screen and (max-width: 767px) {
	.candle {
		display: none;
	}
}