h1, h2, h3,
h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  font-weight:300;
}
body {
  font-family: 'Roboto', sans-serif;
}
/* Foundation Reset Styles */
#offCanvasLeft{
  background-color:rgba(34,34,34,1);
  height:100%;
}
.top-bar,
.top-bar ul {
  background-color:#fff;
}
.reveal-overlay {
  background-color: rgba(0,0,0,0.8);
}
.reveal {
  background-color: rgba(34,34,34,.8);
  border:none;
  outline:0;
  padding:0;
}
.close-button:hover,
.close-button:focus {
  color:#f4f7f8;
}
.column:last-child:not(:first-child),
.columns:last-child:not(:first-child) {
  float:left;
}
.flex-video {
  padding-bottom: 56.4286%;
  margin-bottom:0;
}
.pagination a {
  font-size: 1.25rem;
  padding: .5em 1em;
}
.pagination a,
.pagination a:hover,
.pagination a:focus {
  background:#000;
  color:#f4f7f8;
}
@media screen and (min-width:40em) {
  .reveal {
    background-color: rgba(34,34,34,1);
  }
}

/* Envira Gallery */
.envira-gallery-item div.title {
  font-size: 75%;
  color: #908E74;
  margin-top: 1rem;
  margin-bottom:2rem;
}

/* Home Styles */
.home .off-canvas-content {
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}

.home .top-bar,
.home .top-bar ul,
.home .title-bar{
  background-color:transparent;
}
.home .title-bar .menu-icon:after {
  background:#fff;
  box-shadow: 0 7px 0 #fff,0 14px 0 #fff;
}
.home h1.title-bar-title {
  background:url("../images/lincoln-mark-reverse.png");
  background-size:55px 55px;
  background-repeat:no-repeat;
  font-size:initial;
  height:55px;
  width:55px;
  margin:0;
  text-indent:-9999px;
}
.home header ul.menu > li > a,
.home header ul.menu > li > a:hover,
.home header ul.menu > li > a:focus {
  color:#fff;
}
.home main#main {
  bottom:30px;
  left:0;
  right:0;
  position:absolute;
}
.home #primary h2.lead{
  color: #fff;
  margin-bottom:2rem;
}
.home #primary .button {
  background: transparent;
  color:#fff;
  border:1px solid #fff;
  -o-transition:background 0.3s ease 0s, color 0.3s ease 0s;
  -moz-transition:background 0.3s ease 0s, color 0.3s ease 0s;
  -webkit-transition:background 0.3s ease 0s, color 0.3s ease 0s;
  transition:background 0.3s ease 0s, color 0.3s ease 0s;
}
.home #primary .button:hover,
.home #primary .button:focus {
  background:#f4f7f8;
  color:#000;
}
@media screen and (min-width:40em) {
  .home #primary p {
    font-size:1.25em;
  }
  .home main#main {
    bottom:100px;
  }
  .home #primary p{
    margin-bottom:4rem;
  }
}

/* Page & Single Page Styles */
.error404 .page-content {
  margin-bottom:2rem;
}
.error404 .page-content a {
  color:#908E74;
}
.page-header, 
.post-header{
  padding-top:4rem;
  padding-bottom:2rem;  
}
.page-header p {
  padding-top:1rem;
  line-height:2;
}
span.sub-header {
  color:#908E74;
}
.page-content, 
.post-content{
  padding-top:3rem;  
}
.page-template-page-about .page-content {
  background-size:cover;
  background-position:top center;
  background-attachment:fixed;
  background-repeat:no-repeat;
}
.page-template-page-about .page-content .column {
  background:#fff;
  color:#908E74;
}
.page-template-page-about .page-content .column a {
  color:#908E74;
  -o-transition: background 0.3s ease 0s, color 0.3s ease 0s;
  -moz-transition: background 0.3s ease 0s, color 0.3s ease 0s;
  -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s;
  transition: background 0.3s ease 0s, color 0.3s ease 0s;
}
.page-template-page-about .page-content .column a:hover,
.page-template-page-about .page-content .column a:hover {
  color:#000;
}
#blog-roll {
  margin-right:-1px;
}
#blog-roll > .columns {
  border:0!important;
}
#blog-roll .columns {
  padding-left:0;
  padding-right:0;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}
