@charset "UTF-8";
/* CSS Document */


/*LOGO COLOURS - AND OTHER COLOURS */
.orange {
	color:rgba(248,161,96,1.00);
	}
.aqua {
	color:rgba(0,182,205,1.00);
	}	

.gray {
	color:rgba(82,82,83,1.00);
	}
	
.aqua { 
color:rgba(0,182,205,1.00); /*AQUA */		
}

body {
	/*background-color:rgba(0,182,205,0.15);*/
	}
	
	
	/*___________FONT SIZES */
	
	h1 {
		font-size:32px;
		}
		
		
	h2 {
		font-size:28px;
		}
		
	h3 {
		font-size:24px;
		}	
		
	h4 {
		font-size:20px;
		}	
			
	h5 {
		font-size:16px;
		}	
		
	
	h2 {
				color:rgba(51,122,183,1.00) /*PRIMARY BLUE*/
				}
	
	
	p {
		font-size:18px;
		}
	
	
/* __________ FONTS - color, weight and styling_________________ */

h1, h2, h3, h4, h5 {
		color:rgba(51,122,183,1.00); /*PRIMARY BLUE*/
		font-family: 'Poppins', sans-serif;
	}
	


	
	h1, h2, h3, h4 {
				font-weight: 300;
				}
				
			
	h1	{
				text-transform: uppercase;
				}			
				
	p {
					line-height:1.6;
					margin:1.25em 0;
					color:#555;
					font-family: 'Source Sans Pro', sans-serif;
					font-weight:300;
					
					}			
	
			.bold {
				font-weight: 600;
				}
				
			.bold-blue {
				font-weight: 600;
				color:rgba(51,122,183,1.00);
					}
				
			.italic {
				font-family: 'Source Sans Pro', sans-serif;
				font-style:italic;
				
				}
		
		ul.bullets li {
		font-family: 'Source Sans Pro', sans-serif;
		font-size:18px;
		color:#777;
		font-weight:300;
		padding-bottom:5px;
		}	
		
				
	
		/*_____________SPACING_______________*/
		
		.bpad50 {
				padding-bottom:50px;
				}	
		
			.bpad25 {
				padding-bottom:25px;
				}	
				
					.bpad15 {
				padding-bottom:15px;
				}	
				
				
			.tpad50 {
				padding-top:50px;
				}	
		
			.tpad25 {
				padding-top:25px;
				}	
	
	
		
		section.intro {
		margin-top:40px
		}
		
		.navbar-header .navbar-brand {
			padding-top:0;
			margin-top:0;
			}
			
		nav#top  {
			min-height:100px;
			padding:20px 0;
			margin:0;
			background-color:none;
			}
			
	
			.container.white {
				/*background-color:#fff !important;*/
				padding: 80px 0;
				}
				
				
			footer {
				margin-top:0;
				padding: 50px 0;
				background-color:rgba(248,248,248,1.00);
		
				}	
				
			footer p {
				font-size:14px;
				font-weight: 400;
				}	
			
		
		section#about {
				background-color:rgba(245,205,48,0.15); /* YELLOW GRASS*/
				background-color:rgba(248,161,96,0.25); /*LOGO ORANGE MUTED*/
				background-color:rgba(0,182,205,0.1); /* LOGO BLUE MUTED*/
			}
			
		
			
			 section#fees,  section#contact {
						background-color:rgba(0,182,205,0.12); /* LOGO BLUE MUTED*/
	
			
			 }
			
	
		
			
			.col-lg-6.left p {
				padding-right: 30px
				}
			
				/*____________NAVBAR STYLING______________*/
			

		.navbar .nav a {
			font-size:12px;
			}
					
		.navbar-brand  { /* Creates spacing under logo */
			padding-bottom:  5em;
		}	

				
			
					
				
				
				
		@media (max-width: 1190px) {
			
			.navbar-header {
				float:none;
				}
			
			.navbar-left, .navbar-right { /*This makes the elment block level and drops it under the logo*/
				float:none !important;
				}
			
			
			.navbar-toggle { /* this brings the toggle block into view - but the horizonatal nav is still visisble*/
				display:block !important;
				margin-top:20px; /*This was my initiative*/
				}
			
			
			.navbar-collapse { /*this puts a line above the still visisble horizontal menu bar*/
				border-top: 1px solid transparent;
				box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2);
				}
			
			.navbar-fixed-top { /*this puts a border on the still visisble horizontal menu bar*/
				top:0;
				border-width: 0 0 1px;
				}	
				
			.navbar-collapse.collapse {
				display:none !important;
				}	
				
				.navbar-nav {
					float: none;
					margin-top:7.5px;
					}
				
				.navbar-nav > li {
						float:none;
					}
				
				
				.navbar-nav > li > a {
					padding-top: 10px;
					padding-bottom: 10px;
					border-right:none;
					}
					
				.collapse.in {
					display:block !important;
					
					}	
					
		}