/*
Theme Name: Yaralla Droughtmasters 2017
Author: FMSTUDIOS - Fenech Multimedia Studios
Author URI: http://www.fmstudios.com.au/
*/

body, html{
	margin: 0;
	padding: 0;
	position: relative;
	overflow-x: hidden;
	font-family: 'Droid Serif', serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4em;
	color: #394a6a;
}
body{background: #fff;}
body img{border: none;}
.blue_bg{color: #fff; background: #394a6a;}
.wrap{
	margin: 0 auto 0 auto;
	position: relative;
	width: 90%;
	max-width: 1200px;
}
	
/*---------------FONT STYLES--------------*/
h1, h2, h3, h4, p, a, ol, ul, li{margin: 0; padding: 0;}
h1{
	margin: 0 0 30px 0;
	font-family: 'Oswald', sans-serif;
	font-size: 50px;
	font-weight: 400;
	line-height: 1.2em;
	text-transform: uppercase;
	color: #afa299;
}
h2{
	margin: 0 0 25px 0;
	padding: 10px 0 0 0;
	font-family: 'Oswald', sans-serif;
	font-size: 35px;
	font-weight: 400;
	line-height: 1.2em;
	text-transform: uppercase;
}
h2:first-child, h1 + h2{padding: 0;}
h3, .h3{
	margin: 0 0 15px 0;
	padding-top: 10px;
	font-family: 'Oswald', sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2em;
}
h3:first-child, h2 + h3{padding-top: 0;}
h4{
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: 700;
}
p{margin: 0 0 20px 0;}
a{
	text-decoration: none;
	color: #8c827a;
	-webkit-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	transition: color 300ms ease;
}
a:hover{color: #394a6a;}
.blue_bg a{color: #afa299;}
.blue_bg a:hover{color: #ddd;}
a:focus{outline: none;}
ul li{list-style: none;}
table{margin: 0 0 20px 0; border-collapse: collapse;}
@media screen and (max-width: 960px){
	h1{font-size: 42px;}
	h1 br{display: none;}
	h2{font-size: 32px;}
	h3{font-size: 19px;}
}
@media screen and (max-width: 720px){
	h1{font-size: 35px;}
	h2{font-size: 30px;}
	h3{font-size: 18px;}
}
	
/*---------------TOP--------------*/
#top{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 50;
	-webkit-transition: top 300ms ease;
	-moz-transition: top 300ms ease;
	-o-transition: top 300ms ease;
	transition: top 300ms ease;
}
#top.small{
	margin-top: -120px;
	position: fixed;
	z-index: 100;
	background: #394a6a;
	background: rgba(46,59,85,0.85);
}
#top.visible{top: 120px;}
#top .wrap{height: 140px;}
#top.small .wrap{height: 100px;}
#logo{
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
	width: 314px;
	height: 97px;
	z-index: 20;
}
#top.small #logo{top: 9px; width: 265px; height: 82px;}
#logo object, #logo img{
	display: block;
	width: 100%;
	height: 97px;
	pointer-events: none;
}
#top.small #logo object, #top.small #logo img{height: 82px;}
#nav_toggle{
	padding: 9px 10px 0 42px;
	display: none;
	position: absolute;
	top: 55px;
	left: -10px;
	height: 29px;
	float: left;
	z-index: 1000;
	cursor: pointer;
	color: #fff;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#top.small #nav_toggle{top: 20px;}
#nav_toggle .bar{
	display: block;
	position: absolute;
	left: 10px;
	width: 22px;
	height: 2px;
	background: #fff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
#nav_toggle .bar1{top: 10px;}
#nav_toggle .bar2{top: 18px;}
#nav_toggle .bar3{top: 18px;}
#nav_toggle .bar4{top: 26px;}
.csstransforms .show_nav #nav_toggle .bar1{top: 27px; opacity: 0;}
.csstransforms .show_nav #nav_toggle .bar4{top: 8px; opacity: 0;}
.csstransforms .show_nav #nav_toggle .bar2, .csstransforms .show_nav #nav_toggle .bar3{
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}
.csstransforms .show_nav #nav_toggle .bar2{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.csstransforms .show_nav #nav_toggle .bar3{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media screen and (max-width: 960px){
	#top{top: 15px;}
	#top.small{height: 80px;}
	#top.small{margin-top: -115px;}
	#top.visible{top: 115px;}
	#top.small #logo{width: 200px; height: 62px;}
	#top.small #logo object, #top.small #logo img{height: 62px;}
	#nav_toggle{display: block;}
}
@media screen and (max-width: 720px){
	#top{top: 10px;}
	#top.small{margin-top: -110px;}
	#top.visible{top: 110px;}
	#top .wrap{height: 130px;}
	#logo{width: 250px; height: 77px;}
	#logo object, #logo img{height: 77px;}
	#nav_toggle{top: 45px;}
}
@media screen and (max-width: 420px){
	#top .wrap{height: 110px;}
	#logo{width: 200px; height: 62px;}
	#logo object, #logo img{height: 62px;}
	#nav_toggle{top: 34px;}
}
	
