/*
Theme Name: Mode:Green 
Description: The new, beautiful site for Mode:Green.
Version: 1.0
Author: Digital Ink
Author uri: https://www.dgtlnk.com
*/

@import url("css/bootstrap.min.css");
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:300,400,500,700,900');
@import url("css/animate.css");

html {
	height: 100%;
}

html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

body {
	background-color: #ffffff;
  	font-family: 'Roboto', sans-serif;
	height: 100%;
	color: #000;
	max-width: 1266px;
	margin: 0 auto !important;
}

a {
	color: #38843f;
	text-decoration: none;
}

a:hover, a:focus {
	color: black;
	text-decoration: none;
}

p {
	margin: 0 0 20px;
	font-weight: 300;
	font-size: 21px;
	line-height: 33px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	color: #000000;
	font-weight: 300;
	padding-bottom: 42px;
	
}

h1 {
	font-size: 60px;
	line-height: 72px;
}

h2 {
	font-size: 48px;
	line-height: 60px;
}

h3 {
	font-size: 36px;
	line-height: 48px;
}

h4 {
	font-size: 24px;
	line-height: 36px;
}

h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus {
	text-decoration: none;
	color: black;
}

ol, ul, li {
	font-size: 16px;
	line-height: 1.6;
}

ol, ul {
	margin-bottom: 20px;
}

/*Basic Styling Styles*/

::selection {
  background: #38843f; /* WebKit/Blink Browsers */
  color: white;
}
::-moz-selection {
  background: #38843f; /* Gecko Browsers */
  color: white;
}

.centered {
	text-align: center;
	float: none;
    margin: 0 auto;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.frame {
	border: 1px solid #e8e8e8;
	border-top: none;
	border-bottom: none;
}

a.button, .caldera-grid .btn.btn-default, .gform_wrapper input.button {
	font-family: 'Roboto', sans-serif;
	background: #38843f;
	color: #fff;
	padding: 10px 42px;
	border-radius: 15px;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px;
	height: auto;
}

a.button:hover, .caldera-grid .btn.btn-default:hover, a.button:focus, .gform_wrapper input.button:hover, .gform_wrapper input.button:focus {
	text-decoration: none;
	background-color: #000000;
	color: white;
	border-color: black;
}

.caret {
    display: none;
}

hr {
	margin-bottom: 40px;
}

label, .caldera-grid form label, .gform_wrapper.gravity-theme label.gfield_label, .gform_wrapper.gravity-theme legend.gfield_label {
	font-weight: 300;
	font-size: 15px;
	margin-bottom: 5px;
	border-bottom: none;
}

blockquote {
	border-left: none;
}

blockquote p em {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 24px;
	line-height: 36px;
	color: #38843f;
	display: block;
	padding-bottom: 9px;
	text-align: left;
}

blockquote p {
	font-size: 18px;
	font-weight: 300;
	font-style: italic;
	line-height: 30px;
	text-align: right;
}

blockquote p strong {
	font-style: normal;
	font-weight: 400;
}

blockquote p br {
	display: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #222222 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #222222 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #222222 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #222222 !important;
}

/*Bootstrap Hacks*/

.nav>li>a:focus, .nav>li>a:hover {
	background-color: transparent;
}

.img-responsive {
	display: inline-block;
}

.screen-reader-text {
	display: none;
}

.navbar-fixed-top {
	margin-left: auto;
	margin-right: auto;
}

.admin-bar .navbar-fixed-top {
	top: 32px;
}

.admin-bar .projects-navigation.navbar-fixed-top {
	top: 131px;
}

.page-section img, .frame img {
	display: inline-block;
	height: auto;
    max-width: 100%;
}

.frame img.aligncenter {
	display: inline-block;
}

/*Formatting Setups*/

.table-area {
	display:table; 
	table-layout:fixed; 
	width:100%; 
	height:100%;
}

.table-align {
	display: table-cell;
    vertical-align: middle;
}

.toppadding {
	padding-top: 30px;
}

.nobottompadding, .nobottompadding.page-section {
	padding-bottom: 0;
}

/*Header*/

.header {
	height: 76px;
}

.logo-menu-row {
	background-color: white;
	max-width: 1264px;
}

.main-menu {
	text-align: center;
}

.navbar-toggle {
	background-color: #000000;
	margin-top: 12px;
}

.navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-nav>li>a {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 24px;
	color: black;
}

.navbar-nav>li:hover>a, .navbar-nav>li>a:focus, .navbar-nav>li.current-menu-item>a {
	color: #38843f;
}

.search-form {
	display: none;
	position: relative;
	top: -20px;
}

input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
        -moz-box-sizing: border-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; 
}

