/*
Theme Name: Interface Landscapes
Theme URI: http://www.interfacelandscapes.com.au
Author: 44 Double Zero
Author URI: http://www44doublezero.com/
Description: Interface Landscapes
Version: 1.0
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: interface-landscapes

Interface WordPress Theme © 2015 Interface Landscapes
*/

/*===--------------------------------------------------=====
	WordPress Standard Classes
=====--------------------------------------------------===*/
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
	pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
	small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,
	form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,
	canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,
	ruby,section,summary,time,mark,audio,video {
		font-size:100%;
		font:inherit;
		padding:0;
		border:0;
		margin:0;
		vertical-align:baseline
	}

	body { line-height: 1; }
	ol,ul { list-style: none; }
	blockquote,q {quotes: none; }
	blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
	table { border-collapse: collapse; border-spacing: 0; }
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display: block; }

	.sticky {}
	.bypostauthor {}
	.wp-caption {}
	.wp-caption-text {}
	.gallery-caption {}
	.alignright {}
	.alignleft {}
	.aligncenter {}
	.clear { clear:both; }

	*, *:before, *:after {
		box-sizing: border-box;
	}
	html { min-height: 100%; }	
	html, body {
        	margin: 0;
		padding: 0;
        }
	body {
		height: 100%;
		background-color: #666;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		line-height: 20px;
	}
        em, i {
            font-style: italic;
        }  

	p { margin: 15px 0; }

	h1, h2, h3, h4, h5, h6 {
		font-family: 'Muli', sans-serif;
		display: block;
		font-weight: bold;
		color: #555;
	}
	h1 {
		font-size: 2em;
		line-height: 100%;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	h2.underline {
		width: 75%;
		font-size: 1.5em;
		line-height: 100%;
		padding-bottom: 5px;
		margin: 30px 0 5px 0 !important;
		border-bottom: 1px solid #d2ac67;
	}
	.entry-title {
		border-bottom: 2px solid #d2ac67;
		margin-bottom: 30px;
	}
	strong, b { font-weight: bold; }
	.post-edit-link {
		display: inline-block;
		border-radius: 3px;
		background-color: #ccc;
		line-height: 24px;
		padding: 0 15px 0 27px;
		font-size: 13px;
		color: #000;
		text-decoration: none;
		transition: background 0.1s ease;
		position: relative;
		box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
		display: none;
	}
	.post-edit-link:after {
		position: absolute;
		top: 0;
		left: 10px;
		height: 24px;
		width: 24px;
		font-family: "fontawesome";
		color: #000;
		content: '\f0f6';
	}
	.post-edit-link:hover {
		background-color: #1d4071;
		color: #fff;
	}
	.post-edit-link:hover:after {
		color: #fff;
	}


/*===--------------------------------------------------=====
	Interface Layout
=====--------------------------------------------------===*/
	@font-face {
		font-family: 'XoloniumBold';
		src: url('webfonts/xolonium-bold.eot');
		src: url('webfonts/xolonium-bold.eot?#iefix') format('embedded-opentype'),
			url('webfonts/xolonium-bold.woff2') format('woff2'),
			url('webfonts/xolonium-bold.woff') format('woff'),
			url('webfonts/xolonium-bold.ttf') format('truetype'),
			url('webfonts/xolonium-bold.svg#xoloniumbold') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	body {
        	background: url('/wp-content/themes/interface-landscapes/images/bg-page10.jpg');
		background-repeat: no-repeat;
		background-color: #666;
		background-attachment: fixed;
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
		position: relative;
	}
	#wrapper {
		min-height: 625px !important;
	}
	body.who-we-are    { background-image: url('/wp-content/themes/interface-landscapes/images/bg-page10.jpg'); }
	body.what-we-do    { background-image: url('/wp-content/themes/interface-landscapes/images/bg-page20.jpg'); }
	body.gallery       { background-image: url('/wp-content/themes/interface-landscapes/images/bg-page30.jpg'); }
	body.compliance    { background-image: url('/wp-content/themes/interface-landscapes/images/bg-page40.jpg'); }
	body.client-login  { background-image: url('/wp-content/themes/interface-landscapes/images/bg-page50.jpg'); }
	body.contact-us    { background-image: url('/wp-content/themes/interface-landscapes/images/bg-page60.jpg'); }
	body.pallara-trees { background-image: url('/wp-content/themes/interface-landscapes/images/bg-page70.jpg'); }

	body.gallery2     { background: url('/wp-content/themes/interface-landscapes/images/bg-page30.jpg') #666; }
	/* body.gallery2:after { opacity: 0.75; } */

	body:after {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFUlEQVQIW2NkYGD4z8DAwMjIAAH/AQ8oAgLD/dP0AAAAAElFTkSuQmCC) repeat;
		width: 100%;
		height: 100%;
		opacity: 0.3;
	}
	#wrapper {
		position: relative;
		height: 100%;
		min-height: 760px;
	}

	#header {
		width: 230px;
		height: 100%;
		overflow: hidden;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	}
	#header .interface-logo { display: block; margin-bottom: 3px; }

	#container {
		position: absolute;
		top: 0;
		left: 230px;
		width: 800px;
		background: rgba(255,255,255,0.95);
		padding: 40px 100px 15px 100px;
		z-index: 200;
		border-bottom: 4px solid #d2ac67;
        }
	#footer {
		padding: 30px 0 0 0;
		text-align: center;
		font-size: 0.75em;
	}
	#menu-side-nav { margin: 0; padding: 0; }
	#menu-side-nav li {
		margin-bottom: 3px;
	}
	#menu-side-nav a {
		display: block;
		padding: 0 0 0 35px;	
		font-family: 'Muli', sans-serif;
		font-size: 14px !important;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		background-color: #1d4071;
		line-height: 36px;
		opacity: 0.95;
		position: relative;
		transition: all 0.15s ease;
	}
	
	/* Blue Nav */
	#header.blue #menu-side-nav li:nth-child(1) a { background-color: #1d4071; }
	#header.blue #menu-side-nav li:nth-child(2) a { background-color: #1d3d70; }
	#header.blue #menu-side-nav li:nth-child(3) a { background-color: #1e3971; }
	#header.blue #menu-side-nav li:nth-child(4) a { background-color: #1f3471; }
	#header.blue #menu-side-nav li:nth-child(5) a { background-color: #1f2e71; }
	#header.blue #menu-side-nav li:nth-child(6) a { background-color: #202971; }
	#header.blue #menu-side-nav li:nth-child(7) a { background-color: #202470; }
	#header.blue #menu-side-nav li:nth-child(8) a { background-color: #202470; }
	#header.blue .menu-footer                     { background-color: #202070; }
	
	#menu-side-nav.blue li:hover {
		background-color: rgba(255,255,255,0.25) !important;
	}

	#menu-side-nav .current-menu-item a,
	#menu-side-nav a:hover {
		/*background-color: #4a648d !important;*/
		padding: 0 0 0 56px;
	}
	.current-menu-item {
		font-weight: bold;
	}

	.menu-footer {
		/* background-color: #1367af */
		opacity: 0.95;
		height: 5000px;
		position: relative;
	}

		.menu-info {
			position: absolute;
			bottom: 35px;
			left: 28px;
			width: 190px;
			font-family: 'Muli', sans-serif;
			text-align: center;
			color: #fff;
		}
		.menu-info .statement {
			font-size: 13px;
			line-height: 20px;
		}
		.menu-info .phone {
			margin-top: 40px;
		}
		.menu-info .phone a {
			font-size: 18px;
			font-family: "XoloniumBold";
			text-decoration: none;
			color: #a2cfff;
		}
                .menu-info .statement strong {
                	font-size: 14px;
                }

	#menu-side-nav a:after,
	.menu-footer:after {
		position: absolute;
		width: 15px;
		height: 100%;
		top: 0;
		left: 0;
		content: '';
		background-color: rgba(255,255,255,0.15);
		box-shadow: 1px 0 0 rgba(0,0,0,0.25);
		transition: all 0.15s ease;
	}
	#menu-side-nav .current-menu-item a:after,
	#menu-side-nav a:hover:after {
		width: 36px;
	}
	#menu-side-nav .current-menu-item a:after {
		background-color: rgba(255,255,255,0.3);
	}

	.gallery-container:after {
		content: '';
		clear: both;
		display: table;
	}
        .gallery-tiles { width: 100%; }
        .gallery-tiles:after {
		content: '';
		clear: both;
		display: table;
        }

	.compliance-logos {
		margin-top: 80px;
	}
	.compliance-logos li {
		width: 33.333333%;
		float: left;
		display: block;
		vertical-align : middle;
		text-align : center;
		height: 100px;
		margin-bottom: 20px;
	}
	.compliance-logos img {
		max-height: 100px;
		margin: auto 0;
	}

	.gallery-title {
		font-size: 1.5em;
		display: block;
		margin-bottom: 70px;
		font-style: italic;
	}

