.events-container {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
	width: 74%;
	float: left;
	box-sizing: border-box;
}

.events-search-box {
	top:8px !important;
	width: 25%;
	float: left !important;
	padding: 0 0 15px 10px !important;
	margin-bottom: 60px !important;
	font-size: 12px !important;
	box-sizing: border-box;
}

.events-search-title {
	background: #EAEAEA;
	font-weight: bold;
	padding: 15px;
	margin: 0;
	line-height: 1;
	font-size: 15px;
	border-bottom: 1px solid #e2e2e2;
	cursor: auto;
	box-sizing: border-box;
}

.events {
	margin-left: 1%;
  width: 32%;
	color: #FFF !important;
	background: #2A2A2A !important;
	padding-bottom: 20px;
	margin-top: 30px;
	margin-bottom: 10px;
	position: relative;
	text-align: center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	box-sizing: border-box;
  border-radius:10px;
}

.events:hover {
	color: #000;
}

.events h4 {
	font-size: 16px;
	margin: -26px 0 2px 0;
	text-transform: uppercase;
	padding: 0 10px;
	color: inherit !important;
	box-sizing: border-box;
}

.events:hover h4 {
	color: #000;
}
.event-info {
	padding: 0 10px;
	font-size: 12px;
	line-height: 1.5;
	box-sizing: border-box;
}

.events i {
	font-size: 20px;
	width: 20px;
}

.events:hover .event-date {
	background: #005A79;
	color: #FFF;
}

.event-date {
	margin: 0 auto;
	padding: 12px 0;
	width: 110px;
	position: relative;
	top:-32px;
	color: #000;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	box-sizing: border-box;
  border-radius: 10px;
}

.event-date-day {
	font-weight: bold;
	font-size: 20px;
}

.event-date-month {
	font-size: 15px;
	text-transform: uppercase;
}

.event-separator {
	border-bottom: 2px solid rgba(255, 255, 255,1);
	width: 50%;
	margin: 0 auto;
	margin-bottom: 12px;
}


.events-search-section h3 {
	padding: 0.5em 1em;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	margin: 0;
	cursor: pointer;
	font-size: 15px;
	box-sizing: border-box;
}

.events-search-section:hover h3 {
	color: #000;
}

.events-search-section p {
	padding: 2px 15px 5px 15px !important;
	margin: 0 !important;
	font-size: 12px !important;
}

.events-search-section div {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: #FFF;
}

.events-search-section ul {
	list-style: none;
	padding: 2px 15px 5px 15px !important;
	margin: 0 !important;
}

.events-search-section li {
	margin-left: 0;
	font-size: 12px !important;
	line-height: 18px !important;
}

.event-info-buttons {
	left: 0;
	right: 0;
	margin-top:30px;
  margin-bottom:12px;
	font-size: 12px;
}

.event-info-buttons .btn {
	padding-top: 8px;
	font-size: 13px;
	line-height: 2.4;
}

.btn-info {
	color: #FFF;
	background-color: #FF675B;
	margin: 0 auto;
	padding: 9px 10px !important;
	margin-top: 3px;
	margin-bottom: 3px;
	text-align: center;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	box-sizing: border-box;
}

a.btn-info {
	text-decoration: none;
	color: #FFF;
  border-radius: 5px;
}

.btn-info:hover {
	background-color: #21b0b1 !important;
	color: #FFF;
	cursor: hand;
}

.btn-search {
	display: block;
	font-size: 14px;
	width: 100%;
	font-weight: bold;
	color: #000;
	border: 0;
	margin: 0;
}

.btn-page {
	margin: 5px;
	
}

.page-section {
	clear:left;
	text-align:center;
	padding: 20px;
}

.search-menu-button {  display: none; }

.ui-state-default {
	background: #EAEAEA;
}

.no-results {
	background: #E94D4E;
	text-align: center;
	padding: 20px;
	color: #FFF;
	width: 99% !important;
	margin-top: 0;
	height: auto;
}

.no-results a {
	color: #FFF;
	font-weight: bold;
}

@media screen and (max-width: 600px) {
	.events {
		width: 48%;
	}	

	.events-container .events:nth-child(n+3){
   		/*display:none;*/
	}
}
@media screen and (max-width: 1015px) {
	.events { width: 100%; height: auto; margin-top:35px; margin-bottom: 70px; }	
	.events-search-box { display: inline;}
	.events-search-box { display: none; width:99% !important;}
	.search-menu-button {  display: block; }
	.events-container { width: 97%; }
	.event-info-buttons { position: relative;}
	
  .events-container .events:nth-child(n+2){
   		
	}
  
}

/* Calendar */

.display-calendar-container {
	padding: 5px;
}

.display-calendar-container h3 {
	text-align: center;
	display: inline-block;
	padding: 0 23px;
}

@media screen and (max-width: 450px) {
	.display-calendar-container h3 { display: block; }
}

.calendar-item {
	cursor: pointer;
	padding: 5px;
	font-size: 12px;
     line-height: 12px;
     border: solid 2px #FFF;
    margin-top: 10px;
}

.calendar-item-info {
	text-align: center;
}


table.SimpleCalendar {
  font-family: Arial;
  border-collapse: collapse; 
  width: 100%;
 }
  table.SimpleCalendar th {
    background: #C9E9F0;
    color: #0092B4;
    font-size: 11px;
    padding: 3px;
    border: 1px solid #bbb;
    border-top: none; 
    text-align: center;
  }
  table.SimpleCalendar tbody td {
    vertical-align: top;
    width: 90px;
    height: 90px;
    border: 1px solid #bbb;
    background: #e6e6e6; 
    padding: 0;
    }
    table.SimpleCalendar tbody td time {
      font-size: 12px;
      display: block;
      background: white;
      padding: 2px;
      text-align: right;
      font-weight: bold; }
    table.SimpleCalendar tbody td.SCsuffix, table.SimpleCalendar tbody td.SCprefix {
      background: white; }
    table.SimpleCalendar tbody td div.event {
      color: #355;
      border-bottom: 1px solid #bbb;
      color: white; }
  table.SimpleCalendar tbody td.today {
    background: #d2d2d2; }
    
.events-table {
	width:98%;
	margin: 0 auto;
}

.events-table th {
	padding: 10px;
}

.events-table tr td {
	padding: 6px;
	border: none !important;
}

.events-table tr:nth-child(even) {
	background: #EEEEEE;
}


.events-table-date {
	width: 20%;
}

.events-table-event {
	width: 30%;
}

.events-table-location {
	width: 25%
}

@media screen and (max-width: 770px) {
	.events-table-discipline {
		display: none;
	}
	.events-table-date {
	width: 30%;
	}
	
	.events-table-event {
		width: 40%;
	}
}

.calendar-icon {
	width: 20px;
	position: relative;
	top: 5px;
	left: -3px;
}

@font-face {
	font-family: "Flaticon";
	src: url("../font/flaticon.eot");
	src: url("../font/flaticon.eot#iefix") format("embedded-opentype"),
	url("../font/flaticon.woff") format("woff"),
	url("../font/flaticon.ttf") format("truetype"),
	url("../font/flaticon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
	font-family: Flaticon;
        font-size: 16px;
font-style: normal;
}.flaticon-clock:before {
	content: "\e000";
}
.flaticon-calendar:before {
	content: "\e001";
}
.flaticon-list:before {
	content: "\e002";
}
.flaticon-search:before {
	content: "\e003";
}
.flaticon-location:before {
	content: "\e004";
}
.flaticon-refresh:before {
	content: "\e005";
}