/*   
Theme Name: HagerSmith 2015 Custom Wordpress Theme
Theme URI: http://brascomarketing.com
Description: Custom Responsive WP Theme (Bootstrap3) -- WordPress v4.0.1
Author: Brasco
Author URI: http://brascomarketing.com
Version: 1.0
*/
/*    	 _                             
        | |                            
        | |__  _ __ __ _ ___  ___ ___  
        | '_ \| '__/ _` / __|/ __/ _ \ 
        | |_) | | | (_| \__ \ (_| (_) |
        |_.__/|_|  \__,_|___/\___\___/ 
                                       
 */



/*********************************
	Like What You See?
	Call Brasco at (919) 822-2171
	We'd love to work with you
  *******************************/
a { color: #2b3991; text-decoration:none;
	outline: none;/* get rid of dotted borders */
	-webkit-transition:all .2s ease-in; 	  
   -moz-transition:all .2s ease-in;  
   -o-transition:all .2s ease-in;  
   transition:all .2s ease-in;
   }  
  
/*Make Images Behave in Wordpress*/
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

a:hover {
	text-decoration: none;
	color: #000;
	outline: none;
}

a:active { outline: none !important; -moz-outline-style: none !important; text-decoration: none; background: none;}  
a:focus{ -moz-outline-style: none !important; text-decoration: none; background: none;}  
 

h1,h2,h3,h4,h5,strong {	
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	color: #2b3991;
}

strong {
	font-weight: 700;	
}

p {
	font-family: 'Muli', sans-serif;
	color: #868687;
	line-height: 1.8em;
	margin-bottom: 1.5em;
}

li { font-family: 'Muli', sans-serif; } 

.slicknav_menu {
	display: none;	
}

body, html {
  margin: 0;  
}

body {
	font-size: 16px;	
	position: relative;
	font-family: 'Open Sans', sans-serif;
	color: #868687;
	background: #96979c;
}

body.home {
	background: #666;	
}


.modal {
    overflow-y: auto;
}

#nav-container {
	text-align: right;
	position: relative;	
}

header {
	background: #fff;	
	padding-top: 2.5em;
	padding-bottom: 2em;
	position: relative;
}

body.home #header-container {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 15000;	
}

body.home header {
	background: none;
}

header .container {
	position: relative;	
}

header nav ul {
	margin: 0px;
	padding: 0px;	
}

header nav li {
	list-style: none;
}

nav#always-on {
	padding-right: 3em;
}

nav#always-on ul {
	display: inline-block;	
}

nav#always-on li {
	display: inline-block;
	border-left: 2px solid #2b3991;			
}

body.home nav#always-on li {
	border-left: 2px solid #fff;			
}

nav#always-on li:first-child,
body.home nav#always-on li:first-child {
	border-left: none;	
}

nav#always-on li a {
	display: block;
	margin: 0em .5em;
	padding: 0em .5em;
	line-height: 1em;
	color: #2b3991;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 20px;	
}

body.home nav#always-on li a {
	color: #fff;	
}

nav#always-on li a:hover,
body.home nav#always-on li a:hover {
	color: #868687;
}

nav#always-on li.current-menu-item a,
ul#menu-expertise-menu li a.current {
	font-weight: bold;	
}

ul#menu-expertise-menu li a.current:hover {
	cursor: default;	
	color: #2b3991;
}

nav#tucked-away {
	position: absolute;
	top: -30%;
	right: 0px;
	z-index: 15000;	
}

nav#tucked-away a#hamburger-trigger {
	font-size: 2em;
	color: #2b3991;	
	position: absolute;
	top: -30%;
	right: 0px;
}

body.home nav#tucked-away a#hamburger-trigger {
	color: #fff;	
}

nav#tucked-away ul {
	width: 14em;
	position: absolute;
	top: 40px;
	right: 0px;
	display: none;	
}

nav#tucked-away ul li a {
	background: #2b3991;
	color: #fff;
	display: block;
	padding: .35em .75em;
	text-align: left;
}

