/* Font */
@import url(https://fonts.googleapis.com/css?family=Mountains+of+Christmas);
/* common */
.rhcalendar .advent-holder {
	position:relative;
}

.rhcalendar .advent-holder .advent-container2{
	display:none;
}

.rhcalendar .fullCalendar .advent-day {
  	font-family: 'Mountains of Christmas', cursive;
  	font-size: 35px;
  	color: #fff;
  	text-align: right;
  	padding: 0;
  	position: relative;
  	top: -14px;
  	padding-right: 8px;
}

.rhcalendar.advent_door .fullCalendar .advent-day {
    position: absolute;
	top: 11%;
    left: 49%;
    padding: 0;
    text-align: center;
    color: #c0392b;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}

/* default - no animation */
.rhcalendar.advent_default .advent-holder .advent-overlay {
	display:none;
}

.rhcalendar.advent_default .advent-holder.advent-closed .advent-overlay {
    display:block;
    background-color:gray;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:10;
    
	/* custom background */
	background-size:  76% auto;
	background-repeat: no-repeat;
	background-position: center;    
}

/* animation - door */

.rhcalendar.advent_door .advent-holder {
	
}

.advent_door .advent-holder .fc-day-content {
	
}

.rhcalendar.advent_door .advent-holder .advent-container {
	-webkit-perspective: 450;
	box-sizing: border-box;
	
	position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    
    z-index:10;
}

.rhcalendar.advent_door .advent-holder.advent-opened .advent-container {
	transition: z-index 0.1s linear 0.8s;
}

.rhcalendar.advent_door .advent-holder.advent-closed .advent-container {
	transition: z-index 0.1s;
}

.rhcalendar.advent_door .advent-holder.advent-opened .advent-container {
	z-index:0;
}

.rhcalendar.advent_door .advent-holder .advent-overlay {
	background: url("images/christmas-door.png");
	background-color: red;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;

	position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
	
	box-sizing: border-box;
	
	box-shadow: 0 0 0 10px rgba(255, 255, 255, .0) inset;

	transition: 1s transform linear;
	transform-origin: left;
	cursor: pointer;
	
	z-index: 10;
}

.rhcalendar.advent_door .advent-holder.advent-opened .advent-overlay {
	transform: rotateY(-90deg);
	transform-origin: 0px;
	transition: .5s linear;
	opacity:0;
}
/* end animation - door */

/* slide animation */
.rhcalendar.advent_slide .advent-holder .advent-container {
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    overflow:hidden;
    z-index:10;
}

.rhcalendar.advent_slide .advent-holder .advent-overlay {
	display: block;
	width:100%;
	height:100%;
	background-color:gray;
	position:absolute;
	top:0;
	left:0;
	
	transition: .5s ease-in-out;
	/* custom background */
	background-size:  90% auto;
	background-repeat: no-repeat;
	background-position: center;
}

.rhcalendar.advent_slide .advent-holder.advent-opened .advent-overlay {
	opacity: 0;
	left: -200px;
}

.rhcalendar.advent_slide .advent-holder .advent-container {    
    z-index:10;
}

.rhcalendar.advent_slide .advent-holder.advent-opened .advent-container {
	transition: z-index 0.1s linear 0.5s;
}

.rhcalendar.advent_slide .advent-holder.advent-closed .advent-container {
	transition: z-index 0.1s;
}

.rhcalendar.advent_slide .advent-holder.advent-opened .advent-container {
	z-index:0;
}
/* slide default */

/* slide right */
.rhcalendar.advent_slide.advent_right .advent-holder .advent-overlay {
	left:auto;
	right:0;
}
.rhcalendar.advent_slide.advent_right .advent-holder.advent-opened .advent-overlay {
	opacity: 0;
	right: -200px;
}
/* slide top */
.rhcalendar.advent_slide.advent_top .advent-holder .advent-overlay {
	left:auto;
	top:0;
}
.rhcalendar.advent_slide.advent_top .advent-holder.advent-opened .advent-overlay {
	opacity: 0;
	top: -300px;
}
/* slide bottom */
.rhcalendar.advent_slide.advent_bottom .advent-holder .advent-overlay {
	top:auto;
	left:auto;
	bottom:0;
}
.rhcalendar.advent_slide.advent_bottom .advent-holder.advent-opened .advent-overlay {
	opacity: 0;
	bottom: -300px;
}
/* end slide animation */
