/*
Theme Name: ADG Cabinets & Furniture
Theme URI: http://www.adgcabinets.com.au/
Author: Whately Digital
Author URI: http://whately.digital/
Version: 1.1
Text Domain: adgcabinets
*/

/* global styles */
* {padding:0px; margin:0px;}
.slink {display:none;}
.clear {clear:both; height:0px; width:0px; visability:hidden;}
body {height:100%;background-color:#fff; font-size:16px color:#333;font-family: 'Open Sans', sans-serif;top:0;bottom:0;left:0;right:0;}
a {color:#09f;text-decoration:none;}
a:hover {color:#0082d9;}
.hr {margin:0px auto 20px auto; height:1px; background-color:#ddd; width:75%;}
.floatl {float:left;}
.floatr {float:right;}

/* home page styles */
.homepage-wrapper{position:relative;width:100%; height:100vh;background-image:url(/images/bg-homepage.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;}
.left-side {width:100%;height:100px;background-image:url(/images/bg-left.png);position:absolute;z-index:100;}
@media (min-width: 680px) {
	.left-side{width:260px;height:100%;background-image:url(/images/bg-left.png);position:fixed;z-index:100;}
}
.slogan{display:none;}
@media (min-width: 680px) {
	.slogan{display:block;position:absolute; color:#fff; top:20%;left:60%;font-size:36px;text-shadow:1px 1px 0px #333;font-weight:300;}
	.slogan1{padding:0px 10px;}
	.slogan2{margin-left:40px;padding:0px 10px;}
	.slogan3{margin-left:80px;padding:0px 10px;}
}
.arrow-down{position:absolute;bottom:0;right:0;height:50px;width:50px;margin:0px auto;background-image:url(/images/arrow-down.png);background-repeat:no-repeat;background-position:50% 0%;cursor:pointer;left:0;}
@media (min-width: 680px) {
	.arrow-down{left:260px;}
}
.arrow-down:hover{background-image:url(/images/arrow-down-hover.png);}
.arrow-up{position:absolute;left:0;top:0;right:0;height:50px;width:50px;margin:0px auto;background-image:url(/images/arrow-up.png);background-repeat:no-repeat;background-position:50% 100%;cursor:pointer;}
.arrow-up:hover{background-image:url(/images/arrow-up-hover.png);}

/* header styles */
.logo-wrapper {width:73px;height:80px;float:left;padding:10px;}
.logo-wrapper img {width:100%;height:100%;}
@media (min-width: 680px) {
	.logo-wrapper {padding:25px;text-align:center;float:none;width:auto;height:167px;text-align:center;}
	.logo-wrapper img{width:auto;height:auto;}
}
/* nav styles */
.nav-hamburger{color:white;font-size:18px;text-align:center;padding:20px;width:60px;position:absolute;right:0;top:0;cursor:pointer;}
.nav-hamburger img{width:35px;height:35px;display:inline-block;}
.nav-wrapper{width:100%;text-align:center;margin-top:100px;background-image:url(/images/bg-left.png);display:none;}
.nav-wrapper ul{ font:0; }
.nav-wrapper ul li{ padding:0px 25px;}
.nav-wrapper ul li:hover{}
.nav-wrapper ul li:hover a{}
.nav-wrapper ul li a { display:block; color: #fff; font-size:24px;font-weight:300; padding:5px 15px; border:2px solid transparent; box-sizing:border-box; }
.nav-wrapper ul li a:hover { border:2px solid #fff; border-radius:25px;}
@media (min-width: 680px) {
	.nav-hamburger{display:none;}
	.nav-wrapper{width:100%;text-align:center;margin-top:auto;background-image:none;display:block;}
	.nav-wrapper ul{ font:0; }
	.nav-wrapper ul li{ padding:0px 25px;}
	.nav-wrapper ul li:hover{}
	.nav-wrapper ul li:hover a{}
	.nav-wrapper ul li a { display:block; color: #fff; font-size:24px;font-weight:300; padding:5px 15px; border:2px solid transparent; box-sizing:border-box; }
	.nav-wrapper ul li a:hover { border:2px solid #fff; border-radius:25px;}
}
@media screen and (max-height: 650px) and (min-width: 680px) {
	.nav-wrapper ul li a {font-size:18px;padding:2px 10px;}
}

/* main styles */
.page-wrapper{height:100vh;background-color:#fff;position:relative;box-sizing:border-box;padding:120px 40px 40px 40px;}
@media (min-width: 680px) {
	.page-wrapper{margin-left:260px;padding-top:80px;}
}
.page-statement{font-size:18px;text-align:center;max-width:960px;margin:0px auto;font-weight:300;}
@media(min-width: 900px){
	.page-statement{font-size:24px;}
}
.page-statement h1{font-size:28px;font-weight:300;margin:0px 0px 20px 0px;padding:0px;}
@media(min-width: 680px) {
	.page-statement h1{font-size:36px; }
}
.page-left {padding:20px; width:100%;box-sizing:border-box; text-align:justify; }
.page-right {padding:20px; width:100%;box-sizing:border-box;text-align:justify; }
@media (min-width: 900px){
	.page-left {width:50%;float:left;padding:50px;box-sizing:border-box;text-align:justify;}
	.page-right {width:50%;float:right;padding:50px;box-sizing:border-box;text-align:justify;}
}
.page-bottom h2{font-size:18px;text-align:center;font-weight:300;margin:0px 0px 40px 0px;padding:0px;}
@media (min-width: 900px){
	.page-bottom h2{font-size:24px;}
}
.page-gallery {text-align:center;font-size:0;}
.gallery-item{background-color:#f5f5f5;width:80px;height:80px;overflow:hidden;display:inline-block;margin:5px;}
@media (min-width: 680px){
	.gallery-item{width:120px;height:120px}
}
@media (min-width: 900px){
	.gallery-item{width:150px;height:150px}
}

/* footer styles */
footer{display:none;}
@media (min-width: 680px) {
	footer{position:fixed;bottom:0;display:block;}
}
@media screen and (max-height: 560px) and (min-width: 680px) {
	footer{display:none;}
}
.social-wrapper{width:260px;text-align:center;}
.social-wrapper ul{font-size:0;list-style:none;}
.social-wrapper ul li{font-size:14px;display:inline-block;padding:5px;}
.credits-wrapper{color:#fff;font-size:11px;text-align:center;padding:0px 0px 10px 0px;}
.credits-wrapper img{margin-top:5px; height:25px; width:auto;}

/* form styles */