body.home nav#tucked-away ul li a {
	background: #fff;
	color: #2b3991;	
}

nav#tucked-away ul li a:hover,
body.home nav#tucked-away ul li a:hover {
	background: #868687;
}

section[role=hero-unit] img {
	width: 100%;
	height: auto;
	max-height: 450px;
}

body.page-id-17 section[role=hero-unit] img {	
	max-height: 650px;
}

section[role=main] {
	padding-top: 2.5em;
	padding-bottom: 2.5em;	
	background: #fff;	
	min-height: 65vh;
}

section[role=main] a:hover {
	color: #96979c	
}

time {
	color: #2b3991;
	margin-bottom: 1em;
	display: inline-block;	
}


footer {
	padding-top: 0em;
	padding-bottom: 0em;
	background: #96979c;
	color: #fff; 	
}


footer h2,
footer h3,
footer p,
footer a {
	color: #fff;	
}

footer .col-sm-3,
footer .col-sm-2 {
	padding-top: 1em;
	padding-bottom: 3em;	
}

footer .col-sm-3 {
	background: #868686;
}

footer ul {
	margin: 0px;
	padding: 0px;
}

footer li {
	list-style: none;	
}

footer li a {
	font-size: 14px;	
}

footer h2 {
	font-size: 24px;
}

footer h3 {
	font-size: 16px;
}

footer #footer-logo {
	display: block;
	padding-right: 3em;
	padding-top: 1.25em;
	margin-bottom: 1em;	
}

/* Archive Specific */
.blog-post {
	padding-top: 1em;
	margin-top: 1em;
	padding-bottom: 2.5em;
	margin-bottom: 1em;
	border-bottom: 1px solid #efefef;	
}

a.read-more {
	display: inline-block;
	background: #2b3991;
	color: #fff;
	padding: .5em 1em;
}

a.read-more:hover {
	background: #99999a;
	color: #fff !important;
}


.navigation ul {
	margin: 2em 0em;
	padding: 0em;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
	text-decoration:none;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #99999a;
	cursor: pointer;
	padding: 8px 15px;	
	-webkit-transition:background-color .2s ease-in; 	  
   -moz-transition:background-color .2s ease-in;  
   -o-transition:background-color .2s ease-in;  
   transition:background-color .2s ease-in;
}

.navigation li a:hover,
.navigation li.active a {
	color: #fff;
	background-color: #2b3991;
}

/*=============================================================
	Home Page Specific
  ===========================================================*/
body.home .main section {
	min-height: 100vh;
	background-size: cover !important;	
	position: relative;
}

body.home .carousel-control {
  z-index: 25000;
  font-size: 1.8em;
  position: fixed;
  top: 55%;
  background-image: none;
  background-image: none;
  background-repeat: none;
  filter: none;
}

body.home .glyphicon-chevron-left {
  left: 20%;
}

body.home .glyphicon-chevron-right {
  right: 20%;
}

body.home .project-info-banner {
	position: absolute;
	bottom: 14%;
	width: 100%;
	left: 0px;
	z-index:100;
	background: rgba(8, 21, 73, .7);	
	color: #fff;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

body.home .project-info-banner h2,
body.home .project-info-banner h3,
body.home .project-info-banner p,
body.home .project-info-banner a {
	color: #fff;
}

body.home .project-info-banner h2,
body.home .project-info-banner h3 {
	margin: 0px;
	padding: 0em;
	line-height: 1.25em;	
}

body.home .project-info-banner h2 {
	text-transform: uppercase;	
	font-size: 1.8em;
}

body.home .project-info-banner h3 {
	font-weight: 400;
	font-size: 20px;
	margin-bottom: 1em;
	text-transform: uppercase;	
}

body.home .project-info-banner p {
	margin-top: .5em;
	margin-bottom: .5em;
	line-height: 1.25em;
}

body.home .project-info-banner a.read-more {
	background: none;
	padding: .5em 0em 0em 0em;	
	font-weight: bold;
}

body.home .project-info-banner a.read-more:hover {
	color: #ccc !important;	
}

body.home nav.slides-navigation {
	position: relative;	
}

/*=============================================================
	HagerSmith People (Archive)
  ===========================================================*/
.position-container {
	margin-bottom: 3em;
	text-align: center;
}
   
body.post-type-archive-people h2 {
	color: #fff;
	font-size: 1.5em;
	line-height: 1em;
	margin: .5em 0 .25em 0em;
	text-align: left;
}
   
div.current-people {
	display: inline-block;
	margin: 0em .5em .5em 0em;
	position: relative;
}

div.current-people div.people-image-caption {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;		
}

div.current-people:hover {
	-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 1);
	box-shadow:         0px 2px 5px rgba(50, 50, 50, 1);
}

