/*starting colours
-------------------------------------------------------------- */	

.node-profile,
.node-affiliation,
.btn-default,
.img-caption,
.node-gallery .field-type-text,
.flex-control-paging li a {
	background-color:#0166a2;
	}

.front .main-body-content,
.node-faq h3,
.main-content table thead,
.navbar-default .navbar-nav>.active>a,
.flex-control-paging li a.flex-active,
.main-content table thead {
	background-color:#8fb733;
	}

.main-body-content h1,
h6,
.node-testimonial .field-name-field-testimonial-content .field-item::before,
.node-testimonial .field-name-field-testimonial-content .field-item::after,
.call-to-action-block h2,
.field.field-name-field-testimonial-name.field-type-text.field-label-hidden {
	color:#8fb733;
	}

.call-to-action-block,
.accordion-inner {
	background-color:#3b7031;
	}

h2{
	color:#3b7031;
}

h3, h4{
	color:#0166a2;
}


h5, h6{ 
	color:#232323;
}

.btn-default{border-left:solid 6px #76bce8;}

.btn-default:hover {
	background-color:#76bce8;
	border-left:solid 6px #0166a2;
	}

.navbar-default,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	background-color:#376632;
	}

#header,
.footer {
	background-color:#8fb733;
	}

.navbar-brand {
	color:#3b7031;
	}

.navbar-brand:hover {
	color:#8fb733!important;
	}	

a{color:#26cfc8;}


/*general
-------------------------------------------------------------- */

body {
	letter-spacing:0.04em;
	font-size:16px;
}

body.toolbar-drawer {
	padding-top:0!important;
}

.main-container {
	margin-top:30px;
	padding:20px;
	}

.not-front #sortable2 .main-body-content{ 
	padding:0;
	}

.main-body-content a {
	text-decoration:underline;
	}

#sortable2 .node {
	margin: 0 0 20px;
	}
	
	
p {
	font-size:17px;
}

hr { 
	margin-top: 60px; 
	margin-bottom:0;
}



/*NAV / HEADER 
-------------------------------------------------------------- */

.navbar-default {
	margin-bottom:0;
	border-color:transparent!important;
	border-top: solid 1px #ffffff;
}
	
.navbar-nav {
	float:right;
	margin-left:250px;
}
	
.navbar-nav>li {
	text-transform:uppercase;
	font-size:16px;
	letter-spacing:.03em;
}
	

#header {
	width:100%;
	padding-right:0!important;
	padding-left:0!important;
	z-index:10;
}


#header-wrapper {
	max-width:1120px;
	margin:0 auto;
}

#header .social {
	position:relative;
	text-align:right;
	margin-top:10px;
}

.footer .social {
	text-align:right;
}

#header-main {
	position:absolute;
	background:white;
	padding:20px 20px 0;
	line-height:6;
	min-height:115px;

}

.logo {
	max-width:210px;	
	padding:0;
	line-height:130px;
}

.logo img {
	vertical-align:middle;
}


#header-main .navbar-brand {
	max-width:190px;
	text-align:center;
}

.logo::after, .navbar-brand::after {
	content: " ";
	background-image: url(images/logobg.png);
	background-size:100%;
	width: 100%;
	height: 40%;
	display: block;
	background-repeat: no-repeat;
	position:absolute;
	left:0;
	top:100%;
	pointer-events:none;
}


#header-right {  
	margin-top: 5px;
  	margin-bottom: 10px;
	max-width:47%;
	float:right!important;
	text-align:right;
	}	
	
	
	
	
@media screen and (min-width: 850px){
	.navbar-nav{
		margin-left:250px;
	}
}


/*FLEXCAP / IMG-CAP
-------------------------------------------------------------- */

.region-header {
	position:relative;
}

.region-header .flex-caption,
.region-header .img-caption {
	width:100%;
	margin:0 auto;
	bottom:7%;
	padding:0 14%;
	text-align:center;
	color:#f4f4f4;
	font-family:"Source Sans Pro", Arial;
	font-size:4.5em;
	background:linear-gradient(90deg, rgba(255,255,255,0), rgba(129,142,147, 0.6), rgba(255,255,255,0));
	text-transform:uppercase;
	font-weight:900;
	line-height:1.1;
	text-shadow:rgba(55,55,55,0.6) 2px 4px 26px
	}


.flex-caption{
	color:#f4f4f4;
	font-size:2em;
	text-transform:uppercase;
	font-weight:900;
	word-wrap:break-word;
	bottom:17%;
	line-height 1.2;
}
	
.sidebar .flex-caption,
.sidebar .img-caption {
	font-size:1.2em;
	text-transform:uppercase;
	}

.img-responsive {
	display: block; height: auto; width: 100%;
	}

.region-header .node-image {
	margin-bottom:0!important;
	}
	
