/* Main CSS Document */
	@import url('https://fonts.googleapis.com/css?family=Roboto:300|Fredoka+One|Open+Sans');


/* wildcard styling */
	* {
		transition: 0.5s;

		box-sizing: border-box;
		margin: 0;
		padding: 0;

		border: 0;
	}


/* Site wide Element Defaults */
	body {
		font-family: 'Open Sans', Arial, sans-serif;
		color: #333333;
		font-size: 13.5px;
		line-height: 150%;
	}

	a {
	  border: none;

		color: #ED1C24;
		text-decoration: none;
	}
		a:hover {
			color: #233B75;
	  	text-decoration:none;
		}

	h1, h2, h3, h4, h5, h6 {
		color: #ED1C24;
		line-height: 100%;
		font-weight: normal;
		letter-spacing: -1px;
		font-family: 'Fredoka One', 'Roboto', sans-serif;

		padding-bottom: 5px;
	}

	ul, ol {
		margin-left: 30px;
	}

	button a {
		color: #FFFFFF;
	}

	iframe {
		width: 100%;
	}


/* Create Site wide reuseable Classes */
	.image {
		overflow: hidden;
	}
		.image img {
			width: 100%;
			min-height: 100%;
			object-fit: cover;
		}

	.spaced {
		margin-top: 50px;
	}
		.super-spaced {
			margin-top: 100px;
		}
		.bottom-spaced {
			margin-bottom: 30px;
		}
		.bottom-super-spaced {
			margin-bottom: 100px;
		}
		.left-spaced {
			margin-left: 30px;
		}
		.right-spaced {
			margin-right: 30px;
		}
		.mini-spaced {
			margin-top: 20px;
		}

	.padded {
		padding-left: 50px !important;
		padding-right: 50px !important;
	}
		.padded-full {
			padding: 50px !important;
		}
		.padded-vertical {
			padding-top: 50px !important;
			padding-bottom: 50px !important;
		}

	.mini-padded {
		padding-left: 20px !important;
		padding-right: 20px !important;			
	}
		.mini-padded-full {
			padding: 20px !important;
		}
		.mini-padded-vertical {
			padding-top: 20px !important;
			padding-bottom: 20px !important;
		}

	.text-padded {
		padding: 1px 5px;
	}

	.no-padding {
		padding: 0 !important;
	}

	.no-margin {
		margin: 0 !important;
	}

	.no-radius {
		border-radius: 0 !important;
	}

	.separate {
		margin: 30px !important;
	}

	.line {
		background: linear-gradient(to right, #FFFFFF, #233B75, #FFFFFF);
		height: 5px;
	}

	.quote {
		color: #999999;
		background: url(../../pics/quote.png) no-repeat bottom right;
		background-size: contain;
	}
		.quote-backgroud-bottom {
			background: url(../../pics/quote.png) no-repeat bottom right;
			background-size: 15%;
		}

	.error {
		font-style: italic;
		font-family: Times;
		color: #F00;
		font-size: 10px;
	}
	
	.author {
		font-style: italic; 
		font-family: Times;
		color: #999999;
		font-size: x-small;

		padding-bottom: 5px;
	}

	.maintext {
		padding: 20px;

		line-height: 110%;
		font-size: 30px;
		color: #666666;
	}

	.rounded {
		border-radius: 5px;
	}

	.shadow {
		box-shadow: 0px 0px 5px #EEEEEE;
		padding: 15px !important;
	}

	.bg-corporate-primary {
		background: #ED1C24;
	}
		.bg-cp-hovered:hover {
			background: #233B75;
		}
		.text-corporate-primary {
			color: #ED1C24;
		}

	.bg-corporate-secondary {
		background: #233B75;
	}
		.bg-cs-hovered:hover {
			background: #ED1C24;
		}
		.text-corporate-secondary {
			color: #233B75;
		}

	.bg-black {
		background: #000000;
	}

	.position-absolute {
		position: absolute;
	}

	.position-relative {
		position: relative;
	}

	.scroll {
		overflow: auto;
	}

	.corporate-button {
		background: #FFFFFF;
		border-radius: 0;
		border: none;
		box-shadow: 0px 0px 1.5px #ED1C24;

		padding-left: 25px;
		padding-right: 25px;

		color: #000000;
	}

	.text-circle {
		position: relative;
	  display: inline-block;
	  width: 100%;
	  height: 0;
	  padding: 50% 0;
	  border-radius: 50%;
	}

	.social-facebook {
		color: #0000FF;
	}
	.social-twitter {
		color: #0099FF;
	}
	.social-youtube {
		color: #FF0000;
	}


/* Website Content Styling Begins here */

/* Style rules for Mobile specific browsing */	
	@media only screen and (max-width: 800px) {

		iframe {
			height: auto !important;
		}


		.padded-full {
			padding: 20px !important;
		}
		
		.maintext {
			font-size: 25px;
		}


		.logo img {
			width: 100%;
			height: auto !important;
		}


		.dropdown-menu {
			min-width: auto !important;
		}

		
		#carousel {}
			.carousel-item img {
				width: 150% !important;
				margin-left: -25%;
			}
			.carousel-item p {
				color: #ED1C24;
				font-size: 30px;
				font-weight: bold;
				margin-top: 10px;
				line-height: 50px;
			}
	    .carousel-caption {
				width: 60% !important;
				bottom: 10% !important;
				padding: 10px !important;

				font-size: 20px !important;
				color: #FFFFFF !important;
				letter-spacing: normal !important;
			}

	}

	@media only screen and (max-width: 900px) {
		.nav-link {
			text-shadow: none !important;
			color: #ED1C24 !important;
		}

		#demo {
			position: relative !important;
		}
			.carousel-caption {
				width: 50% !important;
				bottom: 20% !important;
				padding: 10px !important;
			}

		.actions {
			margin-top: 50px !important;
		}

		.action {
			padding: 30px !important;

			font-size: 15px !important;
		}
	}


