.rounded {
    border-radius: 0.65rem !important;
}

.btn {
    position: relative;
    font-size: 1.375rem !important;
    line-height: 2.75rem !important;
    padding: .375rem 1.8rem !important;
    transition: all 1s;
}

    .btn::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        opacity: 0;
        transition: all .4s;
    }

    .btn:hover::before {
        opacity: 1;
    }

    .btn.btn-primary {
        background-color: var(--ButtonColour1) !important;
        border-color: var(--ButtonColour1) !important;
        color: var(--ButtonTextColour1) !important;
    }

        .btn.btn-primary:hover::before {
            border-color: var(--ButtonColour1) !important;
            background-color: rgba(var( --ButtonColour1RGB ), 0.2 );
        }

    .btn.btn-outline-primary {
        background-color: transparent !important;
        color: var(--ButtonColour1) !important;
        border-color: var(--ButtonColour1) !important;
        border-width: 2px;
    }

        .btn.btn-outline-primary::before {
            background-color: rgba(var( --ButtonColour1RGB ), 0.2 );
        }

.custom-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 1 16 16'%3E%3Cpath fill='none' stroke='%23717D94' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E") !important;
    font-size: 15px !important;
    line-height: 26px !important;
    height: 48px !important;
    border-radius: .50rem !important;
}

.custom-select.text-box {
    background-image: none !important;
    font-size: 15px !important;
    line-height: 26px !important;
    height: 48px !important;
    border-radius: .50rem !important;
}

.filter-option-inner-inner {
    background-image: none !important;
    font-size: 15px !important;
    height: 38px !important;
    border-radius: .50rem !important;
}

input::placeholder {
    opacity: 1;
    background-image: none !important;
    font-size: 15px !important;
    height: 38px !important;
    border-radius: .50rem !important;
}

/*.select2-selection.select2-selection--multiple {
    min-height: 48px !important;
    height: 100% !important;
    font-size: 15px !important;
    line-height: 26px !important;
    border-radius: 0.5rem !important;
    border: none !important;
    font-family: inherit;
    font-weight: 400 !important;
}

.select2-search__field {
    margin-left: 10px !important;
    margin-top: 12px !important;
    font-family: inherit !important;
    min-height: 30px !important;
}*/
/*.ExtraFields {
    overflow: visible !important;
}*/
.card {
    border-radius: .50rem !important;
    box-shadow: 3px 3px 8px #00000014;
}

    .card .card-body .badge {
        height: 25px;
        font-size: 0.8em;
        font-weight: normal;
    }

.card-text {
    font-size: 13px !important;
    line-height: 20px;
}

.page-link {
    color: #212529 !important;
}

.page-item {
    transition: all 1s;
    width: 35px;
}

    .page-item:hover a {
        color: var(--HeaderColour1) !important;
    }

.card-body {
    padding: 1rem !important;
}

a.btn {
    color: var(--BodyHeaderTextColour1) !important;
}

.sidebar_video {
    width: 100% !important;
}

@media screen and (max-width: 767px) {
    .my-video-dimensions {
        height: 200px !important;
    }
}
#mobileBanner, #nonMobileBanner {
    display: none;
    opacity: 0;
}

    #mobileBanner.js-loaded, #nonMobileBanner.js-loaded {
        display: block;
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
    }