/*
Theme Name: Mcnamara Courts & Pools
Author: Shaking Paper
Author URI: http://www.shakingpaper.com.au/
Version: 1.0
*/

/* Type
*********************************/ 

.hide-text, .project-navigation .next, .project-navigation .prev { 
	font-size: 0;
	border: 0 none;
	color: transparent;
	text-indent: -10000em;
	line-height: 0; }

/* Sitewide
*********************************/ 

* {
	padding: 0;
	margin: 0; }

.visible-phone {
  display: none !important; }

.visible-tablet {
  display: none !important; }

.hidden-desktop {
  display: none !important; }

.visible-desktop {
  display: inherit !important; }

@font-face {
  font-family: 'HelveticaNeueLTPro-Roman';
  src: url('_fonts/26EE48_0_0.eot');
  src: url('_fonts/26EE48_0_0.eot?#iefix') format('embedded-opentype'),
       url('_fonts/26EE48_0_0.woff') format('woff'),
       url('_fonts/26EE48_0_0.ttf') format('truetype'); }


body { 
  background: #f6f4f1;
  -webkit-font-smoothing: antialiased; }

body, input, textarea { 
  font-family: 'HelveticaNeueLTPro-Roman', 'Helvetica', 'Arial', sans-serif;
  font-size: 0.813em; }

body, a, #main h2, #main h3, .awards h4 { 
  color: #4f5a5c; }

#main, #footer, #footer a, .image-wrap span ul li {
  color: #959595; }

a { 
  text-decoration: none;
  -webkit-transition: all 0.2s ease; 
  -moz-transition: all 0.2s ease; 
  -o-transition: all 0.2s ease; 
  transition: all 0.2s ease; }

#wrapper { 
  background: #FFF;
  margin: 0 auto;
  width: 980px;
  line-height: 1.461em; }

  #header, #main, #footer, .block { 
    overflow: hidden;
    position: relative; }

  #header, #main, #footer { 
    padding: 20px 0;
    margin: 0 20px; }

  .col { 
    float: left; }

/* Header
*********************************/ 

  #header { 
    padding: 30px 0; }

  #header h1 { 
    float: left; }

  #header h1 a { 
    background: url("_images/logo.svg") no-repeat 50% 50%;
    background-size: 110px 85px;
    display: block;
    width: 110px;
    height: 85px; }

  #header ul { 
    float: right;
    margin-top: 30px;
    display: block; }

  #header ul li { 
    float: left;
    margin-left: 34px; }

  #header ul li a { 
    border-bottom: 1px solid #FFF;
    padding-bottom: 4px; }

  #header ul li a:hover, #header ul li.current_page_item a, .single-projects #header ul li.menu-item-14 a { 
    border-bottom: 1px solid #4f5a5c; }

