/*
	Theme Name: Carey Industrial
	Description: Carey Industrial Wordpress theme
	Version: 1
	Author: Phillip Vale
	Author URI: http://www.phillipvale.com.au

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* MAIN */

/* global box-sizing */
*,
*:after,
*:before {-moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;}

/* html element 62.5% font-size for REM use */
html {font-size:62.5%;}
body {font: 16px 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#000000; background-color: #CCCCCC; line-height: 100%; margin: 0 0 2em;}

/* TYPOGRAPHY */

h1 {margin: 0; font-size: .9em!important; border-bottom: 1px solid #000000; padding: 1em; line-height: 100%; font-weight: 800;}

/* clear */
.clear:before,
.clear:after {content:' ', display: table;}
.clear:after {clear: both;}
.clear {*zoom: 1;}
img {max-width: 100%; vertical-align: bottom;}

a {color: #000; text-decoration: none; cursor: pointer;}
a:hover {color: #000; text-decoration: underline;}
a:focus {outline: 0; text-decoration: underline;}
a:hover, a:active {outline: 0; text-decoration: none;}

a.conditions {color: #000; font-weight: bold; text-decoration: none; cursor: pointer;}
a.conditions:hover {color: #000; text-decoration: underline;}
a.conditions:focus {outline: 0; text-decoration: underline;}
a.conditions:hover, a.conditions:active {outline: 0; text-decoration: none;}
input:focus {outline: 0; border: 1px solid #04A4CC;}

.post-edit-link {display: none;}

/* STRUCTURE */

/* wrapper */
.wrapper {max-width: 60em; background-color: #FFFFFF; box-sizing: border-box; margin: 0 auto; padding: 0 2em;}

/* header */
header {display: inline-block; width: 100%;}
#strip {background-color: #8b8d8d; height: 1em; position: relative; width: 100%;}
#top {background-color: #000000; padding: 1em; box-sizing: border-box; width: 100%; display: table;}

/* logo */
.logo {width: 70%; position: relative; float: left;}
.logo img {max-width: 9em; right: 0; position: relative;}

/* cta */
.cta {width: 30%; line-height: 100%; font-size: 1em; float: left; text-align: right; position: relative; top: .7em;}
.cta img {position: relative; margin-right: .4em; max-width: 26px; top: -1px;}

a.phoneno:link {font-size: 1.4em; font-weight: bold; color: #FFFFFF; line-height: 1.3em;}
a.phoneno:visited {font-size: 1.4em; font-weight: bold; color: #FFFFFF; line-height: 1.3em;}
a.phoneno:hover {font-size: 1.4em; font-weight: bold; color: #FFFFFF; line-height: 1.3em;}
a.phoneno:active {font-size: 1.4em; font-weight: bold; color: #FFFFFF; line-height: 1.3em;}

/* navigation - desktop */
nav#desktop {display: table; margin: .25em 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; width: 100%; font-size: 16px!important;}
#menu {margin: 0 auto; position: relative; display: table; top: -1px;}
nav#desktop ul {padding: 0; list-style-type: none; margin: 0 auto;}
nav#desktop ul li {padding: 0; margin: 0; float: left;}
nav#desktop ul li a {padding: 0 2em; border-right: 1px solid #000000; font-size: .6em!important; font-weight: 500;}
nav#desktop ul li:last-child a {border-right: none;}
nav#desktop ul li a:hover {color: #666666;}
ul.sub-menu {background-color: #CCC; position: absolute; display: inline-block; z-index: 9999; padding: 0; display: none; overflow: hidden;}
nav#desktop ul li:nth-child(3):hover ul.sub-menu {display: block;}

/* navigation - mobile */
#mobicon {cursor: pointer; top: .5em; float: left; width: 30%; text-align: right; display: none; position: relative;}
#mobicon img {max-width: 29px;}
#mobicon:hover {opacity: .6;}
nav#mobile {text-align: center; width: 100%; box-sizing: border-box; display: none;}
nav#mobile ul {list-style: none; margin: 0; padding: 0;}
nav#mobile ul.sub-menu {background-color: #FF0;}
nav#mobile ul li {width: 100%; background-color: #FF0;}
nav#mobile ul li a {padding: 1em; cursor: pointer; box-sizing: border-box; background-color: #333333; width: 100%; display: inline-block; font-size: .6em!important; font-weight: 500;}
nav#mobile ul li a:hover {background-color: #444444;}

/* display */
.slider-pro {max-height: 400px!important;}
#display {width: 100%; padding-bottom: .5em; border-bottom: 1px solid #000000; position: relative; left: 0; top: 0;}
.sp-buttons .sp-button {border: 2px solid #FFFFFF!important;}
.sp-buttons .sp-selected-button {border: 2px solid #FFFFFF!important; background-color: #FFFFFF!important;}
#dingus {position: absolute; top: 2em; right: 2em; z-index: 9999; max-width: 10em;}

/* PAGES */

/* columns - home page */
#homepagecolumns {width: 100%; position: relative; font-size: .8em;}
#homepagecolumns #column {width: 33.33%; box-sizing: border-box; float: left;}
.one {padding: 0 .5em 0 0;}
.two {padding: 0 .5em;}
.three {padding: 0 0 0 .5em;}
#columninside {padding: 1em;}
#columninside p {margin-top: 0;}
#columnheight {min-height: 14em;}
#readmorediv {width: 100%; text-align: right; display: table;}
a.readmore:link {font-size: .8em!important; font-weight: 600;}
img#arrow {width: 15px; top: -1px; position: relative; margin-left: .5em;}

/* inside page */
#featured {padding-bottom: .5em; border-bottom: 1px solid #000000;}
#featured img {width: 100%;}
#insidepage {padding: 1em; box-sizing: border-box; font-size: .8em!important;}
#insidepage p:first-child {margin-top: 0;}
#insidepage p:last-child {margin-bottom: 0;}
#insidepage a:last-child {margin-bottom: 0;}
#insidepage ul:first-child {margin-top: 0;}
#insidepage ul:last-child {margin-bottom: 0;}
.clear {display: none;}

/* contacts */
#contactpage {width: 100%; display: inline-block; padding: 1em; box-sizing: border-box; font-size: .8em!important;}
#contactpage article p:first-child {margin-top: 0;}
#contactpage article p:last-child {margin-bottom: 0;}
#contactpage article {padding: 0; margin: 0;}

#contacthead {width: 100%; display: inline-block; margin-bottom: .5em;}
#contacthead div {float: left; box-sizing: border-box; display: inline-block;}
#contacthead div:nth-child(1) {width: 40%;}
#contacthead div:nth-child(2) {width: 25%;}
#contacthead div:nth-child(3) {width: 35%;}

#company {display: inline-block; width: 100%;}
#company div {float: left; box-sizing: border-box; display: inline-block;}
#company div:nth-child(1) {width: 40%;}
#company div:nth-child(2) {width: 25%;}
#company div:nth-child(3) {width: 35%;}

#people div {float: left; box-sizing: border-box;}
#people div:nth-child(1) {width: 40%;}
#people div:nth-child(2) {width: 25%;}
#people div:nth-child(3) {width: 35%;}

form {padding: 2em; background-color: #F1F1F1; display: inline-block; margin: 1em 0 0; box-sizing: border-box;}
form p {margin: 0; float: left; width: 50%; padding: 1em;}
form p:nth-child(6) {width: 100%!important;}
form p:nth-child(7) {width: 100%!important;}
form p:nth-child(8) {width: 25%!important; margin: 0; padding: 1em 1em 0; line-height: 100%;}
input {padding: 1em; width: 100%; margin: 1em 0; border: 1px solid #CCCCCC; box-sizing: border-box;}
input:focus {border: 1px solid #666666;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {margin: 0!important;}
textarea {padding: 1em; width: 100%; margin: 1em 0; outline: 0;}
div.wpcf7-response-output {margin: 1em!important; float: left; clear: both; color: #FFFFFF; padding: 1em; box-sizing: border-box; background-color: #398f14; border: none!important; text-align: center;}

@media screen and (max-width: 900px) {
	#company {width: 50%; float: left; margin-bottom: 1em;}
	#contacthead {display: none;}
	#company div {width: 100%!important; float: none;}
	#company div:first-child {font-weight: 800;}
	form p {width: 100%;}
	form p:nth-child(8) {width: 100%!important;}
}

@media screen and (max-width: 480px) {
	#company {width: 100%!important; float: none;}
	#contacthead {display: none;}
	#company div {width: 100%!important; float: none;}
	form p {width: 100%;}
	form p:nth-child(8) {width: 100%!important;}
}

/* logos */
#logos {width: 100%; padding: 1em 0; border-top: 1px solid #000000; box-sizing: border-box; display: inline-block;}
#logos div {width: 16.66%; float: left; position: relative; padding: 0 1em; box-sizing: border-box; border-right: 1px solid #000000;}
#logos div:last-child {border-right: none;}

/* footer */
footer {width: 100%; border-bottom: 2em solid #000000; background-color: #8b8d8d; color: #FFFFFF; font-size: .6em!important; font-weight: 500; display: table;}
footer p {margin: 0;}
footer div:nth-child(1) {padding: 1em; box-sizing: border-box; float: left; width: 75%;}
footer div:nth-child(2) {padding: 1em; box-sizing: border-box; text-align: right; float: left; width: 25%;}
footer div:nth-child(2) img {max-width: 7em; box-sizing: border-box; position: relative;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active {color: #FFFFFF;}
a.footerlink:hover {text-decoration: underline; color: #FFFFFF;}

/* ---------- RESPONSIVE ---------- */

@media screen and (max-width: 600px) {
	.wrapper {max-width: 100%; padding: 0 .5em!important;}
	nav#desktop {display:none;}
	.logo img {max-width: 50%;}
	.cta {display: none;}
	#mobicon {display: block;}
	ul.sub-menu {display: block; position: relative;}

	#homepagecolumns #column {width: 100%;}
	#homepagecolumns #column {padding: 0;}
	#homepagecolumns #column:nth-child(3) {padding: 0 0 1em;}

	#columnheight {min-height: auto;}

	#insidepage div {width: 100%;}
	#insidepage div:nth-child(2) {padding: 1em 0 0;}
	#logos div {width: 50%;}
	#logos div img {padding-bottom: .5em; border-bottom: 1px solid #000000;}
	#logos div:nth-child(2) {border-right: none;}
	#logos div:nth-child(4) {border-right: none;}
	#logos div:nth-child(3) img {padding-top: .5em;}
	#logos div:nth-child(4) img {padding-top: .5em; border-right: none;}
	#logos div:nth-child(5) img {padding-top: .5em; padding-bottom: 1em;}
	#logos div:nth-child(6) img {padding-top: .5em; padding-bottom: 1em; border-right: none;}
	footer div {width: 100%!important; text-align: center; font-size: .9em;}
	footer div:nth-child(2) {font-size: 1.4em; text-align: center; margin: 0;} 
}

/* MISC */

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/* WORDPRESS 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;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}