/*
Theme Name: Localbook
Author: Sebo Marketing
Author URI: http://sebomarketing.com/
Description: The standard Theme for Localbook
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/

@media (max-width: 979px) {
  header#main {
    height: auto !important;
  }
  header#main #header-wrapper {
    width: 100% !important;
    position: relative !important;
    height: auto !important;
    text-align: center;
  }
  header#main #site-logo {
    position: relative !important;
  }
  header#main #head-search {
    position: relative !important;
    height: auto !important;
    margin: 0 auto;
    margin-top: 15px;
  }
  div#main #primary {
    width: 100% !important;
  }
  #slides .slide-img img {
    width: 100%;
  }
  .home #primary #home-blobs {
    height: 280px !important;
  }
  .home #primary #home-blobs #mobile-search {
    height: 250px !important;
  }
  footer#main-foot #footer-wrapper {
    width: 100% !important;
  }
  #precheckform {
    padding: 20px 20px 15px !important;
  }
  div#main #content article .entry-nav aside.right {
    width: auto !important;
    border-left: none !important;
  }
}

@media (max-width: 979px) and (min-width: 683px) {
  footer#main-foot {
    overflow: hidden;
  }
}

@media (max-width: 682px) {
  header#main #head-search {
    width: 100% !important;
  }
  header#main #head-search .search-box {
    height: 125px !important;
  }
  header#main #head-search form#s_form input {
    width: 80% !important;
  }
  form#s_form {
    margin-left: 10%;
  }
  input#what {
    left: 0px;
    position: relative;
    float: left;
  }
  header#main #head-search #hints .namehint {
    top: -90px;
    float: left;
    margin-left: 10%;
  }
  input#where {
    position: relative;
    left: 0px;
    top: 25px;
    float: left;
  }
  header#main #head-search #hints .localhint {
    float: left;
    position: relative !important;
    top: -40px;
    margin-left: 10%;
    left: 0 !important;
  }
  header#main #head-search form#s_form #submit {
    position: relative !important;
    top: 55px !important;
  }
  .home #primary #content article header aside#home-states {
    position: relative !important;
    right: 0px !important;
    top: 0px !important;
  }
  .home #primary #content article .entry-content nav.state-menu > ul > li {
    width: 35% !important;
  }
  .home #primary #home-blobs #about-localbook {
    width: 100% !important;
    height: auto !important;
  }
  .home #primary #home-blobs #mobile-search {
    width: 100% !important;
    float: left;
    padding: 15px 0 !important;
  }
  .home #primary #home-blobs #mobile-search img {
    margin-top: 80px !important;
    float: right;
    margin-right: 18px;
  }
  footer#main-foot #footer-wrapper #footer-links .category-links ul {
    -moz-column-count: 3 !important;
    -webkit-column-count: 3 !important;
    column-count: 3 !important;
  }
  .home #primary #home-blobs #about-localbook h2, .home #primary #home-blobs #about-localbook p, .home #primary #home-blobs a, .home #primary #home-blobs #mobile-search h2, .home #primary #home-blobs #mobile-search p {
    margin-left: 15px;
    margin-right: 15px;
  }
  footer#main-foot #footer-wrapper #bottom-links aside.left {
    width: 100% !important;
    padding: 0 !important;
  }
  #bottom-links .right {
    float: left;
  }
  footer#main-foot #footer-wrapper #bottom-links aside .link-list {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  header#main #head-search #hints {
    width: 100% !important;
  }
  div#footer-wrapper {
    overflow: hidden;
  }
  div#main #content article .entry-nav {
    height: 100px !important;
  }
  div#main #content article .entry-nav aside.left {
    width: 100% !important;
    border-right: none !important;
  }
  div#main #content article .entry-nav aside {
    padding: 10px 0 !important;
  }
  div#main #content article .entry-nav aside h2 {
    padding-left: 10px;
  }
  div#head-search {
    overflow: hidden;
  }
}

@media (max-width: 480px) {
  footer#main-foot #footer-wrapper #footer-links .category-links ul {
    -moz-column-count: 2 !important;
    -webkit-column-count: 2 !important;
    column-count: 2 !important;
  }
  #precheckform {
    width: 100% !important;
  }
  input#bname, input#bphone, input#baddr, input#bzip {
    width: 40%;
    left: -25px;
    position: relative;
  }
}