/*

	Notes
	
	This CSS file is designed to work with the Bootstrap framework.
	
	See documentation:  http://getbootstrap.com

	
	
	For example, the main menu uses the class:  .navbar
	
	Which comes from the Bootstrap framework.
	
	The CSS styles in this framework that apply styles to .navbar are EXTENDING .navbar styles from the main Bootstrap CSS style file.


*/


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);

/*
*
*		Applies to everything
*
*
**************************************************************************************/

body {
	font-size: 14px;  /* made bigger for readability by people with weak eyes */
       font-family: 'Open Sans', Tahoma, Verdana, Segoe, sans-serif;
}




/*
*
*		Header
*
*
**************************************************************************************/

header {

	background: #fff;
	color: #ccc;
	font-weight: 300;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;

}

.header {
	background: #fff;
	color: #ccc;
	font-weight: 300;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}


/*
*
*		Main menu
*
*
**************************************************************************************/


.navbar {
	border: 0;
	border-radius: 0;
	margin-bottom: 0;
	box-shadow: none;
}

.navbar-default {
	
	min-height: 100px;
	color: #3d9994;

	background: #fff;

}

.navbar-default .container {
	padding-top: 10px;
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand a {
	color: #3d9994; /* #428bca */
	font-size: 20px;
}

.navbar-default .navbar-brand img {
	margin-top: -10px;
	margin-bottom: 10px;
	float: left;
}


.navbar-default .navbar-nav {
	margin-top: 15px;	
}

.navbar-default .navbar-nav li a {

	margin: 0 10px 12px;
	padding: 10px;
	font-size: 16px;
	color: #428bca; /* #428bca */
	
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #428bca;
  background-color: transparent;
  text-decoration: none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #428bca;
  background-color: transparent;
  text-decoration: underline;
}





/*
*
*		Main content section
*
*
**************************************************************************************/


#main-content-container {

	min-height: 400px;
	background: #fff;
	color: #666;

}





/*
*
*		Footer
*
*
**************************************************************************************/



footer {
	
	padding-top: 50px;
	min-height: 200px;
	background: #003D6B; /* blue from TCC colour theme */
	border-bottom: 10px solid #E0AA0F; /* yellow from TCC colour theme */
	color: #eee;
	
}

#footer-logo img {
	max-height: 150px;
	width: auto;
}

footer #footer-logo:hover {
  color: #ccffff;
  background-color: transparent;
  text-decoration: underline;
}

footer .footer-menu-links-title {

	font-size: 18px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	color: #fff;

}

