body {
}
html {
    scroll-padding-top: 4rem;
}
.image-thumbnails__wrapper div {
    flex: 1 0 18%;
    text-align: center;
}

.content-listing-grid {
    margin-top: 4rem;
}

.opacity-33 {
    opacity: .33 !important;
}

strong {
    font-weight: bold !important;
}

.table-chart td, .table-chart tr, .table-striped td, .table-striped tr {
    border-collapse: collapse !important;
    border: 1px solid #dee2e6 !important;
    padding: 0.1rem !important;
}

div.table-responsive {
    overflow-x: auto;
    transform: rotateX(180deg);
    padding-left: 10px;
    padding-right: 10px;
}

div.table-responsive > * {
    transform: rotateX(180deg);
}

.fa, .fas {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900 !important;
}

.dropdown-menu.show {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .2) !important;
}

@media only screen and (max-width: 600px) {
    .sub-menu {
        flex-direction: column !important;
        align-items: start !important;
    }
}

/* This is because in Sitecore 10.4 the style and script tags display in experience editor. */ 
style{
    display: none !important;
}
script{
    display: none !important;
}

/*Convention Colors*/
.bg-convention-light-green {
    --bs-bg-opacity: 1;
    background-color: #7f846e !important
}
.bg-convention-dark-green {
    --bs-bg-opacity: 1;
    background-color: #55532c !important
}
.bg-convention-light-blue {
    --bs-bg-opacity: 1;
    background-color: #62748d !important
}
.bg-convention-dark-blue {
    --bs-bg-opacity: 1;
    background-color: #2d3037 !important
}
.bg-convention-tan {
    --bs-bg-opacity: 1;
    background-color: #f5f1eb !important
}