/*/////////////*/
/*Search Fields*/
/*/////////////*/
.swcp_search_container{
	
}
.swcp_search{
	/*width:350px !important;*/
}
.swcp_date{
	/*width: 150px !important;*/
}
.swcp_category{
	
}
/*End Search CSS*/

/*////////////////////*/
/*Page and record Info*/
/*////////////////////*/
.swcp_pageInfoContainer{
	margin-top: 15px;
}
/*End Page and record Info*/


/* Date Box Syles */
.swcp_dateContainer{
	z-index: 3;
	
}
.swcp_dateDay{
	
}
.swcp_dateMonth{
	
}


/*//////////////////////////////////////////////////////*/
/* Default event gride view////////////////////////////*/
/*////////////////////////////////////////////////////*/
/*Cotains each event in a 3x3 (LG) grid*/
.swcp_eventContainer{
	display: inline-block;
	min-height: 400px !important;
	width: 47%;
	
	padding:0px !important;
}
.height-fix{
	max-height: 326px;
}

/*swcp_eventHeadingContainer Holds date and heading images divs and is their parent element*/
.swcp_eventHeadingContainer{
	position: relative;
	height: 250px !important; 
	overflow: hidden;
}
/*swcp_eventImageContainer Holds heading image*/
.swcp_eventImageContainer{
	position: absolute;
	width: 100%;
	height: 100%;
}
/*swcp_eventDateContainer Holds date and overlays it onto heading image*/
.swcp_eventDateContainer{
	position: absolute;
	z-index: 10;
	background:rgba(255,255,255,0.5);
	bottom: 0px;
}
.swcp_eventImage{
	width: 100%;
}
/* End event heading styles */

.swcp_eventContent{
	padding: 15px;
}
/* End Primary Event Display */
.section-calendar-controls{
	margin-bottom:0px !important;
}
.event-info-container{
	margin-top:60px;
	padding-left:20px;
}
.event-img{
	max-height: 400px;
}
.desciption-container{
	margin-top:40px;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////*/
/*Individual Event Display | These styles are for if a user has clicked and is viewing a single event*/
/*///////////////////////////////////////////////////////////////////////////////////////////////////*/

/*col-8 contains description of event and primary image*/
.swcps_eventContainer{
	
}
/*Holds primary image*/
.swcps_ImageContainer{
	
}
/* Holds event name, date, and description */
.swcps_eventContent{
	
}


/*4lg col holds category address phone and ticket containers*/
.swcps_eventInfoContainer{

}
/* contains venue info (address phone website) */
.swcps_venueContainer{
	
}
/* Ticket Container (Phone and website) */
.swcps_ticketContainer{
	
}
/* Event Info (Phone and website) */
.swcps_eventMoreInfoContainer{
	
}




/*//////////////////////*/
/* Paginination Styles */
/*////////////////////*/
.swcp_paginatationContainer{
	
}
.swcp_navigation{
	display: inline-block;
	padding: 10px;
}

.swcp_previousPage{
	
}

.swcp_nextPage{
	
}
/* End Pagination Styles */

/*Category Styles*/
.text-buttons, a:hover{
	opacity: 0.8;
}

.tag-green {
  background-color: #4abc60;
	color: #fff;
	display: inline-block;
	font-family: "geometriabold";
	font-size: 16px;
	font-weight: bold;
	margin: 4px;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;

}

.tag-dark-green{
	background-color: #004B0D;
	color: #fff;
	display: inline-block;
	font-family: "geometriabold";
	font-size: 16px;
	font-weight: bold;
	margin: 4px;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
}


.tag-purple {
  background-color: #c46fff;
	color: #fff;
	display: inline-block;
	font-family: "geometriabold";
	font-size: 16px;
	font-weight: bold;
	margin: 4px;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.tag-dark-purple{
	background-color: #370660;
	color: #fff;
	display: inline-block;
	font-family: "geometriabold";
	font-size: 16px;
	font-weight: bold;
	margin: 4px;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
}


.tag-red {
  background-color: #df440c;
	color: #fff;
	display: inline-block;
	font-family: "geometriabold";
	font-size: 16px;
	font-weight: bold;
	margin: 4px;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.tag-dark-red {
	background-color: #700001;
	color: #fff;
	display: inline-block;
	font-family: "geometriabold";
	font-size: 16px;
	font-weight: bold;
	margin: 4px;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.tag-orange {
	background-color: #F39C12;
	color: #fff;
	display: inline-block;
	font-family: "geometriabold";
	font-size: 16px;
	font-weight: bold;
	margin: 4px;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.tag-dark-orange {
	background-color: #633802;
	color: #fff;
	display: inline-block;
	font-family: "geometriabold";
	font-size: 16px;
	font-weight: bold;
	margin: 4px;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.tag-blue {
	background-color:#1574F4;
	color: #fff;
	display: inline-block;
	font-family: "geometriabold";
	font-size: 16px;
	font-weight: bold;
	margin: 4px;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
}
.tag-dark-blue {
	background-color: #013A6F;
	color: #fff;
	display: inline-block;
	font-family: "geometriabold";
	font-size: 16px;
	font-weight: bold;
	margin: 4px;
	padding: 10px 20px;
	text-decoration: none;
	text-transform: uppercase;
}

.calendar-headerTitle {
	background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
	text-align: center;
	top: 0;
	color: #ffffff !important;
	font-family: "geometriamedium";
	font-size: 20px;
	margin: auto;
	padding: 4px 4px 4px 12px;  
}

.calendar-headerDate {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	text-align: center;
	bottom: 0;
	color: #ffffff;
	font-family: "geometriamedium";
	font-size: 12px;
	left: 0;
	padding: 4px 4px 4px 12px;
	position: absolute;
	right: 0;
}
.calendar-headerImage {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    position: relative;
}