/*---------------NAV--------------*/
nav{
	position: absolute;
	top: 40px;
	left: -10px;
	width: 65%;
	z-index: 100;
	max-width: 660px;
	-webkit-transition: max-height 300ms ease;
	-moz-transition: max-height 300ms ease;
	-o-transition: max-height 300ms ease;
	transition: max-height 300ms ease;
}
#top.small nav{top: 15px;}
nav li{width: 33.333%;}
nav li:nth-child(n){position:absolute;}
nav li:nth-child(3n+1){top:0;}
nav li:nth-child(3n+2){top:24px;}
nav li:nth-child(3n+3){top:48px;}
nav li:nth-child(1), nav li:nth-child(2), nav li:nth-child(3){left:0; width:41%;}
nav li:nth-child(4), nav li:nth-child(5), nav li:nth-child(6){left:41%; width:36%;}
nav li:nth-child(7), nav li:nth-child(8), nav li:nth-child(9){left:77%; width:23%;}
nav li a{
	padding: 2px 10px 2px 10px;
	display: block;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
}
nav li a:hover{color: #afa299;}
nav li.current-menu-item a{font-weight: 700; color: #afa299;}
@media screen and (max-width: 960px){
	nav{
		top: 52px;
		left: -12px;
		width: 230px;
		max-height: 0;
		overflow: hidden;
		background: #afa299;
	}
	.show_nav nav{max-height: 350px;}
	#top.small nav{top: 20px;}
	nav ul{padding: 45px 0 10px 0;}
	nav li:nth-child(n){position:static; width: auto;}
	nav li a{padding: 5px 12px 5px 12px;}
	nav li a:hover, nav li.current-menu-item a{color: #394a6a;}
}
@media screen and (max-width: 720px){
	nav{top: 42px;}
}
@media screen and (max-width: 420px){
	nav{top: 31px;}
}
	
/*---------------CONTENT--------------*/
main{display: block; border-top: 20px solid #fff;}
main .blue_bg:first-child{padding-top: 110px; position: relative;}
main .blue_bg:first-child:after{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 80%;
	min-width: 350px;
	max-width: 1350px;
	height: 95%;
	content: '';
	pointer-events: none;
	background: url(images/header_bg.png) left top no-repeat;
	background-size: cover;
}
main .blue_bg:first-child section{z-index: 20;}
main ul, main ol{margin: 0 0 20px 0;}
main p + ul{margin: -10px 0 20px 0;}
main li{padding: 0 0 0 15px; background: url(images/bullet.png) 8px 9px no-repeat;}
.generatedcontent main li{position: relative; background: none;}
.generatedcontent main li:before{
	position: absolute;
	top: 9px;
	left: 8px;
	width: 2px;
	height: 2px;
	content: '';
	background: #394a6a;
}
.content{padding-top: 70px; padding-bottom: 50px;}
.content + .content{padding-top: 0;}
.center{text-align: center;}
.cols{position: relative; overflow: auto;}
.cols:first-child{margin-top: 0;}
.cols.img + .cols{margin-top: 10px;}
.cols h2:first-child, .cols h3:first-child{padding-top: 10px;}
.cols:first-child h2:first-child, .cols:first-child h3:first-child{padding-top: 0;}
.cols .left{float: left;}
.cols .right{float: right;}
.cols .text{padding-bottom: 1px;}
.cols .text.large{width: 56.25%;}
.cols .text.xlarge{width: 62.5%;}
.cols .text.medium{width: 43.75%;}
.cols .text.half{width: 46.833%;}
.cols .img{
	display: block;
	position: absolute;
	top: 0;
	bottom: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000;
	background-size: cover;
}
.cols .img.small{width: 37.5%;}
.cols .img.xsmall{width: 31.25%;}
.cols .img.medium{width: 50%;}
.cols .left.img{left: 0;}
.cols .right.img{right: 0;}
.cols2{
	margin: 0 0 20px 0;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
}
.cols2 li, .cols2 .achievement_group{
	overflow: auto;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
}
.clear{clear: both;}
.btns{margin-top: -5px;}
.btn, .btn2, .btns a{
	padding: 5px 15px 5px 15px;
	display: inline-block;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	background: #afa299;
}
.btn:hover, .btns a:hover{color: #394a6a;}
.btns .btn{margin: 5px 10px 0 0;}
.btns .btn:last-child{margin-right: 0;}
.btn2{background: #394a6a;}
.btn2:hover{color: #afa299;}
.blue_bg .btn{color: #fff;}
.blue_bg .btn:hover{color: #394a6a;}
img.alignnone{max-width: 100%; height: auto;}
.header_text{
	width: 62.5%;
	min-width: 450px;
	font-size: 20px;
	line-height: 1.4em;
}
.banner{padding-bottom: 50px;}
.banner img{display: block; max-width: 100%;}
.social{
	padding: 25px 15px 15px 15px;
	position: absolute;
	bottom: 8%;
	right: 0;
	width: 40px;
	z-index: 50;
	overflow: hidden;
	background: #afa299;
}
.home .social{bottom: 20%;}
.social a{padding: 5px 0 5px 0; display: block;}
.social img{
	width: 40px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.social a:hover img{
	-webkit-filter: invert(80%) sepia(100%) hue-rotate(-160deg);
	filter: invert(75%) sepia(100%) hue-rotate(-160deg);
}
.left_content{
	position: relative;
	width: 56.25%; 
	float: left;
	font-size: 18px;
	line-height: 1.4em;
}
.left_content p:first-child{font-size: 25px; line-height: 1.2em; color: #8c827a;}
.latest_news{padding: 0 0 0 3.5%; width: 34%; float: right;}
.latest_news:after{
	position: absolute;
	top: 0;
	bottom: 20px;
	right: 37.5%;
	width: 1px;
	content: '';
	background: #394a6a;
}
.latest_news .item{padding-bottom: 10px;}
.latest_news .date{
	margin: -15px 0 10px 0;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	line-height: 1.3em;
	color: #afa299;
}
.latest_news img{
	margin: 2px 0 12px 0;
	display: block;
	width: 200px;
	max-width: 80%;
}
.latest_news p{margin: 0 0 10px 0;}
.categories{margin: 0 -1.75% 0 0; width: 101.75%; overflow: auto;}
.category{
	margin: 0 1.719% 20px 0;
	width: 31.614%;
	display: block;
	float: left;
	color: #fff;
	background: #394a6a;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}
.category1{clear: both;}
.category img{display: block; max-width: 100%;}
.category h3, .category .h3{margin: 0; padding: 8px 10px 10px 10px;}
.category .details{padding: 0 10px 0 10px; font-size: 14px; line-height: 1.4em;}
.category .details p{margin: 0 0 10px 0;}
.category .details p + p{margin-top: -5px;}
.sire_tiles{margin: 0 -1.667% 0 0; width: 101.667%; overflow: auto;}
.sire_tiles .sire{
	margin: 0 1.639% 20px 0;
	display: block;
	width: 23.361%;
	float: left;
	color: #fff;
	background: #394a6a;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}
.sire_tiles .sire:hover{background: #afa299;}
.sire_tiles.sales .sire{background: #394a6a;}
.sire_tiles .sire1{clear: both;}
.sire_tiles .sire img{display: block; max-width: 100%;}
.sire_tiles .sire h3, .sire_tiles .sire .h3{margin: 0; padding: 8px 10px 10px 10px;}
.sire_tiles .sire .details{padding: 0 10px 0 10px; font-size: 14px; line-height: 1.4em;}
.sire_tiles .sire .details p{margin: 0 0 10px 0;}
.sire_tiles .sire .details p + p{margin-top: -5px;}
.sire_tiles .sire .details .btns{margin-top: -8px;}
.sire_item{padding-right: 446px; position: relative; min-height: 264px;}
.sire_item .date{margin-top: -10px; font-size: 14px;}
.sire_item.no_img{min-height: 0;}
.sire_item .image img{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	max-width: 386px;
}
.sire_item .sire, .sire_item .dam{margin-bottom: 5px;}
.sire_item .description{padding-top: 5px;}
.sire_item th{padding-right: 10px; text-align: left;}
.sire_item td{padding-left: 10px;}
.backto{margin-top: 10px; display: inline-block; color: #394a6a;}
.backto:hover{color: #afa299;}
.news_item{padding: 0 0 10px 325px; position: relative; min-height: 200px;}
.news_item img{position: absolute; top: 0; left: 0;}
.news_item p{margin: 0 0 10px 0;}
.news_item .date{margin-top: -10px; font-size: 14px;}
.news_item .btns{padding-bottom: 10px;}
.sale_type h2{margin: 0 0 15px 0;}
.achievement_group img{max-width: 100%;}
.wp-embedded-content{width: 100% !important;}
.videos{margin: 0 -1.667% 0 0; width: 101.667%; overflow: auto;}
.video{
	margin: 0 1.639% 20px 0;
	padding-top: 13.140563%;
	position: relative;
	width: 23.361%;
	float: left;
}
.video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 960px){
	main{border-top-width: 15px;}
	.content{padding: 50px 0 30px 0;}
	.cols .left, .cols .right{float: none;}
	.cols .left.half.text{float: left;}
	.cols .right.half.text{float: right;}
	.cols .text.xlarge, .cols .text.large, .cols .text.medium{width: auto;}
	.cols .img_wrap{max-width: 500px;}
	.cols .img{margin: 10px 0 20px 0; padding-top: 65%; position: static;}
	.cols .img.xsmall, .cols .img.small, .cols .img.medium{width: auto;}
	.header_text{font-size: 18px;}
	.left_content{padding-bottom: 30px; width: auto; float: none;}
	.latest_news{
		padding-top: 50px;
		padding-left: 0;
		width: auto;
		float: none;
		overflow: auto;
		border-top: 1px solid #394a6a;
	}
	.latest_news:after{display: none;}
	.latest_news .item{width: 48%; float: left;}
	.latest_news .item{margin-right: 4%;}
	.latest_news .item + .item{margin: 0;}
	.latest_news img{width: 200px;}
	.sire_tiles .sire{width: 31.694%;}
	.only4 .sire{width: 23.361%;}
	.sire_tiles .sire1{clear: none;}
	.only4 .sire1{clear: both;}
	.sire_tiles .s1{clear: both;}
	.sire_item{padding: 10px 0 0 0;}
	.sire_item .image img{margin: 0 0 15px 0; position: static;}
	.news_item{padding-left: 240px; min-height: 146px;}
	.news_item img{width: 200px;}
	.video{padding-top: 17.827875%; width: 31.694%;}
}
@media screen and (max-width: 720px){
	main{border-top-width: 10px;}
	main .blue_bg:first-child{padding-top: 100px;}
	.content{padding: 35px 0 15px 0;}
	.cols .left, .cols .right{width: auto; float: none;}
	.cols .left.half.text, .cols .right.half.text{width: auto; float: none;}
	.cols2{
		margin: 0;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.social{padding: 22px 12px 12px 12px;}
	.header_text{width: 80%; min-width: 0; max-width: 432px;}
	.left_content{padding-bottom: 10px; font-size: 17px;}
	.intro{font-size: 22px;}
	.latest_news{padding-top: 30px;}
	.news_item{padding-left: 0; min-height: 0;}
	.news_item img{margin: 5px 0 10px 0; position: static;}
	.news_item .no_img{display: none;}
}
@media screen and (max-width: 650px){
	.category{width: 48.281%;}
	.category3{clear: none;}
	.cat1{clear: both;}
	.sire_tiles .sire{width: 48.361%;}
	.sire_tiles .sire1, .sire_tiles .sire3{clear: both;}
	.sire_tiles .s1{clear: none;}
	.video{padding-top: 27.203063%; width: 48.361%;}
	/*.videos{margin: 0; width: auto;}
	.video{margin: 0 0 20px 0; padding-top: 56.25%; width: 100%;}*/
}
@media screen and (max-width: 420px){
	main .blue_bg:first-child{padding-top: 80px;}
	.social{padding: 20px 10px 10px 10px;}
	.latest_news .item{margin: 0; width: auto; float: none;}
	.categories{margin: 0; width: 100%; max-width: 385px;}
	.category{margin: 0 0 20px 0; width: auto; clear: both;}
	.sire_tiles .sire .details{font-size: 12px;}
}
	
/*---------------FOOTER--------------*/
footer{
	padding: 50px 0 60px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	color: #fff;
	background: url(images/footer_bg.jpg) center center repeat #000;
	background-size: cover;
}
footer a{color: #fff;}
footer a:hover{color: #fff;}
footer img{margin: 0 0 8px 0; width: 30px;}
#backtotop{
	position: fixed;
	bottom: 10%;
	right: -36px;
	width: 36px;
	height: 36px;
	opacity: 0;
	z-index: 200;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
#backtotop img{width: 100%; pointer-events: none;}
#backtotop.visible{right: 5px; opacity: 0.5;}
#backtotop.visible:hover{opacity: 1;}
@media screen and (max-width: 720px){
	footer{padding: 25px 0 30px 0;}
}
	
/*---------------TINYMCE--------------*/
#tinymce{margin: 5px !important;}
#tinymce ul, #tinymce ol{margin: 0 0 20px 0;}
#tinymce li{padding: 0 0 0 15px; background: url(images/bullet.png) 8px 9px no-repeat;}