<<<<<<< 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://aloga-auction.com/uploads/stallions/header_banner/stallion-header-banner1743943895.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://aloga-auction.com/uploads/stallions/header_banner/stallion-header-banner1743943895.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://aloga-auction.com/uploads/stallions/header_banner/stallion-header-banner1743943895.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

Dialon

Year of Birth

2019

Gender

Gelding

Studbook

OS

Breeding

DIA CORRADO x LIGHT ON OLD

Name Dialon
Year 2019
Gender Gelding
Size Medium
Studbook OS
Pedigree DIA CORRADO x LIGHT ON OLD
Starting Bid €25,000

Dialon is a 6-year-old gelding by Dia Corrado out of a Light On mare, combining scope, carefulness, and excellent rideability. His talent has already been showcased in Vejer De La Frontera, where he delivered a flawless 8/8 clear rounds and secured 6th place in the overall final. Alongside his international success, he has also claimed multiple national wins, proving his consistency and quality in the ring. With his elegant presence, exceptional temperament, and natural rideability, Dialon is an exciting prospect for an ambitious rider aiming for the top.

DIA CORRADO DON DIARADO DIARADO
LADY LANCER
CORRADA CORRADO II
I-CORINNA
RIA RUNA LIGHT ON OLD LORDANOS
LOVE GIRL
RIA ROLANDA CON CAPITOL
ROLANDA