/*
Theme Name: EVC 2016
Theme URI: http://evc.net.au
Author: Joshua Duncan
Author URI: http://joshuaar.com
Description: A custom theme created specifically for EVC.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: evc-2016
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

EVC 2016 is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

body {
	padding-top: 81px;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: lowercase;
    color: #002c35;
}
p, div {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #464646;
}

a {
	color:#002C35;
}

li a, p a {
	color:#337ab7;
}

a:hover {
	text-decoration: none;
}

.address {
	text-transform: none;
}

.borders-top-bottom {
	border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 20px 0;
    margin-bottom: 20px;
}

.border-bottom {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}

.project-overview ul, .brand-bullets, .content ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 20px 10px;
}

.project-overview ul li, .brand-bullets li, .content ul li {
	background-image: url(images/bullet-green.png);
	background-repeat: no-repeat;
	padding-left: 1.8em;
	background-size: 10px 19px;
	margin-bottom: 5px;
}

ul li ul {
    margin: 0!important;
}


/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/

.navbar {
	margin-bottom: 0;
	border: none;
	border-bottom: 1px solid #ccc;
	text-transform: lowercase;
	background: #fff;
}

.navbar-brand {
	height: 80px;
}

.navbar-toggle {
	margin-top: 23px;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>li.current-menu-parent>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
	background: #032d38;
	color: #fff;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
	background: #032d38;
	color: #fff;
}

.navbar-default .navbar-nav>li>a {
	box-shadow: inset 0 0 0 0 #BDD743;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	transition: all ease 0.4s;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
	box-shadow: inset 0 -100px 0 0 #BDD743;
}

.dropdown-menu>li>a {
	padding: 10px 20px;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

.more-button,
.more-button-small {
	width: 100%;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 20px 0;
    font-size: 18px;
    font-weight: 300;
    display: block;
	text-decoration: none;
	text-transform: lowercase;
	box-shadow: inset 0 0 0 0 #002C35;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	transition: all ease 0.4s;
}
.more-button:hover,
.more-button-small:hover {
    color: #fff;
	text-decoration: none;
	box-shadow: inset 0 -100px 0 0 #002C35;
}

.more-button-small {
	padding:10px;
	margin: 20px 0;
}

.border-top {
	border-top: solid 1px #ccc;
	margin-top: 30px;
}

.line {
	height:1px; 
	width: 100%; 
	border-bottom: 1px solid #ccc;
	margin: 30px 0;
}

a img:hover {
	opacity: 0.7;
}

.floating-image {
	width: 100%;
}

table.tablesorter thead tr th {
    border: 0;
}

.tablesorter-header-inner {
    font-weight: bold;
}

/*--------------------------------------------------------------
# Homepage Carousel
--------------------------------------------------------------*/

.carousel-inner>.item {
	background: #ccc;
}

.fill {
    width: 100%!important;
    height: 100%!important;
    background-position: center!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    background-size: cover!important;
    -o-background-size: cover!important;
}

#home-gallery .carousel-inner>.item {
min-height: 500px;
}

.carousel-caption {
    height: 100%;
    display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row; /* works with row or column */
   flex-direction: row;
   -webkit-align-items: center;
   align-items: center;
   -webkit-justify-content: center;
   justify-content: center;
}

.carousel-caption a h1 {
	color: #ffffff;
	font-weight: 300;
	text-shadow: 0 4px 4px rgba(0,0,0,.8);
}

/*--------------------------------------------------------------
# Mission Statement
--------------------------------------------------------------*/

#mission-statement {
    background: #032d38;
}

#mission-statement h2 {
    color: #fff;
    margin-bottom: 20px;
}

/*--------------------------------------------------------------
# Project Types
--------------------------------------------------------------*/

.project-types-listing-box {
	display: table;
	width: 100%;
	height: 150px;
	margin-top: 20px;
    background-position: center!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    background-size: cover!important;
    -o-background-size: cover!important;

}

.green-trans {
	background: #BDD743;
	/*box-shadow: inset 0 0 0 0 #032d38;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	transition: all ease 0.4s;*/
}

.blue-trans {
	background: #032d38;
	/*box-shadow: inset 0 0 0 0 #BDD743;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	transition: all ease 0.4s;*/
}

/*.green-trans:hover {
	box-shadow: inset 0 -150px 0 0 #032d38;
}

.blue-trans:hover {
	box-shadow: inset 0 -150px 0 0 #BDD743;
}*/

.project-types-listing-box h3{
	display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}

.green-trans h3 {
	color:#002c35;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	transition: all ease 0.4s;
}

.green-trans h3:hover {
	color:#fff;
}

.blue-trans h3 {
	color:#fff;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	transition: all ease 0.4s;
}

.blue-trans h3:hover {
	color:#BDD743;
}



/*--------------------------------------------------------------
# Project Listings Horizontal
--------------------------------------------------------------*/

#projects-listing-wrapper div.row {

}

.project-listing-single {
	width: 33%;
}

.project-listing-thumbnail p, .project-type p {
    text-align: center;
    padding: 10px;
    color: #fff;
    margin: 0;
}

.project-type p {
	margin-bottom: 10px;
}

.blue-tag p{
	background: #032d38;
}

.green-tag p{
	background: #BDD743;
	color:#032d38;
}

.project-listing-thumbnail h4, .project-listing-thumbnail h3 {
    font-weight: 400;
    margin: 0;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Responsive iFrame Embed Hack
--------------------------------------------------------------*/

.embed-container {
 position: relative;
 padding-bottom: 56.25%;
 height: 0;
 overflow: hidden;
 max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer-wrapper {
	background: #404d54;
	margin-top: 50px;
	min-height: 200px;
}

#footer-inner,
#footer-inner p,
#footer-inner ul li a {
	color: #fff;
}

#footer-inner p {
	margin: 30px 0;
}

#footer-inner ul {
	display: inline-block;
	margin: 30px 0;
	padding: 0;
}

#footer-inner ul li{
	display: inline-block;
	list-style: none;
	margin: 10px;
}

#footer-inner ul li a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media (min-width: 768px) {

	.navbar-nav>li>a {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.hero-image-container {
		overflow: hidden;
		height: 405px;
	}
	.project-listing-thumbnail {
		overflow: hidden;
		/*height: 194px;*/
	}
	.more-button-small {
		width:30%;
	}
	.floating-image {
	float: right;
	width: 40%;
	margin: 0 0 20px 20px;
	}
}

@media (min-width: 992px) {

	.hero-image-container {
		overflow: hidden;
		height: 530px;
	}
	.project-listing-thumbnail {
		overflow: hidden;
		/*height: 120px;*/
	}
	.carousel-inner>.item {
	min-height: 500px;
	}
	.more-button {
		width: 40%;
		margin: 20px auto;
	}

	.green-tag p, .blue-tag p {
		height: 60px;
	}

}

@media (min-width: 1200px) {

	.hero-image-container {
		overflow: hidden;
		height: 642px;
	}
	.project-listing-thumbnail {
		overflow: hidden;
		/*height: 148px;*/
	}
	.carousel-caption a h1 {
	font-size: 75px;
	}
	.green-tag p, .blue-tag p {
		height: auto;
	}
}