@import url('https://fonts.googleapis.com/css?family=Open+Sans');body {font-family: "Open Sans";}
.gallery-wrapper-foal {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 20px 40px;
    box-sizing: border-box;
}

.image-gallery-foal {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    gap: 10px;
    scrollbar-width: none; /* Firefox */
}

    .image-gallery-foal::-webkit-scrollbar {
        display: none; /* Chrome, Safari */
    }

    .image-gallery-foal img {
        height: 200px;
        flex-shrink: 0;
        border-radius: 8px;
        object-fit: cover;
    }
.image-item-foal {
    flex-shrink: 0;
    width: 40%;
    text-align: center;
    background-color: #269FC8;
    border-radius: 8px;
    color:white;
    font-size:0.9em;
}

    .image-item-foal img {
        width: 90%;
        height: 150px;
        object-fit: cover;
        padding-top:10px;
    }

    .image-item-foal p {
        margin-top: 8px;
    }
.scroll-btn-foal {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 24px;
    border-radius: 50%;
    z-index: 1;
}

    .scroll-btn-foal.left {
        left: 10px;
    }

    .scroll-btn-foal.right {
        right: 10px;
    }
.bold {font-weight: bold;}
.header {z-index: 100000000;position: relative;}
.feature-image-container {display: none;border-top: 2px solid black;padding-top: 24px;}
.screen-container {width: 100%;text-align: center;}
.content-container {width: 100%;margin: 0 auto 0 auto;text-align: left;overflow: hidden;}
.content-container h2 {font-size: 1.1em;font-weight: bold;}
.logo-row {display: none;}
.mobile-only {display: block;}
.dropdown-cell {padding: 12px 0 12px 12px;border-bottom: 1px solid black;}
.background-aqua {background-color: white;border-top: 1px solid grey;border-bottom: 1px solid grey;}
.home-search {display: none;}
.HomeSocial {display: none;}
.top1200 {display: none;}
.blackbook-container {width: 100%;padding: 12px;background-color: lavender;}
.feature-block {display: block;}
.feature-story-block {display: block;padding: 12px 0 24px 0;width: 100%;text-align: center;}
.feature-headline {font-size: 1.2em;font-weight: bold;padding: 0 12px 0 12px;}
.spotlight-block {display: none;}
.video-feature-block {display: block;padding-bottom: 24px;}
.video-feature-block img {max-width: 100%;height: auto;}
.ResultsStripContainer {display: none;}
.articlebox-paid {font-size: 0.9em;background-color: #e3e3e3;padding: 3px;}
.articlebox-paid a {color: black;}
.articlebox-paid a:hover {text-decoration: none;}
.articlebox-paid img {max-width:100px;float:left;padding-right:6px;}
.block2 {display: flex;border-top: 3px solid grey;margin-top: 12px;padding-top: 12px;}
.block2-pos4 {display: none;}
.block2-pos1 {display: none;}
.block2-content {display: block; overflow: auto;}
.block2-content a {color: black;}
.block2-content a:hover {color: steelblue;text-decoration: none;}
.block2:before,.block2:after {content: " ";display: table;}
.block2:after {clear: both;}
.newsmid-container {display: flex;flex-wrap: wrap;font-size: 0.8em;padding: 0 0 12px 0;margin: 12px 0 0 0;border-bottom: 1px solid #d3d3d3;}
.newstop-container {display: flex;flex-wrap: wrap;font-size: 0.8em;padding: 0 0 12px 0;margin: 12px 0 0 0;border-bottom: 1px solid #d3d3d3;min-height: 175px;}
.newstop-container a {display: flex;color: black;}
.newstop-container a:hover {color: steelblue;text-decoration: none;}
.newstop-container-nv {display: flex;flex-wrap: wrap;font-size: 0.8em;padding: 0 0 12px 0;margin: 12px 0 0 0;border-bottom: 1px solid #d3d3d3;min-height: 175px;}
.newstop-container-nv a {display: flex;color: black;}
.newstop-container-nv a:hover {color: steelblue;text-decoration: none;}
.newsmid-container a {display: flex;}
.newslow-container {padding: 12px 12px 12px 12px;border-bottom: 1px solid #d3d3d3;min-height: 30px;font-size: 0.9em;}
.newslow-container a {color: black;text-decoration: none;}
.news-headline {font-size: 1.1em;font-weight: bold;padding: 0 0 12px 12px;}
.newstop-headline {font-size: 1.2em;font-weight: bold;padding: 0 0 0 12px;}
.newstop-headline-nv {font-size: 1.2em;font-weight: bold;padding: 0 0 0 12px;}
.news-headline-low {font-size: 0.9em;font-weight: bold;}
.midvideo-container {display: block;width: 100%;overflow: scroll;margin-bottom: 24px;padding-top: 36px;margin-top: 24px;}
.midvideo-container:before,.midvideo-container:after {content: " ";display: table;}
.midvideo-container:after {clear: both;}
.midvideo-cell {display: inline-block;width: 60%;overflow: visible;text-align: center;}
.block3 {display: block;border-top: 3px solid grey;margin-top: 12px;padding-top: 36px;}
.block3-left {display: none;}
.block3-right {display: none;}
.block3-content {display: block;}
.block3:before,.block3:after {content: " ";display: table;}
.block3:after {clear: both;}
.block4 {display: block;border-top: 3px solid grey;margin-top: 24px;padding-top: 24px;}
.block4-left {display: none;}
.block4-right {display: none;}
.block4-content {display: block;}
.block4:before,.block4:after {content: " ";display: table;}
.block4:after {clear: both;}
.newslow-preview {display: block;}
.ps-segment-wrapper {text-align: center;}
.ps-article-wrapper {background-color: #D8BFD8;margin: 0 3px 24px 3px;padding: 24px 6px 24px 6px;border: 1px #800080 solid;border-radius: 12px;display: inline-block;min-height: 200px;width: 45%;vertical-align: top;min-height: 250px;}
.ps-segment-wrapper a {color: #800080;}
.ps-minor {font-size: 0.8em;}
.ps-recent-wrapper {font-size: 0.9em;}
.ps-recent-wrapper a {color: #800080;}
.ps-article-image {width: auto;height: 135px;overflow: hidden;float: left;margin-right: 6px;}
.ps-article-image img {width: 150px;height: auto;display: block;}
.ps-article-headline {font-size: 1em;font-weight: bold;}
.ps-minor {display: block;border-top: 1px solid grey;padding: 6px;}
.ps-link {display: block;background-color: #D8BFD8;border: 1px solid #800080;border-radius: 6px;margin: 6px;padding: 12px;text-align: center;}
.hp-segment-header {padding-left: 5%;font-weight: bold;font-size: 1.3em;font-family: 'Times New Roman', Times, serif;}
.ps-recent-wrapper {display: block;border-top: 1px solid grey;padding: 12px 6px 0 6px;}
.video-player-mid {display: block;width: 100%;background-color: black;color: white;text-align: center;padding: 6px 0 6px 0;}
.video-thumbs-mid {display: block;max-height: 450px;vertical-align: top;width: 100%;overflow: scroll;white-space: nowrap;}
.video-mid-links {display: inline-block;width: 60%;font-size: 0.8em;border-bottom: 1px solid grey;padding-top: 6px;white-space: normal;text-align: left;vertical-align: top;}
.video-mid-links img {min-width: 90%;margin-right: 6px;}
.feature-image {max-height: 300px;overflow: hidden;}
.feature-image img {max-width: 380px;}
.feature-image-caption {padding: 0 5% 0 5%;font-size: 1.1em;max-width: 380px;}
.feature-image-caption a {color: black;font-weight: 400;}
.news-home-imgs {margin-right: 15px;max-width: 100px;max-height: 70px;flex: 0 0 auto;}
.news-home-imgs img {width: 100%;height: auto;}
.news-home-imgs-one {margin-right: 15px;max-width: 100%;max-height: 100px;overflow: hidden;flex: 0 0 auto;}
.news-home-imgs-one img {width: 100%;height: auto;}
.podcast-container {background-color: #f9f7f7;border: dashed 1px #245E45;font-size: 0.85em;}
.podcast-container a {color: #1a7c9c;}
.news-message-container {background-color: #f9f7f7;border: dashed 1px #245E45;font-size: 0.85em;margin: 1em;padding: 5px;text-align: center;}
.news-message-container a {color: #1a7c9c;font-weight: bold;}
.segment-header {background-color: white;width: 90%;border-top: 0px solid #fa9022;border-bottom: 1px solid #fa9022;color: #4daece;padding: 9px 0px 1px 20px;margin: 50px 0px 10px 0px;font-weight: bold;font-size: 1.5em;}
.segment-header-premium {background-color: white;width: 90%;border-top: 0px solid #fa9022;border-bottom: 1px solid #fa9022;color: #4daece;padding: 9px 0px 1px 20px;margin: 0px 0px 10px 0px;font-weight: bold;font-size: 1.5em;}
.foal-wrapper {display: block;width: 100%;}
.foal-cell {display: inline-block;width: 49%;padding: 6px;font-size: 0.8em;vertical-align: top;}
.foal-cell-img {width: 90%;max-height: 150px;overflow: hidden;}
.foal-cell-img img {width: 200px;height: auto;}
.foal-wrapper-25 {display: block;overflow:scroll;}
.foal-cell-25 {display: inline-block;width: 49%;padding: 6px;font-size: 0.8em;vertical-align: top;background-color:aquamarine;}
.foal-cell-img-25 {width: 90%;max-height: 150px;overflow: hidden;}
.nf-article-headline {font-size: 1.1em;font-weight: bold;}
.nf-article-image img {width: 100%;height: auto;}
.nf-article-image {display: block;height: 150px;overflow: hidden;}
.nf-article-preview {font-size: 0.7em;}
.nf-article-wrapper {display: inline-block;width: 70%;padding: 0 12px 24px 6px;vertical-align: top;white-space: normal;}
.nf-segment-wrapper {display: block;margin-top: 20px;overflow: scroll;white-space: nowrap;}
.hp-sires-panel-container {display: block;width: 100%;}
.hp-sires-panel-block {display: block;width: 100%;vertical-align: top;padding: 12px;font-size: 0.8em;}
.news-headline-lower-topstory-wrapper img {max-width: 30%;float: left;margin-right: 12px;}
.news-headline-lower {margin-top: 12px;padding-top: 12px;border-top: 1px solid grey;}
.hp-sire-link {width: 80%;margin: 2% 5% 0 5%;text-align: center;padding: 6px 0 6px 0;background-color: bisque;}
.hp-racing-panel-container {display: block;width: 100%;}
.meeting-link {display: none;}
.meeting-link-date {display: inline-block;width: 25%;text-align: center;padding: 9px 0 9px 0;border: 0px solid grey;border-radius: 6px;background-color: white;margin-right: 2%;margin-top: 9px;font-size: 0.9em;}
.meeting-link-salemail {display: inline-block;width: 25%;text-align: center;padding: 9px 0 9px 0;border: 1px solid grey;border-radius: 6px;background-color: #ececec;margin-right: 2%;margin-top: 9px;font-size: 0.9em;}
.meeting-link-races {display: inline-block;width: 25%;text-align: center;padding: 9px 0 9px 0;border: 1px solid grey;border-radius: 6px;background-color: #ececec;margin-right: 2%;margin-top: 9px;font-size: 0.9em;}
.stakesrace-container {padding: 6px 0 6px 0;border-bottom: 1px solid grey;}
.top-strip-container-searchbox ul {background: white;}
.menu-block {background-color: #1a7c9c;}
.navbar-toggler {background-color: #ececec;}
.navbar-toggler-icon {background-color: #ececec;}
.navbar-nav {background-color: white;padding-left: 1em;width: 100%;}
.div-gpt-ad-mobmr1 {width: 100%;overflow: hidden;text-align: center;padding: 30px 0 30px 0;}
.spotlight-wrapper {display: block;width: 100%;overflow: hidden;background-color: #ececec;padding: 24px 12px 24px 12px;font-size: 0.8em;}
.spotlight-toprow {text-align: center;padding-bottom: 12px;}
.spotlight-headline {font-weight: bold;font-size: 1em;padding-bottom: 12px;}
.carousel_dt {display: none;}
.carousel_mb {display: block;}
.sale-search input[type=submit] {display: inline-block;width: 20%;background-color: #4CAF50;color: white;padding: 4px 4px;margin: 8px 0;border: none;border-radius: 4px;cursor: pointer;}
.sale-search input[type=text],
select {max-width: 45%;padding: 3px;margin: 6px 0 20px 0;display: inline-block;border: 1px solid #ccc;border-radius: 0 6px 6px 0;box-sizing: border-box;}
.sale-search {display: inline-block;width: 95%;border-radius: 10px;padding: 0;margin-top: 0;}
.sale-search select {display: inline-block;color: blue;border-radius: 6px 0 0 6px;;}
.sale-cell {display: block;width: 90%;border: 1px solid #d3d3d3;margin: 2%;padding: 12px 0px 12px 0px;text-align: center;font-size: 0.8em;border-radius: 6px;background-color: cadetblue;color: white;}
.sale-list-wrapper {display: block;text-align: center;}
.sales-lower-wrapper {display: block;width: 100%;overflow: hidden;}
.sales-lower-left {display: none;}
.sales-lower-right {display: block;width: 100%;}
.sales-lower-right h2 {padding-left: 12px;}
.cat-update-horse {display: block;}
.cat-update-sale {display: inline-block;}
.cat-update-horse {display: inline-block;}
.racing-link-container {display: block;width: 100%;overflow: hidden;text-align: center;}
.racing-link {display: block;width: 90%;padding: 12px;margin: 6px;font-size: 0.9em;background-color: #ececec;border: 1px solid grey;border-radius: 6px;}
.sales-news-headline {padding: 12px;border-bottom: 1px solid #d3d3d3;font-size: 0.9em;}
.sf-wrapper {display: block;width: 100%;overflow: hidden;text-align: center;margin: 24px 0 24px 0;}
.sf-container {display: block;background-color: #86754F;border: 1px solid black;border-radius: 12px;}
.sf-header {background-color: #86754F;color: white;width: 100%;overflow: hidden;border-radius: 10px 10px 0 0;padding: 12px;}
.sf-link-wrapper {text-align: center;}
.sf-link {width: 90%;border: 1px solid grey;padding: 12px 0 12px 0;font-size: 0.9em;margin: auto;background-color: white;}
.sf-vendor-wrapper-mm {width: 100%;overflow: hidden;font-size: 0.9em;background-color: #fdbe50;border-radius: 0 0 10px 10px;}
.sf-vendor-wrapper-inglis {width: 100%;overflow: hidden;font-size: 0.9em;border-radius: 0 0 10px 10px;}
.sf-vendor-wrapper-nzb {width: 100%;overflow: hidden;font-size: 0.9em;background-color: #efe4cb;border-radius: 0 0 10px 10px;}
.sf-vendor-header {display: block;background-color: black;color: white;padding: 9px;font-weight: bold;}
.sf-vendor-link-wrapper {display: block;text-align: center;width: 100%;vertical-align: top;}
.sf-vendor-link {display: inline-block;width: 40%;overflow: hidden;padding: 6px;vertical-align: top;}
.footer-wrapper {width: 100%;background-color: black;text-align: center;padding-top: 24px;}
.footer-container {width: 100%;font-size: 0.9em;color: white;padding: 24px 0 24px 0;}
.footer-container a {color: white;}
.thumbnail-panel-wrapper {display: none;}
.top5-sire-wrapper {display: block;margin-top: 12px;border-bottom: 1px solid black;padding-bottom: 6px;}
.top5-sire-row-head {display: block;text-align: center;background-color: bisque;font-weight: bold;padding: 6px 0 6px 0;}
.top5-sires-row {display: block;width: 100%;overflow: hidden;}
.top5-sires-cell-sire {display: inline-block;width: 40%;}
.top5-sires-cell-rnrs {display: inline-block;width: 15%;}
.top5-sires-cell-wnrs {display: inline-block;width: 15%;}
.top5-sires-cell-money {display: inline-block;width: 30%;text-align: right;}
.upcoming-stakes-date {font-weight: 800;text-transform: uppercase;}
.upcoming-stakes-race {font-size: 0.95em;padding-left: 10px;}
.results-mobile {display: block;width: 100%;text-align: center;padding: 6px;background-color: lightblue;margin-bottom: 9px;}
#TSLPodCast {margin-top: 15px;}
#mc_embed_signup {font-size: 0.8em;margin: 10px;}
#mc_embed_signup .helper_text {background-color: unset !important;}
.daily-newsletter {border: 1px solid #01caa6;background-color: #a2dba4;}
.weekly-newsletter {border: 1px solid #1a7d9c;background-color: #b3e2f1;}
#mc_embed_signup .button {background-color: #1a7d9c !important;}
.mating-select-wrapper {display: block;width: 100%;text-align: center;overflow: hidden;margin: 0 0 20px 0;}
.mating-select-left {display: inline-block;width: 40%;}
.mating-select-right {display: inline-block;width: 100%;}
.mating-hp {color: mediumpurple;padding: 0 0 0 20px;width: 200px;}
.mating-lower {font-style: italic;font-size: 0.9em;}
ul.ui-autocomplete {list-style: none;max-width: 400px;border-bottom: 1px solid black;border-right: 1px solid black;z-index: 10000000000;}
.ui-menu-item {background-color: #e3e3e3;font-weight: normal;font-size: 0.9em;cursor: pointer;padding-left: 12px;}
.ui-state-focus {border: 1px solid black;background: #d3d3d3;font-weight: normal;color: blue;}
.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {color: red;text-decoration: none;background: none;}
.grey-grad {display: flex;justify-content: center;align-items: stretch; /* flex-flow: row nowrap; */flex-direction: row;flex-wrap: wrap;background-image: linear-gradient(#ececec,white);height: 100%;padding: 15px;gap: 5px;}
/*.grey-grad > div {background: #ffecb3;border: 1px solid #ffcc80;border-radius: 5px;padding: 8px;margin:0 20px 0 20px;}
*/.sales-news-headline {background-color: white;border: 1px solid grey;margin: 0 2% 0 2%;font-size: 0.8em;width: 90%;}
.sp-vendor-wrapper {display: block;overflow-x: scroll;white-space: nowrap;margin-bottom: 20px;}
.sp-vendor-cell {display: inline-block;width: 150px;font-size: 0.8em;text-align: center;font-weight: bold;}
.sp-header {display: block;width: 100%;overflow: hidden;font-size: 1.2em;font-weight: bold;border-bottom: 1px solid black;border-top: 1px solid black;margin-top: 20px;background-image: linear-gradient(#006DD9,#4DA6FF);padding: 9px 0 9px 18px;color: white;}
.sp-link-cell {display: inline-block;width: 40%;border: 1px solid grey;border-radius: 6px;text-align: center;font-size: 0.8em;height: 50px;margin: 12px 6px 0 6px;background-color: #ececec;color: cadetblue;background-image: linear-gradient(white,#ececec);vertical-align: top;}
.sp-links-wrapper {display: block;text-align: center;}
.news-home-preview {padding:0 6px 0 6px;}
.news-home-preview img {float:left;padding-right:6px;}
.feat-narrow{display:none;}
.podcast-wrapper{display:none;}
.podcast-wrapper-mob{display:block;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid black;}
.podcast-header{text-align:center;padding:3px 0 3px 0;border-top:2px solid black;border-bottom:1px solid black;margin-top:9px;font-weight:bold;}
.podcast-cell{font-size:0.9em;}
.podcast-cell-mob{font-size:0.9em;}
.podcast-cell img {float:left;padding-right:6px;padding-top:3px;max-width:100px;}
.podcast-cell-mob img {float:left;padding-right:6px;padding-top:3px;max-width:150px;}

@media only screen and (min-width: 768px) {
    .dropdown-cell {padding: 6px 12px 6px 12px;border-bottom: 1px solid black;}
.nf-article-headline {font-size: 1.1em;font-weight: bold;}
.nf-article-image img {width: 100%;height: auto;}
.nf-article-image {display: block;height: 150px;overflow: hidden;}
.nf-article-preview {font-size: 0.8em;}
.nf-article-wrapper {display: inline-block;width: 33%;padding: 0% 2% 0% 2%;vertical-align: top;}
.nf-segment-wrapper {display: block;margin-top: 20px;overflow: hidden;white-space: normal;}
.hp-sires-panel-block {display: inline-block;width: 31%;vertical-align: top;border-right: 1px solid black;}
.div-gpt-ad-mobmr1 {display: none;}
.spotlight-wrapper {display: none;}
.sale-cell {display: inline-block;width: 30%;border-bottom: 1px solid #d3d3d3;margin: 0 6px 12px 0;padding: 9px 0 9px 0;background-color: cadetblue;color: white;border-radius: 9px;}
.sales-lower-left {display: inline-block;width: 55%;vertical-align: top;font-size: 0.8em;}
.sales-lower-right {display: inline-block;width: 40%;vertical-align: top;font-size: 0.9em;}
.sale-search input[type=submit] {display: inline-block;width: 20%;background-color: #4CAF50;color: white;padding: 14px 14px;margin: 8px 0;border: none;border-radius: 4px;cursor: pointer;}
.sale-search input[type=text], select {width: auto;padding: 6px;margin: 6px 0 20px 0;display: inline-block;border: 1px solid #ccc;border-radius: 0 6px 6px 0;box-sizing: border-box;}
.sale-search {display: inline-block;width: 40%;border-radius: 10px;padding: 0;margin-top: 0;}
.sale-search select {display: inline-block;color: blue;border-radius: 6px 0 0 6px;;}
.racing-link-container {display: block;width: 100%;overflow: hidden;text-align: left;}
.racing-link {display: inline-block;width: auto;padding: 12px;margin: 6px;border: 0;}
.sf-link-wrapper {text-align: center;width: 100%;background-color: white;padding: 6px;}
.sf-link {display: inline-block;width: auto;border: 0;padding: 3px 3px 3px 0;font-size: 0.8em;margin: 0;}
.sf-link::before {content: " * ";}
.sf-vendor-wrapper {width: 100%;overflow: hidden;font-size: 0.9em;padding-top: 6px;}
.sf-vendor-link-wrapper {display: inline-block;text-align: center;width: 100%;overflow: hidden;}
.sf-vendor-link {display: inline-block;width: 23%;overflow: hidden;padding: 6px;}
.feature-image-container {display:none;border-top: 2px solid black;padding-top: 24px;}
.feature-image {max-height: 300px;overflow: hidden;display: inline-block;}
.feature-image img {max-width: 300px;}
.feature-image-caption {padding: 0 5% 0 5%;font-size: 1.1em;max-width: 380px;display: inline-block;vertical-align: top;}
.feature-image-caption a {color: black;font-weight: 400;}
.results-mobile {display: none;}
#TSLPodCast {margin-top: 0px;}
.sales-news-headline {background-color: white;border: 1px solid grey;margin: 0 2% 0 2%;font-size: 0.8em;width: 29%;}
.image-item-foal {width: 20%;}
}

@media only screen and (min-width: 992px)
{
.mobile-only {display: none!important;}
.logo-row {display: block;}
.logo-dt {display: inline-block;}
.leaderboard {display: inline-block;}
.menu-block {display: inline-block;background-color: white;}
.home-search {display: inline-block;}
.HomeSocial {display: inline-block;}
.feature-block {display: block;width: 100%;vertical-align: top;padding: 12px 0 12px 0;min-height: 380px;background-color: #f5f5f5;}
.feature-story-block {display: inline-block;width: 25%;vertical-align: top;padding: 0;}
.spotlight-block {display: inline-block;width: 25%;vertical-align: top;border-left: 1px solid black;padding-left: 6px;font-size: 0.9em;min-height: 370px;}
.video-feature-block {display: inline-block;width: 49%;vertical-align: top;min-height: 350px;padding: 0;}
.ResultsStripContainer {display: block;width: 100%;padding: 6px;border-bottom: 1px solid grey;background-color: #ececec;}
.block2 {min-height: 620px;}
.block2-pos4 {display: inline-block;width: 31%;float: left;}
.block2-pos1 {display: inline-block;width: 31%;min-height: 525px;float: right;}
.block2-content {display: inline-block;text-align: left;width: 38%;}
.newsmid-container {min-height: 131px;overflow: hidden;font-size: 0.9em;padding: 0 12px 0 12px;}
.midvideo-container {overflow: visible;display: block;width: 100%;background-color: black;padding-bottom: 12px;}
.midvideo-cell {display: inline-block;width: 25%;padding: 12px;margin: 0px;vertical-align: top;font-size: 0.9em;}
.block3-left {display: inline-block;width: 31%;height: 525px;float: left;}
.block3-right {display: inline-block;width: 31%;height: 525px;float: right;}
.block3-content {display: inline-block;text-align: left;width: 38%;padding: 0 12px 0 12px;}
.block4-left {display: inline-block;width: 31%;float: left;padding: 50px 0 0 0;}
.block4-right {display: inline-block;width: 31%;float: right;padding: 50px 0 0 0;}
.block4-content {display: inline-block;text-align: left;width: 38%;padding: 0 24px 0 24px;}
.newslow-preview {display: none;font-size: 0.9em;}
.video-player-mid {display: inline-block;width: 60%;}
.video-thumbs-mid {display: inline-block;width: 38%;background-color: white;padding: 6px;overflow: scroll;}
.video-mid-links {display: block;height: 60px;width: 100%;overflow: hidden;font-size: 0.8em;border-bottom: 1px solid grey;padding-top: 6px;}
.video-mid-links img {min-height: 60px;min-width: 107px;margin-right: 6px;}
.foal-cell {width: 16%;}
.image-item-foal {width: 18%;}
.hp-sires-panel-block {border: 2px solid #d3d3d3;border-radius: 12px;margin: 1%;}
.hp-sires-topstory {min-height: 170px;}
.news-headline-lower {margin-top: 9px;padding-top: 9px;min-height: 50px;}
.meeting-link {display: inline-block;padding-left: 9px;font-size: 0.9em;}
.meeting-link-date {display: inline-block;width: auto;text-align: left;padding: 0 12px 0 0;border: 0px solid grey;border-radius: 0;background-color: white;margin-right: 0;margin-top: 0;font-size: 0.9em;}
.meeting-link-salemail {display: inline-block;width: auto;text-align: left;padding: 0 0 0 12px;border: 0px solid black;border-radius: 0px;background-color: white;}
.meeting-link-races {display: none;}
.stakesrace-winner {padding-left: 18px;}
.navbar-nav {padding-left: 0;background-color: white;}
.video-mid-links img {float: left;}
.ps-segment-wrapper {text-align: center;}
.ps-article-wrapper {background-color: #D8BFD8;margin: 0 12px 24px 12px;padding: 24px 12px 24px 12px;border: 1px #800080 solid;border-radius: 12px;}
.ps-article-wrapper img {display: block;width: 90%;}
.ps-segment-wrapper a {color: #800080;}
.ps-minor {font-size: 0.8em;}
.ps-recent-wrapper {font-size: 0.9em;}
.ps-recent-wrapper a {color: #800080;}
.ps-side-wrapper {width: 90%;height: 600px;text-align: center;border-right: 1px solid #800080;font-size: 0.9em;}
.ps-side-wrapper-right {width: 90%;height: 600px;text-align: center;border-left: 1px solid #800080;font-size: 0.9em;padding-left: 20px;}
.ps-side-wrapper img {display: block;width: 90%;}
.ps-side-wrapper-right img {display: block;width: 90%;}
.ps-side-headline {font-size: 1.2em;}
.ps-side-image {padding: 10px 0 10px 0;text-align: center;}
.ps-side-image-logo {padding: 10px 0 10px 0;text-align: center;}
.ps-side-image-logo img {max-height: auto;max-width: 70%;text-align: center;}
.ps-side-preview {font-size: 0.8em;}
.ps-side-links {background-color: antiquewhite;border: 1px solid black;padding: 4px 0 4px 0;margin-bottom: 6px;width: 90%;}
.ps-side-stud {padding: 30px 0 10px 0;font-weight: bold;}
.carousel_dt {display: block;padding-top: 20px;}
.carousel_mb {display: none;}
.row {margin-left: 0;margin-right: 0;}
.racing-link {display: inline-block;padding: 5px 5px 5px 5px;}
.racing-link-container {background-color: #ececec;padding: 0px 0px 0px 20px;border-radius: 6px;width: 100%;}
.sf-container {width: 100%;margin: auto;}
.feature-image-container {display:block;border-top: 0px;padding-top: 0;}
.thumbnail-panel-wrapper {display: block;width: 100%;overflow: hidden;text-align: center;border: 1px solid black;padding: 6px 0 6px 0;margin-top: 18px;}
.thumbnail-panel-cell {display: inline-block;width: 13%;vertical-align: top;}
.thumbnail-panel-cell img {max-width: 80%;}
.newstop-container-nv {display: flex;flex-wrap: wrap;font-size: 0.9em;padding: 0 20px 12px 20px;margin: 0 0 0 0;border-bottom: 1px solid #d3d3d3;min-height: 175px;/*width:65%;*/}
.newstop-container-nv a {display: flex;color: black;}
.newstop-container-nv a:hover {color: steelblue;text-decoration: none;}
.sp-header {margin-top: 0;}
.sp-vendor-wrapper {display: block;width: 100%;overflow-x: hidden;text-align: center;}
.sp-vendor-cell {display: inline-block;width: 150px;}
.sp-link-cell {width: 20%;height: 30px;}
.feat-narrow{display:block;width:30%;float:right;border-top:5px solid black;border-bottom:5px solid black;padding:6px 0 6px 0;font-size:0.8em;margin:0 6px 0 6px;}
select{max-width:90%;}
.hypo-feat-wrapper{padding-bottom:6px;margin-top:12px;}
    .hp-feat-cell{border-top:1px dotted gray;padding:12px 0 12px 0;}
    .podcast-wrapper{display:block;}
    .podcast-wrapper-mob{display:none;}
}

@media only screen and (min-width: 1200px)
{
.content-container {width: 1200px;margin: 0 auto 0 auto;}
.top1200 {display: block;padding: 12px 0 12px 0;}
.block2-pos4 {display: inline-block;width: 25%;float: left;}
.block2-pos1 {display: inline-block;width: 25%;min-height: 600px;float: right;}
.block2-content {display: inline-block;text-align: left;width: 50%;}
.block3-left {display: inline-block;width: 25%;min-height: 600px;float: left;}
.block3-right {display: inline-block;width: 25%;min-height: 600px;float: right;}
.block3-content {display: inline-block;text-align: left;width: 50%;}
.block4-left {display: inline-block;width: 25%;float: left;}
.block4-right {display: inline-block;width: 25%;float: right;}
.block4-content {display: inline-block;text-align: left;width: 50%;}
.footer-container {width: 1200px;margin: 0 auto 0 auto;}
}
/*Sitewide Ramy*/
/* Fixed Columns*/
.col-pixel-width-300 {flex: 0 0 300px;}
.col-pixel-width-1000 {flex: 0 0 1200px;margin-left: auto;margin-right: auto;max-width: 100%;}
a {color: #1a7c9c;text-decoration: none;}
a:hover {color: #5c7479;text-decoration: underline;}
.back-to-top {position: fixed;bottom: 25px;right: 25px;display: none;z-index: 1111111;}
.container, .container-fluid, .row, .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right: 0;padding-left: 0;margin-right: auto;margin-left: auto;top: 0px;left: 0px;}
#app .navbar-nav {background-color: #1a7c9c;}
.breadcrumbs {float: right;font-size: 0.8em;padding-right: 30px;margin-top: 10px;}
.play-overlay-video {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 96px;height: 96px;}
.premium-bg {background-image: url('https://breednet.blob.core.windows.net/breednet/images/premium-stallion/premium-bg-2.png');min-height: 70vh;background-size: cover;}
.bg-light-grey {background-color: lightgrey;}
.hide {display: none;}
.premium-menu {background-color: #4C0065;/*border: solid 1px #FFC926;*/}
/*.nav-item {padding-left: 3px;}
*/#dropdown-results-sales {z-index: 100;}
.bg-white {background: #fff;}
/* Responsive: side menu */
@media screen and (max-width: 1024px)
{
.mobile-only {display: block;}
.desktop-only {display: none;}
.col-pixel-width-300 {width: 30%;flex: 0 0 0;}
.tablet-show {display: block;}
.padding-zero-mobile {padding: 0 !important;}
}
@media screen and (max-width: 1164px) 
{
.sideAds {display: none;}
}
/*mobile search*/
.search-container {position: relative;display: inline-block;}
.magnify-icon {cursor: pointer;color: #fff;font-size: 1.5em;}
.mobile-search-input {display: none;position: fixed;top: 66px;right: 0;padding: 1em;background-color: #fff;z-index: 200;width: 100%;}
.overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5); /* 50% opacity overlay */z-index: 100; /* Ensure it's below the search input */}
.search-input {padding: 5px;border: 1px solid #ccc;border-radius: 5px;transition: opacity 0.5s;width: 100%;}
.ui-autocomplete {z-index: 300;}
@media screen and (max-width: 769px)
{.ui-menu-item {padding: 1em;}
}

@media screen and (max-width: 990px) {
    .navbar-nav { background-color: #1a7c9c; }
    .nav-item {padding: 5px}
    .nav-item a {color: #fff!important; font-weight: 600;}
    .dropdown-menu {background-color:#34819a;}
}

/* Add this to your existing CSS file */

.mobile-hypothetical-container {
    display: none;
    margin-bottom: 20px;
}

/* Only show the mobile container on screens smaller than 993px */
@media (max-width: 992px) {
    .mobile-hypothetical-container {
        display: block;
    }
}

/* Ensure the form looks good on mobile */
@media (max-width: 992px) {
    .mobile-hypothetical-container .HypForm {
        padding: 10px;
    }

    .mobile-hypothetical-container .segment-header {
        padding: 8px;
        background-color: #f5f5f5;
        font-weight: bold;
    }
}