@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Condensed');
@font-face {
	font-family: 'Cursive';
	src: url(Rapier%20%20Let%20Plain.ttf);	
}

body {
	margin: 0;
	padding: 0 ;
	font-family: 'Encode Sans Condensed', sans-serif;	
	overflow-x: hidden;
}
.homeheadercut {
	margin-top: -120px;
	position: relative;	
}

@media only screen and (max-width: 1700px) {
	.homeheadercut {
	margin-top: -95px;
	position: relative;	
}	
}
nav {
	display: flex;
	align-items: center;
	justify-content: space-between;	
	border-bottom: 5px solid #C39D2D;
}

nav .logo {
	width: 18%;	
}

nav .logo img {
	position: absolute;
	z-index: 80;
	width: 18%;	
	margin-top: -30px;
	margin-left: 50px;
}

nav .links {
	width: 80%;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

nav .links a {
	text-decoration: none;
	color: #014222;	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}

nav .links a.logoimage {
	width: 30%;
	margin-left: -15px;	
	margin-top: 15px;
	margin-bottom: 15px;
}

.text-center{
	align-content: center;
	text-align: center;
	padding: auto;
}


.homecontent {
	margin-top: -150px;
	position: relative;
	z-index: 100;	
}

.homecontent .width {
	width: 70%;
	padding: 2.5%;
	padding-top: 0;
	margin: auto;
	
}

.homecontent .width h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 70px;
	margin: 0;
	color: #014222;
}

.homecontent .width h1 div{
	display: inline;
	margin: 0;
	font-size: 50px;
	font-weight: bold;
}

.homecontent .width h1 div strong{
	font-size: 40px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	color: #014222;
	vertical-align: top;
}
.homecontent .width h1 strong {
	font-weight: normal;
	font-family: 'Cursive';
	font-size: 90px;	
	color: #C39D2D;
}

.herdsirescontent .width h1 strong {
	font-weight: normal;
	font-family: 'Cursive';
	font-size: 90px;	
	color: #C39D2D;
}

.homecontent .width p {
	margin-left: 15px;	
}

#circle-shape-example { 
  margin: 2rem; 
}
#circle-shape-example p { 
  line-height: 1.5; 
}

#circle-shape-example p strong {
	color: #C39D2D;	
}
#circle-shape-example .curve { 
  width: 33%; height: auto;
  width: 350px;
  float: left;
  margin-right: 2rem; 
  margin-bottom: 1.5rem;
  border-radius: 50%;
  -webkit-shape-outside:circle();
  shape-outside:circle();
}

#circle-shape-example .curve2 { 
  width: 280px; height: auto;
  float: left;
  margin-right: 2rem; 
  margin-bottom: 1.5rem;
  border-radius: 50%;
  -webkit-shape-outside:circle();
  shape-outside:circle();
  border: 3px solid #014222;
}

#circle-shape-example .curve3 { 
  width: 150px; height: auto;
  float: left;
  margin-right: 2rem; 
  margin-bottom: 1.5rem;
  border-radius: 50%;
  -webkit-shape-outside:circle();
  shape-outside:circle();
  border: 3px solid #014222;
}

#circle-shape-example .curve4 { 
  width: 250px; height: auto;
  float: right;
  margin-left: 2rem; 
  margin-top: 1.5rem;
  border-radius: 50%;
  -webkit-shape-outside:circle();
  shape-outside:circle();
  border: 3px solid #014222;
}

#circle-shape-example .curve5 { 
  width: 200px; height: auto;
  float: right;
  margin-left: 2rem; 
  margin-top: 1.5rem;
  border-radius: 50%;
  -webkit-shape-outside:circle();
  shape-outside:circle();
  border: 3px solid #014222;
}