/* Main
*********************************/ 

  #main img { 
    width: 100%;
    height: auto; }

  #main .col { 
    width: 460px;
    margin-left: 20px; }

  #main .col.last { 
    width: 340px;
    margin-left: 140px; }

  #main .col.first, #main .col:first-child, #main .team .col:nth-child(1n+5) { 
    margin-left: 0; }

  #main .col p, #main .col ul { 
    margin-bottom: 1em; }

  #main .col a, .project-navigation .all-projects a, #back-to-top a { 
    text-decoration: none;
    border-bottom: 1px solid #4f5a5c;
    padding-bottom: 2px; }

  #main .col a:hover, .project-navigation .all-projects a:hover, #back-to-top a:hover { 
    border-bottom: 1px solid #FFF;  }

  .block { 
    clear: both;
    border-top: 1px solid #b5be00;
    padding: 30px 0 18px; }

  .block:first-child { 
    margin-top: 0;
    border-top: 0 none;
    padding: 0 0 18px; }

  #main { 
    font-size: 1.071em; }

  #main h2, .home #main h3 { 
    font-size: 1.733em;
    line-height: 1.461em; }

  #main h2 { 
    max-width: 820px;
    margin-bottom: 27px; }

  #main .block .col ul li { 
    list-style: disc;
    margin-left: 1.5em; }

  /* Single Project
  *********************************/

  .single-project h2, .single-project .project-tax { 
    position: absolute;
    left: 0; }

  .single-project h2 { 
    bottom: 18px; }

  .single-project .project-tax { 
    bottom: 10px; }

  .single-project .share { 
    overflow: hidden;
    height: 1em;
    padding: 1em 0 .6em;
    position: relative; }

  .single-project .share > a, .single-project .share ul {
    position: absolute;
    line-height: 1em; }

  .single-project .share ul { 
    left: 48px;
    display: none; }

  .single-project .share ul li { 
    float: left;
    margin-right: 4px;
    list-style: none;
    margin-left: 0; }

  .single-project .share ul li { 
    list-style: none !important;
    margin-left: 0 !important; }

  .project-navigation { 
    border-top: 1px solid #b5be00;
    border-bottom: 1px solid #b5be00;
    padding: 30px 0 28px;
    width: 100%;
    display: block;
    clear: both;
    position: relative;
    overflow: hidden; }

  .project-navigation .prev a, .project-navigation .next a { 
    display: block;
    width: 20px;
    height: 25px; }

  .project-navigation .prev a { 
    background: url("_images/prev.svg") no-repeat 50% 0;
    float: left; }

  .project-navigation .next a { 
    background: url("_images/next.svg") no-repeat 50% 0;
    float: right; }

  .project-navigation .all-projects a { 
    position: absolute;
    left: 50%;
    margin-left: -36px;
    top: 35px;
    line-height: 1em; }

  /* Profile
  *********************************/ 

  #main .team .col { 
    width: 220px; }

  #main .team .col h4, #main .awards h3 { 
    border-bottom: 1px solid #959595;
    padding-bottom: 4px;
    margin-bottom: 10px; }

  #main .awards h4 { 
    margin-bottom: .25em; }

  #main .awards p { 
    line-height: 1.5em; }

  /* Services
  *********************************/

  #main .block .col ul.downloads, #main .block .col ul.resources { 
    overflow: hidden; }

  #main .block .col ul.downloads li, #main .block .col ul.resources li { 
    list-style: none;
    margin-left: 0;
    line-height: 1.8em;
    float: left;
    clear: both; }

  ul.downloads li, ul.resources li { 
    padding: 0 30px 0 0;
    display: inline-block; }

  ul.downloads li { 
    background: url("_images/download.svg") no-repeat top right; }

  ul.resources li { 
    background: url("_images/link.svg") no-repeat top right; }

  /* Contact
  *********************************/ 

  .wpcf7 span { 
    float: left;
    display: block; }

  .wpcf7 span.label { 
    width: 72px; }

  .wpcf7 span.wpcf7-form-control-wrap { 
    width: 388px; }

  .wpcf7 span.wpcf7-form-control-wrap input[type="text"], .wpcf7 span.wpcf7-form-control-wrap input[type="email"] { 
    border-bottom: 1px solid #cecece;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    width: 100%;
    color: #959595;
    font-size: 1em; }

  .wpcf7 span.wpcf7-form-control-wrap textarea { 
    border: 1px solid #cecece;
    resize: none;
    width: 100%;
    color: #959595;
    font-size: 1em;
    font-weight: normal;
    margin-top: .25em;
    width: 382px;
    padding: 2px; }

  .wpcf7 input[type=checkbox] { 
    margin: 0 .75em 0 .25em; }

  .wpcf7 input[type=submit] { 
    background: #FFF;
    border: 1px solid #cecece;
    padding: 7px 5px 5px;
    color: #959595;
    cursor: pointer;
    font-size: 1em; }

  .wpcf7-validation-errors, .wpcf7-not-valid-tip-no-ajax { 
    color: #b5be00;
    font-size: .875em;
    margin: .5em 0; }

  .page-template-page-contact-php #main img { 
    width: auto;
    height: auto;
    margin: 0 10px 10px 0;
    float: left; }

  .page-template-page-contact-php #main img.last { 
    margin: 0 0 15px 0; }

  .wpcf7 p { 
    clear: both;
    min-height: 14px; }

  .wpcf7 p.last { 
    margin-top: 2.1em; }

  #main .col.contact-info div { 
    overflow: hidden;
    margin-bottom: 30px;
    padding-bottom: 18px;
    border-bottom: 1px solid #959595; }

  #main .col.contact-info span {
    float: left; }

  #main .col.contact-info span.left { 
    color: #4f5a5c;
    width: 30%; }

  #main .col.contact-info span.right { 
    width: 70%; }