div.people-caption {
	position: absolute;
	width: 100%;
	bottom: 15%;
}

div.current-people h3 {	
	text-align: center;
	font-size: 1.2em;
	color: #fff;
	font-weight: normal;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
	margin: 0px 0px 8px 0px;
	line-height: 1.5em;
	display: none;
}

div.current-people h3.job-title-position {
	line-height: 1em;
	font-size: 1em;	
	display: none;
}  


/*=============================================================
	HagerSmith People (Single)
  ===========================================================*/
section[role=hero-people] img {
	width: 100%;
	height: auto;
}

body.single-people section[role=main] {	
	min-height: inherit;
}

body.single-people section[role=main] h1,
body.single-people section[role=main] h2 {
	margin: 0px;
	line-height: 1.1em;
}

body.single-people section[role=main] h2,
body.single-people section[role=main] h3 {
	font-weight: 400;	
}

body.single-people section[role=main] h2 {
	margin-bottom: 1em;	
}

body.single-people section[role=main] a {
	border-bottom: none;
}

body.single-people section[role=main] a.btn {
	border-bottom: 1px solid #ccc;	
	display: inline-block;
	margin-top: 1.5em;
}

section[role=hagersmith-people] {
	background: #fff;
	padding-top: 2em;
	padding-bottom: 2em;	
}

#shoe-container {
	padding: 2em 0em 1.5em 0;
	text-align: center;
}

#shoe-container ul {
	margin: 0 auto;
	display: inline-block;
	padding: 0px;
}

#shoe-container ul li {
	list-style: none;		
}

#shoe-container ul .shoe-thumb {
	float: left;
	margin: 0em 1em .5em -.5em;
	position: relative;
}

.hover-tile {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(img/captionBG.png) repeat;
}

#shoe-container ul li:hover {
	-webkit-box-shadow: 0px 2px 19px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 2px 19px rgba(50, 50, 50, 1);
	box-shadow:         0px 2px 19px rgba(50, 50, 50, 1);
}

.hover-tile h4 {
	width: 100%;
	text-align: center;
	font-size: .9em;
	color: #fff;
	position: absolute;
	left: 0px;
	bottom: 2%;	
	font-weight: normal;
}


/*============================================================
	Profile Page Styles
	========================================================*/
section[role=banner-thumbs] {
	background: #fff;
	padding-top:1.5em;
	padding-bottom: 0em;	
}
	
ul#project-thumbnails {
	display: inline-block;
	margin: 0 auto;	
	padding: 0px;
}

ul#project-thumbnails li {
	float: left;
	margin: 1em .5em;
	list-style: none;
}

ul#project-thumbnails li:first-child {
	margin-left: 0em;
}

ul#project-thumbnails li:hover {
		-webkit-box-shadow: 0px 2px 5px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 2px 5px rgba(50, 50, 50, 1);
	box-shadow:         0px 2px 5px rgba(50, 50, 50, 1);
}


/*=============================================================
	HagerSmith Projects (Archive)
  ===========================================================*/	
#portfolio-container {
	text-align: center;	
}
  
ul.portfolioFilter {
	display: inline-block;
	margin: 0em 0em 2em 0em;
	padding: 0em;
}

ul.portfolioFilter li {
	display: inline-block;
	list-style: none;
	margin	
}