footer .footer-menu-links {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

footer .footer-menu-links li {

	margin-bottom: 10px;

}

footer .footer-menu-links a {

	text-decoration: none;
	color: #428bca;

}

footer .footer-menu-links a:hover {

	text-decoration: underline;
	color: #ccffff;

}



footer .footer-company-details {

	text-align: left;

}


footer .footer-company-name {
	
	font-size: 2.8em;
	margin-bottom: 50px;
	
}


footer .footer-company-email {

	font-size: 1em;
	margin-bottom: 50px;
	color: #fff;

}

footer .footer-company-email a {

	color: #fff;
	text-decoration: none;

}

footer .footer-company-email .email-icon {
	font-size: 1.2em;
	color: #fff;
	padding-right: 20px;
}

footer .footer-company-phone {
	
	font-size: 1.2em;
	margin-bottom: 50px;
	color: #fff;
	
}

footer .footer-company-phone a {

	color: #fff;
	text-decoration: none;

}

footer .footer-company-phone .phone-icon {
	color: #fff;
	padding-right: 20px;
}


footer .footer-company-text p {
	
	margin-bottom: 10px;
	
}


footer .footer-company-text a {

	color: #ddd;
	text-decoration: none;

}

footer .footer-company-text a:hover {

	text-decoration: underline;
	color: #fff;

}


footer .copyright {
	text-align: center;
	margin: 40px 0 20px;

}

footer .copyright .icon-copyright {
	margin: 0 10px;
	

}



footer .webdesigner-link {
	text-align: right;
	margin: 40px 5px 3px 0;
	color: #428bca;
}

footer .webdesigner-link a {
	color: #428bca;
	margin-left: 6px;
}




/*
*
*		Fonts
*
*
**************************************************************************************/

.giant {
	font-size: 6em;
	font-weight: 500;
}
.mega {
	font-size: 4em;
	font-weight: 300;
}
.super {
	font-size: 3em;
	font-weight: 300;
}
.large {
	font-size: 2em;
	font-weight: 300;
}
.big {
	font-size: 1.6em;
	font-weight: 300;
}

.thin {
	font-weight: 200;
}
.normal {
	font-weight: 300;
}
.thick {
	font-weight: 400;
}



.white {
	color: #fff;
}
.red {
	color: #000099;
}
.facebook_blue {
	color: #2E68B2;
}

.quiet {
	color: #999;
}
.veryquiet {
	color: #ccc;
}
.loud {
	color: #333;
}

.center {
	text-align: center;
}

.center img {
	margin-left: auto;
	margin-right: auto;
}

.bold, .strong {
	font-weight: 400;
}


.alignright {
	text-align: right;
}
.alignleft {
	text-align: left;
}
.aligncenter {
	text-align: center;
}




/*
*
*		General
*
*
**************************************************************************************/


.padding-0{ padding:0 !important }

.padding-top-5{ padding-top:5px !important; }
.padding-top-10{ padding-top:10px !important; }
.padding-top-20{ padding-top:20px !important; }
.padding-top-30{ padding-top:30px !important; }
.padding-top-40{ padding-top:40px !important; }
.padding-top-50{ padding-top:50px !important; }
.padding-top-70{ padding-top:70px !important; }
.padding-top-80{ padding-top:80px !important; }
.padding-top-100{ padding-top:100px !important; }
.padding-top-150{ padding-top:150px !important; }
.padding-top-200{ padding-top:200px !important; }

.padding-bottom-5{ padding-bottom:5px !important; }
.padding-bottom-10{ padding-bottom:10px !important; }
.padding-bottom-20{ padding-bottom:20px !important; }
.padding-bottom-30{ padding-bottom:30px !important; }
.padding-bottom-40{ padding-bottom:40px !important; }
.padding-bottom-50{ padding-bottom:50px !important; }
.padding-bottom-70{ padding-bottom:70px !important; }
.padding-bottom-80{ padding-bottom:80px !important; }
.padding-bottom-100{ padding-bottom:100px !important; }
.padding-bottom-150{ padding-bottom:150px !important; }
.padding-bottom-200{ padding-bottom:200px !important; }

.padding-left-5{ padding-left:5px !important; }
.padding-left-10{ padding-left:10px !important; }
.padding-left-20{ padding-left:20px !important; }
.padding-left-30{ padding-left:30px !important; }
.padding-left-40{ padding-left:40px !important; }
.padding-left-50{ padding-left:50px !important; }
.padding-left-70{ padding-left:70px !important; }
.padding-left-80{ padding-left:80px !important; }
.padding-left-100{ padding-left:100px !important; }
.padding-left-150{ padding-left:150px !important; }
.padding-left-200{ padding-left:200px !important; }

.padding-right-5{ padding-right:5px !important; }
.padding-right-10{ padding-right:10px !important; }
.padding-right-20{ padding-right:20px !important; }
.padding-right-30{ padding-right:30px !important; }
.padding-right-40{ padding-right:40px !important; }
.padding-right-50{ padding-right:50px !important; }
.padding-right-70{ padding-right:70px !important; }
.padding-right-80{ padding-right:80px !important; }
.padding-right-100{ padding-right:100px !important; }
.padding-right-150{ padding-right:150px !important; }
.padding-right-200{ padding-right:200px !important; }


.margin-0{ margin:0 !important }

.margin-top-0{ margin-top:0px !important; }
.margin-top-5{ margin-top:5px !important; }
.margin-top-10{ margin-top:10px !important; }
.margin-top-20{ margin-top:20px !important; }
.margin-top-30{ margin-top:30px !important; }
.margin-top-40{ margin-top:40px !important; }
.margin-top-50{ margin-top:50px !important; }
.margin-top-70{ margin-top:70px !important; }
.margin-top-80{ margin-top:80px !important; }
.margin-top-100{ margin-top:100px !important; }
.margin-top-150{ margin-top:150px !important; }
.margin-top-200{ margin-top:200px !important; }

.margin-bottom-0{ margin-bottom:0px !important; }
.margin-bottom-5{ margin-bottom:5px !important; }
.margin-bottom-10{ margin-bottom:10px !important; }
.margin-bottom-20{ margin-bottom:20px !important; }
.margin-bottom-30{ margin-bottom:30px !important; }
.margin-bottom-40{ margin-bottom:40px !important; }
.margin-bottom-50{ margin-bottom:50px !important; }
.margin-bottom-70{ margin-bottom:70px !important; }
.margin-bottom-80{ margin-bottom:80px !important; }
.margin-bottom-100{ margin-bottom:100px !important; }
.margin-bottom-150{ margin-bottom:150px !important; }
.margin-bottom-200{ margin-bottom:200px !important; }

.margin-left-0{ margin-left:0px !important; }
.margin-left-5{ margin-left:5px !important; }
.margin-left-10{ margin-left:10px !important; }
.margin-left-20{ margin-left:20px !important; }
.margin-left-30{ margin-left:30px !important; }
.margin-left-40{ margin-left:40px !important; }
.margin-left-50{ margin-left:50px !important; }
.margin-left-70{ margin-left:70px !important; }
.margin-left-80{ margin-left:80px !important; }
.margin-left-100{ margin-left:100px !important; }
.margin-left-150{ margin-left:150px !important; }
.margin-left-200{ margin-left:200px !important; }

.margin-right-0{ margin-right:0px !important; }
.margin-right-5{ margin-right:5px !important; }
.margin-right-10{ margin-right:10px !important; }
.margin-right-20{ margin-right:20px !important; }
.margin-right-30{ margin-right:30px !important; }
.margin-right-40{ margin-right:40px !important; }
.margin-right-50{ margin-right:50px !important; }
.margin-right-70{ margin-right:70px !important; }
.margin-right-80{ margin-right:80px !important; }
.margin-right-100{ margin-right:100px !important; }
.margin-right-150{ margin-right:150px !important; }
.margin-right-200{ margin-right:200px !important; }






/*
*
*		Custom buttons
*
*
**************************************************************************************/



.btn-custom-menu {
	background: transparent;
	color: #3d9994;
}


.btn-custom-menu-2 {
	background: transparent;
	border-color: transparent;
	color: #3d9994;
}

.btn-custom-menu-2:hover {
	background: transparent;
	border-color: #3d9994;
	color: #3d9994;
}

.btn-grey {
	background-color: #f4f4f4;
}


.btn-grey:hover {
	background-color: #ddd;
}

.btn-blue-transparent {

	color: #3d9994;
	border-color: #3d9994;
	border-width: 1px;
	background: transparent;
	
}

.btn-blue-transparent:hover {
	background: #3d9994;
	color: #fff;
}




/*
*
*		Big images
*
*
**************************************************************************************/


.bg1 {
	background: url(/images/bg1.jpg) no-repeat;
	background-size: cover;
}


.bg2 {
	background: url(/images/bg2.jpg) no-repeat;
	background-size: cover;
}



.big-image-fill-screen {
	background: url(/images/bg-header.jpg) no-repeat;
	background-size: cover;
	min-height: 50px;
}
.big-image-fill-screen-text-container {
	width: 40%;
	margin-left: 50%;
}


.big-image-fixed-height {
	height: 700px;
}


@media ( max-width: 767px ){ 

	.big-image-fixed-height {
		height: 300px;
	}

}

@media ( max-width: 991px ){ 

	.big-image-fixed-height {
		height: 400px;
	}

}


.full-width {
	width: 100%;
}


.hero-image {
    width: 100%;
    max-height: 400px;
    overflow: hidden;
}

.hero-image img {
    width: 100%;
}






/*
*
*		Box
*
*
**************************************************************************************/



.box-square {
    color: #999;
    border: 1px solid #ddd;
    text-align: center;
   padding-top: 4em;
   padding-bottom: 4em;
    font-weight: 300;
}
.box-square .box-top-text {
    font-size: 1.8em;
    margin-bottom: 20px;
}
.box-square .box-middle-text {
    font-size: 3em;
    font-weight: 300;
    margin-bottom: 20px;
}
.box-square .box-bottom-text {
    font-size: 1.2em;
    margin-bottom: 20px;
}



/*
*
*		Form
*
*
**************************************************************************************/



.form .row {
	margin-top: 20px;
}
.form_title {
	font-size: 39px;
	letter-spacing: 1px;
	margin: 20px auto 40px;
}
.form_subtitle {
	font-size: 1em;
	margin-bottom: 20px;
	text-align: center;
}
.form_label {
	text-align: right;
	font-weight: bold;
	padding-right: 0;
}
.form_input {
	text-align: left;
}
.form_input input, .form_input textarea {
	width: 100%;
	padding: 7px 5px;
	font-weight: 400;
}
.form_input input[type="submit"] {
	padding: 5px 10px;
	cursor: pointer;
	width: auto;
	font-weight: normal;
}



.form_input .form-control::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { /* WebKit browsers */
    opacity:  1;
}
.form_input .form-control:-moz-placeholder, .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    opacity:  1;
}
.form_input .form-control::-moz-placeholder, .form-control::-moz-placeholder{ /* Mozilla Firefox 19+ */
    opacity:  1;
}
.form_input .form-control:-ms-input-placeholder, .form-control:-ms-input-placeholder { /* Internet Explorer 10+ */

}





