/* colour

Sunflowers Yellow = #FFCE00
Starry Night = #0375b4
IRISES Green = #007849
Evening = #262228
GUARDSMAN RED = #CC0000 */

.card {

}

.csc-color-blue {
	background-color: #262228;
	color: white;
}
.csc-color-red {
	background-color: #CC0000;
	color: white;
}
.csc-color-green {
	background-color: #007849;
	color: white;
}

body {
	margin-top: 50px;
	font-family: 'Roboto', sans-serif;
}

.footer {
	background: rgb(41,69,143);
	/*height: 200px;*/
	color: white;
	padding-top: 25px;
	padding-bottom: 25px;

}
.homecontent h1, .homecontent h2 {
	color: white;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
}
.footer img {
	max-height: 214px;
	margin: auto;
}

.icon-background-footer {
	color: rgb(0,106,0);
}


.jumbotron {
	border-radius: 0;
	background-color: rgba(255,255,255,0.9);
}

.homecontent {
	text-align: center;
	padding-top: 25%;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
				 0px 8px 13px rgba(0,0,0,0.1),
				 0px 18px 23px rgba(0,0,0,0.1);
	color: white;
	padding-bottom:25%;
	background: url(../images/banner/mainbanner.jpg);
	background-size:cover;
	background-position: center;
}

.homecontent h1 {
	font-weight: 800;
	font-size:5em;
}

.homecontent hr {
	width: 400px;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.mainBlurb {
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
				 0px 8px 13px rgba(0,0,0,0.1),
				 0px 18px 23px rgba(0,0,0,0.1);
	color: white;
	padding-bottom:25%;
	background: #007849;
	padding-top: 25px;
	padding-bottom: 25px;
}

.facilities {
	padding-top: 25px;
	padding-bottom: 25px;
}

.facilities h1, .facilities h2 {
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
				 0px 8px 13px rgba(0,0,0,0.1),
				 0px 18px 23px rgba(0,0,0,0.1);
}

.facilities col-sm-6 col-md-4; {
	height: 100%;
	}
.facilities img {
	object-fit: cover;
	width: 100%;
	height: 200px;
}
./*mainevents {
	background: #bc0101;
	padding-top: 25px;
	padding-bottom: 25px;
}

.mainevents h1, .mainevents h2 {
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
				 0px 8px 13px rgba(0,0,0,0.1),
				 0px 18px 23px rgba(0,0,0,0.1);
	color: white;
}

.mainevents hr {
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.mainevent-panel h1 {
	font-size: 80px;
	padding: 10px;
	font-weight: 800;
	color: #333;
}
.mainevent-panel h2 {
	font-size: 50px;
	padding: 10px;
	color: #333;
}
	

.mainevent-panel h3, .mainevent-panel h4, .mainevent-panel h5 {
	
	font-weight: 800;
	color: #333;

}
*/
.standard-page h1, .standard-page h2 {
	color: black;
}

/* === Card Box  for facilities=== */

.card-box {
	background: #fff;
	margin-bottom: 40px;
	-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.5);
	height: 400px;
}

.card-box .box-image {
	max-width: 100%;
	overflow: hidden;
	background-size:cover;
	background-position: center;
}

.card-box:hover {
transition: all 0.1s ease-in-out;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
}

.highlights:hover {
transition: all 0.1s ease-in-out;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
-webkit-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
}

