/*!
Theme Name: sampson
Theme URI: http://sampson.com/
Author: Hassan 
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sampson
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

sampson is based on Wordpress https://Wordpress.org/, (C) 2012-2020 Automattic, Inc.
Wordpress is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
  /* =====================================================
   FONTS
   ===================================================== */

 /* Light font */
 @font-face {
     font-family: 'FuturaLight';
     src: url('fonts/FuturaCyrillicLight.ttf') format('truetype');
 }

 /* Medium font */
 @font-face {
     font-family: 'FuturaMedium';
     src: url('fonts/FuturaCyrillicMedium.ttf') format('truetype');
 }

 /* Heavy / Bold font */
 @font-face {
     font-family: 'FuturaHeavy';
     src: url('fonts/FuturaCyrillicHeavy.ttf') format('truetype');
 }


 /* =====================================================
   GLOBAL RESET
   ===================================================== */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }


 /* =====================================================
   COMMON UTILITIES
   ===================================================== */
 .font-regular {
     font-family: 'FuturaLight', Arial, sans-serif;
     font-weight: 300;
 }

 .font-medium {
     font-family: 'FuturaMedium', Arial, sans-serif;
 }

 .font-bold {
     font-family: 'FuturaHeavy', Arial, sans-serif;
 }

 .text-blue {
     color: #258df6;
 }

 .bg-blue {
     background-color: #258df6;
	     width: 220px;
 }

 .gray-color {
     color: #5c5c5c;
 }

 .border-color {
     border-left: 1px solid #101010;
 }


 /* =====================================================
   HEADER SECTION
   ===================================================== */
 .header p {
     font-size: 18px;
     line-height: 26px;
     color: #eff2fc;
     font-weight: 300;
 }

 .header h2 {
     font-size: 49px;
     text-transform: uppercase;
     color: #eff2fc;
	 font-weight: 800;
 }

 .captxt {
     font-size: 23px !important;
     color: #eff2fc;
 }

 /* Navigation hover underline */
 .hover-border-bottom {
     display: inline-block;
     border-bottom: 2px solid transparent;
     transition: border-color 0.3s, color 0.3s;
 }

 .hover-border-bottom:hover,
 .hover-border-bottom:active,
 .hover-border-bottom:focus {
     border-bottom-color: #258df6 !important;
     color: #258df6 !important;
 }


 /* Header dividers */
 .custom-hr {
     border: none;
     height: 2px;
     width: 30px;
     background-color: white;
     margin: 0;
 }

 .custom-wr {
     border: none;
     height: 40px;
     width: 2px;
     background-color: white;
 }
 
 .azUul {
     font-size: 21vw;
     font-family: "FuturaLT", sans-serif;
     color: rgba(239, 242, 252, 0.06);
     text-transform: uppercase;
     text-align: center;
     position: absolute;
     bottom: 50%;
     width: 100%;
     z-index: 0;
     pointer-events: none;
	 font-weight: 900;
 }

 .hero-content p {
     font-size: 18px;
     line-height: 26px;
     color: #c8c8c8;
 }

 /* Slanted video button */
 .slanted-top {
     position: absolute;
     bottom: 8%;
     left: 4%;
     background-color: #258df6;
     color: white;
     border-top-left-radius: 50px;
     border-bottom-left-radius: 50px;
     width: 16%;
     clip-path: polygon(0 0, 92% 0, 84% 100%, 0 100%);
 }
 .slanted-top a { 
     background-color: #258df6;
     color: white;  
	 text-decoration: none;
 }

 .hero-content h1 {
     font-size: 55px;
     line-height: 63px;
 }

 /* Hero text spacing */
 .word-gap {
     word-spacing: 4px;
     letter-spacing: 12px;
 }

 .sale-track p {
     font-size: 28px;
     line-height: 55px;
 }

 .sale-track h3 {
     font-size: 45px;
     color: #eff2fc;
 }
.sale-track h3 a {
	text-decoration: none;
	color: #eff2fc;
}
 
 .image-wrapper {
     position: relative;
     overflow: hidden;
     border: 1px solid black;
 }

 /* Card image */
 .image-wrapper img {
     width: 100%;
     height: auto;
     display: block;
 }
 
 .inner-shadow {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 0;
     height: 80%;
     background: linear-gradient(to top,
             rgba(0, 0, 0, 0.9),
             rgba(0, 0, 0, 0.4),
             rgba(0, 0, 0, 0));
     z-index: 1;
     pointer-events: none;
 }

 /* Hover overlay */
 .img-overlay {
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.45);
     opacity: 0;
     transition: opacity 0.35s ease;
     z-index: 2;
 }
 
 .info-box {
     position: absolute;
     bottom: 0;
     padding: 16px;
     color: #fff;
     z-index: 3;
     width: 100%;
 }

 .samp-title a {
     font-size: 26px;
     line-height: 30px;
     color: #ffffff;
     text-decoration: none;
 }

 .year {
     opacity: 0.8;
     margin-bottom: 4px;
     font-size: 16px;
     line-height: 20px;
     color: #b8b8b8;
     font-weight: 300;
 }

 .arrow .bi-arrow-right-short {
     font-size: 35px;
     line-height: 0px;
 }

 .info-box h4 {
     font-size: 16px;
     font-weight: 700;
     margin: 0;
 }

 /* Arrow icon */
 .arrow {
     display: flex;
     transition: transform 0.35s ease;
 }

 .arrow a {
     color: #ffffff;
     transition: color 0.35s ease;
 }

 /* View more text */
 .view-more {
     opacity: 0;
     max-height: 0;
     overflow: hidden;
     transition: all 0.35s ease;
     margin: 0px;
     font-size: 16px;
     line-height: 30px;
     color: #258df6;
     font-weight: 300;
 }

 .view-more a {
     text-decoration: none;
     color: #258df6;
 }

