/*
Theme Name: Saltbush
Author: klik
Author URI: https://klik.net.au
Description: Custom theme for Salbtush Pellets
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media screen {

	/* ---------------- overall style ---------------- */
	
	body {
		font-family:proxima-nova,sans-serif;
		font-size:16px;
		line-height:140%;
		color:#353331;
		background-color:#e5e3e1;
	}
	
	h1,h2,h3,h4,h5,h6 {
		line-height:120%;
	}
	
	a {
		color:#647B5F;
	}
	
	a img {
		border:none;
		outline:none;
	}
	
	.fullwidth {
		width:100%;
		max-width:1920px;
		margin:0 auto;
		background-color:#fff;
		padding:1px 0;
	}
	
	.fullwidth > .fixedwidth {
		width:80%;
		max-width:1366px;
		margin:0 auto;
	}
	
	/* ---------------- header ---------------- */

	#header {
		position:relative;
		background-color:#353430;
		color:#fff;
		z-index:9000;
	}
	
	#header a {
		color:#fff;
	}
	
	#header .header_top {
		display:table;
		width:100%;
		padding:24px 0;
	}
	
	#header .header_top .logo {
		display:table-cell;
		text-align:left;
		vertical-align:middle;
	}
	
	#header .header_top .logo img {
		height:32px;
		width:auto;
	}
	
	#header .header_top .nav_button {
		display:table-cell;
		text-align:right;
		vertical-align:middle;
	}
	
	#header .header_top .nav_button img {
		width:20px;
		height:18px;
	}
	
	#header #nav {
		display:none;
	}
	
	#header #nav > ul {
		padding:0 0 32px 0;
		margin:0;
	}
	
	#header #nav > ul > li {
		list-style:none;
	}
	
	#header #nav > ul > li > .divider {
		display:none;
	}
	
	#header #nav > ul > li > a {
		display:inline-block;
		text-decoration:none;
		text-transform:uppercase;
		font-weight:500;
		font-size:18px;
		line-height:32px;
		padding:4px 0;
	}
	
	#header #nav > ul > li > ul {
		padding:0;
		margin:0;
	}
	
	#header #nav > ul > li > ul > li {
		list-style:none;
	}
	
	#header #nav > ul > li > ul > li > a {
		display:inline-block;
		padding:4px 0 4px 16px;
		text-decoration:none;
		color:#ccc;
		text-transform:uppercase;
	}
	
	#header #nav > ul > li > ul > li:first-child > a {
		padding-top:8px;
	}
	
	#header #nav > ul > li > ul > li:last-child > a {
		padding-bottom:8px;
	}
	
	/* ---------------- footer ---------------- */
	
	#footer {
		background-color:#353430;
		color:#fff;
		padding:64px 0;
	}
	
	#footer a {
		color:#fff;
	}
	
	#footer .footer_content {
		text-decoration:none;
		display:flex;
		flex-direction:column-reverse;
	}
	
	#footer .footer_content .left {
		
	}
	
	#footer .footer_content .left .top {
		font-weight:700;
	}
	
	#footer .footer_content .left .bot {
		color:#AFAA8D;
	}
		
	#footer .footer_content .right {
		display:flex;
		margin-bottom:32px;
	}
	
	#footer .footer_content .right img {
		display:inline-block;
		width:auto;
		height:auto;
		margin-right:16px;
	}
		
	#footer .footer_content .right img.large {
		max-width:96px;
		max-height:96px;
		margin:0;
	}
	
	#footer .footer_content .right img.small {
		max-width:48px;
		max-height:48px;
	}
	
	/* ---------------- home ---------------- */
	
	#home_feature {
		position:relative;
		height:300px;
	}
	
	#home_feature .slide {
		opacity:0;
		visibility:hidden;
		transition:opacity 0.5s 0.5s, visibility 0s 1s;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#ccc;
		background-size:cover;
		background-position:center center;
	}
	
	#home_feature .slide.show {
		opacity:1;
		visibility:visible;
		transition:opacity 0.5s 1s, visibility 0s 0.5s;
	}
	
	#home_feature .slide .fixedwidth {
		height:300px;
		line-height:300px;
	}
	
	#home_feature .slide .fixedwidth .slide_text {
		display:inline-block;
		vertical-align:middle;
		line-height:140%;
		color:#fff;
	}
	
	#home_feature .slide .fixedwidth .slide_text .top {
		background-color:#647B5F;
		padding:16px;
		font-size:20px;
		line-height:115%;
		font-weight:300;
	}
	
	#home_feature .slide .fixedwidth .slide_text .bot {
		text-align:right;
	}
	
	#home_feature .slide .fixedwidth .slide_text .bot .inner {
		display:inline-block;
		background-color:#353430;
		padding:8px;
		font-size:12px;
		line-height:120%;
		color:#fff;
		text-decoration:none;
	}
	
	#home_intro {
		padding:64px 0;
	}
	
	#home_intro .intro_items {
		display:flex;
		flex-direction:column;
	}
	
	#home_intro .intro_items .item {
		display:block;
		width:240px;
		margin:0 auto 64px auto;
		text-align:center;
		text-decoration:none;
	}
	
	#home_intro .intro_items .item .circle {
		position:relative;
		width:240px;
		height:240px;
		margin:0 auto;
		border-radius:50%;
		background-color:#ccc;
		background-size:100% 100%;
		background-size:cover;
		background-position:center center;
		overflow:hidden;
	}
	
	#home_intro .intro_items .item .circle img {
		position:absolute;
		top:50%;
		left:50%;
		width:auto;
		height:100%;
		transform:translate(-50%,-50%);
	}
	
	@supports ( object-fit:cover ) {
		#home_intro .intro_items .item .circle img {
			position:relative;
			top:auto;
			left:auto;
			width:100%;
			height:100%;
			transform:none;
			object-fit:cover;
		}
	}
	
	#home_intro .intro_items .item .text {
		margin:24px 0 0 0;
	}
	
	#home_intro .intro_items .item .text h3 {
		font-size:30px;
		margin:0 0 16px 0;
		color:#353430;
	}
	
	#home_intro .intro_items .item .text .subline {
		font-size:20px;
		line-height:130%;
		font-weight:300;
	}
	
	#home_text {
		background-color:#eee;
		padding:64px 0;
		font-size:16px;
		font-weight:300;
	}
	
	#home_text .fixedwidth {
		max-width:580px;
	}
	
	#home_text p {
		font-size:20px;
		text-align:center;
	}
	
	#home_landline {
		background-color:#f5f5f5;
	}
	
	#home_landline {
		padding:64px 0;
		text-align:center;
	}
	
	#home_landline .left {
		
	}
	
	#home_landline .left h4 {
		margin:0 0 32px 0;
		font-size:20px;
		font-weight:500;
	}
	
	#home_landline .right a {
		
	}
	
	#home_landline .right a img {
		display:inline-block;
		max-width:100%;
		width:480px;
		height:auto;
	}
	
	#home_landline .right a img:active {
		transform:scale(0.95);
	}
	
	/* ---------------- back pages ---------------- */
	
	#page_image {
		height:150px;
		background-size:cover;
		background-position:center center;
		max-width:1920px;
		margin:0 auto;
	}
	
	#page_image img {
		display:none;
	}
	
	@supports ( object-fit:cover ) {
		#page_image img {
			position:relative;
			display:block;
			top:auto;
			left:auto;
			width:100%;
			height:100%;
			transform:none;
			object-fit:cover;
		}
	}
	
	#home_intro .intro_items .item .circle img {
		
	}
	
	#page_content {
		padding:64px 0;
	}
	
	#page_content h1,
	#page_content h2,
	#page_content h3,
	#page_content h4 {
		margin:0 0 16px 0;
	}
	
	#page_content h1 {
		font-size:40px;
		font-weight:700;
		text-transform:uppercase;
	}
	
	#page_content h2 {
		
	}
	
	#page_content h3 {
		color:#647B5F;
		font-size:20px;
		font-weight:700;
	}
	
	#page_content h4 {
		
	}
	
	#page_content p {
		font-size:16px;
		font-weight:300;
		margin:16px 0;
	}
	
	#page_content p a {
		
	}
	
	#page_content ul {
		
	}
	
	#page_content ul li {
		
	}
	
	.documents {
		padding:16px;
		margin:32px -16px;
		border:1px solid #eee;
		box-shadow:1px 1px 8px rgba(0,0,0,0.1);
	}
	
	.documents .items .item {
		display:flex;
		padding:16px;
		margin:0 0 8px 0;
		background-color:#f5f5f5;
		color:#222;
		text-decoration:none;
		font-size:1.1em;
	}
	
	.documents .items .item .icon {
		margin:0 12px 0 0;
	}
	
	.documents .items .item .icon img {
		width:auto;
		height:auto;
		max-width:16px;
		max-height:16px;
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 480px) {
	
	.documents {
		margin:32px 0px;
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 768px) {

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */
	
	/* ---------------- footer ---------------- */
	
	#footer .footer_content {
		flex-direction:row;
		justify-content:space-between;
		align-items:center;
	}
	
	#footer .footer_content .left {
		padding-right:32px;
	}
	
	#footer .footer_content .right {
		padding-left:32px;
		align-items:center;
		margin:0;
	}
	
	#footer .footer_content .right img {
		margin-right:32px;
	}
	
	#footer .footer_content .right img.large {
		max-width:128px;
		margin:0;
	}
	
	#footer .footer_content .right img.small {
		max-width:64px;
		max-height:64px;
	}
	
	#footer .footer_content .right img.fam {
		max-width:96px;
	}
	
	/* ---------------- home ---------------- */
	
	#home_feature {
		height:450px;
	}
	
	#home_feature .slide .fixedwidth {
		height:450px;
		line-height:450px;
	}
	
	#home_feature .slide .fixedwidth .slide_text {
		max-width:700px;
	}
	
	#home_feature .slide .fixedwidth .slide_text .top {
		font-size:30px;
		padding:32px;
	}
	
	#home_feature .slide .fixedwidth .slide_text .bot .inner {
		font-size:16px;
		padding:16px;
		font-weight:700;
	}
	
	#home_intro {
		padding:128px 0;
	}
	
	#home_intro .intro_items {
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:flex-start;
	}
	
	#home_intro .intro_items .item {
		flex:0 0 48%;
		margin:8px 0;
	}
	
	#home_landline {
		padding:96px 0;
	}
	
	/* ---------------- back pages ---------------- */
	
	#page_image {
		height:250px;
	}
	
	#page_content {
		padding:96px 0;
	}
	
	.documents {
		padding:32px;
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1024px) {

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */

	/* ---------------- footer ---------------- */
	
	#footer .footer_content .right .wilson_logo img {
		height:100px;
	}
	
	/* ---------------- home ---------------- */
	
	#home_feature {
		height:500px;
	}
	
	#home_feature .slide .fixedwidth {
		height:500px;
		line-height:500px;
	}
	
	#home_intro .intro_items {
		
	}
	
	#home_intro .intro_items .item {
		flex:0 0 24%;
		margin:0;
	}
	
	#home_intro .intro_items .item .circle {
		width:200px;
		height:200px;
	}
	
	#home_landline .table_div {
		display:table;
		width:100%;
	}
	
	#home_landline .left {
		display:table-cell;
		width:50%;
		vertical-align:middle;
		padding-right:64px;
		text-align:right;
	}
	
	#home_landline .right {
		display:table-cell;
		width:50%;
		vertical-align:middle;
		text-align:left;
	}
	
	/* ---------------- back pages ---------------- */

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1366px) {

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */
	
	#header > .fixedwidth {
		display:table;
	}
	
	#header .header_top {
		display:table-cell;
		width:auto;
		vertical-align:middle;
		padding:48px 0;
	}
	
	#header .header_top .logo img {
		height:50px;
	}
	
	#header .header_top .nav_button {
		display:none;
	}
	
	#header #nav {
		display:table-cell!important;
		vertical-align:middle;
		text-align:right;
	}
	
	#header #nav > ul {
		padding:0;
	}
	
	#header #nav > ul > li {
		display:inline-block;
		position:relative;
	}
	
	#header #nav > ul > li.dropdown > a:after {
		display:inline-block;
		content:'▼';
		margin:0 0 0 8px;
		font-size:8px;
		vertical-align:middle;
	}
	
	#header #nav > ul > li > .divider {
		display:inline-block;
		color:#666;
	}
	
	#header #nav > ul > li > a {
		display:inline-block;
		padding:0 16px;
		font-size:16px;
	}
	
	#header #nav > ul > li > ul {
		position:absolute;
		display:none;
		text-align:left;
		background-color:#222;
		min-width:256px;
	}
	
	#header #nav > ul > li:hover > a {
		color:#C1DBB8;
	}
	
	#header #nav > ul > li:hover > ul {
		display:block;
	}
	
	#header #nav > ul > li > ul > li > a {
		display:block;
		padding:8px 16px;
	}
	
	#header #nav > ul > li > ul > li:first-child > a {
		padding-top:16px;
	}
	
	#header #nav > ul > li > ul > li:last-child > a {
		padding-bottom:16px;
	}
	
	#header #nav > ul > li > ul > li > a:hover {
		background-color:#111;
		color:#C1DBB8;
	}
	
	/* ---------------- footer ---------------- */
	
	#footer .footer_content .right img.large {
		max-width:256px;
		max-height:128px;
	}

	/* ---------------- home ---------------- */
	
	#home_feature {
		height:550px;
	}
	
	#home_feature .slide .fixedwidth {
		height:550px;
		line-height:550px;
	}
	
	#home_feature .slide .fixedwidth .slide_text .top {
		font-size:38px;
		padding:48px;
	}
	
	#home_intro {
		padding:140px 0;
	}
	
	#home_intro .intro_items .item .circle {
		width:260px;
		height:260px;
		transition:transform 0.1s;
	}
	
	#home_intro .intro_items .item:hover .circle {
		transform:scale(1.05);
	}
	
	/* ---------------- back pages ---------------- */
	
	#page_image {
		height:300px;
	}
	
	#page_content {
		padding:128px 0;
	}
	
	.documents .items .item:hover {
		background-color:#f9f9f9;
	}
	
}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1600px) {

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */
	
	#header #nav > ul > li > a {
		font-size:18px;
	}
	
	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */
	
	#home_feature {
		height:600px;
	}
	
	#home_feature .slide .fixedwidth {
		height:600px;
		line-height:600px;
	}
	
	/* ---------------- back pages ---------------- */

	#page_image {
		height:400px;
	}

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (min-width: 1920px) {

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */

	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */
	
	#home_feature {
		height:700px;
	}
	
	#home_feature .slide .fixedwidth {
		height:700px;
		line-height:700px;
	}
	
	/* ---------------- back pages ---------------- */

}

/* ================================================================================================================================ */
/* ================================================================================================================================ */
/* ================================================================================================================================ */

@media only screen and (max-width: 768px) {

	/* ---------------- overall style ---------------- */

	/* ---------------- header ---------------- */

	/* ---------------- footer ---------------- */

	/* ---------------- home ---------------- */

	/* ---------------- back pages ---------------- */

}