@charset "utf-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

/* CSS Document */
body, html {
    height: 100%;	
}

body {
	overflow-x: hidden;
}

html {
	overflow-x: visible!important;
}

/*GENERAL RULES*/
.primary-font{
	font-family: myriad-pro, sans-serif;
}

.secondary-font{
	font-family: lato, sans-serif;
}

.blue-text{
	color: #1b698b!important;
}

.grey-background{
	background-color: #e8e9ea;
}

.txt-shadow-b{
	text-shadow: 6px 6px 3px black; 
}

.txt-shadow-m{
	text-shadow: 3px 3px 3px black;	
}

.cursor-on{
	cursor: pointer;
}

.shadow-hover:hover{
	box-shadow:3px 3px 1px black; 
}

.blue-border{
	border-style: solid!important;
	border-color: #16546e!important; 
}

.lineLeft {
  animation: 3s anim-lineLeft ease-out;
}

.flip-image {
	transform: rotateX(180deg); /* Adjust the angle as needed */
}
@keyframes anim-lineLeft {
  0% {
    opacity: 0;
    transform: translateX(20%);
  }
  20% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: translateX(0%);
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
} 

/*NAV RULES*/
.logo img{
	height: 4vmax;
}

.sale-button{
	border: solid medium #1b698b;
	border-radius: 0.5em;
	background: #303030;
	box-shadow: 6px 6px 9px black;
}

.sale-button:hover{
	background: #16546e;
	border: solid medium #16546e;
}

.sale-bull-btn{
	height: 48px;
}


/*Override MDB hiding the hamburger icons*/
.navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important
}

/*MAIN PAGE*/

/*For all waypoint elements needing 0 opacity*/
.waypoint-vis{
opacity: 0;
animation-duration: 1s;
}

/*Scroll Down icon*/
.scrollbutton1:hover .scroll-arrow, .scrollbutton1:hover .scroll-text{
	color: #F1F1F1!important;
}
.scrollbutton2:hover .scroll-arrow, .scrollbutton2:hover .scroll-text{
	color: #16546e!important;
}
.scrollbutton3:hover .scroll-arrow, .scrollbutton3:hover .scroll-text{
	color: #16546e!important;
}
.scrollbutton4:hover .scroll-arrow, .scrollbutton4:hover .scroll-text{
	color: #16546e!important;
}
.scrollbutton5:hover .scroll-arrow, .scrollbutton5:hover .scroll-text{
	color: #16546e!important;
}
.scrollbutton6:hover .scroll-arrow, .scrollbutton6:hover .scroll-text{
	color: #16546e!important;
}

/*Slogan and animation*/
.white-line{
	padding-top: 5px;
	position: relative;
	float: left;
    width: 6px;
    background-color: white;
	box-shadow: 6px 6px 3px black;
	height: 100%;
	animation-name: lineDraw;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
}

.slogan-text{
	margin-left: 8px!important;
	text-shadow: 6px 6px 3px black;
}

@keyframes lineDraw {
	0% {
	top: 50%;
	height: 0%;}
	
	100%{
	top: 0;
	height:100%;}
}

/*Learn More Button*/
.blue-btn{
	background-color: #1b698b;
	box-shadow: 6px 6px 9px black;
	border: none;
}

.blue-btn:hover{
	background: #16546e;
}

/*Hero image*/
.heroimg{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-image: url("images/home/herd-pic-adj.jpg");
	height: 100%;
}

/*Blue Underlines for each section*/
.blue-underline-left{
	border-style: solid;
	border-width: 0 0 10px 0;
	border-color: #1b698b;
	border-radius: 0 2em 2em 0;
}

.blue-underline-right{
	border-style: solid;
	border-width: 0 0 10px 0;
	border-color: #1b698b;
	border-radius: 2em 0 0 2em;
}

/*Goals Section*/

.icon{
	height: 20vw;
	width: 20vw;
}

/*Our Story Section*/

.images{
	object-fit: cover;
}