.box-image a {
	opacity: 1;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

.box-image a:hover {
	opacity: 0.7;
}

.box-image {
	height: 200px;
	width: 100%;
	border: none;
}

.card-box .box-content {
	padding: 20px;
}

.card-box a:hover {
	text-decoration: none;
}

.card-content h2, .box-content .box-meta {
	text-align: center;
}

.card-content h2 {
	font-size: 25px;
	margin: 10px 0 20px;
	font-weight: bold;
	line-height: 1.5;
}

.card-meta {
	font-size: 12px;
}

.card-meta a {
	font-weight: bold;
}

.card-meta i.glyphicon {
	padding-left: 10px;
}

.card-meta, .box-meta a {
	color: #999;
}

.homepage-content {
	height: 100%;
	background-size: cover;
	background-position: center;
}


/*For Events Lits and pages*/

 .event-list {
		list-style: none;
		margin: 0px;
		padding: 0px;
	}
	.event-list > li {
		background-color: rgb(255, 255, 255);
		box-shadow: 0px 0px 5px rgb(51, 51, 51);
		box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
		padding: 0px;
		margin: 0px 0px 20px;
	}
	.event-list > li > time {
		display: inline-block;
		width: 100%;
		color: rgb(255, 255, 255);
		background-color: rgb(0, 106, 0);
		padding: 5px;
		text-align: center;
		text-transform: uppercase;
	}
	.event-list > li:nth-child(even) > time {
		background-color: rgb(41, 69, 143);
	}
	.event-list > li > time > span {
		display: none;
	}
	.event-list > li > time > .day {
		display: block;
		font-size: 56pt;
		font-weight: 100;
		line-height: 1;
	}
	.event-list > li time > .month {
		display: block;
		font-size: 24pt;
		font-weight: 900;
		line-height: 1;
	}
	.event-list > li > img {
		width: 100%;
	}
	.event-list > li > .info {
		padding-top: 5px;
		text-align: center;
	}
	.event-list > li > .info > .title {
		font-size: 17pt;
		font-weight: 700;
		margin: 0px;
	}
	.event-list > li > .info > .desc {
		font-size: 13pt;
		font-weight: 300;
		margin: 0px;
	}
	.event-list > li > .info > ul,
	.event-list > li > .social > ul {
		display: table;
		list-style: none;
		margin: 10px 0px 0px;
		padding: 0px;
		width: 100%;
		text-align: center;
	}
	.event-list > li > .social > ul {
		margin: 0px;
	}
	.event-list > li > .info > ul > li,
	.event-list > li > .social > ul > li {
		display: table-cell;
		cursor: pointer;
		color: rgb(30, 30, 30);
		font-size: 11pt;
		font-weight: 300;
        padding: 3px 0px;
	}
    .event-list > li > .info > ul > li > a {
		display: block;
		width: 100%;
		color: rgb(30, 30, 30);
		text-decoration: none;
	} 
    .event-list > li > .social > ul > li {    
        padding: 0px;
    }
    .event-list > li > .social > ul > li > a {
        padding: 3px 0px;
	} 
	.event-list > li > .info > ul > li:hover,
	.event-list > li > .social > ul > li:hover {
		color: rgb(30, 30, 30);
		background-color: rgb(200, 200, 200);
	}
	.facebook a,
	.twitter a,
	.google-plus a {
		display: block;
		width: 100%;
		color: rgb(75, 110, 168) !important;
	}
	.twitter a {
		color: rgb(79, 213, 248) !important;
	}
	.google-plus a {
		color: rgb(221, 75, 57) !important;
	}
	.facebook:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(75, 110, 168) !important;
	}
	.twitter:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(79, 213, 248) !important;
	}
	.google-plus:hover a {
		color: rgb(255, 255, 255) !important;
		background-color: rgb(221, 75, 57) !important;
	}
		.event-list > li {
			position: relative;
			display: block;
			width: 100%;
			height: 120px;
			padding: 0px;
		}
		.event-list > li > time,
		.event-list > li > img  {
			display: inline-block;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			float: left;
		}
		.event-list > li > .info {
			background-color: rgb(245, 245, 245);
			overflow: hidden;
		}
		.event-list > li > time,
		.event-list > li > img {
			width: 120px;
			height: 120px;
			padding: 0px;
			margin: 0px;
		}
		.event-list > li > .info {
			position: relative;
			height: 120px;
			text-align: left;
			padding-right: 40px;
		}	
		.event-list > li > .info > .title, 
		.event-list > li > .info > .desc {
			padding: 0px 10px;
		}
		.event-list > li > .info > ul {
			position: absolute;
			left: 0px;
			bottom: 0px;
		}
		.event-list > li > .social {
			position: absolute;
			top: 0px;
			right: 0px;
			display: block;
			width: 40px;
		}
        .event-list > li > .social > ul {
            border-left: 1px solid rgb(230, 230, 230);
        }
		.event-list > li > .social > ul > li {			
			display: block;
            padding: 0px;
		}
		.event-list > li > .social > ul > li > a {
			display: block;
			width: 40px;
			padding: 10px 0px 9px;
		}
	}
/*end events list*/