/* Website Header */
	header {
		/* padding-top: 10px; */
		/* padding-bottom: 10px; */
		background: linear-gradient(to right, #FFFFFF, #EEEEEE, #FFFFFF);
		/* border-bottom: solid 1px #EEEEEE; */
	}
		.logo {}
			.logo img {
				height: 50px;				
			}
		.site-title {}


/* Website Menu Bar */
	nav {
		font-family: 'Fredoka One', Arial;
	}
		.nav-item {}
			.nav-link {
				font-size: 17px;
				text-transform: uppercase;
				color: #ED1C24 !important;
				border-bottom: 3px solid transparent;
			}
				.nav-link:hover {
					border-bottom: 3px solid #ED1C24;
				}

		.dropdown-menu {
			border-radius: 0;
			border: none;

			padding: 15px 20px;
			min-width: 15rem;

			right: 0; 
			left: auto;
		}
			.dropdown-menu .nav-item {
				padding: 0em 0em;
				margin-bottom: 0;

				border-top: solid 1px #ddd;
			}
				.dropdown-menu .nav-link {
					text-align: right;
					color: #233B75 !important;
					text-shadow: none !important;
				}


/* Call to Action */
	.call-to-action {
		font-size: 14px;
		color: #fff;
		text-decoration: none;
	}
		.call-to-action:hover {
			color: #000;
		}


/* Homepage Banner */
	#demo {
		box-shadow: none;
	}
		
		.carousel-item img {
			width: 100%;
		}

		.carousel-item p {
			color: #ED1C24;
			font-size: 60px;
			font-weight: bold;
			margin-top: 100px;
			line-height: 60px;
		}
		
		
		.carousel-caption {
			padding: 25px 15px;
			margin-left: 40px;
			margin-right: 40px;

			bottom: 20%;

			background: linear-gradient(to right, transparent, #EEEEEE, transparent);
			border-radius: 20px;

			font-size: 30px;
			font-family: 'Fredoka One', Arial;
			color: #ED1C24 !important;
			line-height: 90%;
			letter-spacing: -1px;
		}
			.carousel-caption .btn {
				font-family: 'Open Sans', Arial;
				letter-spacing: 0;
			}


/* Homepage Actions */
	.actions {
		margin-top: -7%;		
	}

	.action {
		padding: 50px;

		border-radius: 20px;

		text-align: center;
		text-transform: uppercase;
		font-family: 'Fredoka One', Roboto;
		font-size: 18px;
	}
		.action:hover {
			background-color: #233B75 !important;
			color: #FFFFFF;
		}


/* preview for team members */
	.team {
		position: relative;

		background: #EEEEEE;

		margin-bottom: 10px;
	}
		.team a {
			color: #0099FF;
		}
		.team .text {
			background: #EEE;

			line-height: normal;

			padding: 15px;
		}
		.team .image {
			height: 250px;
			overflow: hidden;
		}
			.team .image img {
				width: 100%;
			}


/* Blog Display on Homepage */
	.blog-category {}
		.blog-category a {}

	.blog-card {
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		background-color: #FFFFFF;
		box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);

		padding: 0;

	}
		.blog-card:hover {
			box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
		}

		.blog-card .image {
			height: 200px;
		}
			.blog-card img {
				width: 100%;
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
			}

		.blog-card h4 {
			margin: 10px 20px;
			color: #000000;
			font-size: 18px !important;
			letter-spacing: normal !important;
		}
			.blog-card h4 small {
				color: #999999;
			}

		.blog-card p {
			margin: 0 20px;
			padding-bottom: 20px;
			opacity: 0.65;
		}

	/* Blogs with full Image and text on top */
	.featured {
		height: 300px;
		position: relative;
		margin-bottom: 10px;
	}
		.featured .frame {
			background: rgba(0, 0, 0, 0.2);
			height: 100%;
			width: 100%;
			position: absolute;
		}
			.featured .frame:hover {
				background: rgba(0, 0, 0, 0.8);
			}
			.featured .image {
				height: 100%;
			}
				.featured img {
					width: auto;
					height: 100%;
				}
			.featured>h4 {
				position: absolute;
				bottom: 20px;
	    	color: #FFFFFF;					
			}
			.featured p {
				visibility: hidden;
				position: absolute;
			}


