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




/*------------------
/*
/*  GENERAL
/*
/*------------------*/

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

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; }
  
ul, ol {
  margin:10px 0 20px 0;
  padding:0; }
ul ul, ol ol {
  margin:0 0 5px 0;
  padding:0; }




/*------------------
/*
/*  HEADER
/*
/*------------------*/

#topbar {
  background:#0501ec;
  color:white;
  line-height:50px;
  font-size:24px;
  overflow:hidden;
}
#topbar a {
  color:white;
  text-decoration:none;
}
#topbar .social {
  float:left;
  width:50%;
  padding-left:35px;
}
#topbar .social a {margin-right:5px;}
#topbar .phone {
  float:right;
  text-align:right;
  width:50%;
  padding-right:35px;
}

nav.sticky {
  background:rgba(255,255,255,0.75) !important;
}

#menu-mobilenav-container {
  background:rgba(0,0,0,0.7);
}

header#masthead {
  position:absolute;
  width:100%;
}

header#masthead.masthead-logo-in-menu .logo {
    padding-left:0;
    padding-right:0;
}

header#masthead {
  background:transparent;
}

nav.main-navigation {
  background:transparent;
}
nav.main-navigation ul li a {
  padding-top:10px;
  padding-bottom:10px;
  margin-top:0;
  text-transform:uppercase;
}

.menu-mobilenav-container ul.menu li {
  margin-top:40px;
  margin-right:15px;
}

#header-img {
  background-position:50% 50%;
  background-size:cover;
  height:175px;
  margin:0 -35px;
  position:relative;
    top:0; }
.noheaderimg {
  background-image:url('//www.ajcocontractors.com/wp-content/uploads/2017/12/fader1.jpg'); }



/*------------------
/*
/*  PRIMARY CONTENT
/*
/*------------------*/

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

#main h2 {
  border-bottom:1px solid #ccc;
  padding-bottom:5px;
  margin-bottom:10px;
}

div.banner {
  background:url('//www.ajcocontractors.com/wp-content/uploads/2017/12/bg-bar.jpg') 50% 50% no-repeat;
  background-size:cover;
}
div.banner h3 {
  color:white;
}
div.banner a.slogan-link {
  color:#98a2ae;
  display:block;
  margin:32px auto 10px auto;
  text-align:center;
  text-decoration:none;
  font-weight:700;
  font-size:40px;
  text-transform:uppercase;
}

#primary,
.page-template-default #primary {
  width:69%; }
#callouts {
  margin-bottom:3px;
}
#callouts .widget_text .callout {
  background-size:cover !important;
}
#callouts .widget_text .co1 {
  background:linear-gradient(rgba(5,1,236,0.75), rgba(5,1,236,0.75)), url('//www.ajcocontractors.com/wp-content/uploads/2017/12/co1.jpg') 50% 50% no-repeat;
}  
#callouts .widget_text .co2 {
  background:linear-gradient(rgba(5,1,236,0.75), rgba(5,1,236,0.75)), url('//www.ajcocontractors.com/wp-content/uploads/2017/12/co2.jpg') 50% 50% no-repeat;
}  
#callouts .widget_text .co3 {
  background:linear-gradient(rgba(5,1,236,0.75), rgba(5,1,236,0.75)), url('//www.ajcocontractors.com/wp-content/uploads/2017/12/co3.jpg') 50% 50% no-repeat;
}  
#callouts .widget_text a {
  display:block;
  font-size:24px;
  padding:300px 40px 40px 40px;
  text-transform:uppercase;
  text-decoration:none;
  color:white;
}
#callouts .widget_text a:hover {
  padding-left:50px; 
  padding-top:290px;
  padding-bottom:50px;
  font-size:32px;
}
#callouts .widget_text strong {
  display:block;
}



/*------------------
/*
/*  SIDEBAR
/*
/*------------------*/

#secondary {
  width:29%; }
#secondary .widget {
  background:#98a2ae;
  color:white;
  margin:0 0 15px 0;
  padding:15px; }
#secondary .widget :last-child {
  margin-bottom:0;
  padding-bottom:0; }
#secondary .widget h3.widget-title {
  border-bottom:3px solid white;
  color:white;
  margin:0 -15px 15px -15px;
  padding:0 15px 10px 15px;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:2px; }
#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%; }
#secondary .widget a {
  color:white;
  font-weight:400;
  text-decoration:underline !important; }
  
  



/*------------------
/*
/*  FOOTER
/*
/*------------------*/

footer#colophon {
  border-top:5px solid #0a07b7;
  box-shadow:0 -3px 0 #98a2ae;
}
footer aside.widget {
  text-align:center;
  font-size:18px !important;
}  
footer h3.widget-title {
  text-transform:uppercase;
  font-size:24px !important;
}
footer #footer-widgets {
  padding-top:25px;
  padding-bottom:25px;
}
  
  
  

/*------------------
/*
/*  OTHER
/*
/*------------------*/  
  
#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 select, 
#formfields textarea { 
  padding:5px;
  width:100%; }
#formfields h2 {
  clear:both;  
  margin:0; 
  padding:20px 0 0 0; }
  
  
  
  

/*------------------
/*
/*  MEDIA QUERIES
/*
/*------------------*/  

@media (min-width: 1200px) {
  
  body.responsive.layout-full #page-wrapper header .full-container {
    max-width: calc(100% - 70px);
}
  
}

@media (max-width: 1200px) { 


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

  .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) { 
  
  #topbar { 
    display:none;
  }

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

}