/*
Theme Name: WD
Theme URI: http://www.dev.nowherefamous.com.au/wd
Author: Nowhere Famous
Author URI: http://www.nowherefamous.com
Description: WD.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: WD
*/

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body
{
	height:100%;
    width: 100%;
	margin: 0;
}	
html {height:100%}
body { min-height:100%; font-family: BrandonText-Regular; font-weight:normal; overflow-x: hidden; }
.sitewrapper { min-height:100%; max-width: 1200px; margin:0 auto;}
p {margin-top:0px;}
h1 {font-size:3em; font-weight:normal; line-height:1.2em;}
h2 {font-size:2em; font-weight:normal;}
h3 {font-size:1.5em; font-weight:normal; margin-top:0px;}
u {text-decoration:none; border-bottom: 1px solid black;}
a {text-decoration:none; color:#000;}
a:hover {color:#CCC;}
.footer a:hover {color:#FFF;}
img {display:block;}
/*
header
*/
.menuwrapper {margin-top:45px;}	
.menulogo {width:70%; float:left;}
.menulist {float:right; }
.menu ul {list-style:none; }
.menu li { display:inline; margin-right: 20px; }


/*
hometop
*/
.hometop { width:100%; margin-top:100px; float:left; }
.homeintro { width:560px; }
/*
homecontent
*/
.homecontent { width:100%; margin-top:50px; float:left;}
.introcontent { }
.postcontainer {width:1240px; margin-top:50px; float:left;}
.postitem { width: 374px; height: 374px; margin:20px 39px 20px 0px; float:left; overflow:hidden;}
.posthomeimage {height:374px; position:relative;}

/*
homecontent images text
*/
.text {
    position: absolute;
    top: 50%;
    left: 21%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	width:300px;

   
    line-height:30px;
    text-align: center;
	z-index:100;
}
a.darken:hover span{display:block; color:#000;
 
 -webkit-transform-style: preserve-3d;
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}
 

a.darken span {display:none;

 }

 
 a.darken {
    display: inline-block;
    background: white;
    padding: 0;
    position:relative;
	
}

a.darken img {
    display: block;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
        -ms-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}

a.darken:hover img {
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
    opacity: 0.3;
            
}

.viewmorecontainer{width:100%; margin-top:50px; float:left;}
.viewmoretitle{ float:right;}

.moreinfoleft { width:550px; margin-right:100px; float:left;}
.moreinforight { width:550px; margin-right:0px; float:left;}

/*
Footer FindUS
*/

.findusfooter { width:100%; margin-top:50px; float:left;}
.findustitle { width:30%; float:left; }
.findusicon {float:right; margin-top:35px;}
.findusdetails {width:100%; margin-top:25px; margin-bottom:25px; text-align:right; float:right;}


/*
Footer
*/
.footerouter {background-color:#CCC; width:100%; float:left; padding-bottom:50px; }
.footer { width:1200px; margin:0 auto; }
.footericon { margin-top:50px; width:100%; float:left; margin-bottom:50px;}
.footernav { float:left; }
.footernav ul { padding-left:0;}
.footernav li { display:block;}
.footercontentright {float:right; text-align:right; margin-top:16px; }

/*
Posts
*/

.post { width:100%; margin-top:100px; float:left; }
.posttitle { width:560px; }
.postinfotitlediv { width:100%; margin-top:50px; float:left;}
.postcontent { width:100%; margin-top:50px; float:left;}
/*.postcontentOpen { width:100%; margin-top:50px; float:left; display:block;}	*/
.postcontent a { text-decoration:underline;}
.postinfoleft { width:374px; margin-right:39px; float:left;}
.postinfomiddle { width:374px; margin-right:39px; float:left;}
.postinforight { width:374px; margin-right:0px; float:left;}
.postheaderimage {width:100%;  float:left; margin-top:50px;}
.postgallery {width:1240px; margin-top:20px; float:left;}
.postgalleryimage { margin:20px 39px 20px 0px; float:left; width:580px; height:386px;}
.postgalleryimage img { width:100%;}
.postvideo {width:100%; float:left;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin-top:20px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.row {width:100%; float:left;}
.prevnext {text-align:center; margin-top:50px; margin-bottom:50px; width:100%;}

/*
Clients
*/

.clients {width:100%; float:left;}

/*
Services
*/
.servicesinfo { width:100%; float:left;}
.postimageright {width:30%; float:left;}
.servicesinfoleft { width:374px; margin-right:39px; float:left;}

/*
Contact
*/
.contactinfo { width:65%; float:left; margin-right:5%;}
.contactdetails { width:65%; float:left; margin-right:5%;}
.contactinfomap { width:30%; float:left;}
.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 0px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

@media all and (max-width: 1249px) {
  .sitewrapper { max-width: 807px;}
  .postcontainer { max-width:826px }
  .menulogo { width:auto;}
  .moreinfoleft { width:auto; margin-right:0px;}
  .moreinforight { width:auto;}
  .footer { max-width: 807px;}
  .postheaderimage {overflow:hidden}
  .postheaderimage img {width:100%;}
  .postgallery {margin-top:0px; width:826px;}
  .postgalleryimage {width:394px; height:242px; margin: 20px 19px 20px 0px;}

@media all and (max-width: 880px) {
  .sitewrapper { max-width: 668px;}
  .footer { max-width: 668px;}
  .menulogo { width:auto;}
  .moreinfoleft { width:auto; margin-right:0px;}
  .moreinforight { width:auto;}
    .homeintro { max-width: 718px;}
  .postcontainer { max-width:713px; }
  .postitem { width:320px; height:320px; margin:13px 23px 10px 0px;}
  .posthomeimage { }
  .postinfoleft {width:320px;}
   .postinfomiddle {width:314px;}
      .postinforight {width:314px;}
	  .postimageright img { width:320px;}
	   .postgallery {margin-top:0px; width:688px;}
  .postgalleryimage {width:324px; height:196px; margin: 20px 20px 20px 0px;}


a.darken:hover span{display:block;}
a.darken span {display:block;}
a.darken { display: block;}
a.darken img { display: block; opacity:0.5;}
a.darken:hover img { opacity: 1;}
.text {left:50%;}

.menulist ul {    -webkit-padding-start: 0px;}  
  h1 {font-size:2.3em;}
}

@media all and (max-width: 700px) {
  .sitewrapper { max-width: 320px;}
  .posttitle { max-width: 320px;}
  .footer { max-width: 320px;}
  .menulogo { width:auto;}
  .moreinfoleft { width:auto; margin-right:0px;}
  .moreinforight { width:auto;}
    .homeintro { max-width: 320px;}
	.servicesinfoleft { max-width: 320px;}
  .postcontainer { max-width:320px; }
  .postitem { width:320px; height:320px; margin:13px auto;}
  .posthomeimage { }
  .findustitle {width:auto;}
  .postheaderimage { }
  .postheaderimage img {width:100%;}
  
  .postgallery {width:320px;}
  .postgalleryimage { margin-bottom:0px; height:210px; }
   .postgalleryimage img {width:320px;}
   .postinfoleft {width:320px;}
   .postinfomiddle {width:320px;}
      .postinforight {width:320px;}
	  .contactinfo {width:100%;}
	  .contactinfo a { font-size:0.8em;}
	  .contactinfomap{width:100%;}
.footercontentright {float:left; width:100%;}
.backtotop {margin-top: -45px;
    margin-bottom: 45px;}
	.copyright {text-align: center;}

a.darken:hover span{display:block;}
a.darken span {display:block;}
a.darken { display: block;}
a.darken img { display: block; opacity:0.5;}
a.darken:hover img { opacity: 1;}
.text {left:50%;}
.menulist {float: left;}
.menulist ul {    -webkit-padding-start: 0px;}  
  h1 {font-size:2.3em;}
  .text { top: 45%;}
}

@media all and (max-width: 320px) {
	
  .sitewrapper { max-width: 300px;}
  .posttitle { max-width: 300px;}
  .footer { max-width: 300px;}
  .menulogo { width:auto;}
  .moreinfoleft { width:auto; margin-right:0px;}
  .moreinforight { width:auto;}
    .homeintro { max-width: 300px;}
	.servicesinfoleft { max-width: 300px;}
  .postcontainer { max-width:300px; }
  .postitem { width:300px; height:300px; margin:13px auto;}
  .findustitle {width:auto;}
  .postheaderimage img {width:100%;}
  .postgallery {width:300px; margin-top:10px}
  .postgalleryimage { margin: 10px 10px 0px 0px; height:210px; width:300px; }
   .postgalleryimage img {width:300px;}
   .postinfoleft {width:300px;}
   .postinfomiddle {width:300px;}
      .postinforight {width:300px;}
	  .contactinfo {width:100%;}
	  .contactinfo a { font-size:0.8em;}
	  .contactinfomap{width:100%;}
.footercontentright {float:left; width:100%;}
.backtotop {margin-top: -45px;
    margin-bottom: 45px;}
	.copyright {text-align: center;}
a.darken:hover span{display:block;}
a.darken span {display:block;}
a.darken { display: block;}
a.darken img { display: block; opacity:0.5;}
a.darken:hover img { opacity: 1;}
.text {left:50%;}
.menulist {float: left;}
.menulist ul {    -webkit-padding-start: 0px;}  
  h1 {font-size:2.3em;}
  .text { top: 45%;}
  h3 {font-size:1.3em;}
}