.inputbox {
	width: 100%;
	padding: 0.3em;
	font-size: 1.4em;
}


.input-group{ margin-bottom:7px;}
 

.checkbox, .radio {
	padding-left: 50px;
}

input[type="checkbox"], input[type="radio"] {

	height: 20px;
}





/*
*
*		Map
*
*
**************************************************************************************/


.map {
	width: 100%;
}

.map iframe {
	width: 100%;
	height: 240px;
}




.map-full-width iframe {
    width: 100% !important;
    max-height: 400px;
}




/*
*
*		Row with down arrow
*
*
**************************************************************************************/


.color-background-with-down-arrow { 
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
	margin-bottom: 20px;
}

/* down pointing arrow */
.color-background-with-down-arrow:after{ 
	content: " ";
    position: absolute;
    bottom: -19px;
    left: 50%;
    margin-left: -20px;
    border-style: solid;
    border-width: 20px 20px 0 20px; /* bottom border of 0 makes a down pointing arrow */
}
.color-background-with-down-arrow .title {
	font-size: 35px;
	text-align: center;
}

.color-background-with-down-arrow .subtitle {
	font-size: 20px;
	text-align: center;
	letter-spacing: 1px;
}

.color-background-with-down-arrow h2, .color-background-with-down-arrow h3 { 
	text-align: center; 
	margin: 0 !important;
}




/*
*
*		Row with background colour
*
*
**************************************************************************************/



.light-grey-background {

	background: #f8f8f8;
	border-top: 1px solid #ccc;
	
}

.light-grey-background.border-top { 

	border-top: 1px solid #ccc;

}

.light-grey-background.border-bottom { 

	border-bottom: 1px solid #ccc;

}


.blue-background {

	background: #428bca;
	
}


.white-background {

	background: #fff;
	
}