@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

.site-name {
	display:none;
}

#sff-calendar {
    padding-bottom:5rem;
}
 #grid-calendar li {
    padding:0;
    margin-bottom:0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color:#f5f5f5;
    border: 1px solid #FFF;
    overflow:hidden
}
 .square {
    position: relative;
    width: 100%;
/*    background-color: rgba(200, 16, 46, .2); */
    -webkit-transition:.1s;
    -o-transition:.1s;
    transition:.1s;
}
 .square:after {
     content: "";
     display: block;
     padding-bottom: 100%;
}


 #grid-calendar li:hover .square,
 #grid-calendar li:focus .square {
    background-color: rgba(200, 16, 46, .95);
}

/*REMOVES BG COLOR FOR SOLID BLOCK HOVERS*/
 #grid-calendar li.solid-color:hover .square,
 #grid-calendar li.solid-color:focus .square {
    background:none;
}


/*SOLID COLOR BLOCKS WITH NO BACKGROUND IMAGE*/

 .solid-color .content .title,
 .solid-color .content p {
   color:#FFF !important;
}
 .solid-color .content .title {
   background: none;
}

/*DIV THAT HOLDS EVENT TEXT*/

 .content {
    position: absolute;
    top: 45px;
    right: 45px;
    bottom: 45px;
    left: 45px;
    z-index:20;
	-webkit-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
}

 #grid-calendar li:hover .content,
 #grid-calendar li:focus .content {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

 .content p {
    text-align:center;
    position: absolute;
    top: 50%;
    width:100%;
    -ms-transform: translateY(-50%);
    -webkit-transform:translateY(-50%);
	transform: translateY(-50%);
    margin:0
}

.content .date,
.content .time-location {
	opacity:0; font-weight:500; display:block; -webkit-transition:.1s; -o-transition:.1s; transition:.1s; color:#fff;
	}

.content .title {
    font:30px 'Milo', sans-serif;
    line-height:1 !important;
    text-transform:uppercase;
    width: 100%;
    text-align:center;
    color:#54585a;
    opacity:1;
    -webkit-transition:.1s;
    -o-transition:.1s;
    transition:.1s;
    margin:0 !important;
	background-color: #fffefb;}
	

/*MAKES EVENT DETAILS VISIBLE ON HOVER*/

 #grid-calendar li:hover .content .date,
 #grid-calendar li:hover .content .time-location,
 #grid-calendar li:focus .content .date,
 #grid-calendar li:focus .content .time-location {
	opacity:1;
}

/*REMOVES WHITE BACKGROUND OF TITLE ON HOVER*/

 #grid-calendar li:hover .content .title,
 #grid-calendar li:focus .content .title {
 	background:none;
 	color: #FFF;
 }

 #grid-calendar li:hover .content p,
 #grid-calendar li:focus .content p {
    opacity:1;
    font-weight: 500;
    font-style: italic;
}