@charset "utf-8";
/* CSS Document */

body, html {
    height: 100%;
}

body {
	overflow-x: hidden;
}

html {
	overflow-x: visible!important;
	scroll-behavior: smooth;
}

@font-face {
  font-family: Algerian;
  src: url("fonts/Algerian Regular/Algerian Regular.ttf");
}

/*GENERAL RULES*/
.primary-font{
font-family: aileron, sans-serif;
font-weight: 300;
font-style: normal;
}

.secondary-font{
font-family: desire-pro, serif;
font-weight: 400;
font-style: normal;
}

.slogan-font{
font-family: quiche-sans, sans-serif;
font-weight: 400;
font-style: normal;
}

.cursive-font{
font-family: lindsey-signature, sans-serif;
font-weight: 400;
font-style: normal;
}

.logo-font{
font-family: Algerian, serif;
}

.z-to-front{
	z-index: 900;
}

.no-bullets{
	list-style-type:none!important;
}

.no-decoration{
	text-decoration: none!important;
}

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

.image-cover{
	object-fit: cover;
}

.cream-bgnd{
	background-color: #f9f6f2!important;
}

.border-red{
	border-style: solid none solid none;
	border-width: thin;
	border-color: #9e0e12;
}

.text-darkgrey{
	color: #2F2F2F!important;
}

.text-lightgrey{
	color: #4A4A4E!important;
}

.text-cream{
	color: #f9f6f2!important;
}

.text-red{
	color:#9e0e12;
}

.text-lightgrey{
  color: #9b9b9b;
}

.text-sideways{
	writing-mode: vertical-rl;
	text-orientation: mixed;
}

.xl-tracking{
	letter-spacing: 14px;
}

.large-tracking{
	letter-spacing: 10px;
}

.med-tracking{
	letter-spacing: 6px;
} 

.small-tracking{
	letter-spacing: 4px;
}

.xs-tracking{
	letter-spacing: 2px;
}

.flip-pic{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.link-hover{
	text-decoration: none;
}

.link-hover:hover{
	text-decoration-line: overline;
	text-decoration-color: #9e0e12;
}

.subhead{
	font-family: desire-pro, serif;
	float: left;
	font-size: 6rem;
	line-height: 0.65;
	margin: 0.2em 0.1em 0em 0;
}

.redline{
	height: 3px;
	background-color: #9e0e12;
}

.blueline{
	height: 15px;
	background-color: #171719;
}

.cover-hover:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.texthover{
	opacity: 75%;
}

.texthover:hover{
	opacity: 100%;
}

/*For all waypoint animations needing 0 opacity start*/
.waypoint-vis{
	opacity: 0;
}

/*NAVIGATION*/
.nav-color.scrolled {
    background-color: #161414!important;
    transition: background-color 200ms linear;
}

.sale-button{
	border: none;
	background-color: #9e0e12!important;
	color: #f4f2f2;
}

.sale-btn{
	height: 38px;
}

.catalogue-button{
	border: solid medium;
	border-color: #9e0e12!important;
	background-color: rgba(0,0,0,0.00);
	color: #9e0e12;
}

.catalogue-button:hover{
	background-color: #9e0e12!important;
	color: white;
}

.catalogue-btn{
	height: 43px;
}

.breed-button{
	border: solid medium;
	border-color: #353535!important;
	background-color: rgba(0,0,0,0.00);
	color: #353535;
}

.breed-button:hover{
	background-color: #353535!important;
	color: white;
}

.breed-btn{
	height: 43px;
}

.sires-button{
	border: solid thin;
	border-color: #9e0e12!important;
	background-color: rgba(0,0,0,0.00);
	color: #9e0e12;
}

.sires-button:hover{
	background-color: #9e0e12!important;
	color: white;
}

.sires-btn{
	height: 43px;
}

.females-button{
	background-color: #ad141f!important;
	color: white!important;
}

.females-button:hover{
	background-color: #600a10!important;
	color: whitesmoke!important;
}

.females-btn{
	height: 43px;
}

.menu-hover{
	border-top-style: solid;
	border-top-color: transparent;
	border-top-width: thin;
}

.menu-hover:hover{
	border-top-style: solid;
	border-top-color: #9e0e12!important;
	border-top-width: thin;
}

.logo img{
	height: 4.3vmax;
}

.active{
	border-top-style: solid;
	border-top-color: #9e0e12;
	border-top-width: thin;
}

.saleActive{
	background-color:#9e0e12!important;
	color: white;
}

/*LANDING PAGE*/

.mainBackground{ 
	background-color: #1c1a1a;
	height: 100%;
	z-index: -2;
}

.mainBackgroundImg{ 
	background-image: url("images/background/homePage.png");
	height: 60%;
	width: 100vw;
	bottom: 0px; 
	left: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 0;
}

.logoText {
	display: inline-block;
}

#sig{
	opacity: 0;
}