.grey-underline{
	border-style: solid;
	border-width: 0 0 4px 0;
	border-color: #303030;
	border-radius: 2em;
}

.sm-circle-btn{
	outline-color:#1b698b!important;
	border-color: #1b698b!important;
	border-style: solid;
}

.bg-blue{
	background-color: #1b698b!important;
}



/*Our Catalouge Section*/

.latestinfo{
	background-color: #3f3f3f;
	box-shadow: 6px 6px 9px black;
}

.latestinfo img{
	opacity: 0.4;
}

.move-down{
	position: relative;
	top: 6vw;
}

.xl-font{
	font-size: 3em;
}

/*Lets Talk Section*/
.btn-outline-blue{
	border-style: solid;
	border-width: medium;
	border-color: #1b698b;
}

/*Our Sires Section*/

.hover-color{
	background-color: rgba(255,255,255,0.00)!important;
}

.hover-color:hover{
	background-color: #1b698b!important;
	color: white!important;
}

.slick-prev:before {
  color: #1b698b!important;
}
.slick-next:before {
  color: #1b698b!important;
}


/*SALE BULL PAGE*/

#mobile-tabs{
	width: 100vw;
}

.animate__animated.animate__slideInRight {
  --animate-duration: 0.4s;
}


.bull-link{
	border: solid transparent;
    border-width: 0 0 2px;
    border-radius: 0;
	margin-bottom: -0.75rem;
}

.active-link{
	border-color: #1b698b;
}

.bull-cards{
	width: 87%!important;
}


.bull-card-img{
	object-fit: cover;
	max-height: 312px;
	width: 100%;
}

.bannerimg{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-image: url("images/sale/herdpic.jpg");
	height: 35vh;
	border-bottom-left-radius: 70% 10%;
	border-bottom-right-radius: 70% 10%;
}

.blue-underline-center{
	border-style: solid;
	border-width: 0 0 10px 0;
	border-color: #1b698b;
	border-radius: 2em;
}

.blue-thinline-left{
	border-style: solid;
	border-width: 0 0 3px 0;
	border-color: #1b698b;
}

.bg-lightblue{
	background-color: #e8e9ea!important;
}

.bg-medblue{
	background-color: #7b8b91!important;
}

.blue-btn-sm{
	background-color: #1b698b;
	border-style: double;
    border-color: #1b698b;
}

.blue-btn-sm:hover{
	background: #16546e;
}

.row-bg{
	background-color: #b7c3ce;
}

.side-tab{
	border-radius: 0.8em  0 0 0.8em;
	box-shadow: -1px 3px 10px 1px black;
}

.side-tab-mobile{
	border-radius: 0 0.8em 0.8em 0;
	box-shadow: -1px 3px 10px 1px black;
}

.place-tab{
	top: 45%;
	right: 0;
	z-index: 10;
}

.place-tab-mobile{
	bottom: 0;
	right: 50%;
	z-index: 10;
}

.muted-blue-txt{
	color: #5b95a5;
}

/*TESTIMONIAL PAGE*/

/*Background image*/
.testimonialimg{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-image: url("images/testimonials/bkgrnd-field-rc.jpg");
	height: 45vh;
	border-bottom-left-radius: 70% 10%;
	border-bottom-right-radius: 70% 10%;
}

.test-width{
	width: 15%!important;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231b698b' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")!important;
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231b698b' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")!important;
}


/*Gallery*/

.gallery-img{
	object-fit: cover;
}

/*Footer*/

.blue-background{
	background-color: #1b698b;
}

/*MEDIA QUERIES*/

@media (min-width: 576px){
.icon{
	height: 10vw;
	width: 10vw;	
	}
}

@media (min-width: 768px){
.icon{
	height: 8vw;
	width: 8vw;
}
}

@media (min-width: 992px){
.icon{	
	height: 6.8vw;
	width: 6.8vw;
	}
body, html {
height: 100%;
overflow-x: visible;
}
}




/*Carosel Specific Media Queries*/
@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

/* medium and up screens */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}