.post-column {
  margin-bottom:2rem;
}
.post-wrap {
  background:#f4f7f8;
  padding:2rem;
}
.post-wrap .entry {
  margin-bottom:2rem;
}
.post-column .button {
  background:transparent;
  color:#000;
  margin-bottom:0;
  padding:0;
  font-weight:500;
}
p.post-date {
  color:#908E74;
  font-size:.85rem;
  margin-bottom:.25rem;
}
p.post-author {
  margin-bottom:.25rem;
}
.video-row {
  background-color:#f4f7f8;
}
.single-project-desc p {
  font-size:75%;
  color:#908E74;
  margin-top:1em;
}
a.return {
  margin:3em 0;
}
@media screen and (min-width:64em) {
  p.post-author, p.post-date {
    text-align:right;
  }
}
@media screen and (min-width:40em) {
  .page-header h1,
  .post-header h1 {
    font-size:2.75rem;
  }
  .page-template-page-about .page-content {
    padding-top:6rem;
    padding-bottom:6rem;
  }
  .page-template-page-about .page-content .column {
    padding:5rem 3rem;
  }
  .post-title h2 {
    font-size:2rem;
  }
}
@media screen and (max-width:39.9375em) {
  .page-template-page-about .page-content {
    background-image:none!important;
  }
}

/* Header Styles */
.title-bar {
  background:#fff;
}
.title-bar .menu-icon:after {
  background:#000;
  box-shadow: 0 7px 0 #000,0 14px 0 #000;
}
.title-bar .title-bar-left {
  width:100%;
}
.title-bar .title-bar-left > div {
  margin:0 auto;
  width:55px;
}
.title-bar .menu-icon {
  float:left;
  top: 22px;
}
.title-bar .title-bar-left > div h1 {
  float:right;
}
h1.title-bar-title,
span.title-bar-title {
  background:url("../images/lincoln-mark.png");
  background-size:55px 55px;
  background-repeat:no-repeat;
  font-size:initial;
  height:55px;
  width:55px;
  margin:0;
  text-indent:-9999px;
}
ul#nav {
  margin-top:20px;
}
ul.off-canvas-list {
  margin:.5rem 0;
}
ul.off-canvas-list,
ul.off-canvas-list li {
  list-style:none;
}
ul.off-canvas-list li a {
  padding:.5rem 1rem;
  display:block;
}
ul.off-canvas-list li a,
ul.off-canvas-list li a:hover,
ul.off-canvas-list li a:focus {
  color:#fff;
}

/* Contact Form PopUp Styles */
#contact-modal.reveal {
  background-color:transparent;
}
.contact-form-wrap h4 {
  margin-bottom:2rem;
}
.contact-form-wrap {
  color:#fff;
  padding:3rem;
}
.contact-form-wrap form input[type='submit'],
.contact-form-wrap form p {
  margin-bottom: 0;
}
.contact-form-wrap form input[type=text],
.contact-form-wrap form input[type=email],
.contact-form-wrap form textarea {
  margin-bottom:.2rem;
  border:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  padding-left:15px;
}
.contact-form-wrap form input[type=text],
.contact-form-wrap form input[type=email],
.contact-form-wrap form textarea{
  background:#222222;
  color:#fff;
}
.contact-form-wrap form input[type=text],
.contact-form-wrap form input[type=email] {
  height:3rem;
}
.contact-form-wrap .button {
  background:#f4f7f8;
  color:#000;
  padding:1rem;
}
div.wpcf7 img.ajax-loader {
  display:none;
}
div.wpcf7-response-output {
  display:none!important;
}
.wpcf7-not-valid-tip {
  color:#fff!important;
  margin: 0 0 1rem 0;
  padding: .5rem 1rem;
  border-radius: 0;
  position: relative;
  color: #0a0a0a;
  background-color: #f04124;
}

/* Sidebar Styles */
@media screen and (min-width:40em) {
  .widget h3 {
    font-size:1.5rem;
    color:#908E74;
  }
}

/* Footer Styles */
footer#site-footer{
  font-size:.85rem;
  padding-top:2rem;
  padding-bottom:2rem;
}
.footer-left {
  float:left;
}
footer#site-footer img.log-cabin {
  float:right;
}
@media screen and (max-width:39.9375em) {
  .footer-left {
    float:none;
    text-align:center;
  }
  footer#site-footer img.log-cabin {
    display:block;
    float:none!important;
    margin-top:2rem;
    margin-right:auto;
    margin-left:auto;
  }
}