ul.portfolioFilter li a {
	color: #666;
	display: block;
	background: #fff;
	padding: .25em .5em;
	margin: .25em .5em;
	border-bottom: none;
	font-size: 16px;		
}

ul.portfolioFilter li a.current {
	font-weight: bold;
}

ul.portfolioFilter li a.current:hover {
	color: #666;
	background: #fff;
	cursor: default;	
}

ul.portfolioFilter li a:hover {
	color: #fff;
	background: #2b3991;	
	border-bottom: none;
}

header ul.portfolioFilter li a:hover {
	color: #868687;
	background: none;
}

#intro-paragraph {
	margin-top: 2.5em;	
}


/*=============================================================
	Awards Page
  ===========================================================*/	
ul#awards-list {
	margin: 1em 0em;
	padding: 0em;	
}

ul#awards-list li {
	list-style: none;	
	margin-bottom: .75em;
}

/*=============================================================
	HagerSmith Projects (Single)
  ===========================================================*/	
section[role=project-hero-carousel] img {
	width: 100%;
	height: auto;
}

section[role=project-hero-carousel] .carousel-control {
	font-size: 3em;	
}

.project-scope-container ul,
.sustainable-features-container ul {
	margin: 0px 0px 3em;
	padding: 0px;	
}

.project-scope-container ul li,
.sustainable-features-container ul li {
	list-style: none;	
	margin-bottom: .25em;
}

#back-to-parent-category a.back-to-category {
	border-bottom: none;
}


/* Modal Styles */
.modal-header{ 
	border-bottom: none;
	padding: 15px 15px 0px 0px;
}

.modal-body {
	padding-top: 0px;
}

.modal-footer{ 
	border-top: none;
	margin-top: 0px;
  	padding: 0px 20px 00px;
}


.modal-dialog {
  margin: 130px auto 30px auto;
}

body.single-projects .modal-dialog {
  margin: 50px auto 30px auto;
}

/* Christmas 2016 Landing Page */
body.page-template-page-christmas-landing p,
body.page-template-page-christmas-landing p strong {
	color: #242424;
	line-height: 1.35em;
	font-size: 16px;
}

body.page-template-page-christmas-landing li strong {
	font-weight: 900;
}

body.page-template-page-christmas-landing h1 {
	margin-bottom: 26px;
}

body.page-template-page-christmas-landing #gform_2 label {
	display: none;
}
.gform_body input[type=text], 
.gform_body input[type=email], 
.gform_body select, 
.gform_wrapper textarea.large,
.gform_wrapper textarea {
	text-align: left;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 18px !important;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #b0b0b0;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	margin-bottom: .5em;
}

.gform_wrapper textarea.large,
.gform_wrapper textarea {
	height: 10em;	
	text-align: left;
}

.gform_body input[type=text] {
	text-align: left;
}


div.validation_error {
	font-weight: bold;
	color: #a94442	;
}

li.gfield_error  .validation_message {
	padding: 5px 15px;
    margin-top: 8px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;  
}

div.gform_wrapper button {
	background: #293693;
	color: #fff;
	padding: .75em 1.25em;
	border: none;	
	-webkit-transition: background-color .2s ease-in; 	  
   -moz-transition: background-color .2s ease-in;  
   -o-transition: background-color .2s ease-in;  
   transition: background-color .2s ease-in;
   border-radius: 2px;
   font-weight: 600;
   margin: 12px 12px 12px 0px;
   font-size: 1em;
	text-transform: uppercase;
}

div.gform_wrapper button:hover {
	background: #242424;
	color: #fff;
}

div.gform_wrapper button i {
	display: inline-block;
	margin-left: 3px;
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	-webkit-transition: all .2s ease-in; 	  
   -moz-transition: all .2s ease-in;  
   -o-transition: all .2s ease-in;  
   transition: all .2s ease-in;
}

div.gform_wrapper button:hover i {
	display: inline-block;
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

#input_2_2_3_container {
	width: 48% !important;
	float: left;
	display: inline-block;
}

