﻿body {
}

.stallion-image {
    padding-top: 20px;
}

    .stallion-image img {
        width: 100%;
        height: auto;
    }

.stallion-HeaderDisplay {
    display: block;
    text-align: center;
    margin-top: 20px;
}

.RunnerDisplay_m {
    display: none;
}

.ResultDisplay_m {
    display: none;
}

.NewsDisplay_m {
    display: none;
}

.ProgenyDisplay_m {
    display: none;
}

.NicksDisplay_m {
    display: none;
}

.stallion-sectionwrapper {
    font-size: 0.8em;
    margin-bottom: 20px;
}

.HeadlineSire {
    margin-top: 10px;
}

.topprogeny {
    font-size: 0.8em;
}

.topprogeny-horse {
    display: inline-block;
    width: 40%;
}

.topprogeny-wins {
    display: inline-block;
}

.nicksrow-sire {
    display: inline-block;
    width: 40%;
}

.nicksrow-winners {
    display: inline-block;
}

.RowSep {
    border-bottom: 1px dotted #666;
    padding-bottom: 3px;
}

canvas {
    width: 100%;
}

.stallion-currentheader {
    margin-top: 30px;
    font-weight: bold;
}

.chart-container {
    margin-top: 20px;
    margin-bottom: 20px;
}

.stallion-top {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
}

.stallion-rowwrapper {
    display: block;
    font-size: 0.8em;
    padding-bottom: 3px;
    padding-top: 3px;
    border-bottom: 1px dotted grey;
}

.stallion-rowwrapper-head {
    display: block;
    font-size: 0.8em;
    padding-bottom: 3px;
    padding-top: 10px;
    border-bottom: 1px dotted grey;
    font-weight: bold;
}

.stallion-horserow {display: inline-block;width: 35%;}

.stallion-racerow {
    display: inline-block;
    width: 5%;
}

.stallion-nicksrowwrapper {
    display: block;
    width: 95%;
    font-size: 1em;
}

.stallion-nicksrunners {
    display: inline-block;
    width: 15%;
}

.stallion-nickswinners {display: inline-block;width: 20%;}

.stallion-nicksw {
    display: inline-block;
    width: 10%;
}

.stallion-nickbest {
    display: inline-block;
    width: 25%;
}

.stallion-nicksall {
    display: inline-block;
    width: 10%;
    text-align: right;
}

.stallion-nickshorse {
    display: inline-block;
    width: 30%;
    padding-left: 20px;
}

.stallion-nicksdam {
    display: inline-block;
    width: 35%;
}

.stallion-nickswins {
    display: inline-block;
    width: 15%;
}
.stallion-nicksboxheader {display: block;padding-bottom: 4px;padding-top: 4px;margin-top: 10px;border-bottom: 1px dotted grey;}
.stallion-nicksboxheader a {display: block;padding-bottom: 4px;padding-top: 4px;margin-top: 10px;border-bottom: 1px dotted grey;}
.stallion-nickscontent {
    display: none;
    text-align: left;
    margin-left: 20px;
}

.stallion-nicksrowcontent {
    background-color: #ececec;
    margin: 1px 0px 0px 0px;
}


@media only screen and (max-width: 576px) {
    .RightColSire {
        display: none;
    }

    .LeftColSire {
        width: 97%;
    }

    .stallion-graphs {
        display: block;
    }

    .RunnerDisplay_m {
        display: block;
    }

    .ResultDisplay_m {
        display: block;
    }

    .NewsDisplay_m {
        display: block;
    }

    .ProgenyDisplay_m {
        display: block;
    }

    .NicksDisplay_m {
        display: block;
    }

    .stallion-nicksrowwrapper {
        font-size: 0.9em;
        width: 100%;
        overflow: hidden;
    }

    .stallion-nicksrunners {
        display: inline-block;
        width: auto;
    }

    .stallion-nickswinners {
        display: inline-block;
        width: auto;
        padding-right: 5px;
    }

        .stallion-nickswinners::before {
            content: " - ";
        }

    .stallion-nickbest {
        font-size: 0.8em;
    }
}