.region-header .img-caption {
	position:absolute; 
	margin-bottom:0!important;
	}
	
.flexslider {
	border-top:none;
	}


.img-caption {
		 width:100%;
		 padding:10px;
		 text-align:center;
		 }

/*CALL TO ACTION
-------------------------------------------------------------- */

.btn-default {	
	padding:10px 20px;
	text-align:center;
	border-radius:2px; 
	border:none;
	border-radius:0;
	text-transform:uppercase;
	letter-spacing:0.06em;
	font-weight:normal!important;
	}

.call-to-action-block {
	padding:20px;
	text-align:center;
	margin:0 auto;
	}

.call-to-action-block h2 {
	text-align:center;
	font-size:2em;
	text-transform:uppercase;
	font-weight:900;
	letter-spacing::0.06em;
	}
	
.call-to-action-block .btn-default {
	margin-top:40px;
	}

/*main
-------------------------------------------------------------- */

	
.main-body-content h1{
	text-align:left;
	}


.front .main-body-content h1{
	text-align:left;
}


/*sidebar
-------------------------------------------------------------- */

.panel-heading {
	display:none;
	}


/*profile box
-------------------------------------------------------------- */

.profile_second_wrapper {
	display:none;
	}

.node-profile h2, .node-profile h5 {
	text-align:center;
	margin:0;
	padding:5px;
	}
	
.node-profile h2 {
	padding-top:10px;
	} 

.node-profile h5 {
	padding:0 10px 10px 10px;
	}


.node-profile img{
	padding:0 20px;
	}

.sidebar-body .node-gallery{
	padding:10px 10px 5px 10px;
	}
	

/*affiliation
-------------------------------------------------------------- */

.node-affiliation h2{
	margin:0;
	padding:10px;
	font-weight:400;
	text-align:center;
}	 
	

/*faq
-------------------------------------------------------------- */



.node-faq h3 {
	  padding:15px 30px;
	  position:relative;
	  border:none;
	  text-align:center;
	  font-weight: 300; 
	  border-radius: 0px;
	  }

.node-faq h3 a::after {
   content:'\f0d8';
   font-family:FontAwesome;
   position:absolute;
   left: 15px;
   top: 15px;
   font-size: 30px;
}


.node-faq h3 a.collapsed::after{
   content:'\f0d7';
}


/*table
-------------------------------------------------------------- */


.main-content table th{
	padding:10px;
	height:65px;
	}

.main-content table td{	
	padding:10px;
	}



/*gallery
-------------------------------------------------------------- */
.node-gallery .field-type-text{
	width:100%;
	padding:10px;
	text-align:center;
	margin-bottom:10px;
	}

.node-gallery .field-item.even {
	margin-bottom:0;
	}


/*media queries
-------------------------------------------------------------- */	


@media all and (max-width: 1196px) {
	.region-header .flex-caption, .region-header .node-image .img-caption{font-size: 3.2em!important;}
	.flex-caption, .img-caption{font-size:2em!important;}
	.sidebar .flex-caption{font-size:1em!important;}
	
}

@media all and (max-width: 991px) {
	
	.sidebar-body .node-gallery .col-sm-4 {
	width:100%!important;
	}
	
	.front .content .flex-caption, .front .content .img-caption {
	min-height:45px;
	font-size: 2.1em!important;
	padding: .5em;
	}
	
	.flex-caption, .img-caption {
	font-size: 1.3em!important;
	}
	
}

@media all and (max-width: 768px) {	

		
	.navbar-default{
		background-size: cover!important;
	}
	
	#header-wrapper{
		margin:0 20px;
	}

	#header-main{
		position:relative;
		margin-top:0!important;
		min-width:150px;
	}
	
	.logo::after, .navbar-brand::after{
		height:120%;
	
	}
	
	#header #header-wrapper #phone-number {
		position:relative;
		right: 0;
		left:0;
		margin-top: 5px;
		margin-bottom:10px;
		padding-right: 5px;
	}
	

	#header-right{
		float:none!important;
		max-width:100%;
		margin-top:20%;
	}
	
	.slogan{
	display: block;
    width: auto;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    float: none!important;
	}
	
	#header #phone-number {
    font-size: 1.4em;
	display: block;
    width: auto;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    float: none!important;
	}

	#header #header-wrapper .social{
	position: relative;
    top: 5px;
    right: 5px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
	}
	
	.navbar-nav{
		float:none!important;
		text-align:center!important;
		margin-left:-15px!important;
	}
		
	.navbar-nav>li {
		display:block;
	}
	
	
	.front .content .flex-caption, .front .content .img-caption{
		font-size: 1em!important;
	}
	
	.flex-caption, .img-caption{
		font-size: 1em!important;
	}
	
		.logo {
		line-height:0!important;
	}

}