/* General Reset CSS Styles */
html { height:100%; }

*,
*:after,
*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {content: " "; /* 1 */display: table; /* 2 */}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}


/* Container Main Header CSS */
.container {width:100%;height:100%;position:relative;}
.container > header,
.main {padding: 0 30px 50px 30px;width: 100%;max-width:600px;margin:0 auto;}
.container > header {padding:30px;}
.container > header h1 {font-size:34px;line-height:38px;margin:0;font-weight:700;color:#fff;float:left;text-shadow: 0 1px 1px rgba(0,0,0,0.3);}
.container > header h1 span {font-size:18px;font-weight:300;display:block;}

/* Controls the Background Color of the overall Calendar */
.fc-calendar-container {position:relative;height:400px;width:auto;padding:30px;background:#f6f6f6/* Change this to Transparent or another color */;box-shadow:inset 0 1px rgba(255,255,255,0.8);}
.fc-calendar {width:100%;height:100%;}

/* Controls Color of Days of the week */
.fc-calendar .fc-head {height:30px;line-height:30px;background:transparent;color:#333;font-weight:bold;text-transform:uppercase;font-size:12px;}

.fc-calendar .fc-body {position:relative;width:100%;height:100%;height:-moz-calc(100% - 30px);height:-webkit-calc(100% - 30px);height: calc(100% - 30px);border:1px solid #ddd;}
.fc-calendar .fc-row {width:100%;border-bottom:1px solid #ddd;}
.fc-four-rows .fc-row  {height:25%;}
.fc-five-rows .fc-row  {height:20%;}
.fc-six-rows .fc-row {height:16.66%;height:-moz-calc(100%/6);height:-webkit-calc(100%/6);height:calc(100%/6);}
.fc-calendar .fc-row > div,
.fc-calendar .fc-head > div {float:left;height:100%;width:14.28%; /* 100% / 7 */width: -moz-calc(100%/7);width: -webkit-calc(100%/7);width: calc(100%/7);position:relative;}

/* IE 9 is rounding up the calc it seems */
.ie9 .fc-calendar .fc-row > div,
.ie9 .fc-calendar .fc-head > div {width: 14.2%;}

/* Calendar Rows */
.fc-calendar .fc-row > div {border-right:1px solid #ddd;padding:4px;overflow:hidden;position:relative;background:#fff;cursor:pointer;}
.fc-calendar .fc-row > div.event-date {background:#ef4f69;}
.fc-calendar .fc-row > div.event-date > span.fc-date {color:#fff;text-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.fc-calendar .fc-row > div:empty {background:transparent;}
.fc-calendar .fc-head > div {text-align:center;}

/* Controls Color of Numbers of the Month */
.fc-calendar .fc-row > div > span.fc-date {position:absolute;width:30px;height:20px;font-size:20px;line-height:20px;font-weight:400;color:#686a6e;text-shadow: 0 -1px 0 rgba(255,255,255,0.8);top:50%;bottom:5px;right:5px;left:50%;text-align:center;pointer-events:none;margin:-10px 0 0 -15px;}

.fc-calendar .fc-row > div > span.fc-weekday {padding-left: 5px;display: none;}
.fc-calendar .fc-row > div > span.event-dot {position:absolute;background:#ef4f69;width:7px;height:7px;bottom:5px;right:5px;left:50%;text-align:center;pointer-events:none;margin:-5px 0 0 -5px;-webkit-border-radius:5px;border-radius:5px; }
.fc-calendar .fc-row > div > span.event-dot-reverse {position:absolute;background:#fff;width:7px;height:7px;bottom:5px;right:5px;left:50%;text-align:center;pointer-events:none;margin:-5px 0 0 -5px;-webkit-border-radius:5px;border-radius:5px; }

/* Controls Color of Selected Day */
.fc-calendar .fc-row > div.fc-selected {background:#facccc;box-shadow: inset 0 -1px 1px rgba(0,0,0,0.1);}
/* Controls Color of Current Day Date Color */
.fc-calendar .fc-row > div.fc-selected > span.fc-date {color:#fff;text-shadow: 0 1px 1px rgba(0,0,0,0.1);}

/* Controls Color of Current Day Background Color */
.fc-calendar .fc-row > div.fc-today {background:#ccc;box-shadow: inset 0 -1px 1px rgba(0,0,0,0.1);}
/* Controls Color of Current Day Date Color */
.fc-calendar .fc-row > div.fc-today > span.fc-date {color:#fff;text-shadow: 0 1px 1px rgba(0,0,0,0.1);}
.fc-calendar .fc-row > div.fc-out {opacity:0.6;}
.fc-calendar .fc-row > div:last-child,
.fc-calendar .fc-head > div:last-child {border-right:none;}
.fc-calendar .fc-row:last-child {border-bottom:none;}
.fc-calendar .fc-row > div.fc-content:after {content: '\00B7';text-align: center;width:20px;margin-left:-10px;position:absolute;color:#333;font-size:40px;line-height:10px;left:50%;bottom:3px;}
.fc-calendar .fc-row > div.fc-today.fc-content:after {color:#666;}
.fc-calendar .fc-row > div.fc-content:hover:after{color:#666;}
.fc-calendar .fc-row > div.fc-today.fc-content:hover:after{color:#333;}
.fc-calendar .fc-row > div > div a,
.fc-calendar .fc-row > div > div span {display:none;font-size:22px;}


/* Custom Header Styles */
/* Took off Top & Bottom Border Styling */
/* Made Background Transparent in order to see the swatch colors */
.custom-header {background:transparent;padding:5px 10px 10px 20px;height:70px;position:relative;}
.custom-header h2,
.custom-header h3 {text-align:center;text-transform:uppercase;}
.custom-header h2 {color:#495468;font-weight:300;font-size:18px;margin-top:10px;}
.custom-header h3 {font-size:15px;font-weight:700;color:#b7bbc2;}

/* Nav Section */
.custom-header nav span {position:absolute;top:17px;width:30px;height:30px;color:transparent;cursor:pointer;margin:0 1px;font-size:30px;line-height:30px;-webkit-touch-callout:none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.custom-header nav span:first-child {left:5px;}
.custom-header nav span:last-child {right:5px;}
.custom-header nav span.custom-prev:before {content: url(images/active_left.png);}
.custom-header nav span.custom-next:before {content: url(images/active_right.png);}


/* Custom Reveal Section - Possible Pop Up Action */
.custom-content-reveal {background: #f6f6f6;background: rgba(246, 246, 246, 0.9);width: 100%;height: 100%;position: absolute;z-index: 100;top: 100%;left:0px;text-align:center;-webkit-transition:all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.custom-content-reveal span.custom-content-close {position:absolute;top:15px;right:10px;width:20px;height:20px;text-align:center;background:#ef4f69;box-shadow:0 1px 1px rgba(0,0,0,0.1);cursor: pointer;line-height:13px;padding:0;}
.custom-content-reveal span.custom-content-close:after {content: 'x';font-size:18px;color:#fff;}
.custom-content-reveal a,
.custom-content-reveal span {font-size:22px;padding:10px 30px;display:block;}
.custom-content-reveal h4 {text-transform:uppercase;font-size:13px;font-weight:300;letter-spacing:3px;color:#777;padding:20px;background:#fff;border-bottom:1px solid #ddd;border-top:5px solid #ef4f69;box-shadow: 0 1px rgba(255,255,255,0.9);margin-bottom:30px;}
.custom-content-reveal span {color:#888;}
.custom-content-reveal a {color:#ef4f69;}
.custom-content-reveal a:hover {color:#333;}



/* Media Queries */
@media screen and (max-width: 400px) {
	.fc-calendar-container {
		height: 350px;
	}
	.fc-calendar .fc-row > div > span.fc-date {
		font-size: 15px;
	}
}