/*==-------------------------------------------------------------====
	Animated Tiles
====-------------------------------------------------------------==*/
	.tile {
		position: relative;
		perspective: 500px;
		cursor: pointer;
		display: block;
		float: left;
		margin: 2px;
		font-size: 14px;
	}
	.tile, .tile .front, .tile .back {
		width: 295px;
		height: 200px;
	}
	.tile .front,
	.tile .back {
		position: absolute;
		top: 0;
		left: 0;
		color: #fff;
		backface-visibility: hidden;
		transform-style: preserve-3d;
		transition: all 0.35s ease-in-out;
		overflow: hidden;
	}	
	.tile .front { transform: rotateX(0deg) rotateY(0deg); z-index:500; }
	.tile .back { background-color: #211d70; padding: 15px; transform: rotateX(0deg) rotateY(-180deg); }
	
	.tile:hover .front { transform: rotateX(0deg) rotateY(180deg); }
	.tile:hover .back { transform: rotateX(0deg) rotateY(0deg); z-index:600; }

	.tile p { margin: 0; padding: 0; }
	.tile img { height: 200px; }
	
	.tile .front h3 {
		position: absolute;
		bottom: 20px;
		left: 0;
		margin: 0;
		background-color: rgba(0,0,0,0.70);
		padding: 5px 0;
		width: 100%;
		color: #eee !important;
		text-indent: 15px;
		font-size: 19px;
		line-height:30px;
	}
	.tile .back h3 { 
		color: #fff; 
		margin-bottom: 8px;
		font-size: 15px;
	}
	.hover {
		z-index: 500;
	}

	.contact { margin-top: 20px; }
	.contact:after {
		display: table;
		content: '';
		clear: both;
	}
	.contact .headshot {
		float: left;
		width: 50%;
		padding: 10px 20px;
	}
	.contact .headshot img {
		width: 100%;
		display: block;
		opacity: 1;
		transition: all 0.1s ease;
	}
	.contact .headshot img:hover {
		opacity: 0.95;
        }
	.numbers {
		width: 50%;
		float: left;
		padding: 5px 5px 10px 5px;
	}
	
	.contact .front {	
	}
	.contact .back {
		padding: 10px;
		background-color: rgba(255,255,255,0.75);
		border-bottom: 2px solid #eee;
	}
	.contact h3 {
		color: #111;
		font-size: 1.2em;
		border-bottom: 1px solid #d2ac67;
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	.contact h4 { font-family: 'Open Sans', sans-serif; font-weight: normal; }
	.contact a {
		font-size: 0.85em;
		color: #467BC7;
		text-decoration: none;
	}
	.contact a:hover {
		text-decoration: underline;
	}
	.contact p {
		margin: 8px 0 0 0;
	}

	.wwd {
		margin: 30px 0;
	}
	.wwd:after {
		clear: both;
		display: table;
		content: '';
	}
	.wwd-image {
		float: left;
		height: 100px;
		display: block;	
		border: 4px solid #fff;
		box-shadow: 0 1px 5px rgba(0,0,0,0.5);
                transition: all 0.15s ease-in-out;
                transform: rotate(0);
	}
        .wwd-image:hover {
            transform: rotate(-7deg);
        }
	.wwd-content {
		float: left;
		width: 450px;
		padding-left: 15px;
	}
	.wwd h2.underline { margin: 5px 0 !important; }

	.button,
	.button-primary {
		display: inline-block;
		border-radius: 3px;
		background-color: #1d4071;
		line-height: 30px;
		padding: 0 15px !important;
		color: #fff;
		text-decoration: none;
		transition: background 0.1s ease;
		position: relative;
		box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
		border-style: none;
	}
	.button:hover,
	.button-primary:hover {
		background-color: #1d4071;
		color: #fff;
		opacity: 0.9;
	}
	.button:active,
	.button-primary:active {
		top: 1px;
	}
	.input {
		font-family: inherit;
		font-size: inherit;
		line-height: 24px;
		border: 1px solid #ccc;
		border-radius: 3px;
		padding-left: 8px;
		color: #666;
	}
	.input:focus {
		color: #111;
		border-color: #bbb;
		box-shadow: 0 0 3px rgba(0,0,0,0.2);
	}

	/* RS Gallery Overrides */
	.rsDefaultInv,
	.rsDefaultInv .rsOverflow,
	.rsDefaultInv .rsSlide,
	.rsDefaultInv .rsVideoFrameHolder,
	.rsDefaultInv .rsThumbs {
		background: transparent !important;
		color: #222;
	}
	.rsFullscreen {
		background: rgba(255,255,255,0.75) !important;
	}
	.slider-desc {
		display: none;
	}

@media (min-width: 1200px) {
	#container {
		top: 30px;;
		left: 280px;
		margin: 0 0 30px 0;
	}
}
@media (min-width: 1400px) {
	#container {
		left: calc(50% - 280px);
	}
}

	.mini-gallery {
		display: block;
		list-style-type: none;
		position: relative;
		height: 250px;
		margin-top: 50px;
	}
	.mini-gallery li {
		position: absolute;
		transition: all 0.35s ease-in-out;
	}
	.mini-gallery .first {
		top: 16px;
		left: 0;
		z-index: 90;
	}
	.mini-gallery .middle {
		top: 0;
		left: 175px;
		z-index: 100;
	}
	.mini-gallery .last {
		top: 16px;
		left: 405px;
		z-index: 95;
	}	
	.mini-gallery img {
		width: 200px;
		height: 128px;
		border: 5px solid #fff;
		box-shadow: 0 2px 5px rgba(0,0,0,0.5);
		transition: all 0.35s ease-in-out;
		color: #fff;
		display: block;
	}
	.mini-gallery .middle img {
		width: 250px;
		height: 160px;
		box-shadow: 0 5px 10px rgba(0,0,0,0.5);
	}

	.contact-header { margin-bottom: 10px; }
	.contact-header .pallara-logo {	}
	.contact-header .address { padding-left: 20px; }
	.contact-header h2 { font-size: 18px; }

        ul.square {
		list-style-type: square;
		padding-left: 30px;
		margin: 10px 0;
	}

	.wpc_files_tree_content {
		height: auto !important;
		max-height: none !important;
	}
	.wpc_files_tree treetable {
		width: auto;
	}
	.wpc-toolbar {
		display: none;
	}
.logout {
	margin: 30px 0;
}
.wpc_ez_hub_wrapper:after {
	clear:both;
	display: table;
	content: '';
}