@charset "utf-8";

/* Global Base */
body {
    color: #FFFFFF;
    background-color: #000000;
}

/* Layout and Alignment */

.QuadLeft {
    text-align: left;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.25rem;
    padding: 0 10px;
}

.QuadDefault {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.25rem;
    padding: 0 10px;
}

ul {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 1.25rem;
    line-height: 1.2;
}
li {
    margin-bottom: 3px; 
}


.QuadCenter {
    text-align: center;
}

.QuadCenterXlarge {
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: x-large;
    padding: 0 10px;
}

/* Fluid Image Scaling */
img {
    max-width: 100%;
    height: auto;
}

/* Sport 2.0 Link Styling */
a, a:visited {
    color: #FFFFFF;
    text-decoration: underline;
    overflow-wrap: anywhere;
}
a:hover {
    color: #CCCCCC;
}

/* Technical Footer Styling */
.counter-style {
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    font-size: small;
    color: #555555;
    margin-top: 50px;
}

/* Content Typography */
.TextUnderline {
    text-decoration: underline;
}


/* Mobile Responsive Font Scaling */
@media screen and (max-width: 600px) {
    .QuadCenterXlarge {
        font-size: 1.25rem;
    }
}



/* Smooth Image Zoom on Hover */
.ZoomHoverLeft {
    transition: transform 0.3s ease-in-out;
    transform-origin: left center; /* Anchors the left edge */
    position: relative;
    z-index: 1;
}
.ZoomHoverLeft:hover {
    transform: scale(2.5); /* Adjust this multiplier to set max size */
    z-index: 100; /* Brings image above the text */
    box-shadow: 0px 10px 20px rgba(0,0,0,0.8); /* Optional: makes it pop */
}

.ZoomHoverRight {
    transition: transform 0.3s ease-in-out;
    transform-origin: right center; /* Anchors the right edge */
    position: relative;
    z-index: 1;
}
.ZoomHoverRight:hover {
    transform: scale(2.5);
    z-index: 100;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.8);
}