/**** 

01 GLOBAL
02 HEADER
03 BODY CONTENT (GLOBAL)
04 CALL TO ACTION (3 COLS)
05 FOOTER5
06 GALLERY TEMPLATE PAGE
07 MEETING/AGENDA TEMPLATE PAGE
08 CONTACT FORM

*****/



/* 01 GLOBAL */

body {
	font-family:'Lato', tahoma, sans-serif;
	font-weight:400;
	font-size:15px;
	color:#656565;
}

a {
	color:#e2900c;
}

h1,h2,h3,h4,h5,h6 {
	font-weight:700;
	color:#3a9383;
}

h1 {
	margin-bottom:50px;
	position:relative;
}

img {
	max-width:100%;
}




/* 02 HEADER */

.main-header { 
	min-height:95px; 
}

.migs-logo {
	width: auto;
	height: 70px;
	top:30px;
	left: 10px;
}

.logo-title {
	font-size:18px;
	text-align:right;
	color:#bbb;
	margin:30px 15px 0 0;
}

.logo-title span {
	color:#3a9383;
}

@media (min-width:768px) {
	header {
		background-image:url('../img/feathers.jpg');
		background-size:auto 100%;
		background-position:top right;
		background-repeat:no-repeat;
		margin-bottom:30px;
	}
	.migs-logo {
		width: auto;
		height: 70;
	}
	.logo-title {
		font-size:26px;
		text-align:center;
		margin:40px 0 0 0;
	}
	.main-header { 
		min-height:120px; 
	}
}

@media (min-width:992px) {
	.migs-logo {
		width:auto;
		height:70px;
	}
	.logo-title {
		font-size:36px;
	}
	.main-header { 
		min-height:160px;
	}
}

