/*
Theme Name: The Site That Bob Built
Theme URI: http://www.blconstructionnw.co.uk
Description: twizzlebird site for BL Construction
Version: 1
Author: Twizzlebird
Author URI: http://www.twizzlebird.co.uk
License:
License URI:
*/
@import url(inc/bower_components/normalize-css/normalize.css);
@import url(inc/bower_components/font-awesome/css/font-awesome.min.css);
@import url(inc/bower_components/animate.css/animate.min.css);
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0; }
  .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.clearFix:after {
  content: " ";
  display: block;
  clear: both; }


@media screen {
  html {
    position: relative;
    min-height: 100%; }
  body {
    background: url(img/bodyBg.jpg) fixed;
    font-size: 16px;
    border-top: 3px solid #2daf5e;
    font-family: "franklin-gothic-urw",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #282b2c; } }
  @media screen and (min-width: 960px) {
    body {
      font-size: 20px; } }

@media screen {
  .int {
    width: 90%;
    max-width: 1300px;
    margin: 0px auto;
    position: relative; }
  #wrapper {
    margin-bottom: 269px; }

  .headerContact {
    display: block;
    padding: 1em;
    background: #2daf5e;
    color: #fff;
    text-align: center; } }


@media screen {
    .headerContact p {
      margin: 0; }
  footer {
    background: #282b2c;
    padding: 1em;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
    footer p {
      color: #fff; }
    footer .socmed a {
      text-decoration: none; }
  .blog-tease {
    background: #fff;
    padding: 2em;
    border-left: 5px solid #2daf5e;
    -webkit-box-shadow: 0 0 50px 0 #282b2c;
    box-shadow: 0 0 50px 0 #282b2c; }
  .block {
    margin-bottom: 2em; }
  .panel {
    background: #fff;
    padding: 2em 3em; }
  .three-cols {
    text-align: center; }
    .three-cols img {
      display: block; }
    .three-cols a {
      color: #fff;
      text-decoration: none; }
    .three-cols .block-label {
      display: block;
      width: 90%;
      margin: 0 auto;
      background: #0d5541;
      padding: 1em;
      text-align: center;
      color: #fff; }
  h1 {
    font-size: 3em;
    font-weight: 400;
    color: #2daf5e;
    line-height: 1em;
    letter-spacing: -2px; } }
  @media screen and (min-width: 600px) {
    h1 {
      font-size: 4em; } }

@media screen {
    h1 strong {
      font-weight: 700;
      color: #0d5541; }
  h2 {
    font-size: 2em;
    font-weight: 400;
    color: #2daf5e;
    margin-top: 0; }
    h2 strong {
      font-weight: 700;
      color: #0d5541; }
    h2 a {
      text-decoration: none; }
  h4 {
    font-size: 1.3em;
    font-family: "franklin-gothic-urw",sans-serif;
    font-weight: 400;
    letter-spacing: -1px;
    color: #586e75; }
  a {
    color: #2daf5e; }
  a.button, button, input[type=submit], h5 a {
    display: inline-block;
    color: #fff;
    padding: 1em;
    background: #2daf5e;
    text-decoration: none;
    border-radius: 3px;
    margin-top: 10px;
    border: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 1em;
    -webkit-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
    -webkit-box-shadow: 0 0 5px 0 #586e75;
    box-shadow: 0 0 5px 0 #586e75; }
    a.button:hover, button:hover, input[type=submit]:hover, h5 a:hover {
      background: #586e75; }
  article ul {
    list-style: disc;
    margin: 10px 0px; }
  img {
    max-width: 100%; }
  img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline; }
  img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline; }
  .alignright {
    float: right; }
  .alignleft {
    float: left; }
  img.round, .page .attachment-post-thumbnail {
    border-radius: 50%;
    padding: 1em;
    background: #586e75; }
  a#logo {
    display: inline-block;
    width: 211px;
    height: 116px;
    text-indent: -9999px;
    background: url(img/logo.png); } }
  @media screen and (min-width: 600px) {
    a#logo {
      margin-top: 43px; } }

@media screen {
  nav {
    z-index: 10; }
  #topnav #menu-nav {
    display: none; }
  #topnav a {
    display: inline-block;
    text-decoration: none;
    padding: 15px;
    color: #fff;
    background: #282b2c;
    text-transform: uppercase; }
  #topnav a#jumplink {
    position: absolute;
    top: 1em;
    right: 0;
    border-radius: 50%;
    padding: 15px 17px; } }

@media screen and (min-width: 600px) {
  #topnav {
    position: absolute;
    top: 0;
    right: 0; }
    #topnav #menu-nav {
      display: block;
      list-style: none;
      margin: 0; }
      #topnav #menu-nav a {
        -webkit-transition: background-color 0.2s, color 1s;
        -o-transition: background-color 0.2s, color 1s;
        transition: background-color 0.2s, color 1s; }
        #topnav #menu-nav a:hover {
          background: #2daf5e; }
      #topnav #menu-nav ul {
        margin: 0px; }
      #topnav #menu-nav li.current-menu-item a {
        background: #2daf5e; }
      #topnav #menu-nav li {
        float: left; }
      #topnav #menu-nav li ul li {
        width: 100%;
        margin: 0px;
        padding: 0px; }
      #topnav #menu-nav li ul {
        position: absolute;
        left: -999em;
        max-width: 250px;
        background: #282b2c;
        list-style: none;
        padding: 0;
        margin: 0; }
        #topnav #menu-nav li ul a {
          background: none;
          border-right: none;
          display: block; }
      #topnav #menu-nav li ul ul {
        margin: -2em 0 0 6em; }
      #topnav #menu-nav li:hover ul ul {
        left: -999em; }
      #topnav #menu-nav li:hover ul, #topnav #menu-nav li li:hover ul {
        left: auto; }
    #topnav a#jumplink {
      display: none; } }

