/*
Theme Name: Waiward
Theme URI: 
Description: 
Version: 5.3
Author: Nathan T. Salter
Author URI: http://g-squared.ca
*/

@import "css/typography.css";

* { margin: 0; padding: 0; }

.clear { clear:both; height: 0; margin: 0; padding: 0; }
.left { float:left; } .right { float:right; } 
.half { width: 48%; } .third { width:33%; } .two-thirds { width: 64%; }

a img { border: 0; outline: 0;}

img { max-width: 100%; height: auto; }
.wp-caption { max-width: 100% !important; margin-bottom: 20px; }

.alignright, img.alignright { float: right; display: inline; margin: 4px 0 10px 24px; }
.alignleft, img.alignleft { float: left; display: inline; margin: 4px 24px 10px 0; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.last-item { margin-right: 0 !important; }

body { background: #fff; }

hr {
  height: 1px; 
  border: 0; 
  margin-bottom: 20px;
  border-bottom: 1px solid #CCC; 
}

#logo {
  width: 132px;  
  height: 65px;
  display:block;
  outline: none;
  float:left; 
  text-indent: -9000px;
}

/*
LAYOUT 
**************/

.container { width: 960px; margin: 0 auto; }

#masthead { background: #1a2a56; padding: 30px 0; box-shadow: 0 3px 0 rgba(0,0,0,0.3); position:relative; }

#main { background: url(images/bg.png) top center repeat; padding: 30px 0; }

#slider { height: 430px; width: 100%; box-shadow: 0 3px 0 rgba(0,0,0,0.3); position:relative;  overflow:hidden;}
#slider img { width:100%; height: auto;  min-height: 200px; min-width: 400px; }

footer { padding: 20px 0; box-shadow: 0 -3px 0 rgba(255,255,255,0.5); position:relative; }
#footer-logos { margin-bottom: 30px; }
.logos a { display: inline-block; }
.logos img { margin-left: 7px; max-height: 60px; /* width: 70px; */ }

.content { background: #fff; padding: 20px 30px; box-shadow: 0 3px 0 rgba(0,0,0,0.2); width: 600px; }
.home-content { padding: 20px 30px 10px 30px; }
.full { width: 900px; }

.sidebar { width: 270px; float:right; margin-bottom: 0; }
.sidebar li { margin: 0 0 30px 0; list-style: none; }
.sidebar li:last-child { margin-bottom: 0; }
.sidebar .sidebar-button {   }
.sidebar .sidebar-button a { 
  display:block; 
  height: 46px; 
  padding: 35px 0; 
  background-size: cover !important; 
  border-radius: 0 15px; 
  box-shadow: 0 3px 0 rgba(0,0,0,0.3);
}
#projects-button a { background: url(images/projects-button.jpg) center center no-repeat; }
#careers-button a { background: url(images/careers-button.jpg) center center no-repeat; color: #fff; }
#news-button a { background: url(images/news-button.jpg) center center no-repeat; color: #fff; }
#careers-button a:hover, #news-button a:hover { color: #DEE0E2; }

.project { width: 48%;  }
#projects .odd { margin-right: 4%; }
.project img { max-width: 100%; height:auto; }

#project-gallery .gallery-item { width: 210px; height: 210px; margin: 0 20px 20px 0; float:left; }
#project-gallery .gallery-item:nth-child(4n) { margin: 0 0 20px 0; }

.entry { padding-bottom: 20px; /* border-bottom: 1px solid #929497; */ margin-bottom: 20px; }
.entry p:last-child { margin: 0; }

#home-news { 
    margin-top: 30px;
    width: 900px; 
}
#home-news #news-slider {
    margin-bottom: 0;
}
#home-news li {
    list-style: none;
    margin: 0 0 40px 0;
}
#home-news li:last-child {
    margin-bottom: 10px;
}
#home-news li .post-date {
    background-color: #1a2a56;
    margin-bottom: 0;
    padding: 10px;
    width: 68px;
}
#home-news li .post-date span {
    display: block;
}
#home-news li .news-excerpt {
    padding-left: 108px;
}

/*
NAVIGATION
**************/

.dl-trigger { display: none; }

#dl-menu { z-index: 790; display: none; }
#nav { list-style: none; margin: 34px 0 0; float:right; position:relative; z-index: 800;}
#nav li { float:left; margin: 0 0 0 20px; position:relative; z-index: 900; }
#nav li a { padding: 5px 0 10px; display:block; position:relative; z-index:910; }
#nav li.current-menu-item a, #nav li.current-menu-ancestor a { border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff; padding: 3px 0;  }

#nav li ul.sub-menu { 
  display: none; 
  position:absolute; 
  top: 15px; 
  left: -15px; 
  text-align:left; 
  background: #1A2A56;  
  padding-top: 20px;
  z-index: 850;
}
#nav li ul.sub-menu li { float: none; margin: 0; list-style: none; }
#nav li ul.sub-menu li a { display:block; padding: 8px 15px; width: 140px; color: #939598; }
#nav li.current-menu-item ul.sub-menu li a, #nav li.current-menu-parent ul.sub-menu li a { border: 0; }
#nav li ul.sub-menu li a:hover, #nav li ul.sub-menu li.current-menu-item a { border: 0; background: #455C9A; color: #fff; }

#nav li.social { margin: 0 0 0 10px; }
#nav li.social a { height: 16px; width: 16px; }
.social a { height: 40px; width: 40px; text-indent: -9000px; padding:0 !important; margin-top: 10px; outline: none; }
.social a:hover { background-position: bottom center; }
#nav li.facebook { margin: 0 0 0 20px; }
.facebook a { background: url(images/social-facebook.png) top center no-repeat; }
.linkedin a { background: url(images/social-linkedin.png) top center no-repeat; }
.twitter a { background: url(images/social-twitter.png) top center no-repeat; }

.button { display:block; background: #919398; padding: 15px; }
.button:hover { background: #1A2A56; }

.sm-btns ul {
	list-style: none;
}
.sm-btns ul li {
	display: inline-block;
	line-height: 24px;
	margin: 0 10px 0 0;
}
.sm-btns ul li a {
	display: block;
	font-size: 0;
	margin-top: 0;
}
.sm-btns ul .social.facebook a {
	background-image: url(images/social-facebook-internal-lg.png);
}
.sm-btns ul .social.twitter a {
	background-image: url(images/social-twitter-internal-lg.png);
}
.sm-btns ul .social.linkedin a {
	background-image: url(images/social-linkedin-internal-lg.png);
}

/*
CONTENT ITEMS
**************/

ul, ol { margin-bottom: 20px; }
ul li, ol li { margin: 0 0 10px 20px; }
td { vertical-align: top; }


/*
FORM ELEMENTS 
*****************/

input[type=text],input[type=email],input[type=password],select, textarea { 
  padding: 4px;
  outline: none;
  display: block;
  background: #fff;
  border: 1px solid #ccc;
  color: #6d6d6d;
  font-size: 12px;
  font-family: "Source Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type=text],input[type=email],input[type=password],select{ width: 250px;  }
textarea { width: 510px; }

input[type=submit]{
  border: 0; 
  padding: 6px 15px; 
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  background:  #1A2A56;
  font-size: 14px;
  text-transform:uppercase;
  font-family: "Source Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type=submit]:hover { background: #455C9A;  }

.wpcf7-validation-errors { border: 0 !important; background: #703a3a; color: #fff; }
.wpcf7-mail-sent-ok { border: 0 !important; background: #455C9A; color: #fff; }