.navbar-container {
	background: -moz-linear-gradient(-45deg, rgba(58,147,131,1) 0%, rgba(58,147,131,0) 80%);
	background: -webkit-linear-gradient(-45deg, rgba(58,147,131,1) 0%,rgba(58,147,131,0) 80%);
	background: linear-gradient(135deg, rgba(58,147,131,1) 0%,rgba(58,147,131,0) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a9383', endColorstr='#007db9e8',GradientType=1 );
}

/* override bootstrapÂ */
.navbar { 
	margin:-55px 0 0 0;
	min-height:0;
}
.navbar-toggle {
	z-index:1;
}
.navbar-toggle .fa {
	color:#0b4e41;
}
.navbar a {
	color:#0b4e41;
	transition:all 0.2s ease;
	text-transform:uppercase;
}
.navbar li a:hover {
	background-color:transparent;
}

@media (min-width:768px) {
	.navbar { 
		margin:0;
	}
	.navbar a {
		color:#fff;
		font-size:14px;
		text-transform:uppercase;
	}	
	.navbar li a:hover {
		background-color:#3a9383;
	}
	.navbar li.active a {
		background-color:#358070;	
	}
	.navbar-collapse {
		padding-left:0px;		
	}
}
@media (min-width:992px) {
	.navbar a {
		font-size:16px;
	}
}




/* 03 BODY CONTENT (GLOBAL) */

.wrap h1:after {
	position:absolute;
	content:'';
	bottom:-15px;
	left:0;
	width:50px;
	height:3px;
	background-color:#ccc; 
}




/* 04 CALL TO ACTION (3 COLS) */

.ctas {
	padding:35px 0 20px 0;
	background-color:#f7f7f7;
	margin-top:40px;
	border-top:2px solid #e7e7e7;
}

.panel-info {
    border-color: #c2d9d3;
    text-align:center;
}

.panel-info > .panel-heading {
    color: #358070;
    background-color: #e3efec;
    border-color: #c2d9d3;
}

.panel-body img {
	margin:15px 0;
}



/* 05 FOOTER */

footer {
	border-top:2px solid #c2d9d3;
	background-color:#e3efec;
	color:#888;
}

footer .container {
	padding:40px 15px;
}

.thea-logo {
	width:250px;
	margin:15px 0 25px 0;
}

.footer-image-spacing {
    margin: 10px;
}



/* 06 GALLERY TEMPLATE PAGE */

.gallery-container h3 {
	margin-bottom:30px; 
}

.gallery-title {
	text-align:center;
	color:#358070;
	padding:8px;
	background-color:rgba(0,0,0,0.05);
	margin:30px 0 30px 0;
	
	font-weight:400;
}

.video-link, .image-link {
	position:relative;
}
.video-link:after {
	position:absolute;
	content:'\f144';
	font-family:'FontAwesome';
	font-size:62px;
	color:#ef8c00;
	top:30%;
	left:50%;
	margin-left:-31px;
	margin-top:-31px;
	text-align:center;
	pointer-events:none;
/* 	text-shadow: 0 0 20px rgba(0,0,0,0.4);
	transition:all 0.2s ease; */
}
.image-link:after {
	position:absolute;
	content:'\f002';
	font-family:'FontAwesome';
	font-size:62px;
	color:white;
	top:50%;
	left:50%;
	margin-left:-31px;
	margin-top:-41px;
	text-align:center;
	pointer-events:none;
	text-shadow: 0 0 20px rgba(0,0,0,0.4);
}
.video-link:hover:after, .image-link:hover:after {
	color:#ffeac7;
}

.owl-nav { 
	position:absolute; 
	bottom:0px; 
	width:100%; 
	padding:0;
}
.owl-next { 
	text-align:right; 
	margin-top:-35px; 
}
.owl-nav .fa { 
	font-size:18px; 
	background:#e2900c; 
	padding:8px; 
	color:#fff; 
}

@media (max-width:767px) {
	.owl-nav { bottom:-45px; }
	.gallery-container { margin-bottom:75px; }
}

.owl-dots { 
	margin-top:30px; 
	text-align:center; 
	-webkit-tap-highlight-color:transparent; 
}
.owl-dots .owl-dot { 
	display:inline-block; 
	zoom:1; 
	*display:inline; 
}
.owl-dots .owl-dot span { 
	width:10px; 
	height:10px; 
	margin:5px 7px; 
	background:#D6D6D6; 
	display:block; 
	-webkit-backface-visibility: visible; 
	transition: opacity 200ms ease; 
	border-radius: 30px; 
}
.owl-dots .owl-dot.active span, 
.owl-dots .owl-dot:hover span { 
	background: #869791; 
}




/* 07 MEETING/AGENDA TEMPLATE PAGE */

.nav-tabs>li>a {
	color:#358070;
}

.nav-tabs {
    border-bottom: 1px solid #358070;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #358070;
    border: 1px solid #358070;
}

.table-meeting { 
	background:#fff; 
}

.table-meeting thead th {
	background-color:#358070;
	color:#fff;
}

.table-meeting thead th:first-child {
	min-width:110px;
}

.table-responsive>.table>tbody>tr>td, 
.table-responsive>.table>tbody>tr>th, 
.table-responsive>.table>tfoot>tr>td,
.table-responsive>.table>tfoot>tr>th, 
.table-responsive>.table>thead>tr>td, 
.table-responsive>.table>thead>tr>th {
    white-space: initial;
}

.table-meeting thead th:nth-child(2), .table-meeting thead th:nth-child(3) {
	min-width:300px;
}

.table-meeting tbody td:first-child {
	font-weight:700;
}

.table-meeting .green {
	background-color:#e3efec;
}
.table-meeting .grey {
	background-color:#f5f5f5;
}



/* CONTACT FORM */
div.wpcf7 {
	display:inline-block;
	max-width:100%;
}

.wpcf7-form {

	padding:15px;
	background:#e3f0ec;
	border-radius:8px;
}

div.wpcf7 textarea, div.wpcf7 input {
	margin-top:8px;
	border:1px solid #fff;
	border-bottom-color:#3a9382;
	padding:8px;
	max-width:100%;
}

.wpcf7-submit {
	background:#3a9382;
	color:#fff;
	padding:10px 0;
	width:100%;
	text-align:center;
}

.wpcf7-validation-errors {
	background:red;
	border-color:red !important;
	color:white;
}