@media screen {
  #bottomnav {
    background: #000;
    position: absolute;
    display: block;
    width: 100%;
    min-height: 100vh;
    padding-top: 40px;
    z-index: 3; }
    #bottomnav ul {
      list-style: none;
      margin: 0;
      padding: 0; }
    #bottomnav a {
      display: inline-block;
      text-decoration: none;
      color: #fff;
      color: rgba(255, 255, 255, 0.8);
      padding: 10px;
      display: block;
      text-align: center;
      border-bottom: 1px solid #242424;
      text-transform: uppercase; }
    #bottomnav ul ul li a {
      padding: 5px;
      background: #242424;
      text-transform: capitalize;
      border-bottom: 1px solid #363636; } }
  @media screen and (min-width: 600px) {
    #bottomnav {
      display: none; } }

@media screen {
  p.form-allowed-tags {
    display: none; }
  #respond label {
    display: block; } }

@media screen and (min-width: 600px) {
  .two-cols {
    margin-bottom: 3.44828%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .two-cols:after {
      content: " ";
      display: block;
      clear: both; }
    .two-cols .col {
      width: 48.27586%;
      float: left;
      margin-right: 3.44828%; }
      .two-cols .col:nth-child(2n) {
        float: right;
        margin-right: 0; }
  .fat-thin {
    margin-bottom: 3.44828%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .fat-thin:after {
      content: " ";
      display: block;
      clear: both; }
    .fat-thin .col {
      width: 65.51724%;
      float: left;
      margin-right: 3.44828%; }
      .fat-thin .col:nth-child(2n) {
        width: 31.03448%;
        float: left;
        margin-right: 3.44828%;
        float: right;
        margin-right: 0; }
  .three-cols {
    margin-bottom: 3.44828%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .three-cols:after {
      content: " ";
      display: block;
      clear: both; }
    .three-cols .col {
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 33.33333%;
      float: left; }
      .three-cols .col:nth-child(3n) {
        float: right;
        margin-right: 0; }
  .grid {
    margin-bottom: 3.44828%; }
    .grid:after {
      content: " ";
      display: block;
      clear: both; }
    .grid .col {
      width: 25%;
      float: left; }
      .grid .col:nth-child(4n) {
        float: right; } 
}

@media screen {
  .wow {
    visibility: hidden; } 
}

@media print {
  nav {
    display: none; }
  .wow {
    display: block; }
  img {
    display: none; } 
}