.g-loadmore {
    margin-top: 1rem;
}

.w-post-elm.color_link_inherit a {
    display: block;

    &:hover {
        color: #fff;
    }
}

.sc_trip_days {
    display:inline-block; 
    padding: 3px; 
    margin-top:.25rem; 
    color:#fff; 
    font-size:.9rem; 
    text-transform: capitalize; 
    background-color: rgba(0, 0, 0, 0.6);
}

.sc_trip_categories {
    position:absolute;
    top:.5rem;
    right:.5rem;
    z-index:2;
    padding:2px 6px;
    color:#fff;
    font-size:.7rem;
    background-color: rgba(0, 0, 0, 0.6);
    pointer-events:none;
}

.sc_trip_categories_more {
    opacity:.75;
}

.sc_trip_block_header {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:1.5rem;

    h2 {
        margin:0;
    }

    select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-image: url(../icons/chevron_icon.svg);
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 1rem;
        padding-right: 2.25rem;
        cursor: pointer;
    }
}

.sc_trip_filter {
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
    margin-left:auto;

    select{
        width:auto;
        min-width:10rem;
        font-size:.9rem;
    }
}

.sc_trip_filter_reset {
    align-self:center;
    color:inherit;
    font-size:.9rem;
    text-decoration:underline;
    margin-right: 0.5rem;
}

.sc_trip_filter .sc_trip_filter_reset:hover {
    color: #fff;
    text-decoration: none;
}

.dots_white .sc_trip_filter_reset {
    color:#fff;
}

.sc_trip_grid {
    position:relative;

    > * {
        transition:opacity .2s;
    }
}

.sc_trip_filter_block.is_loading .sc_trip_grid {
    pointer-events:none;

    > * {
        opacity:.4;
    }
}

.sc_trip_filter_block.is_loading .sc_trip_grid::after {
    content:'';
    position:absolute;
    top:4rem;
    left:50%;
    z-index:5;
    width:3rem;
    height:3rem;
    margin-left:-1.5rem;
    background:url(../icons/spinner_icon.svg) no-repeat center / contain;
    animation:sc_spin .8s linear infinite;
}

.dots_white.is_loading .sc_trip_grid::after {
    filter:invert(1);
}

@keyframes sc_spin {
    to {
        transform:rotate(360deg);
    }
}

.dots_white .sc_trip_no_results {
    color:#fff;
}

.sc_trip_tabs {
    display:flex;
    margin:2rem 0 3rem;
    overflow-x:auto;
    scrollbar-width:none;
    box-shadow:inset 0 -2px 0 #ccc;

    &::-webkit-scrollbar {
        display:none;
    }

    a {
        flex-shrink:0;
        padding:.75rem 2rem;
        border-bottom:2px solid transparent;
        color:#666;
        font-size:.9rem;
        letter-spacing:.05em;
        white-space:nowrap;
        transition:color .2s, border-color .2s;

        &:hover,
        &.active {
            color:#000;
        }

        &.active {
            border-bottom-color:#000;
        }
    }
}

@media only screen and (max-width: 767px) {
    .sc_trip_filter {
        width:100%;
        margin-left:0;
        position: relative;

        &::after {
            content:'';
            order:-1;
            flex-basis:100%;
        }
    }

    .sc_trip_filter_reset {
        top: 0;
        right: 0;
        position: absolute;
    }

    .sc_trip_tabs {
        margin:1.5rem 0 2rem;

        a {
            padding:.75rem 1rem;
        }
    }
}