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
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
X-ray Report
Information
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.
Pedigree
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
X-ray Report
Please login to bid on this lot
Login
Please register for auction
Register