#input_2_2_4_container {
	width: 20% !important;
	float: left;
	display: inline-block;
}
#input_2_2_5_container {
	float: right;
	width: 28%  !important;
	display: inline-block;
}

body.page-template-page-christmas-landing .gform_wrapper .ginput_complex.ginput_container_address span.ginput_right+span.ginput_left.address_zip {
    margin-right: 0px !important;
}

body.page-template-page-christmas-landing .gform_wrapper .ginput_complex.ginput_container_address span.ginput_right+span.ginput_left {
    padding-right: 0px !important;
}

body .gform_wrapper ul li.gfield {
    margin-top: 0px !important;
    padding-top: 0 !important;
}

body.page-template-page-christmas-landing h4 {
	font-size: 18px;
	font-weight: normal;
	line-height:  1em;
	margin: 0px 0px 3px 0px;
}

#follow-icons i {
	font-size:2em;
}

body.page-template-page-christmas-landing h2 {
	margin: 4px 0px 16px 0px;
	line-height: 1.1em;
}

body.page-template-page-christmas-landing .gform_wrapper .gform_footer {
    padding: 0px 0 10px;
    margin: 0px 0 0;
    clear: both;
}

body.page-template-page-christmas-landing .gform_wrapper {
    margin: 0;
}

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

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


::-webkit-input-placeholder {
	color: #242424;
	font-size: 14px;
}

:-moz-placeholder { /* Firefox 18- */
   color: #242424;
	font-size: 14px;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #242424;
	font-size: 14px;  
}

:-ms-input-placeholder {  
  color: #242424;
	font-size: 14px;  
}
/*=============================================================
	Non-Semantic Helpers
  ===========================================================*/
 .google-maps {
	position: relative;
	padding-bottom: 75%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

#slides {
  position: relative;
}
#slides .slides-container {
  display: none;
}
#slides .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
#slides .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

/* columns of same height styles */

.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: middle;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.col-xs-height {
  display: table-cell;
  float: none !important;
}

@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}


/* vertical alignment styles */

.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}

/

/*=============================================================
	Media Queries
  ===========================================================*/
@media (max-width: 1480px) {
	ul.portfolioFilter li a {	  
	  font-size: 12px;
	}	
}
  
@media (max-width: 1199px) {
	nav#always-on li a {  
  		font-size: 18px;
	}		
}
  
/* Landscape phone to portrait tablet */
@media (max-width: 990px) {
	header .container {
	  position: static;
	}
	
	nav#tucked-away {
	  top: 5%;
	  right: 5%;
	}
	
	img#logo {
		display: block;
		margin: .5em auto 1.5em auto;	
	}
	
	.row {
		margin-right: 0px;
	}
	
	#nav-container {
	  text-align: center;
	}
	
	nav#always-on {
	  padding-right: 0em;
	}
		
}  

@media (max-width: 768px) { 
	footer .container {
		padding-right: 0px;	
	}
	.row {
		margin-right: 0px;
	}
}

@media (max-width: 668px) { 
	nav#always-on li a {  
  		font-size: 16px;
	}
}

@media (max-width: 640px) {
	#input_2_2_3_container {
	width: 100% !important;
	float: none;
	display: block;
}

#input_2_2_4_container {
	width: 100% !important;
	float: none;
	display: block;
}
#input_2_2_5_container {
	float: none;
	width: 100%  !important;
	display: block;
}

body.page-template-page-christmas-landing .gform_wrapper .ginput_complex.ginput_container_address span.ginput_right+span.ginput_left.address_zip {
    margin-right: 0px !important;
}

body.page-template-page-christmas-landing .gform_wrapper .ginput_complex.ginput_container_address span.ginput_right+span.ginput_left {
    padding-right: 0px !important;
}
}

@media (max-width: 600px) { 
	nav#always-on {
		display: none;	
	}
	
	footer .col-sm-3,
	footer .col-sm-2 {
		padding-bottom: 1em;	
	}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {  

}