/*
Theme Name: Bills Garage
Theme URI: http://www.appnet.com
Description: Custom Theme for Bills Garage
Author: Appnet
Author URI: http://www.appnet.com
Template: vantage
Version: 1.0.0
*/

html * {
  box-sizing:border-box; }
body {
  
}

html body, html button, html input, html select, html textarea {
  font-family:"Roboto", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height:1.5em;
}

h1, h2, h3, h4, h5, h6, .main-navigation {
  font-family:"Roboto Condensed";
}
#primary h1, #primary h2, #primary h3, #primary h4, #primary h5, #primary h6 {
  font-weight:700;
}


body.responsive.layout-full #page-wrapper .full-container {
  max-width:1200px;
}

.entry-content h2 {
  margin:0;
  padding:20px 0 0 0;
}
.entry-content h3 {
  margin:0 0 10px 0;
  padding:10px 0 5px 0;
}
.entry-content h4 {
  margin:0;
  padding:10px 0 0 0;
}
.entry-content h5 {
  font-size:14px;
  line-height:20px;
  margin:0;
  padding:5px 0 10px 0;
}


a, a:link, a:visited, a:hover, a:active {
  transition:.4s ease all; }


nav.main-navigation ul li li a {
  font-size:18px;
  font-weight:400;
}

#topbar {
  color:#d9d9d9;
  font-size:16px;
  font-weight:400;
  line-height:20px;
  overflow:hidden;
  padding:10px;
}
#topbar .info {
  float:left;
}
#topbar .hours {
  float:right;
  text-align:right;
}


.home #main {
  margin:0;
  padding:0;
}
#main {
  padding-top:70px;
  padding-bottom:70px;
}

#primary,
.page-template-default #primary {
  width:69%; }
  
#primary ul {
  margin:0 0 20px 0;
}
#primary ul ul {
  margin:0 0 5px 0;
}
  

#callouts .panel-grid-cell:nth-child(1) {
  background:url('http://www.billsgarageofboone.com/wp-content/uploads/2017/03/bg-pattern-blue-1.png');
}
#callouts .panel-grid-cell:nth-child(2) {
  background:url('http://www.billsgarageofboone.com/wp-content/uploads/2017/03/bg-pattern-blue-2.png');
}
#callouts .panel-grid-cell:nth-child(3) {
  background:url('http://www.billsgarageofboone.com/wp-content/uploads/2017/03/bg-pattern-blue-3.png');
}
#callouts .panel-grid-cell:nth-child(4) {
  background:url('http://www.billsgarageofboone.com/wp-content/uploads/2017/03/bg-pattern-blue-4.png');
}
a.co1 {
  background:url('http://www.billsgarageofboone.com/wp-content/uploads/2017/03/co1.png') 100% 100% no-repeat;
}
a.co2 {
  background:url('http://www.billsgarageofboone.com/wp-content/uploads/2017/03/co2.png') 100% 100% no-repeat;
}
a.co3 {
  background:url('http://www.billsgarageofboone.com/wp-content/uploads/2017/03/co3.png') 100% 100% no-repeat;
}
a.co4 {
  background:url('http://www.billsgarageofboone.com/wp-content/uploads/2017/03/co4.png') 100% 100% no-repeat;
}

#callouts .panel-grid-cell a,
#callouts .panel-grid-cell a h3 {
  color:white;
}
#callouts .panel-grid-cell a h3 {
  margin:0 0 20px 0;
  padding:0;
}
#callouts .panel-grid-cell a {
  display:block;
  padding:30px;
  text-decoration:none;
}
#callouts .panel-grid-cell a div {
  background:rgba(255,255,255,0);
  border:1px solid white;
  display:inline-block;
  padding:5px 15px;
  transition:.4s ease all;
}
#callouts .panel-grid-cell a div:hover {
  background:rgba(255,255,255,1);
  color:#2e368f;
}


#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:0;
  border-radius:0;
  font-weight:300;
  line-height:30px;
  padding:0 5px;
  width:100%; }
  
table.hours {
  border:1px solid rgba(0,0,0,0.1);
  width:100%;
}
table.hours tr td {
  padding:5px 10px;
}
table.hours tr td:nth-child(2) {
  text-align:right;
}
table.hours tr:nth-child(odd) td {
  background:rgba(0,0,0,0.05);
}
table.hours tr:nth-child(even) td {
  background:rgba(0,0,0,0.025);
}
  
  
#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;}


.layout-full #colophon {
  padding:0;
}
#footer-widgets {
  background:#222;
  margin:0;
  padding:30px;
  text-align:center;
}
#footer-widgets .widget {
  font-family:"Roboto Condensed";
  font-weight:700;
  font-size:21px;
  line-height:24px;
}
#footer-widgets .widget p:first-child {
  margin-bottom:15px;
}

.icons {
  background:#222;
  overflow:hidden;
  padding:20px 30px;
  text-align:center;
}
.icons img {
  padding:0 5px;
}
.icons .aff a:first-child img,
.icons .cc img:first-child {
  padding-left:0;
}
.icons .aff a:last-child img,
.icons .cc img:last-child{
  padding-right:0;
}

#colophon #site-info {
  margin-bottom:30px; 
}


.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;
}
.page-list-ext .page-list-ext-item a {
  text-decoration:none;
}


ul.long-list {
  align-items:stretch;
  display:flex;
  flex-wrap:wrap;
  list-style:none;
  margin:0;
  padding:10px 0;
}
ul.long-list li {
  list-style:square;
  border-bottom:2px solid white;
  font-size:16px;
  line-height:20px;
  margin:0 0 0 2%;
  padding:5px 5px 5px 0;
  width:48%;
}

footer .map {
  background:transparent;
  position:relative;
  width:100%; /* your iframe width */
  height:300px; /* your iframe height */
  top:300px; /* your iframe height */
  margin-top:-300px; /* your iframe height */
}



@media (min-width: 1080px) {
  
  .aff { float:left; }
  .cc { float:right; }
  
} @media (min-width: 780px) {
  
  #callouts {
    align-items:stretch;
    display:flex;
  }
  
}

@media (max-width: 1080px) { 

  .aff {
    margin-bottom:20px;
  }

} @media (max-width: 780px) { 
  
  ul.long-list li {
    width:98%;
  }
  
  #topbar {
    display:none;
  }
  
  html body #pgc-3-0-0, html body #pgc-3-0-1, html body #pgc-3-0-2 {
    margin-bottom: 0;
  }

  .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) { 

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

}