/* Custom CSS */
#hero-banner-bg {
    min-height: 220px;
    background: url("https://www.tst.csus.edu/newcsus2019-global-assets/_internal/images/hero/hero-placeholder.jpg") no-repeat center top/cover;
}

.bg-color-sac-state-green {
    background-color: #043927;
}

.bg-color-green-gradient {
    background-image: linear-gradient(90deg, #043927 0%, #008453 100%);
}

.bg-color-black {
    background-color: #000000;
}

.bg-color-pale-gold {
    background-color: #fcf9ee;
}

.bg-color-light-gold {
    background-color: #f0e1b0;
}

.bg-sand {
    background: url("https://irt-cdn.webhost.csus.edu/cascade/csusnew2019/NewCSUS2019-global-assets/_internal/images/background-accent-double-ss.png") no-repeat #f3f0e6;
    background-position: right bottom;
    background-size: contain;
}

.color-sac-state-green {
    color: #043927;
}

.color-sac-state-gold-light,
header .page-subheading
{
    color: #f0e1b0;
}

.breadcrumb-container {
    --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%23ffffff'/%3E%3C/svg%3E");
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-left: 1rem;
    margin-right: auto;
    justify-content: left;
}

.breadcrumb-container a {
    font-weight: 500;
    color: rgb(255, 255, 255);
    /* display: block; */
    font-size: 14px;
    text-decoration: none;
    /* line-height: 1.2; */
}

.breadcrumb-container  a:first-child {
    color: rgb(214, 220, 52);
}

.breadcrumb-container a:nth-child(2) {
    color: rgb(231, 234, 138);
}

.collapse-submenu-button {
    padding: .5rem 0;
    min-width: 138px;
    color: #fff;
    background: none;
    border: none;
    border-left: 1px solid #fff;
}

.collapse-submenu-button::after {
    content: "\002B";
}

.side-nav {
    font-size: 0.9rem;
}

@media (min-width: 992px) {
    .side-nav {
        top: 80px !important;
        z-index: 1;
    }
}

@media screen and (min-width: 992px) {
    #myScrollspy {
        scrollbar-width: thin;
        scrollbar-color: rgba(159,146,104,.5) #eae4cf;
        max-height: 84vh;
        overflow-y: auto;
    }
}

.video .btn::after, .image .btn::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}

.video .btn:not(.collapsed)::after, .image .btn:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300573d'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

main.column-with-aside section.img-top > *,
main.two-column div.img-top > * {
    order: 3;
}

@media (min-width: 1400px) {
    main:not(.two-column) .contact-information-details {
        column-count: 2;
        break-inside: avoid;
    }

    .contact-information-details div {
        break-inside: avoid;
    }
}

/* Bootstrap Style Overrides */
body {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-feature-settings: "cliga", "salt";
}

.list-group-item, .list-group-item:visited {
    color: #00573d !important;
    padding: 0.8rem;
    border: 1px solid #c4b581;
}

.list-group-item.active, .list-group-item-action:focus, .list-group-item-action:hover {
    color: #00573d;
    background-color: #eeebdb;
    border-color: #c4b581;
    transition: background 1s ease, background-color 1s ease, fill 1s ease, color 1s ease, box-shadow 1s ease, text-shadowdow 1s ease, background-image 1s ease,border-color 1s ease;
}

.side-nav .list-group-item+.list-group-item {
    border-right-width: 0;
}

.side-nav .list-group-item:first-child {
    border-top-width: 0;
    border-right-width: 0;
}

.side-nav .list-group-item:last-child {
    border-bottom-width: 0;
}

.cta.btn {
    color: #00573d;
    background-color: #f0e1b0;
}

.cta.btn:hover {
    background-color: #ffffff;
}

.border-success {
    border-color: #043927 !important;
}

.link-underline-success {
    text-decoration-color: #043927 !important;
}

.link-underline-success:hover {
    text-decoration-color: transparent !important;
}

.border-dark-subtle {
    border-color: #c4b581 !important;
}

.table-warning {
    --bs-table-bg: #E6B711;
}

.table {
    --bs-table-striped-bg: #f0edd2;
}

.table.dataTable{
    border-collapse: collapse;
}

.border-warning {
    border-color: #c4b581 !important;
}

.custom-tooltip {
    --bs-tooltip-bg: #043927;
}

/* Current Style Overrides */
.v22 nav#csus-global-navbar {
    max-width: 1300px !important;
}

main.faculty .dataTables_wrapper {
    margin-bottom:0; 
}

.t5 section strong, .t5 section b {
    font-style: normal;
    color: #004e38;
    font-weight: 600;
}

.t5 section em, .t5 section i:not(.fas) {
    /*font-weight: 400;*/
    color: #00573d;
}

.t5 section p a, .t5 section li a, .t5 section div a {
    color: #00573d;
    text-decoration: underline;
    font-weight: 600;
}

.t5 section p a:hover, .t5 section li a:hover, .t5 section div a:hover,
.gallery-items > div a {
    color: #333;
    text-decoration: none;
}

.gallery-items > div {
    margin-bottom: 0 !important;
}

.gallery-items > div a {
    -moz-transition: background 1s ease, background-color 1s ease, fill 1s ease, color 1s ease, box-shadow 1s ease, text-shadowdow 1s ease, background-image 1s ease, border-color 1s ease;
    -webkit-transition: background 1s ease, background-color 1s ease, fill 1s ease, color 1s ease, box-shadow 1s ease, text-shadowdow 1s ease, background-image 1s ease,border-color 1s ease;
    transition: background 1s ease, background-color 1s ease, fill 1s ease, color 1s ease, box-shadow 1s ease, text-shadowdow 1s ease, background-image 1s ease,border-color 1s ease;
}

.gallery-items > div a:hover {
    color: #00573d;
}

.gallery-items figure.video > div:after {
    font-weight: 600;
}

main.one-column-aside section.img-left .row:nth-child(2) {
    flex-direction: row-reverse;
}

#button-top {
    display: none;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 99;
    border: none;
    background-color: #00573d;
    color: white;
    cursor: pointer;
    padding: 1rem;
    border-radius: .25rem;
    font-size: .875rem;
    line-height: 1rem;
    width: unset;
    height: 3rem;
    text-shadow: 0;
    transition: all 0.6s;
}

#button-top {
    width: 140px;
}