/*
Theme Name: New River Building Supply
Theme URI: http://www.appnet.com
Description: Custom Theme for New River Building Supply
Author: Appnet
Author URI: http://www.appnet.com
Template: vantage
Version: 1.0.1
*/

html * {
  box-sizing:border-box; }
body {
  font-family:"Lato";
}

a, a:link, a:visited, a:hover, a:active {
  transition:.4s ease all; }
  
  
#header-img {
  background-position: center center;
  background-size:cover;
  border-bottom:5px solid #324A28;
  max-height:300px;
  /*margin:0 -35px; */
  position:relative;
  top:0;
  overflow:hidden;
}

#header-img img {
	width:100%;
	position:relative;
	margin-top:-4%;
	margin-bottom:-5px;
}


nav.main-navigation ul li a {
  font-weight:300;
  text-transform:uppercase;
}

nav.main-navigation ul li li a {
  font-weight:300;
  text-transform:none;
}
nav.main-navigation ul li.current_page_item > a {
  color:white;
}
nav.main-navigation ul {
  padding-top:0;
}
nav.main-navigation ul ul {
  padding-top:0;
}

header#masthead {
  border-bottom:5px solid #324A28;
}

a.logo {margin-top:0 !important; padding:0 !important;}

#header-sidebar {
  font-size:16px;
  font-weight:300;
  color:white;
  margin:0;
  padding:10px 0;
  text-align:center;
}
#header-sidebar a {
  color:white !important;
}
#header-sidebar .widget {
  margin:0;
}
#header-sidebar span {
  display:inline-block;
  padding:0 10px;
}


#primary blockquote {
  border:1px solid #aaa;
    border-left:0; border-right:0;
  margin:20px 100px;
  padding:10px;
  text-align:center;
}
.home #primary blockquote {
  margin-top:0;
  margin-bottom:0;
}
.home h2 {
  font-size:27px;
  text-align:center;
}
.home #main {
  padding:0;
}


#primary,
.page-template-default #primary {
  width:69%; }

#callouts .siteorigin-panels-stretch {
  border:5px solid #324A28;
    border-left:0; border-right:0;
  padding-left:5px !important;
  padding-right:5px !important;
}
#callouts a {
  background-size:cover !important;
  display:block;
  height:280px;
  position:relative;
}

#callouts a.co1 {
  background:linear-gradient(rgba(50,74,40,0),rgba(50,74,40,0.75)), url('//www.newriverbuilding.com/wp-content/uploads/co1.jpg') 50% 50%;
}
#callouts a.co2 {
  background:linear-gradient(rgba(50,74,40,0),rgba(50,74,40,0.75)), url('//www.newriverbuilding.com/wp-content/uploads/co2.jpg') 50% 50%;
}
#callouts a.co3 {
  background:linear-gradient(rgba(50,74,40,0),rgba(50,74,40,0.75)), url('//www.newriverbuilding.com/wp-content/uploads/co3.jpg') 50% 50%;
}

#callouts a h3 {
  color:white;
  font-size:25px;
  margin:0;
  position:absolute;
    right:20px; bottom:20px;
  text-shadow:0 0 0 rgba(0,0,0,0);
  transition:.4s ease all;
}
#callouts a:hover h3 {
  font-size:30px;
    right:30px; bottom:30px;
  text-shadow:0 0 10px rgba(0,0,0,0.5);
}

#welcome {
  padding-top:10px;
}
#welcome .panel-grid-cell .so-panel {
  margin-bottom:0 !important;
}
#welcome2 {
  padding-bottom:25px;
}

#locations .siteorigin-panels-stretch {
  background:linear-gradient(rgba(50,74,40,0.9),rgba(50,74,40,0.9)), url('//www.newriverbuilding.com/wp-content/uploads/bg-truck.jpg') 50% 50% no-repeat;
  background-size:cover; 
  padding-top:50px;
  padding-bottom:50px;
}
#locations .widget {
  color:white;
  font-weight:300;
  text-align:center;
}
#locations .widget h3 {
  color:white;
  margin:0;
  padding:0; 
}

#brands {
  padding-top:50px;
  padding-bottom:50px;
}


.staff .staffmember .widget {
  background:#f6f6f6;
  margin:0;
  padding:10px;
  text-align:center;
}
.staff .staffmember img {
  margin-bottom:10px;
}
.staff .staffmember h3 {
  font-size:20px;
  font-weight:400;
  margin:0;
  padding:0;
}
.staff .staffmember h4 {
  font-size:14px;
  font-style:italic;
  font-weight:300;
  margin:0;
  padding:0;
}

.page-list-ext .page-list-ext-item {
  background:#f6f6f6;
  font-size:90%;
  font-weight:300;
  line-height:150%;
  overflow:hidden;
  padding:20px;
}
.page-list-ext .page-list-ext-item .page-list-ext-image {
  margin:5px 15px 0 0;
}
.page-list-ext .page-list-ext-item h3 {
  margin:10px 0;
  padding:0;
}



#secondary {
  width:29%; }
#secondary .widget {
  background:#f6f6f6;
  margin:0 0 15px 0;
  padding:15px; }
#secondary .widget :last-child {
  margin-bottom:0;
  padding-bottom:0; }
#secondary .widget h3.widget-title {
  border-bottom:1px dashed rgba(0,0,0,0.1);
  margin:5px 0 10px 0;
  padding:0 0 5px 0; }
#secondary .widget_recent_entries li {
  margin-bottom:10px; }
#secondary .widget input {
  border:1px solid rgba(0,0,0,0.25);
  border-radius:0;
  font-weight:300;
  line-height:25px;
  padding:0 5px;
  width:99%; }
  
  
#site-info {
  margin-top:0 !important;
}
  
  
#formfields {overflow:hidden;}
#formfields p {
  float:left;
  margin:0 0 10px 0;
  padding-right:2%;
  width:50%; }
#formfields p.full {
  padding-right:2%;
  width:100%; }
  
#formfields input, #formfields textarea {width:100%; padding:5px;}
#formfields h2 {clear:both; padding:20px 0 0 0; margin:0;}




@media (max-width: 1080px) { 
  
  nav.main-navigation ul {
    padding-top:64px;
  }

  #welcome, #welcome2 {
    padding-left:20px;
    padding-right:20px;
  }

} @media (max-width: 780px) { 

  #header-sidebar {
    font-size:14px;
  }
  #header-sidebar span {
    display:block;
    height:0;
    margin:0;
    overflow:hidden;
    padding:0;
  }

} @media (max-width: 680px) { 
  
  #callouts .panel-grid-cell {margin-bottom:10px !important;}
  #callouts .panel-grid-cell:last-child {margin-bottom:0 !important;}

  .entry-content .alignleft, .entry-content .aligncenter, .entry-content .alignright {
    display:block;
    float:none;
    margin:10px auto;
  }
  footer #footer-widgets .widget {
    width:100%; }

} @media (max-width: 480px) { 
  
  a.logo {max-width:200px;}
  nav.main-navigation ul {
    padding-top:30px;
  }

  #formfields p, #formfields p.full {
    float:none;
    padding-right:0;
    width:100%; }

}

.pass-label {display:none;}