/* Footer
*********************************/ 

  #back-to-top { 
    text-align: center;
    padding: 0 0 20px; }

  #footer { 
    border-top: 1px solid #b5be00; }

  #footer a { 
    border-bottom: 1px solid #959595; }

  #footer a:hover { 
    border-bottom: 1px solid #FFF; }

  #footer .col { 
    width: 25%;
    font-size: 0.933em; }

/* Image handling
*********************************/ 

.project-images { 
  margin-right: -20px; }

.project-images li { 
  display: inline; }

.image-wrap {
  max-height: 625px;
  overflow: hidden;
  width: 940px;
  float: left;
  position: relative;
  margin: 0 20px 20px 0;
  -webkit-transition: max-width .5s ease-out;  /* Saf3.2+, Chrome */
  -moz-transition: max-width .5s ease-out;  /* FF4+ */
  -ms-transition: max-width .5s ease-out;  /* IE10? */
  -o-transition: max-width .5s ease-out;  /* Opera 10.5+ */
  transition: max-width .5s ease-out; }

.image-wrap.sixty { 
  max-height: 385px;
  width: 580px; }

.image-wrap.thirty { 
  max-height: 385px;
  width: 340px; }

.image-wrap img {
  -webkit-transition: margin-top .5s ease-out;  /* Saf3.2+, Chrome */
  -moz-transition: margin-top .5s ease-out;  /* FF4+ */
  -ms-transition: margin-top .5s ease-out;  /* IE10? */
  -o-transition: margin-top .5s ease-out;  /* Opera 10.5+ */
  transition: margin-top .5s ease-out; }

.image-wrap span.hover { 
  display: block;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #f6f4f1;
  -webkit-transition: all 0.2s ease; 
  -moz-transition: all 0.2s ease; 
  -o-transition: all 0.2s ease; 
  transition: all 0.2s ease; }

.ie7 .image-wrap span.hover, .ie8 .image-wrap span.hover { 
  display: none; }

.image-wrap:hover span.hover { 
  opacity: 1; }

.image-wrap span.hover h3, .image-wrap span.hover ul { 
  position: absolute;
  left: 30px; }

.image-wrap span.hover h3 { 
  bottom: 45px; }

.image-wrap span.hover ul { 
  bottom: 30px; }

#main .block .col ul.project-tax li { 
  list-style: none;
  margin-left: inherit; }

ul.project-tax li { 
  float: left;
  padding-right: 4px; }

ul.project-tax li:before { 
  content: ' / '; }

ul.project-tax li:first-child:before { 
  content: ''; }

.single-project .image-wrap.thirty { 
  max-height: 643px;
  width: 460px; }

/* Media Queries
*********************************/ 

@media (min-width: 740px) and (max-width: 979px) { /* Tablet */
  
  #wrapper { 
    width: 740px; }

  .hidden-desktop {
    display: inherit !important; }

  .visible-desktop {
    display: none !important ; }

  .visible-tablet {
    display: inherit !important; }

  .hidden-tablet {
    display: none !important; }

  /* Header
  *********************************/ 


  /* Main
  *********************************/ 

  #main h2 { 
    max-width: 640px; }

  #main .col, #main .team .col { 
    width: 340px;
    margin-left: 20px; }

  #main .col.last { 
    margin-left: 20px; }

  #main .team .col { 
    margin-left: 0;
    margin-right: 20px; }

  #main .team .col.tablet-no-margin { 
    margin-right: 0; }

  #main h2, .home #main h3 { 
    font-size: 1.466em;
    line-height: 1.272em; }

  /* Contact
  *********************************/ 

  .wpcf7 span.label { 
    width: 72px; }

  .wpcf7 span.wpcf7-form-control-wrap { 
    width: 268px; }

  .wpcf7 span.wpcf7-form-control-wrap textarea { 
    width: 262px; }

  #main .col.contact-info { 
    margin-left: 20px; }

  /* Footer
  *********************************/ 

  #footer .col { 
    font-size: 0.750em; }

  /* Image handling
  *********************************/ 

  .image-wrap, .image-wrap.sixty { 
    height: 307px;
    width: 460px; }

  .image-wrap.thirty { 
    height: 307px;
    width: 220px; }

  .home #main .image-wrap.thirty img { 
    height: 307px; }

  .single-project .image-wrap, .single-project .image-wrap.sixty { 
    height: 467px;
    width: 700px; }

  .single-project .image-wrap.thirty { 
    height: 475px;
    width: 340px; }

  .image-wrap span.hover h3, .image-wrap span.hover ul { 
    position: absolute;
    left: 20px; }

  .image-wrap span.hover h3 { 
    bottom: 35px; }

  .image-wrap span.hover ul { 
    bottom: 20px; }

}

