<<<<<<< Updated upstream ======= .static-whatsapp{ display:none; } .other_images { padding-left: 0px; padding-right: 0px; cursor:pointer; transition:1s; } .other_images li { display: inline; } li img { margin-top: 10px; margin-left: 5px; max-width: 23% !important; } .image-bg{ background-image: url("https://www.aloga-auction.com/uploads/stallions/header_banner/stallion-header-banner1743882160.jpg") !important; background-position:center center; } .section-bg{ background-image: unset !important; } /*small screen media query*/ @media only screen and (max-width: 600px){ .image-bg{ background-image: unset !important; } .section-bg{ background-image: url("https://www.aloga-auction.com/uploads/stallions/header_banner/stallion-header-banner1743882160.jpg") !important; } li img { margin-top: 10px; margin-left: 5px; max-width: 29% !important; } #pedigree_ span{ font-size:9px !important; } .telex_image{ width:66% !important; } .float-button{ position:fixed; width:60px; height:60px; bottom:400px; line-height:60px; right:40px; background-color:black; color:#FFF; border-radius:50px; text-align:center; font-size:20px; z-index:100; top:30px; } .float-button-left{ position:fixed; width:60px; height:60px; bottom:400px; right:0px; left:40px; background-color:black; color:#FFF; border-radius:50px; text-align:center; font-size:20px; line-height:60px; z-index:100; top:30px; } } @media only screen and (min-width: 768px) { #pedigree_ span{ font-size:11px !important; } } .telex_image{ width:70%; } .details { background: #0575e6; background: -webkit-linear-gradient(to right, #0575e6, #021b79); background: linear-gradient(to right, #67a8ea, #1483b0); color: black; font-weight: 500; font-size: 70%; } .pb_slant-light:after, .pb_slant-white:after { background-color: black; } .pb_accordion .item>a { display: block; border-bottom: 1px solid #e9ecef; padding: 10px 0; position: relative; color: #37a290; font-family: 'patron'; font-weight: bold; } .download_xray{ font-size:0.6rem; } .email_xray{ font-size:0.6rem; } .button_xray{ font-size:0.6rem; } .label_xray{ font-size:0.6rem; } .pb_accordion .item>a[aria-expanded=true] { color: #37a290; } @media only screen and (min-width: 768px) { .pb_cover, .pb_cover_v1, .pb_cover_v2, .pb_cover_v3, .pb_cover_v4 { height: 70vh !important; } .pb_cover>.container>.row, .pb_cover_v1>.container>.row, .pb_cover_v2>.container>.row, .pb_cover_v3>.container>.row, .pb_cover_v4>.container>.row { height: 70vh !important; } } .pb_gradient_v1:before { background: #665fee; background: -moz-linear-gradient(45deg, #665fee 0%, #27c2de 100%); background: -webkit-linear-gradient(45deg, #40b4e7 0%, #27c2de 100%); background: -o-linear-gradient(45deg, #665fee 0%, #27c2de 100%); background: linear-gradient(45deg, #37a290 0%, #0c7f6c 100%) !important; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#665fee', endColorstr='#27c2de', GradientType=1); content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .dropdown-results { background-color: #fafafa; border: 1px solid #f2f2f2; color: black; cursor: pointer; } .dropdown-results > label { cursor: pointer; margin: 0px; } .heading-border { width: 10%; height: 5px; margin-top: 10px; background-color: #1384ae; } #pedigree_ { position: relative; padding-left: 100px; } .container-fluid.drill-other-header { display: none; } #pedigree_bild { position: absolute; width: 100px; height: 115px; top: 50%; left: 0; margin-top: -43px; text-align: center; } #pedigree_ span { font-size: 13px; color: white; background: #37a290; border-radius: 5px; padding: 2px 10px; box-sizing: border-box; display: inline-block; width: 100%; } #pedigree_bild span { background: none !important; color: rgb(62, 56, 44) !important; } #pedigree_ table { width: 100%; height: 100%; border: none; } #pedigree_ td.level1 { background: url(https://www.equigen.co.uk/assets/images/pedigree_connect_1.png); background-repeat: no-repeat; background-position: center right !important; background-position: center right; } #pedigree_ td { vertical-align: middle; padding-right: 10px !important; height: 30px; border: none; margin-left: 0px; margin-top: 15px; } #pedigree_ span.grey { background: rgb(168, 168, 168); } .pedigree-details h1, .pedigree-details h2, .pedigree-details h3, .pedigree-details h4, .pedigree-details h5, .pedigree-details h6 { color: white; background-color: #37a290; border-radius: 8px; padding-top: 6px !important; padding-bottom: 6px !important; padding-left: 10px !important; } .pedigree-details p { padding-left: 18px !important; } .pedigree-pdf-download { text-align: right; } .pedigree-links-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 15px; } .pedigree-links-row .pedigree-pdf-download { margin-top: 0 !important; } .pedigree-hippo-link { display: inline-flex; align-items: center; justify-content: flex-start; } .pedigree-pdf-download a { display: inline-block; text-align: center; } .pedigree-pdf-download img.pedigree-pdf-icon { height: 80px; } .pedigree-pdf-download-text { display: block; margin-top: 8px; font-size: 10px; color: #37a290; text-transform: uppercase; letter-spacing: 1px; } @media only screen and (max-width: 600px) { .pedigree-links-row { gap: 10px; } .pedigree-pdf-download img.pedigree-pdf-icon { height: 64px; } } #pedigree_ td.level2 { background: url(https://www.equigen.co.uk/assets/images/pedigree_connect_2.png); background-repeat: no-repeat; background-position: center right; } @media (min-width: 1200px) { .container { width: 100% !important; } } @media screen and (max-width: 768px) { .divide { padding-left: 10px; padding-right: 10px; } #pedigree_ { padding-left: 0px; } #pedigree_bild img { width: 50%; } #pedigree_bild { width: 100px; margin-top: -26px; } } @media only screen and (min-width: 768px) { .pb_cover, .pb_cover_v1, .pb_cover_v2, .pb_cover_v3, .pb_cover_v4 { height: 70vh !important; } .pb_cover>.container>.row, .pb_cover_v1>.container>.row, .pb_cover_v2>.container>.row, .pb_cover_v3>.container>.row, .pb_cover_v4>.container>.row { height: 70vh !important; } } * { box-sizing: border-box } .mySlides { display: none } /* Slideshow container */ .slideshow-container { position: relative; margin: auto; } /* Next & previous buttons */ .disabled { background-color:gray !important; pointer-events: none; /* Prevent the link from being clickable */ text-decoration: none; /* Optionally remove underline if needed */ cursor: not-allowed; /* Change cursor to indicate it's disabled */ } .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; } /* Position the "next button" to the right */ .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } .float-button{ position:fixed; width:60px; height:60px; bottom:400px; line-height:60px; right:40px; background-color:black; color:#FFF; border-radius:50px; text-align:center; font-size:20px; z-index:100; top:120px; } .float-button:hover, .float-button-left:hover{ background-color:#339887; color:#FFF; } .float-button-left{ position:fixed; width:60px; height:60px; bottom:400px; right:0px; left:40px; background-color:black; color:#FFF; border-radius:50px; text-align:center; font-size:20px; line-height:60px; z-index:100; top:120px; } /* The dots/bullets/indicators */ .dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active, .dot:hover { background-color: #717171; } /* Fading animation */ .fades { -webkit-animation-name: fade; margin-left: auto; margin-right: auto; animation-name: fade; } @-webkit-keyframes fades { from { opacity: .4 } to { opacity: 1 } } @keyframes fades { from { opacity: .4 } to { opacity: 1 } } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .prev, .next, .text { font-size: 11px } } body { -webkit-appearance: none; opacity: 1; background-color: black !important; /* background-image: url("https://www.aloga-auction.com/uploads/stallions/header_banner/stallion-header-banner1743882160.jpg") !important; */ background-repeat:no-repeat !important; background-size:cover !important; } .pb_section { padding: 5em 0; } .custom-float { position: fixed; width: 60px; height: 60px; bottom: 40px; right: 40px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 2px 2px 3px #999; z-index: 100; } .my-float { margin-top: 16px; color: white; } .floating-button { margin-top: 16px; color: white; } .video-container { position: relative; padding-bottom: 56.25%; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .btn{ cursor:pointer; } .green-button{ font-family:'patron'; font-size: 10px; background-color:#3ebca7; color:black !important; } .green-button-white{ font-family:'patron'; font-size: 10px; background-color:#3ebca7; color:white !important; } .table th, .table td{ border:0px !important; } .hero-container { position: relative; width: 100%; height: 100vh; overflow: hidden; } /* Background Gradient */ .bg-gradient { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; z-index: 0; } /* Horse Image */ .horse-image { position: absolute; bottom: 0; left: 32%; transform: translateX(-50%); max-height: 80%; width: auto; z-index: 1; object-fit: contain; } /* Smoke Overlay */ .smoke-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; object-fit: cover; z-index: 2; pointer-events: none; top: 20%; } /* Heading Over Smoke */ .smoke-heading { z-index: 3; text-align: left; color: white; font-size: 3rem; font-weight: bold; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6); pointer-events: none; } .smoke-heading > h1 { color:white !important; font-size: 3.0rem; } /* Horse Info Panel */ .horse-info { position: absolute; top: 50%; right: 8%; left: auto; bottom: auto; transform: translateY(-50%); z-index: 3; color: white; font-size: 1.2rem; max-width: 30%; text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6); } .heading-info{ background-color: black; color:#40aa96; font-family:'patron'; padding:5px; border-radius:5px; width:fit-content; font-size:1rem; margin:4px 0px 4px 0px; /* padding:0px; */ } .detail-info{ font-size: 1.5rem; margin:0px; padding:0px; margin-bottom:15px; } /* Responsive adjustments */ @media (max-width: 768px) { .hero-container { height: 80vh; } .horse-image { max-height: 60%; left: 34%; } .heading-info{ font-size:0.6rem; } .detail-info{ font-size:0.8rem; } .smoke-overlay { top: 48%; width: 100%; } .smoke-heading h1 { font-size: 2rem; } .horse-info { font-size: 1rem; max-width: 60%; right: 5%; top: 52%; } } @media only screen and (min-width: 768px) and (max-width: 1180px) { .hero-container { height: 72vh; min-height: 700px; } .bg-gradient { width: 100%; height: 100%; object-position: center center; } .horse-image { left: 30%; bottom: 0; top: auto; max-height: 72%; max-width: 52%; } .smoke-overlay { left: 0; top: 30%; width: 74%; height: 54%; object-fit: cover; object-position: left center; } .horse-info { top: 50%; right: 6%; left: auto; bottom: auto; transform: translateY(-50%); max-width: 34%; width: 34%; padding: 10px 0; } .smoke-heading { margin-bottom: 14px; } .smoke-heading > h1 { font-size: 2.4rem; line-height: 1.05; margin-bottom: 0; } .heading-info { font-size: 0.8rem; padding: 6px 10px; margin: 8px 0 4px 0; } .detail-info { font-size: 1.2rem; line-height: 1.2; margin-bottom: 12px; } .float-button, .float-button-left { top: 90px; width: 46px; height: 46px; line-height: 46px; font-size: 16px; } .float-button { right: 20px; } .float-button-left { left: 20px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .hero-container { height: 68vh; min-height: 820px; } .horse-image { left: 28%; max-height: 66%; max-width: 54%; top: 33%; } .smoke-overlay { top: 52%; width: 100%; height: 48%; } .horse-info { right: 0%; top: 50%; width: 36%; max-width: 36%; } .smoke-heading > h1 { font-size: 2rem; } .heading-info { font-size: 0.72rem; } .detail-info { font-size: 1.05rem; margin-bottom: 10px; } } @media only screen and (min-width: 1024px) and (max-width: 1180px) and (orientation: landscape) { .hero-container { height: 88vh; min-height: 620px; } .horse-image { left: 31%; max-height: 78%; max-width: 48%; } .smoke-overlay { top: 24%; width: 70%; height: 58%; } .horse-info { right: 7%; width: 31%; max-width: 31%; } } @media (max-width: 480px) { .hero-container { height: 50vh; } .horse-image { max-height: 65%; top: 25%; left:35%; } .float-button-left{ position: fixed; width: 30px; height: 30px; bottom: 400px; right: 0px; left: 40px; background-color: black; color: #FFF; border-radius: 50px; text-align: center; font-size: 10px; line-height: 0; z-index: 100; top: 50%; } .my-float{ margin-top: 11px !important; } .float-button{ position: fixed; width: 30px; height: 30px; bottom: 400px; line-height: 0; right: 40px; background-color: black; color: #FFF; border-radius: 50px; text-align: center; font-size: 10px; z-index: 100; top: 50%; } .smoke-overlay { top: 48%; width: 108%; } .smoke-heading { top: 92%; text-align: left; margin-bottom: 30px;; } .smoke-heading h1 { font-size: 0.9rem; } .horse-info { left: auto; right: 5%; bottom: auto; top: 26%; font-size: 0.9rem; max-width: 42%; transform: none; } .heading-info{ font-size:0.4rem; } .detail-info{ font-size:0.6rem; margin-bottom:7px; } } >>>>>>> Stashed changes
Green Background Horse Smoke Overlay

Simba

Year of Birth

2018

Gender

Gelding

Studbook

BWP

Breeding

CONTHARGOS x HEARTBREAKER

Name Simba
Year 2018
Gender Gelding
Size Medium
Studbook BWP
Pedigree CONTHARGOS x HEARTBREAKER
Starting Bid €25,000

Simba is a talented 7-year-old gelding by Conthargos out of a Heartbreaker mother, combining world-class stallions on both sides of his pedigree. He has already made a strong impression on the international stage, delivering 6 clear rounds out of 8 in Vejer De La Frontera earlier this year, where he consistently caught the eye with his scope and carefulness.

He possesses all the attributes of a modern sport horse, athletic, rideable, and very competitive, combined with his natural talent and willingness to perform, Simba is bound to be a real winner!

CONTHARGOS CONVERTER I CONTENDER
FONTIRELL
CAJANDRA Z CARTHAGO
JALANDA
INDRA VD BISSCHOP HEARTBREAKER NIMMERDOR
BACAROLE
SECRET LOVE WONDERLAND LIBERO H
PRISCILLA