/* Sidebar Styles */
@media screen and (min-width:40em){
  .blog .widget {
    padding-right:50px;
    padding-left:40px;
  }
}

/* Project Styles */
#projects {
  margin-right:-1px;
}
#projects .columns {
  padding-left:0;
  padding-right:0;
  border-right: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
}
.project-wrapper {
  position:relative;
}
.project-wrapper .overlay {
  background:#000;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:0.2;
  position:absolute;
}
.project-img-wrap {
  overflow:hidden;
}
.project-img-wrap img {
  width:auto;
  
}
.project-desc h4 sup,
.project-popup-desc h4 sup{
  font-size:60%;
  font-weight:400;
}
.sub-header sup {
  font-size:40%;
  font-weight:400;
  top:-1.25em;
}
.project-desc {
  color:#fff;
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  padding:2rem;
  opacity:1;
}
#projects .project-wrapper .project-desc p {
  font-weight:500;
  margin-bottom:0;
}
.project-video-wrap {
  width:100%;
  margin-top:3.25rem;
}
.project-popup-desc a {
  color:#fff;
}
.project-popup-desc a:hover {
  text-decoration:underline;
}
.project-popup-desc .project-nav a.more {
  margin-right:2em;
}
.project-popup-desc .project-nav a.button {
  margin-bottom:0;
}
.project-popup-desc .project-nav a.button:hover {
  text-decoration:none;
}
.project-popup-desc {
  color:#fff;
  padding:2rem;
  width:100%;
}
.project-popup-desc p,
.project-popup-desc span {
  font-size:.85rem;
}
.project-popup-desc span {
  font-weight:700;
}
@media screen and (min-width: 64em) {
  .project-video-wrap {
    width:66.66667%;
    margin-top:0;
  }
  .project-popup-desc {
    width:33.33333%;
  }
}
@media screen and (min-width: 40em){
  .project-wrapper .overlay {
    background:#000;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0;
    -o-transition:opacity 0.3s ease 0s;
    -moz-transition:opacity 0.3s ease 0s;
    -webkit-transition:opacity 0.3s ease 0s;
    transition:opacity 0.3s ease 0s;
  }
  .project-wrapper:hover .overlay {
    opacity:0.2;
  }
  .project-desc {
    opacity:0;
    -o-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
  }
  .project-wrapper:hover .project-desc {
    opacity:1;
    -ms-transform: translate(0px,10px);
   	-webkit-transform: translate(0px,10px);
    transform: translate(0px, 10px);
  }
}

/* Client List Styles */
ul.client-list {
  margin-left:0;
  margin-bottom:0;
}
ul.client-list,
ul.client-list li {
  list-style: none;
  width: 100%;
  text-align: center;
}
ul.client-list li {
  background-color: #f4f7f8;
  border-left: 1px #fff solid;
  border-bottom: 1px #fff solid;
  float:left;
  height: 150px;
  line-height: 150px;
  width: 50%;
  position: relative;
}
ul.client-list li img {
  max-width:35%;
}
ul.client-list li img[alt='GoogleX Logo'] {
  max-width:15%;
}
ul.client-list li img[alt='Milpitas Unified School District'],
ul.client-list li img[alt='plantronics'] {
  max-width:40%;
}
@media screen and (min-width:64em){
  ul.client-list li {
    width:20%;
  }
}
@media screen and (min-width:40em) and (max-width:63.9375em){
  ul.client-list li img {
    max-width:25%;
  }
  ul.client-list li img[alt='GoogleX Logo'] {
    max-width:10%;
  }
  ul.client-list li img[alt='Milpitas Unified School District'],
  ul.client-list li img[alt='plantronics'] {
    max-width:35%;
  }
}
@media screen and (max-width:39.9375em){
  ul.client-list li img {
    max-width:45%;
  }
  ul.client-list li img[alt='GoogleX Logo'] {
    max-width:15%;
  }
  ul.client-list li img[alt='Milpitas Unified School District'],
  ul.client-list li img[alt='plantronics'] {
    max-width:45%;
  }
}