@media (max-width: 740px) { /* Mobile */

  #wrapper { 
    width: 320px; }

  .hidden-desktop {
    display: inherit !important; }

  .visible-desktop { 
    display: none !important; }

  .visible-phone {
    display: inherit !important; }

  .hidden-phone {
    display: none !important; }

  /* Header
  *********************************/ 

 #nav-toggle { 
    float: right; }

  #header ul { 
    float: none;
    height: 190px;
    width: 280px;
    background: #FFF;
    margin-top: 0;
    display: none; }

  #header ul li { 
    float: none;
    margin-left: 0; }

  #header ul li a { 
    display: block;
    padding: 4px 0 }

  /* Sitewide
  *********************************/ 

  #wrapper { 
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -160px; }

  #main .col, #main .team .col, #footer .col, #main .col.last { 
    width: 100%;
    float: none;
    margin-left: 0; }

  #main h2, .home #main h3 { 
    font-size: 1.466em;
    line-height: 1.272em; }

  .block { 
    padding-bottom: 30px; }

  .block img { 
    padding-top: 12px; }

  .block .col.first img { 
    padding-bottom: 12px; }

  /* Header
  *********************************/ 

  #header h1 a { 
    background: url("_images/logo.svg") no-repeat 50% 50%;
    background-size: 81px 62px;
    display: block;
    width: 81px;
    height: 62px; }

  #header ul li a { 
    color: #959595;
    border-bottom: 1px solid #959595;
    padding-bottom: 4px; }

  #header ul li a:hover, #header ul li.current_page_item a, .single-projects #header ul li.menu-item-14 a { 
    color: #4f5a5c; }

  /* Single Project
  *********************************/ 

  .single-project h2, .single-project .project-tax { 
    position: relative;
    left: auto;
    bottom: auto; }

  #main.single-project h2, #main.single-project .project-tax { 
    margin-bottom: 2px; }

  #main.single-project .project-tax { 
    margin-bottom: 27px; }

/*  .single-project .share { 
    font-size: 0.875em; }*/

  /* Contact
  *********************************/ 

  .wpcf7 span.wpcf7-form-control-wrap { 
    width: 206px; }

  .wpcf7 span.wpcf7-form-control-wrap textarea { 
    width: 200px; }

  #main .col.contact-info { 
    margin-left: 0; }

  .page-template-page-contact-php #main img { 
    width: 85px; }

  /* Footer
  *********************************/ 

  #footer .col { 
    margin-bottom: 1em; }

  #footer .col:last-child { 
    margin-bottom: 0; }

  /* Image handling
  *********************************/ 

  .image-wrap, .image-wrap.sixty, .image-wrap.thirty, .single-project .image-wrap.thirty { 
    width: 280px; }

  .image-wrap.thirty, .image-wrap.sixty { 
    height: 187px; }

  .image-wrap.thirty img { 
    margin-top: -30%; }

  .single-project .image-wrap.thirty, .single-project .image-wrap.sixty { 
    height: auto; }

  .single-project .image-wrap.thirty img { 
    margin-top: 0; }

  .image-wrap span.hover h3, .image-wrap span.hover ul { 
    position: absolute;
    left: 20px; }

  .image-wrap span.hover h3 { 
    bottom: 35px; }

  .image-wrap span.hover ul { 
    bottom: 20px; }

}

/* WP Core
*********************************/

.alignnone {
    margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto; }

.alignright {
    float:right;
    margin: 5px 0 20px 20px; }

.alignleft {
    float: left;
    margin: 5px 20px 20px 0; }

.aligncenter {
    display: block;
    margin: 5px auto 5px auto; }

/* SVG fixes
*********************************/

.no-svg #header h1 a { 
  background: url("_images/logo.png") no-repeat 50% 50%; }

.no-svg .project-navigation .prev a { 
  background: url("_images/prev.png") no-repeat 50% 0; }

.no-svg .project-navigation .next a { 
  background: url("_images/next.png") no-repeat 50% 0; }

/* Clear Floats
*********************************/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; }

.clearfix:before {
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0; }

.clearfix:after {
	clear: both; }

.clearfix {
	zoom: 1; }