/* Section to showcase our Clients */
	.client {
		position: relative;
	}
		.client .frame {
			position: absolute;
			bottom: 0;
			z-index: 1;

			display: inline-block;

			width: 100%;
			height: 100%;
		}
			.client .frame:hover {
				background: rgba(11, 148, 70, 0.5);
			}
			.frame span {
				position: absolute;
				bottom: 10%;
				right: 10%;

				background: #ED1C24;
				border-radius: 10px;

				width: 50%;
				padding: 0px 20px;

				color: #FFFFFF;
				line-height: normal;
				font-family: 'Roboto', Arial;
				font-size: 20px;
			}
		.client .image {
			height: 400px;
		}
			.client img {
				height: 100%;
				width: auto;
			}
		.client a {
			color: #DDDDDD;
		}

	.clients {}
		.clients img {
			height: 70px;
			margin: 5px;

			opacity: 0.5;
		}
			.clients img:hover {
				opacity: 0.8;
			}


/* Default Page View */
	.page-content {}
	.page-block {
	}
		.page-banner {
			position: relative;
		}
			.page-banner .image {
				min-height: 250px;
			}
			.page-banner .page-title {
				position: absolute;
				bottom: 20px;

				background: #FFFFFF;

				font-size: 30px;

				padding: 20px 30px;
			}


/* Styling for News Updates */
	.updates {
		width: 100%;

		position: relative;
	}
		.updates a {
			color: #FFF; 

			display: block;
		}
			.updates a:hover {
				color: #FFFFFF;
			}
		.updates .image {
			height: 250px;
		}
			.updates img {
				height: 100%;
				width: auto;
			}
		.updates .text {
			position: absolute; 
			bottom: 0;

			width: 100%; 
			height: 100%;

			background: RGBA(0, 0, 0, 0.2);

			font-size: 18px;
		}				
			.updates .text:hover {
				background: RGBA(0, 0, 0, 0.8);
			}
			.updates .text span {
				padding: 10%;

				position: absolute;
				bottom: 0px;
			}


/* Partner logos */
	.partner-img {
		height: 100px;
		margin: 5px;
	}


/* Styling for Albums */
	.albums {
		width: 100%;

		background: #EEEEEE;
		border-radius: 10px;
	}
		.albums h3 {
			padding: 15px;
			margin: 0;
			height: 100px;

			overflow: hidden;

			color: #FFFFFF;
		}
		.albums a {}
		.albums .image {
			height: 230px;
		}
			.albums img {
				height: 230px;
				min-width: 100%;
			}

			/* Gallery Images */
			.galleryimages {
				width: 100%;
			}
				.galleryimages:hover {
					transform: scale(1.5);
				}


/* Showcasing Portfolio Details */
	.portfolio-banner {}
		.portfolio-banner .image {
			height: 450px;

			overflow: auto;
		}
			.portfolio-banner img {
				width: 100%;
				height: auto;
			}
		.portfolio-banner .page-content {
			font-size: big;
		}
		.portfolio-banner .btn-primary {
			background: #bd0006;
		}


/* Styling for Programs */
	.programs {
		/* background-color: #EEEEEE; */
	}
	.program {}
		.program .image {
			height: 200px;
		}
			.program img {
				height: 100%;
				width: auto;
			}


/* Projects */
	.projects {}
		.projects .image {
			height: 200px;
		}


/* Website footer */
	footer {
		padding-top: 10px;
		padding-bottom: 10px;
		color: #fff;
		box-shadow: none;
		background-color: #000;

		font-size:;
	}
		footer a {
			text-decoration: none;
			color: #EEEEEE;
		}
		footer h1, footer h2, footer h3, footer h4, footer h5 {}
		footer ul, footer ol {
			margin-left: 0;
			padding-left: 0;

			list-style: none;
		}