@charset "utf-8";
/* CSS Document */
::selection {color:#4b3d30;background:#c1b597;}
::-moz-selection {color:#4b3d30;background:#c1b597;}

.text-center {text-align:center;text-indent:0px !important;}
.no-bord {border:0 !important;}

@media only screen and (max-width: 775px) {
	.pageHeader .pageMenu a {
		height: 30px;
		line-height: 30px;
		padding: 0 20px;
		text-align: left;
	}
}
@media only screen and (max-width: 775px) {
	.menuOpener {
		display: block;
	}
	.pageSocial {
		display: none;
	}
	.pageHeader .pageMenu {
		display: none;
		position: absolute;
		top: 37px;
		right: 0;
		z-index: 20;
		background: url("../images/header-bg.jpg") repeat 50% 0;
		padding: 8px 0;
	}
	.pageHeader .pageMenu li {
		display: block;
		padding: 0;
	}
	.pageHeader .pageMenu .withSubmenu ul {
		display: block !important;
		position: static;
		background: transparent;
		padding: 0;
	}
	.pageHeader .pageMenu .withSubmenu ul a {
		color: #d8cfb6;
		font-size: 1.6em;
		line-height: 30px;
		height: 30px;
		padding: 0 20px 0 40px;
	}
	.pageMenu .withSubmenu > a:after {display:none;}
}

.pageMotto .inner .herder-logo {
	position: absolute;
	top: 57px;
	left: 50%;
	width: 208px;
	height: 213px;
	margin-left: -104px;
}
@media only screen and (max-width: 620px) {
	.pageMotto .inner .herder-logo {
		top: 30px;
		height: 150px;
		width:146px;
		margin:auto;
		left:0;right:0;
	}
	.pageMotto .inner .herder-logo img{max-width:100%;height: 150px;}
}
.pageMotto .inner:after {display:none;}

figure img {max-width:100%;height:auto;}
figure.left, figure.right, figure.center {padding:1em;margin:5px;max-width:100%;}
figure.left img, figure.right img {max-width:500px;width:100%;height:auto;}
figure.center img {display:block;margin:auto;max-width:100%;height:auto;}
figure.left {float:left;}
figure.right {float:right;text-align:right;}

.horses .legend .type.stallion:before {
background-color: #1e1e1e;
}
.horses .horse.stallion .info {
	color: #d8cfb6;
	background-color: #1e1e1e;
}
.horses .horse.stallion .info .photos {
	background-color: #1e1e1e;
}
.horses .horse {padding-top:20px;margin-bottom:20px;border-top:2px dashed #8b8162;}
.horses .horse:first-child {border-top:transparent;}
.horse .info {position:relative;}
.horse.sold .info:before {position:absolute;top:0;left:0;right:0;content:'SOLD';text-align:center;padding:7px;font-size:1.3em;line-height:0px;width:100%;font-style:italic;}
.horses .horse.stallion.sold .info:before, .horses .horse.gelding.sold .info:before {color:#d8cfb6;}
.horses .horse.mare.sold .info:before {color:#3a3025;}
@media only screen and (max-width: 768px) and (min-width: 521px) {
	.horses .horse:nth-child(2n+1) {clear:left;}
	.horses .horse:nth-child(-n+2) {border-top-color: transparent;}
}
@media only screen and (min-width: 769px) {
	.horses .horse:nth-child(3n+1) {clear:left;}
	.horses .horse:nth-child(-n+3) {border-top-color: transparent;}
}
.horses .horse.mare .info .photos, .horses .horse.gelding .info .photos, .horses .horse.stallion .info .photos {cursor:pointer;background-image:none;}
.horses .horse .info .photos:before {font-family: 'FontAwesome';content: "\f030";position: absolute;bottom: 0;left: 0;right: 0;font-size: 23px;line-height:23px;}
.horses .horse.stallion .info .photos:before, .horses .horse.gelding .info .photos:before {color:#d8cfb6;}
.horses .horse.mare .info .photos:before {color:#3a3025;}
.horses .horse .buttons span a {text-decoration:none;}
.horses .horse .buttons span a:hover {text-decoration:underline;}
.horses .horse .buttons span.pedigree, .horses .horse .buttons span.video {background:none;padding-left:0;}
.horses .horse .buttons span:before {font-family:'FontAwesome';}
.horses .horse .buttons span.pedigree:before {content: "\f00e \20";}
.horses .horse .buttons span.video:before {content: "\f03d \20";}
.horses .horse .buttons span.research:before {content: "\f0e8 \20";}
.horses .horse .buttons.threeButtons {
padding-left: 6px;
padding-right: 6px;
text-align:center;
}
.horses .horse .buttons.twoButtons span:nth-child(odd) {float:left;}
.horses .horse .buttons.twoButtons span:nth-child(even) {float:right;}
.horses .horse .buttons.threeButtons span {
	float:none;display:inline;
}
.popupBox {max-width:660px;}
.pedigreeBox {width: 1000px !important;max-width: 100%;border-top:10px solid #8b8162;}
.pedigreeBox table td {border:0;border-top:2px dashed #8b8162;text-transform:uppercase;}
.pedigreeBox table td.nobord {border:0;}

.pageArticle .horses {padding-top:0px;}

.gallery h2 {
	color: #2d2316;
	font-size: 2em;
	line-height: 1.556;
}

.events .event h2 {
	color: #2d2316;
	font-size: 2em;
	line-height: 1.556;
	margin-left: 364px;
}
.events .event h2 a:hover, .events .event a:hover, .events .event span.video:hover {
	text-decoration:underline;
	cursor:pointer;
}

.events .event p span.video:after, .events .event p a:after {content:' \003E'}

.news {width:66%;margin:0;padding:0;float:left;}
.news .event p, .news .event h2 {margin-left:0 !important;}
.news-content:before, .news-content:after {
content: "";
display: table;
}
.news-content:after {
clear: both;
}
.sidebar {width:33%;margin:0;padding:24px 0 0 0;float:right;}
.sidebar h2 {
color: #2d2316;
font-size: 2em;
line-height: 1.556;
}
@media only screen and (max-width: 768px) {
	.sidebar {width:100%;float:left;}
	.news {width:100%;}
}

@media only screen and (max-width: 930px) {
	.events .event h2 {
		margin-left: 340px;
	}
}
@media only screen and (max-width: 768px) {
	.events .event h2 {
		margin-left: 220px;
	}
}

@media only screen and (max-width: 620px) {
	.events .event h2 {
		margin-left: 0;
	}
}
.pageFooter .line:after {
	top:-5px;
}
.footerMenu .withSubmenu > a:after {background:url("../images/footer-menu-arrow.png") no-repeat 0 0;}
.copyright {display:block !important;text-align:right;margin-top:3px;}
.copyright a{
	font-size: 1em;
	text-align:right;
	height:10px;
	line-height:10px;
	display:inline;
}

@media screen and (max-width: 480px) {
	.pedigreeBox {font-size:1em;}
}

/* jssor slider loading skin oval css */

.jssorl-oval img {
	animation-name: jssorl-oval;
	animation-duration: 1.2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes jssorl-oval {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}


/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	/* size of bullet elment */
	width: 16px;
	height: 16px;
	background: url('img/b05.png') no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider arrow navigator skin 22 css */
/*
.jssora22l                  (normal)
.jssora22r                  (normal)
.jssora22l:hover            (normal mouseover)
.jssora22r:hover            (normal mouseover)
.jssora22l.jssora22ldn      (mousedown)
.jssora22r.jssora22rdn      (mousedown)
.jssora22l.jssora22lds      (disabled)
.jssora22r.jssora22rds      (disabled)
*/
.jssora22l, .jssora22r {
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 40px;
	height: 58px;
	cursor: pointer;
	background: url('img/a22.png') center center no-repeat;
	overflow: hidden;
}
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }
.jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
.jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }