html{

 -webkit-font-smoothing: antialiased; 
 color:#222;
 background-color: #222;
}

#logo{width: 112px !important;margin-top: 0.5em;margin-bottom: -3.2em;}
.navbar-item{color: #caab60 !important;}
.nav{margin-bottom: 40px;}

.star{font-size: 0.4em;}
.midstar{font-size: 0.7em;}

.gold{color: #caab60;}
#slick {margin-bottom: 50px;}
#slick img {width: 100%;height: auto;}

a,a:hover{color: #caab60;text-decoration: none;}
h2 {text-align: center;background-color: #333;color:#fff;padding: 10px;margin-top: 0;}
.breadtoreach {margin-top: 150px;}
.circle{width: 150;height: 150px;border-radius: 25px;}
.year{color: white;}
.qsold{color:#a00;}
.qforsale{color:#6f6;}
.qretained{color: #888;}

figure.image {margin-bottom: 5px;}

.distop{margin-top:50px;}
.spacer{margin-bottom: 30px;}
.mdistop{margin-top: 100px;}
.mdisbottom{margin-bottom: 100px;}

/* */
.freecase{text-transform: none !important;}
.expected{color: #eee;}

/* SINGLE HORSE */
.horse{text-transform: uppercase;margin:0 auto;}
h1	{text-align: center;color: #eee;}


.name{color:#caab60;margin-top: 1em;text-transform: uppercase;}
.specs{font-size: 2em;text-align: center;color:#eee;margin-top:  -0.8em;}

.sold,.forsale,.retained{font-size: 1.8em;text-align: center;text-transform: uppercase;margin-top: 1em;}

.sold{color:#a00;}
.forsale{color:#6f6;}
.retained{color:#888;text-transform: uppercase;margin-top: 1em;}

.horsetelex {text-align: center;margin: 30px;font-size: 2em;}

.table{
	background-color: transparent;
	border:1px solid #555;border-collapse:collapse;
}

.table td{
		color:#eee;text-transform: uppercase;
		border:1px solid #aaa;border-collapse:collapse;
		vertical-align: middle;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center !important;
}
.table tr{border:1px solid #aaa;}

#foals
	{
		margin-top: 100px;
		margin-bottom: 70px;
	}

.breeder
{
	margin-top: 100px;
	color: #eee;
}

/* FOOTER */

#footer
{
	border-top:1px solid #222;
	background-color: #110808;
	margin-top: 150px;
	padding: 40px;
	color: #eee;
	text-align: center;
}
#footer h1
{
	text-align: inherit;
	margin-bottom: 40px;
	color:#caab60;
}

#footer span{color:#caab60;}

.social{margin: 20px;}
.social a{color: white;}
.social a:hover{color: #caab60;}

.navbar-burger.is-large { transform: scale(1.5) translateX(-33%); }


@media (min-width: 769px)
{
	.table td{font-size: 2em;}
}