input[type=search] {
	background: #ffffff url(img/search-icon.png) no-repeat 8px center;
	border: none;
	padding: 0px 15px 0px 5px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 5em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	width: 5px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
	outline: none;
	height: 30px;
}

@-moz-document url-prefix() { 
  input[type=search] {
     padding: 0px 18px 0px 20px;
  }
}

input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #38843f;
	padding-left: 32px;
	color: #000;
	cursor: auto;
	-webkit-box-shadow: 0 0 5px rgba(56,132,63,1);
	-moz-box-shadow: 0 0 5px rgba(56,132,63,1);
	box-shadow: 0 0 5px rgba(56,132,63,1);
}

input[type=search]:hover {
	background-color: #fff;
}

input[type=search]:-moz-placeholder {
	color: transparent !important;
}

input[type=search]:focus::-webkit-input-placeholder {
	color: #aaa !important;
}

input[type=search]::-webkit-input-placeholder {
	color: transparent !important;
}

input[type=search]:focus::-webkit-input-placeholder{
	color: #aaa;
}


/*Homepage*/

.featured-project-section.page-section {
	padding-top: 0;
	padding-bottom: 0;
	position: relative;
}

.featured-project-main {
	height: 626px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.featured-project-overlay {
	background-color: rgba(0, 0, 0, 0.4);
	padding-left: 15px;
	padding-right: 15px;
}

.featured-project-main .container {
	height: 626px;
}

.featured-project-main h1 {
	color: white;
	white-space: normal;
	font-size: 36px;
	line-height: 48px;
	margin-top: 0;
}

.featured-project-main h4 {
	color: white;
	font-style: italic;
	white-space: normal;
	font-size: 20px;
	line-height: 28px;
}

.carousel-paged {
	position: absolute;
    color: white;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 48px;
    cursor: pointer;
}

.cycle-pager-active {
	color: #38843f;
}

.secondary-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 313px;
}

.secondary-project-overlay {
	background-color: rgba(0, 0, 0, 0.4);
	display: none;
}

.secondary-image:hover .secondary-project-overlay {
	display: block;
}

.secondary-image h3 {
	color: white;
	padding-bottom: 21px;
}

.featured-project-secondary {
	display: none;
}

.about-section h4 {
	font-size: 27px;
    line-height: 1.5;
	text-transform: uppercase;
    color: #38843f;
    font-weight: bold;
    padding-bottom: 21px;
}

.about-section hr {
	border-top: 1px solid #000;
}

.about-icon {
	width: 103px;
	margin-bottom: 42px;
	margin-right: 18px;
}

.about-buttons .button {
	margin-right: 15px;
	display: inline-block;
}

.projects-gallery-section {
	background-color: black;
	margin-top: 36px;
	margin-bottom: 36px;
}

.projects-gallery-section h2 {
	color: white;
}

/*.news-links-section .container {
	border-bottom: 1px solid #bfbfbf;
}*/

.news-logo-container img {
	padding-bottom: 27px;
}

.news-container a {
	color: #000000;
}

.news-container a:hover, .news-container a:focus {
	color: #38843f;
	text-decoration: none;
}

/*Pages*/

.inner-hero {
	height: 354px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	background-image: url(img/about-hero.jpg);
}

.inner-hero-overlay {
	background-color: rgba(0, 0, 0, 0.4);
}

.inner-hero .container {
	height: 354px;
}

.inner-hero h1 {
	color: white;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.page-sections {
	padding-top: 36px;
}

.page-sections div.page-section:last-child{
	padding-bottom: 72px;
}

.page-section {
	padding-top: 36px;
	padding-bottom: 36px;
}

.page-section h3:first-child {
	margin-top: 0;
}

.services-row {

}

.service-column {
	padding-top: 36px;
	padding-bottom: 36px;
}

.service-image {
	padding-bottom: 21px;
}

.service-column h3 {
	padding-bottom: 21px;
}

.service-column ul {
	text-align: left;
	padding-left: 20%;
}

.cta-section.page-section {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 36px;
}

.cta-section .container {
	border-top: 1px solid #bfbfbf;
}

.cta-row {
	padding-top: 54px;
	padding-bottom: 54px;
}

.cta-text {
	font-size: 36px;
	font-family: 'Roboto', sans-serif;
	color: #000000;
	font-weight: 300;
	margin-right: 21px;
	position: relative;
	top: 5px;
}

.cta-row a.button {
	max-width: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 36px;
}

.news-releases-section.page-section {
	padding-top: 0;
}

.headline-row {
	padding-bottom: 36px;
	margin-bottom: 36px;
	border-bottom: 1px solid #bfbfbf;
}

.headline-row h3 {
	padding-bottom: 0;
}

.headline-row h4 {
	padding-bottom: 21px;
}

.project-container {
	padding-bottom: 42px;
}

.project-container h3 {
	padding: 9px;
}

.client-logo {
	display: inline-block;
}

.four-column-section h3 {
	padding: 9px;
}

/*Single*/

.page-content {
	
}

.news-hero-title {
	color: white;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 60px;
    line-height: 72px;
    font-weight: 300;
}

/*Projects*/

.project-hero {
	height: 625px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
	background-image: url(img/hero-nypalace.jpg);
}

.project-hero-overlay {
	background-color: rgba(0, 0, 0, 0.4);
}

.project-hero .container {
	height: 625px;
}

.project-hero h1 {
	color: white;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.project-hero h4 {
	color: white;
	font-style: italic;
	font-weight: 500;
	padding-bottom: 0;
}

.projects-navigation {
	background-color: black;
	padding-top: 10px;
	padding-bottom: 10px;
	z-index: 100;
}

.projects-navigation a {
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	color: #fff;
	cursor: pointer;
	margin-right: 42px;
}

.projects-navigation a:hover, .projects-navigation a:focus {
	color: #58d064;
	text-decoration: none;
}

.projects-navigation.navbar-fixed-top {
	top: 76px;
	max-width: 1264px;
}

.services-icon-row {
	padding-bottom: 42px;
	border-bottom: 1px solid #bfbfbf;
	margin-bottom: 42px;
}

.content h2 {
	text-align: center;
	padding-bottom: 21px;
}

.content h3 {
	padding-bottom: 18px;
}

.services-icon {
	margin-right: 30px;
	padding-bottom: 21px;
}

img.services-icon:last-child {
	margin-right: 0;
}

.single-gallery-section {
	
}

.case-study-link img:hover {
	opacity: .7;
}

.thecasestudy {
	max-height: 600px;
	overflow: hidden;
	position:relative;
}

.fade-anchor {
	background: -webkit-linear-gradient(top,rgba(237,239,240,0),rgba(237,239,240,0) 170px,#ffffff 800px);
	background: linear-gradient(to bottom,rgba(237,239,240,0),rgba(237,239,240,0) 170px,#ffffff 800px);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 750px;
    padding-top: 725px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	text-align: center;
	-webkit-transition: background 150ms ease-in;
	transition: background 150ms ease-in;
	pointer-events:none;
}

.fade-anchor-text {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	pointer-events:auto;
}

.fade-anchor-text .button {
	color: #38843f;
	background-color: white;
	padding: 0;
	position: relative;
	top: 5px;
	font-size: 24px;
}

.fade-anchor-text span.glyphicon {
	color: #38843f;
	top: 7px;
	left: 7px;
	font-size: 18px;
}

.fade-anchor-text .button:hover {
	background-color: white;
	color: #38843f;
}

/*Footer*/

.footer {
	background-color: black;
	padding-top: 36px;
	padding-bottom: 36px;
	color: white;
}

.footer p {
	font-family: 'Roboto', sans-serif;
	color: white;
	font-size: 15px;
	line-height: 21px;
	text-transform: uppercase;
}

.footer h3 {
	color: white;
	display: inline-block;
	margin-right: 15px;
}

.footer .social-media .fa {
    padding: 11px;
    font-size: 27px;
    width: 54px;
    height: 54px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 27px;
    margin-right: 9px;
    border: 2px solid #38843f;
}

.footer .social-media a:hover .fa, .footer .social-media a:focus .fa {
	color: white;
	border: 2px solid #ffffff;
}

.footer .connect-row {
	border-bottom: 1px solid #1a1a1a;
}

.footer .contact-row {
	padding-top: 30px;
}

.footer .contact-row .fa {
	margin-right: 9px;
}

.contact-address {
	border-left: thin solid #fff;
	margin-left: 18px;
	padding-left: 18px;
}

.footer-links-row a {
	color: #58d064;
}

/*Forms*/

.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea {
	border: 1px solid #ccc;
	height: 40px;
}

.gform_required_legend {
	display: none;
}

/*Search Results*/

.search-row {
	border-left: 2px solid #38843f;
    padding-top: 18px;
    margin-bottom: 36px;
    padding-bottom: 18px;
    padding-left: 18px;
}

/* =WordPress Core
-------------------------------------------------------------- */

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
    white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*Media Query Goodness*/

@media (min-width: 768px) {

	.header {
		height: 173px;
	}
	
	nav.navbar {
		display: inline-block;
		padding-top: 20px;
		margin-bottom: 0;
	}
	
	.navbar-nav>li>a {
		padding: 15px 18px;
	}
	
	.search-form {
		display: inline-block;
	}
	
	.featured-project-secondary {
		display: block;
	}
	
	.projects-navigation.navbar-fixed-top {
		top: 173px;
	}
	
	.menu-item-has-children:hover .dropdown-menu {
		display: block;
		left: 45%;
	    transform: translateX(-45%);
	    z-index: 1031;
	}
	
	.dropdown-menu {
		padding-top: 0;
		width: auto;
		background-color: white;
		border-top:2px solid #38843f;
		text-align: left;
		padding-bottom: 0;
		z-index: 1041;
	}
	
	.dropdown-menu:before {
	    content: '';
	    position: absolute;
	    border-style: solid;
	    border-width: 0 10px 10px;
	    border-color: #38843f transparent;
	    display: block;
	    width: 0;
	    z-index: 1;
	    top: -12px;
	    left: 43%;
	}

	.dropdown-menu>li {
		padding: 1px 20px 0;
	}
	
	.dropdown-menu>li>a {
    	padding: 10px 5px;
    	font-family: 'Roboto', sans-serif;
    }
    
    .dropdown-menu>li:last-child>a {
    	padding-bottom: 10px;
    }
    
    .dropdown-menu>li:hover, .dropdown-menu>li:focus, .dropdown-menu>.active, .dropdown-menu>li:hover a, .dropdown-menu>li:focus a, .dropdown-menu>.active>a{
    	background-color: #38843f;
    	color: #fff;
    }
    
    .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    	background-color: #38843f;
    }
    
    .featured-project-main h1 {
    	font-size: 60px;
    	line-height: 72px;
    }
    
    .featured-project-main h4 {
    	font-size: 24px;
    	line-height: 36px;
    }


}

@media (min-width: 992px) {
	
	.alignleft {
    	float: left;
    }
    
    .alignright {
    	float:right;
    }
    
    a img.alignright {
    	float: right;
	}
	
	a img.alignleft {
	    float: left;
	}
	
	.alignnone {
    	margin: 5px 20px 20px 0;
	}
	
	.aligncenter,
	div.aligncenter {
	    display: block;
	    margin: 5px auto 5px auto;
	}
	
	.alignright {
	    margin: 5px 0 20px 20px;
	}
	
	.alignleft {
	    margin: 5px 20px 20px 0;
	}
	
	a img.alignright {
	    margin: 5px 0 20px 20px;
	}
	
	a img.alignnone {
	    margin: 5px 20px 20px 0;
	}
	
	a img.alignleft {
	    margin: 5px 20px 20px 0;
	}

	
	.header {
		height: 99px;
	}
	
	.logo-menu-row {
		height: 99px;
	}
	
	.logo {
		padding-top: 12px;
	}
	
	.logo img {
		padding-left: 30px;
		padding-top: 5px;
	}
	
	.projects-navigation.navbar-fixed-top {
		top: 99px;
	}
	
	.navbar-nav>li>a {
		padding: 15px 14px;
	}
	
	.cta-row a.button {
		display: inline-block;
		margin-top: 0;
	}

}

@media (min-width: 1200px) {
	
	.navbar-nav>li>a {
		padding: 15px 18px;
	}
	
}