/*
Theme Name:  TDJ Construction Mobile Version
Theme URI:  http://www.tdjconstruction.co.uk
Description:  Mobile Friendly Version of the Theme for TDJ Construction
Version: 1.0.7
Author: Horizon Web Development
Author URI: http://www.horizonweb.co.uk/
*/
/*Header*/
header {
  max-width: 100%; }

section#logo {
  max-width: 100%;
  height: 80px;
  margin: 0 auto;
  background: url(images/logo-mob.png) no-repeat left; }

section#logo h1 {
  font-size: 18px;
  font-weight: normal;
  padding: 50px 0 0 72px; }

/*Navigation*/
@media all and (max-width: 960px) {
  /*Re-writes the nav boxes to be smaller on smaller screens*/
  nav ul {
    width: 100%; }

  nav ul li, nav ul li a:link, nav ul li a:visited {
    font-size: 13px;
    padding: 0 8px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none; }

  nav ul li ul, nav ul li ul li ul {
    width: auto; } }
/*Sidebar*/
@media all and (max-width: 800px) {
  section#sidebar {
    display: none; }

  section#content {
    width: 100%; } }
@media all and (max-width: 800px) and (max-width: 720px) {
  section#content h2, section#content h3, section#sidebar h2 {
    height: auto;
    line-height: 25px;
    padding: 10px 0 10px 20px; } }
@media all and (max-width: 800px) {
  /*Re-writes the nav boxes to be smaller on smaller screens*/
  nav ul li, nav ul li a:link, nav ul li a:visited {
    font-size: 12px;
    padding: 0 5px; }

  nav ul li ul, nav ul li ul li ul {
    width: auto; } }
/* PDF from Google Doc size */
@media all and (max-width: 600px) {
  .pdfFrame {
    width: 400px;
    height: 500px; } }
@media all and (max-width: 720px) {
  div#contact {
    display: none; }

  /*	Re-writes the nav boxes to be smaller on smaller screens*/
  nav, nav ul {
    height: 60px;
    line-height: 60px; }

  nav ul li, nav ul li a:link, nav ul li a:visited {
    font-size: 11px;
    padding: 0 3px; }

  nav ul li ul, nav ul li ul li ul {
    width: auto;
    top: 60px; } }
@media all and (max-width: 700px) {
  div#contact {
    display: none; } }
@media all and (max-width: 650px) {
  div.gallery dl.gallery-item {
    width: 50% !important; }

  /*Makes gallery items two wide rather than 3 wide on small screens*/ }
@media all and (max-width: 500px) {
  section#logo h1 {
    display: none; } }
@media all and (max-width: 480px) {
  div#mobile {
    display: inline; }

  .menu {
    display: block; }

  nav {
    height: auto;
    display: none; }

  nav ul {
    line-height: 50px;
    width: 100%;
    display: block; }

  nav ul li {
    border-bottom: 1px solid #226444;
    display: block;
    background: #317d58; }

  nav ul li {
    list-style: none;
    float: none;
    margin: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none; }

  nav ul li a {
    float: none;
    width: 100%;
    padding: 0 25px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Open Sans", Arial, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    display: block;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none; }

  nav ul li a:visited {
    color: #fff; }

  nav ul li a:hover {
    background: #226444; }

  nav ul li a:active {
    background: #ffc606; }

  nav ul li:hover > ul {
    display: block;
    visibility: visible;
    opacity: 1;
    width: 100%;
    margin-top: -10px;
    transition: none; }

  nav ul li ul li {
    background: #317d58; }

  /*Makes gallery items one wide rather than 3 wide on very small screens - updated this to be fairly smaller screens*/ }
@media all and (max-width: 480px) and (max-width: 450px) {
  div.gallery dl.gallery-item {
    width: 100% !important; } }

/*# sourceMappingURL=mobile.css.map */