@charset "utf-8";
/* CSS Document */
body {
  background: url(images/bkgrd.jpg) #404040 repeat-x;
  font-family: "Spinnaker", sans-serif;
  font-size: 10pt;
}
h1 {
  font-family: "Special Elite", cursive;
  color: #fff;
  font-size: 17pt;
  margin-top: 55px;
}
h2 {
  color: #a10518;
  font-family: "Special Elite", cursive;
}
h3 {
  font-size: 13pt;
  margin: 0;
}
a {
  text-decoration: none;
  color: #a10518;
}
.main {
  width: 1000px;
  margin: auto;
}
#header {
  background: url(images/texttop.png);
  height: 220px;
  margin: auto;
  float: left;
}
#wrapper {
  width: 1000px;
  margin: auto;
  overflow: hidden;
}
#content {
  margin: auto;
  width: 989px;
  background: url(images/textmiddle.png) repeat-y;
  overflow: visible;
  height: 100%;
  display: table;
  clear: left;
}
#texttop {
  background: url(images/topgradient.png) repeat-x;
  width: 977px;
  margin: auto;
  overflow: hidden;
}
#logo {
  margin-top: 25px;
  float: right;
  margin-right: 20px;
}
#c1 {
  width: 552px;
  float: left;
  padding: 5px;
}
#c2 {
  width: 415px;
  height: auto;
  float: left;
}
#c3 {
  clear: both;
  padding: 0 10px 0 10px;
  min-height: 150px;
}
.c1int {
  width: 475px;
  float: left;
}
#footer {
  background: url(images/footer.png) no-repeat;
  clear: both;
  width: 989px;
  height: 41px;
  text-align: right;
  padding: 75px 0 0 0;
  font-family: "Special Elite", cursive;
  color: #fff;
}
#footer a {
  color: #eee;
}
#footer a:hover {
  color: #a10518;
}

.feature {
  background: #a10518;
  padding: 10px;
  float: left;
  width: 250px;
  color: #fff;
  line-height: 1.5;
  text-align: justify;
  margin: 10px 10px 0 0;
  font-size: 13pt;
}
.featureint {
  background: #a10518;
  padding: 10px;
  color: #fff;
  margin: 10px 10px 0 0;
}
.sm {
  font-size: 7pt;
}
.padding {
  padding: 8px;
}
.hr {
  background: url(images/hr.png) no-repeat center;
  height: 41px;
  clear: both;
  margin: 10px;
}
.gallery {
  width: 300px;
  float: left;
  text-align: center;
}
.gallery2 {
  width: 300px;
  height: 450px;
  float: left;
  text-align: center;
  margin-left: 10px;
  border: thin solid #a10518;
  margin-top: 10px;
  margin-bottom: 30px;
}
.gallery2 img {
  width: 100%;
  height: auto;
}

.gallery3 {
  width: 300px;
  height: 525px;
  float: left;
  text-align: center;
  margin-left: 10px;
  border: thin solid #a10518;
  margin-top: 10px;
  margin-bottom: 30px;
}
.gallery3 img {
  width: 100%;
  height: auto;
}

.photo {
  border: medium solid #a10518;
}
.pedigree {
  font-size: 12px;
}

/* rollover */
a.rollover {
  display: block;
  float: left;
  color: #fff;
  text-decoration: none;
  background: url("images/nav.png") 0 0 no-repeat;
  height: 15px;
  padding: 6px;
  text-align: center;
  margin-left: 3px;
  border: #375b73 solid 2px;
  font-family: "Special Elite", cursive;
  font-size: 11pt;
}
a:hover.rollover {
  background-position: -150px 0;
  color: #ffffff;
}
#slideshow2 {
  float: left;
  height: 223px;
  width: 540px;
}
.bullsForSale{
  border: 2px solid #375b73;
}
.bullsSold{
  border: 3px solid #a10518;
}
.sold{
  color: #a10518;
  font-size: 20px;
}
.button a {
  display: inline-block;
  padding: 14px 30px;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  margin-top: 20px;
  font-style: normal;
  background-color: #9f071a;
  font-weight: 500;
}

.button a:hover {
  background-color: #375b73;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

/* FOR SALE PAGE */
h4 {
  text-align: center;
  margin: 12px 0px 4px;
}
p.reg {
  font-style: italic;
}
/* .desc p {
  line-height: 0.625;
} */
p.first {
  font-size: 0.875rem;
}
p.small {
  font-size: 11px;
}

div.desc {
  width: 100%;
}
div.img-container img {
  max-width: 100%;
  width: auto;
}

.img-container {
  max-width: 350px;
}

.sale-listing > div {
  margin-right: 12px;
}
.sale-listing {
  display: flex;
  flex-flow: row nowrap;
  text-align: left;
  margin: 12px 8px;
  border-top: 2px solid slategray;
  padding-top: 12px;
}
.third-gen {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.pedigree {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.pedigree > div:nth-child(2) {
  width: 35%;
  margin-left: 53px;
}

.pedigree .left-content {
  text-align: right;
}

span.first {
  font-size: 16px;
  padding-right: 24px;
}

.columns {
  border: 2px solid slategray;
  padding: 0px 8px;
}