#redcows{
	opacity: 0;
}

#navLogo{
	opacity: 0;
}

#mainSlogan{
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 85%;
}

#svg{
	margin-top: -20px!important;
}

#scrolldown{
	opacity: 0;
	position: absolute;
	bottom: 40px;
	left: 50%;
	width: 3px;
	height: 90px;
	background-color: #9e0e12;
}

/*REST OF HOME PAGE*/

.siteBackground{
	background-color: #e0e0e2;
}

.sireBackground{
	background-color: #D7D4D4;
}

.blueBackground{
	background-color: #1a1a1c;
}

.whiteBackground{
	background-color: #efefef;
}

.newSire{
  position: absolute;
  top: 2px;
  left: 4px;
}

.redStroke{
	border-top: solid;
	border-width: 12px;
	border-color: #9e0e12;
}

.redBackground{
	background-color: #9e0e12!important;
}

.contactTextN{
	font-size: calc(1.4rem + .3vw)!important;
	letter-spacing: 10px;
}

.contact-hover:hover{
	color: #9e0e12!important;
}

.slick-prev:before {
	color: #9e0e12!important;
}

.slick-next:before {
	color: #9e0e12!important;
}

.slick-dots li button::before {
    font-size: 16px;
    color: #fff!important;
    opacity: 0.7;
	padding-top: 8px;
  }

.slick-dots li.slick-active button::before {
    color: #fff!important;
    opacity: 1;
	padding-top: 8px;
  }

/*HISTORY PAGE*/
.cloudBgnd{
	background-image: url("images/background/clouds.png");
	height: 100%;
	width: 100vw;
	top: 0px; 
	left: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: -99;	
}

/*SIRES PAGE*/
.smokeBgnd{
	background-image: url("images/background/smoke.png");
	height: 125vh;
	width: 100vw;
	top: 30px; 
	left: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: -99;	
}

.sirename{
	text-decoration: none;
}

.sirename:hover{
	text-decoration: underline;
	text-decoration-color: #7f0d15!important;
	color: #7f0d15!important;
}

.siresT{
	display: inline-block;
}

.letter{
	display: inline-block;
}

.letter2{
	display: inline-block;
}

/*FEMALE PAGE*/
.femaleBgnd{
	background-image: url("images/background/female.png");
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: -99;	
}

.whiteRect{
	background-color: #F0F0F0!important;
    height: 30%;
    width: 100%;
    z-index: -1;
    position: absolute;
    top: 30%;
}

.females-button{
	border: solid thin;
	border-color: #9e0e12!important;
	background-color: rgba(0,0,0,0.00);
	color: #9e0e12;
}

.females-button:hover{
	background-color: #9e0e12!important;
	color: white;
}

.females-btn{
	height: 43px;
}

/*SALE PAGE*/
.sale-active{
	background-color: #750d15!important;
	border-color: #750d15!important;
}

.video-button{
	border: solid thin;
	border-color: #9e0e12!important;
	background-color: rgba(0,0,0,0.00);
	color: #9e0e12;
}

.video-button:hover{
	background-color:#9e0e12!important;
	color: #efefef!important;
}

/*MEDIA QUERY*/
@media only screen and (max-width: 992px) {
.newSire{
	top: -12px;
	left: 5px;
	}
	
.contactTextN{
	font-size: calc(1.2rem + .3vw)!important;
	letter-spacing: 3.5px!important;
	}
}

@media only screen and (max-width: 281px) {
.contactTextN{
	font-size: calc(0.8rem + .1vw)!important;
	letter-spacing: 3.5px!important;
	}
}