.innter-1 h2 {
    font-size: 45px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #eff2fc;
    position: relative;
    left: -80px;
    bottom: -80px;
}

 .inner-2 h3 {
     font-size: 55px;
     line-height: 55px;
     text-transform: uppercase;
     margin-bottom: 20px;
	 color: #fff;
 }

 .inner-2 .font-regular {
     font-size: 19px !important;
     line-height: 24px;
     color: #ebebeb;
 }
 
 .broodmare-card:hover .img-overlay {
     opacity: 1;
 }

 .broodmare-card:hover .arrow a {
     transform: rotate(60deg);
     color: #258df6;
 }

 .broodmare-card:hover .view-more {
     opacity: 1;
     max-height: 40px;
     margin-bottom: 10px;
     /* display: block; */
 }

 .broodmare-card:hover .inner-shadow {
     background: linear-gradient(to top,
             rgba(0, 0, 0, 0.95),
             rgba(0, 0, 0, 0.5),
             rgba(0, 0, 0, 0));
 }
 
 .sale-carousel {
     height: 610px;
     overflow: hidden;
     position: relative;
 }

 .sale-track {
     display: flex;
     flex-direction: column;
/*      animation: scrollUp 16s linear infinite; */
 }

 .sale-carousel:hover .sale-track {
     animation-play-state: paused;
 }

 .sale-row {
     min-height: 140px;
 }

 .sec-samson h2 {
     font-size: 65px;
     text-transform: uppercase;
     color: #eff2fc;
 }

 .broodmares-section h2 {
     font-size: 66px;
     padding-bottom: 20px;
     text-transform: uppercase;
     color: #eff2fc;
 }

 .sale-img-box {
     background: #000;
     padding: 12px;
     text-align: center;
 }
 
 .row-line {
     border: none;
     height: 2px;
     background: white;
     margin: 0;
 }
 
 .arrow-wrapper {
     width: 52px;
     height: 52px;
     border: 1px solid #fff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-left: auto;
     cursor: pointer;
     transition: border-color 0.3s ease;
 }

 .arrow-icon {
     transition: transform 0.4s ease;
 }

 .arrow-wrapper:hover .arrow-icon {
     transform: rotate(-45deg);
 }

 .footer-input::placeholder {
     color: #5c5c5c;
 }

 .banner-logo {
     max-width: 500px;
     width: 100%;
 }
.sec-samson {
    overflow: hidden;
}
.footer a:hover {
    text-decoration: none;
    color: #258df6;
}
 
 @keyframes scrollUp {
     0% {
         transform: translateY(0);
     }

     100% {
         transform: translateY(-50%);
     }
 }

 @media (max-width: 1399.98px) {
     .banner-logo {
         max-width: 300px;
         width: 100%;
     }

     .header p {
         font-size: 18px;
     }

     .header h2 {
         font-size: 30px;
     }

     .captxt {
         font-size: 18px !important;
     }
 }

 @media (max-width: 1199.98px) {
     .banner-logo {
         max-width: 250px;
         width: 100%;
         margin-top: -50px;
     }

         .header p {
        font-size: 16px;
    }
.samp-cont {
    display: none !important;
}
     .header h2 {
         font-size: 30px;
     }

     .captxt {
         font-size: 18px !important;
     }
 }

 @media (max-width: 991.98px) {
      .banner-logo {
         max-width: 180px;
         width: 100%;
         margin-top: -50px;
     }

         .header p {
        font-size: 14px;
    }
.samp-cont {
    display: none !important;
} 

     .captxt {
         font-size: 18px !important;
     }
 }

 @media (max-width: 767.98px) {}

 @media (max-width: 575.98px) {}

 
 @media (max-width: 991px) {
     .navbar-nav {
         gap: 2rem !important;
     }

     .custom-wr {
         display: none;
     }

     .slanted-top {
         position: relative;
         bottom: 20px;
         left: 20px;
         width: 100%;
     }
 }
 
 @media (max-width: 767px) {
     .navbar-collapse {
         background: rgba(0, 0, 0, 0.75);
         margin-top: 5px;
         padding: 10px 0;
         border-radius: 12px;
     }

     .slanted-top {
         left: 50%;
         transform: translateX(-50%); 
     }
 }
 
 @media (max-width: 575px) {
     .slanted-top {
         padding: 6px 12px;
     }

     .word-gap {
         font-size: 11px;
     }
 }