footer {
	background-color: #014222;
	padding: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footlogo {
	width: 15%;	
}

.footcontact {
	width: 35%;
	color: white;
	text-align: center;	
}

.footcontact h1 {
	font-weight: normal;
	font-family: 'Cursive';
	font-size: 40px;	
	color: #C39D2D;	
}

.footcontact a {
	color: 	 #C39D2D;
}

.salesheader {
	background-color: black;	
	background-image: url(headers/sales.png);
	background-position: center;
	background-size: cover;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.contactheader {
	background-color: black;	
	background-image: url(headers/contact.png);
	background-position: center;
	background-size: cover;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.historyheader {
	background-color: black;	
	background-image: url(headers/history.png);
	background-position: center;
	background-size: cover;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.beefheader {
	background-color: black;	
	background-image: url(headers/beef.png);
	background-position: center;
	background-size: cover;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.femalesheader {
	background-color: black;	
	background-image: url(headers/feamles.png);
	background-size: cover;
	background-position: center;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.herdsiresheader {
	background-color: black;	
	background-image: url(headers/herdsires.png);
	background-position: center;
	height: 400px;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.programheader {
	background-color: black;	
	background-image: url(headers/program.png);
	background-position: center;
	background-size: cover;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.currentcomment {
	color: white;
	font-size: 50px;
	padding: 25px;
	background-color: rgba(0,0,0,0.7);	
}

.salecontent {
	margin-top: -150px;
	position: relative;
	z-index: 100;	
}

.salecontent .width {
	width: 70%;
	padding: 2.5%;
	padding-top: 0;
	margin: auto;	
}

.currentsale {
	display: flex;
	justify-content: center;	
	align-items: center;
}

.currentsale h2, .currentsale h1 {
	margin: 0;	
}

.currentsale h2 {
	font-size: 20px;
}
.currentsale h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #014222;
}

.salecontent h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #014222;
}

.currentsale h1 strong {
	font-weight: normal;
	font-family: 'Cursive';
	font-size: 70px;	
	color: #C39D2D;	
}

.currentcatalogue {
	width: 30%;	
}

.currentthankyou {
	margin-right: 25px;
}

.currentthankyou button {
	background-color: #014222;
	color: white;
	padding: 15px;
	border: 0;
	outline: 0;
	margin-top: 10px;
}

.currentthankyou button:hover {
	cursor: pointer;
	background-color: #026935; 
}

.standby {
	font-size: 20px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

hr {
	width: 30%;
	margin: auto;
	border: 0;
	outline: 0;
	background-color: #C39D2D;
	height: 2px;
}

.image-contain{
	object-fit: contain!important;
}

.herdsirescontent {
	margin-top: -150px;
	position: relative;
	z-index: 100;	
}

.herdsirescontent .width {
	width: 65%;
	margin: auto;	
}

.herdsirescontent h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #014222;
}

.females {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;	
}

.females h2 {
	color: 	#014222;
}

.pastsales1 {
	background-color: #eae3ce;
	padding: 40px;	
}

.pastsales1 .width {
	width: 65%;
	margin: auto;	
}

.pastsales1 .currentcatalogue, .pastsales1 .currentthankyou {
	margin: 0;
}

.pastsales1 .currentthankyou {
	margin-left: 20px;	
}

.pastsales2 {
	background-color: #fff;
	padding: 40px;	
}

.pastsales2 .width {
	width: 65%;
	margin: auto;	
}

.animalcolumns {
	display: flex;
	justify-content: center;	
}

.animalcolumns2 {
	display: flex;
	width: 80%;
	margin: auto;
	justify-content: space-around;	
}

.sire {
	text-align: center;	
	margin-bottom: 20px;
}

.sire a {
	color: 	#014222; 	
}

.sireimage {
	width: 200px;
	height: 129px;
	margin: 10px;
	background-size: cover;
	background-position: center;	
	border-radius: 25px;
  border: 2px solid #C39D2D;
  margin-bottom: -10px;
}

.sireimage2 {
	width: 200px;
	height: 129px;
	margin: 10px;
	background-size: cover;
	background-position: center;	
	border-radius: 25px;
  border: 2px solid #C39D2D;
  margin-bottom: -10px;
}
.animalcolumns2 .sireimage{
	width: 280px;
	height: 180px;
	border-radius: 40px;
}

 .contact {
	display: flex;
	justify-content: space-around;
	align-items: center;
 }
 
 
 .innercolumns {
	display: flex; 
	margin-bottom: 50px;
	justify-content: space-around;
	flex-direction: row;
 }
 
 
 .innercolumns .image {
	width: 60%; 
 }
 .innercolumns .image img {
		border-radius: 50px; 
		border: 8px solid #014222; 
 }
 

 .innercolumns .pedigree {
	 width: 40%;
	margin-left: 90px;
	font-size: 15px;
	color: 	#014222;
 }
 
  .innercolumns .pedigree .sod{
		margin-left: -50px;  
		color: 	#fff;
		background-color: #C39D2D;
		padding: 8px;
		margin-top: 5px;
		margin-bottom: 5px; 
		font-size: 25px; 
		font-family: Georgia, "Times New Roman", Times, serif;
  }
 
 
 .innercolumns .pedigree .grand{
		margin-left: -40px;  
		font-size: 19px;
  }
 
 
  .innercolumns .pedigree .grandup {
		margin-left: -40px;  
		font-size: 19px;
  }
 
 
  .innercolumns .pedigree .grandup:before {
		content: '┏ '; 
 }
 
   .innercolumns .pedigree .grand:before {
		content: '┗ '; 
 }
 
 .info {
	display: flex;
	justify-content: space-around;
	width: 100%;
	margin-top: 25px; 
	align-items: center;
 }	
 
 .info strong {
	 font-weight: normal;
	background-color:  #014222;
	padding: 10px;
	margin-right: 10px;
	margin-left: 0;
	color: white;
	border-radius: 7px 0px 0px 7px;
 }
 
 .info div {
		background-color: #C39D2D;
		border-radius: 7px;
		padding: 8px;
		padding-right: 15px;
		padding-left: 0; 
		color: black;	
 }
 
 .image button {
	color: #fff;
	background-color: #C39D2D;
	padding: 10px;
	margin: auto;
	border: 2px solid #014222;
	font-size: 25px;	
	border-radius: 10px;
	transition: background-color 0.3s;

 }


 .image button:hover {
	 cursor: pointer;
	text-decoration: none;
	background-color: #eac75e;
} 

.opener, .mobilenav {
	display: none;	
}
	
	 
	.buyagro {
		font-size: 12;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;	
	}
	
	
.buyagro a {
	color: green;	
}