/* JUST REPLACVE 32 WITH NEW NUMBER  */


/* Set viewport width: 1200 */
/* Set separate viewport width for font-size and line-height: 1200 */
::-webkit-scrollbar-button {
    width: 1px;
    height: 1px;
}

#advancedmyCarousel32 {
    /* position: absolute; */
    display: block;
    top: 0;
    left: 0;
    height: calc(607px + 1px);
    height: calc(max(379px, 31.61458vw) + 1px);
    margin: 0;
    padding-top: 1px;
    /* background: #2C2F71; */
    overflow-y: hidden;
    overflow-x: scroll;
    width: 10000px;
    width: max(6250px, 520.83333vw);
    float: left;
}

#advancedmyCarousel32>div {
    display: inline-block;
}

div#advancedmyCarousel32 {
    padding: 0 0 0 607px;
    padding: 0 0 0 max(379px, 31.61458vw);
    margin: unset !important;
    /* scroll-snap-type: unset !important; */
    /* overflow: unset !important; */
}

#advancedmyCarousel32>div {
    width: 606px;
    width: max(379px, 31.5625vw);
    position: relative;
}

.column-padding-eventtimeline:nth-child(even) {
    width: 670px;
    width: max(419px, 34.89583vw);
}

.timelineentry:nth-child(odd) {}

.timelineentry:nth-child(odd) {}

.post-column-eventtimeline32 {
    display: flex !important;
    height: 322px;
    height: max(201px, 17.0083vw);
    color: white;
    padding: 10px !important;
    padding: max(6px, 0.52083vw) !important;
}

.post-column-eventtimeline32 h4 {
    margin: 0;
    font-family: "eurostile", sans-serif;
    font-weight: 500;
    font-size: 45px;
    font-size: max(28px, 2.34375vw);
    text-align: left;
    color: #fff;
}

.post-column-eventtimeline32 h5 {
    font-family: "source-sans-pro", sans-serif;
    font-weight: 500;
    font-size: 25px;
    font-size: max(16px, 1.30208vw);
    letter-spacing: 0.26em;
    line-height: 30px;
    line-height: max(19px, 1.5625vw);
    text-align: left;
    color: #ffee6c;
    text-transform: uppercase;
    padding: 0 !important;
    margin: 0 !important;
}

.post-column-eventtimeline32 p {
    font-family: "Source Sans Pro";
    font-weight: normal;
    font-size: 19px !important;
    font-size: max(12px, 0.98958vw) !important;
    line-height: 37px !important;
    line-height: max(23px, 1.92708vw) !important;
    text-align: left;
    color: #fff;
    margin: 0;
    margin-top: 10px;
    margin-top: max(6px, 0.52083vw);
    width: 330px;
    width: max(206px, 17.1875vw);
}

.column-padding-eventtimeline:nth-child(even) {
    margin-left: -289px;
    margin-left: min(-181px, -15.05208vw);
    position: relative !important;
    padding-right: 80px !important;
    padding-right: max(50px, 4.16667vw) !important;
    bottom: -245px;
    bottom: min(-153px, -12.76042vw);
}

.column-padding-eventtimeline:nth-child(even) .post-column-eventtimeline32:before {
    order: 2;
    margin-top: -65px;
    margin-top: min(-24px, -2.48542vw);
}

.column-padding-eventtimeline:nth-child(odd) .post-column-eventtimeline32:before {
    height: 100%;
}

.column-padding-eventtimeline:nth-child(even) .textcontent {
    order: 3
}

.column-padding-eventtimeline:nth-child(odd) {
    justify-content: space-between !important;
    margin-bottom: 120px !important;
    margin-bottom: max(75px, 6.25vw) !important;
}

.column-padding-eventtimeline:nth-child(odd)>div {
    justify-content: space-between;
}

.post-column-eventtimeline32 {
    width: 100% !important;
    max-width: 100% !important;
}

.column-padding-eventtimeline:nth-child(odd) .textcontent {
    margin-top: 40px;
    margin-top: max(25px, 2.08333vw);
}

.post-column-eventtimeline32:nth-child(odd):before {
    top: 0.3vw;
}

.post-column-eventtimeline32:before {
    content: "";
    /* height: 81%; */
    background: transparent;
    border: 1.5px solid #ffee6c;
    border: max(1px, 0.07813vw) solid #ffee6c;
    position: relative;
    margin: 0 34px;
    margin: 0 max(21px, 1.77083vw);
    /* display: block; */
}

.post-column-eventtimeline32 img {
    width: 272.19px;
    width: max(170px, 14.17656vw);
    height: 197.32px;
    height: max(123px, 10.27708vw);
    object-fit: cover
}

.column-padding-eventtimeline:nth-child(odd) img {
    margin-right: -275px;
    margin-right: min(-172px, -14.32292vw);
}

.sandhills_advanced_cpt_layout-32-widgetContainer {
    height: 609px !important;
    height: max(381px, 31.71875vw) !important;
}

/* #advancedmyCarousel15::before {
    height: 164%;
    content: "";
    background: transparent;
    border: 1.5px solid #ffee6c;
    position: absolute;
    left: 47.8%;
    transform: translateX(-50%);
    top: 0
} */
.middleline {
    /* height: 164%; */
    content: "";
    background: transparent;
    border: 1.5px solid #ffee6c;
    border: max(1px, 0.07813vw) solid #ffee6c;
    position: absolute;
    top: 52.2%;
    /* transform: translateX(-50%); */
    left: 0;
    /* width: 1px !important; */
    /* width: 100% !important; */
}

.advancedresults32 {
    height: 607px;
    height: max(379px, 31.61458vw);
}

.post-column-eventtimeline32 {
    width: 100% !important
}

.advancedresults32 {
    width: max(1200px, 100vw);
    overflow-x: scroll;
}

.advancedresults32 {
    overflow-y: hidden;
}

.advancedresults32::-webkit-scrollbar {
    width: 5px;
    height: 12px
}

.advancedresults32::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #767676;
    border: 1px solid #cacaca;
}

.advancedresults32::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #ffffff;
}

/* WebKit (Chrome, Safari, newer versions of Opera) */
::-webkit-scrollbar-button {
    background-color: #ccc;
    /* Change button color */
    width: 30px;
    /* Adjust button width */
    border-radius: 8px;

}



/* For horizontal scrollbar */
::-webkit-scrollbar-button:horizontal {
    /* Additional styles for horizontal scrollbar button */
}

/* For vertical scrollbar */
::-webkit-scrollbar-button:vertical {
    /* Additional styles for vertical scrollbar button */
}

@media screen and (-moz-touch-enabled: 1),
(-moz-os-version: windows-xp),
(min--moz-device-pixel-ratio:0) {
    .middleline {}
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .middleline {
        top: 52.8%;
    }
}