/* Idol Horse profiles page */

/* Jockeys / Trainers toggle: the theme's .btn pill, sized and coloured like
 * the country filter buttons. */
.ih-pf-toggle {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-bottom: 30px;
}
.ih-pf-toggle .btn {
    display: inline-block;
    min-width: 59px;
    padding: 1px 15px;
    font-size: var(--paragraph-font-size-7); /* as .filter-card-top a */
    color: #0e4436;
    background-color: transparent;
    text-transform: uppercase;
    text-decoration: none;
}
.ih-pf-toggle .btn:hover {
    color: #fff;
    background-color: #0e4436;
    opacity: 1;
}
.ih-pf-toggle .btn.is-active {
    color: #d9e3cb;
    background-color: #0e4436;
    cursor: default;
}

/* The inactive view's country buttons (the theme sets display:flex). */
.filter-card .filter-card-top .ih-pf-locations[hidden] {
    display: none;
}

/* Layout the theme gives its jockeys/trainers page templates. */
body.ih-pf-page .article-card .aside-race {
    max-width: 300px;
    right: 67px;
}
body.ih-pf-page .article-card .filter-card .container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
body.ih-pf-page .article-card .filter-card .container .filter-card-top,
body.ih-pf-page .article-card .filter-card .container .filter-card-bottom {
    max-width: 980px;
}
body.ih-pf-page .article-card .filter-card .container .filter-card-bottom .card-item {
    width: calc(33.3% - 26.5px);
}
@media (min-width: 1200px) {
    body.ih-pf-page .article-card .filter-card .container {
        padding: 0 340px 0 60.5px;
    }
}
@media (max-width: 1420px) {
    body.ih-pf-page .article-card .aside-race {
        right: 20px;
    }
}
@media (max-width: 1350px) {
    body.ih-pf-page .article-card .aside-race {
        max-width: 221px;
    }
}
@media (max-width: 991.9px) {
    body.ih-pf-page .article-card .aside-race {
        display: block;
        max-width: 88%;
    }
}
