/**** t4 ****/
/*    text-decoration:none;
    color: var(--bs-white);
}*/
.t4Edit-page:visited {
    color: var(--bs-white);
}
.t4Edit-page:hover {
    color: var(--bs-white);
}

/** general */
div.pagination.justify-content-left a {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.img-fluid img {
    max-width: 100%;
    height: auto;
}

/ typography /
/* main p+:is(h2, h3, h4, h5, h6),
main ul+:is(h2, h3, h4, h5, h6),
main hr+:is(h2, h3, h4, h5, h6) {
  margin-top: 1.5rem;
} */
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    line-height: 1.5;
}

/** buttons */
p.btn a {
    text-decoration: none;
    display: block;
    width: 100%;
}
p.btn.text-bg-info a {
    padding: 1rem !important;
}
p.btn.text-bg-info {
    transition: 0.3s;
}
p.btn.text-bg-info:hover {
    opacity: 0.75;
}
a.btn-primary:visited, a.btn-secondary:visited, a.btn-info:visited, a.btn-success:visited {
    color: var(--bs-white);
}
a.btn, p.btn {
    transition: transform 0.15s ease-out;
}
a.btn:active, p.btn:active {
    transform: scale(0.97);
    box-shadow: 3px 2px 10px rgba(0, 0, 0, 0.15)
}

/** columns */
.columns-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 3rem;
}
.columns-3 {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    column-gap: 3rem;
}

/**** svg ***/
.svg.svg-100 img {
    width: 100px;
}
.svg.svg-75 img {
    width: 75px;
}
.svg.svg-50 img {
    width: 50px;
}
.svg.svg-35 img {
    width: 35px;
}
.svg.svg-25 img {
    width: 25px;
}
.svg.svg-20 img {
    width: 20px;
}
.svg.svg-spotlight img {
    margin-top: 10px;
}
.svg.svg-spotlight img:hover {
    -webkit-filter: invert(33%) sepia(92%) saturate(754%) hue-rotate(117deg) brightness(92%) contrast(101%);
    filter: invert(33%) sepia(92%) saturate(754%) hue-rotate(117deg) brightness(92%) contrast(101%);
}
.svg.text-white img {
    filter: invert(99%) sepia(0%) saturate(3585%) hue-rotate(178deg) brightness(109%) contrast(100%);
}
.svg.blue img {
    filter: invert(16%) sepia(95%) saturate(1714%) hue-rotate(189deg) brightness(95%) contrast(101%);
}
.svg.green img {
    filter: invert(33%) sepia(92%) saturate(754%) hue-rotate(117deg) brightness(92%) contrast(101%);
}
.svg.green-subtle img {
    filter: brightness(0) saturate(100%) invert(95%) sepia(22%) saturate(212%) hue-rotate(79deg) brightness(93%) contrast(93%);
}
.svg.purple img {
    filter: brightness(0) saturate(100%) invert(46%) sepia(11%) saturate(1049%) hue-rotate(259deg) brightness(96%) contrast(88%);
}
.svg.teal img {
    filter: brightness(0) saturate(100%) invert(41%) sepia(27%) saturate(481%) hue-rotate(108deg) brightness(100%) contrast(82%);
}
.svg.orange img {
    filter: brightness(0) saturate(100%) invert(47%) sepia(77%) saturate(5135%) hue-rotate(21deg) brightness(91%) contrast(96%);
}
.svg.info img {
    filter: brightness(0) saturate(100%) invert(40%) sepia(71%) saturate(426%) hue-rotate(164deg) brightness(95%) contrast(100%);
}
.svg.btn img {
    margin-right: 1rem;
}
.svg.card-body.bg-info img {
    margin-bottom: 1.5rem;
}
.svg.card-body.bg-info p.btn:hover {
    font-weight: 500;
}
.apply-btns.bg-success img {
    margin-bottom: 1rem;
    margin-right: 0;
    transition: opacity 0.5s, width 0.5s, margin 0.5s ease-in-out;
}
.apply-btns.bg-success:hover img {
    margin-bottom: 0;
    opacity: 0.7 !important;
    width: 85px !important;
    transition: opacity 0.6s, width 0.6s, margin 0.55s ease-in-out;
}
.apply-btns.bg-success {
    transition: background 0.5s ease-in-out;
}
.apply-btns.bg-success:hover {
    background-color: #007445 !important;
    transition: background 0.6s ease-in-out;
}
.apply-btns.bg-success a {
    display: block;
    height: 210px;
}
.apply-btns.bg-success .adm-nohover {
    font-weight: 500;
    font-size: 1.5rem;
    transition: font-size 0.5s ease-in-out;
}
.apply-btns.bg-success:hover .adm-nohover {
    font-weight: 500;
    font-size: 2rem;
    transition: font-size 0.6s ease-in-out;
}
.apply-btns a {
    padding: 1.5rem !important;
    text-decoration: none;
}

/*** table **/
table.table-borderless, .table-borderless td, .table-borderless tr, .table-borderless thead, .table-borderless tbody, .table-borderless tfoot, .table-borderless th {
    border: none;
}

/**** progress bar ****/
p[data-value] {
    position: relative;
}
p[data-value]::before {
    content: "";
    position: absolute;
    top: 22px;
    right: 0;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-top: 15px solid var(--bs-secondary);
    clear: both;
    text-indent: 0px;
}
p[data-value]::after {
    content: attr(data-value) "%";
    position: absolute;
    top: -13px;
    right: 0;
    background-color: var(--bs-secondary);
    padding: 5px 10px;
    border-radius: 6px;
    color: var(--bs-white);
    font-weight: 700;
    font-size: 120%;
    text-indent: 0px;
}

/ navigation /
.nav-sub span[class^="currentbranch"] a {
    font-weight: 500;
}
.nav-sub span[class^="currentbranch"] a.nav-sub-active {
    background-color: #f5f5f5;
    border-left: 6px solid var(--bs-primary);
}
.nav-sub ul.multilevel-linkul-0 li a {
    padding-left: 2rem;
}
.nav-sub ul.multilevel-linkul-1 li a {
    padding-left: 3rem;
}
.nav-sub ul.multilevel-linkul-2 li a {
    padding-left: 4rem;
}
.nav-sub ul.multilevel-linkul-3 li a {
    padding-left: 5rem;
}

/* carousels /
.carousel-indicators [data-bs-target] {
    height: 10px;
}
.carousel-indicators {
    bottom: -15px;
}

/ tabulator */
.tabulator .tabulator-cell {
    white-space: normal !important;
    font-size: .9rem;
}
.tabulator-fs-lg {
    font-size: 1.1rem;
}
.tabulator-row.tabulator-row-even {
    background-color: var(--bs-gray-100);
}
.tabulator-row.tabulator-group {
    box-sizing: border-box;
    border-bottom: 1px solid var(--bs-white);
    border-right: 0px solid var(--bs-gray-400);
    border-top: 0px solid var(--bs-gray-600);
    padding: 5px 5px 5px 10px;
    background: #f1f0e6;
    font-weight: 500;
}
#ce-courses .tabulator-row.tabulator-group {
    font-size: 1.1rem;
}
.tabulator-row.tabulator-group:hover {
    cursor: pointer;
    background-color: #e5e5da;
}
.tabulator-row {
    min-height: 30px;
    border-bottom: 1px solid var(--bs-white);
}
.tabulator-row .tabulator-cell, .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    padding: 8px;
}
.tabulator .tabulator-header {
    font-weight: 500;
}
.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
    color: var(--bs-gray-800);
    font-weight: 500;
}

/*** TEST tabulator ***/
.cdtest .row.g-3 {
    margin-bottom: 10px;
}
.cdtest .tabulator .tabulator-cell {
    white-space: normal !important;
    font-size: .9rem;
}
.cdtest .tabulator-fs-lg {
    font-size: 1.1rem;
}
.cdtest .tabulator-row.tabulator-row-odd {
    background-color: var(--bs-white);
    border-bottom: 0px solid var(--bs-white);
    border-right: 0px solid var(--bs-gray-400);
    border-top: 0px solid var(--bs-gray-600);
    border-left: 6px solid var(--bs-primary);
    padding-left: 20px;
}
.cdtest .tabulator-row.tabulator-row-even {
    background-color: #f1f5f9;
    border-bottom: 0px solid var(--bs-white);
    border-right: 0px solid var(--bs-gray-400);
    border-top: 0px solid var(--bs-gray-600);
    border-left: 6px solid var(--bs-primary);
    padding-left: 20px;
}
.cdtest .tabulator-row.tabulator-group {
    box-sizing: border-box;
    border-bottom: 1px solid var(--bs-white);
    border-right: 0px solid var(--bs-primary);
    border-top: 0px solid var(--bs-primary);
    border-left: 6px solid var(--bs-primary);
    padding: 16px 20px;
    background: #f8fafc;
    font-weight: 500;
    min-height: 30px;
}
.cdtest .tabulator-row.tabulator-group .degree-count {
    margin-left: 6px;
    font-size: .75rem
}
.cdtest .tabulator-row.tabulator-group-visible {
    background: var(--bs-primary);
    color: var(--bs-white);
    border-bottom: 1px solid var(--bs-primary);
}
.cdtest #ce-courses .tabulator-row.tabulator-group {
    font-size: 1.1rem;
}
.cdtest .tabulator-row.tabulator-group:hover {
    cursor: pointer;
    background-color: #f1f5f9;
}
.cdtest .tabulator-row.tabulator-group-visible:hover {
    background: var(--bs-primary);
}
.cdtest .tabulator-row .tabulator-cell, .cdtest .tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    padding: 8px;
}
.cdtest .tabulator .tabulator-header {
    font-weight: 500;
    display: none;
}
.cdtest .tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
    color: var(--bs-gray-800);
    font-weight: 500;
}
.cdtest .tabulator-table > .tabulator-row.tabulator-selectable {
    border-bottom: 1px solid var(--bs-gray-300);
}

/** transfer options **/
.guarantee-bg {
    background-color: var(--bs-primary-bg-subtle);
}
@media (min-width: 992px) {
    .guarantee-bg {
        background-image: url('https://www.dtcc.edu/media/dtcc-website/content-assets/images/hero-images/transfer-options-bg.jpg');
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
    }
}

/**** cludo search ****/
#cludo-search-form {
    position: relative;
}
#cludo-search-form ul#search_autocomplete.search_autocomplete {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 100;
}
#cludo-search-form ul#search_autocomplete.search_autocomplete li {
    padding-left: 15px;
    padding-right: 15px;
}
#cludo-search-results .search-results-item {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}
#cludo-search-results .search-results-item a, #cludo-search-results .search-results-item a:hover, #cludo-search-results .search-results-item a:focus {
    text-decoration: none !important;
}
#cludo-search-results li.search-results-item {
    background-color: var(--bs-white) !important;
    border-left: 5px solid var(--bs-gray-200);
    cursor: pointer;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 1em 1em 1em 1.5em !important;
    transition: all .15s ease-in-out;
}
#cludo-search-results li.search-results-item:hover {
    background-color: var(--bs-light) !important;
    border-left: 5px solid var(--bs-primary);
}
#cludo-search-results ul h2 {
    font-weight: 500;
    font-size: 1.4rem;
    color: var(--bs-primary);
    margin-bottom: 5px;
}
#cludo-search-results ul p {
    color: var(--bs-gray-800);
}
#cludo-search-results .path {
    color: var(--bs-gray-800);
    font-size: .85rem;
}
#cludo-search-results .search-filters {
    color: var(--bs-gray-800);
}
#cludo-search-results .search-filters-title, #cludo-search-results > div > div.col-12.col-lg-3 > div.search-related > div > h2 {
    color: var(--bs-gray-800) !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 15px;
    margin-bottom: 0;
    margin-top: 0;
}
#cludo-search-results .related-searches-header, #cludo-search-results .related-searches-container {
    background-color: var(--bs-light);
    padding: 1.5rem;
}
#cludo-search-results .related-searches-header h2 {
    margin-bottom: 0;
}
#cludo-search-results .related-searches-header {
    padding-bottom: 0;
}
#cludo-search-results .related-searches-container {
    padding-top: 0;
}
#cludo-search-results li.facet-list-item, #cludo-search-results div.search-related > ul > li {
    margin-bottom: 10px;
}
#cludo-search-results li.facet-list-item a, #cludo-search-results div.search-related > ul > li > a {
    color: var(--bs-gray-800);
    text-decoration: none;
    font-size: var(--bs-body-font-size);
}
#cludo-search-results li.facet-list-item a.active, #cludo-search-results div.search-related > ul > li > a.active {
    color: var(--bs-primary);
    text-decoration: underline;
}
#cludo-search-results li.facet-list-item a:hover, #cludo-search-results div.search-related > ul > li > a:hover {
    color: var(--bs-primary);
    text-decoration: underline;
}
#cludo-search-results .search-result-count, #cludo-search-results .search-did-you-mean {
    font-size: 1.25rem;
    margin-bottom: 2rem;
}
#cludo-search-results .powered-by-cludo {
    display: none;
}
#cludo-search-results .with-images li .search-result-image {
    max-height: 120px;
}

/ cludo 404 */
#cludo-404-results .cludo-result-item {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}
#cludo-404-results .cludo-result-item a, #cludo-404-results .cludo-result-item a:hover, #cludo-404-results .cludo-result-item a:focus {
    text-decoration: none !important;
}
#cludo-404-results li.cludo-result-item {
    background-color: var(--bs-white) !important;
    border-left: 5px solid var(--bs-gray-200);
    cursor: pointer;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 1em 1em 1em 1.5em !important;
    transition: all .15s ease-in-out;
}
#cludo-404-results li.cludo-result-item:hover {
    background-color: var(--bs-light) !important;
    border-left: 5px solid var(--bs-primary);
}
#cludo-404-results > div > ul > li > h4 > a {
    font-weight: 500;
    font-size: 1.4rem;
    color: var(--bs-primary);
    margin-bottom: 5px;
}
#cludo-404 .cludo-result-item-title {
    text-transform: capitalize !important;
}
#cludo-404-results ul {
    padding-left: 0;
}
#cludo-404-results .cludo-result-item > a {
    color: var(--bs-gray-800);
}
#cludo-404 .powered-by {
    display: none;
}

/*** prosp students ***/
@media screen and (min-width: 992px) {
    .graduate-bg {
        background-image: url("/media/dtcc-website/content-assets/images/graduates-pointing-background.jpg");
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 80%;
    }
}

/ news - ada /
.figure .figure-caption {
    color: var(--bs-gray-700);
}

/ sponsorSW5K ****/
@media screen and (min-width: 1200px) {
    .sponsor-box p {
        font-size: 1rem;
    }
}
@media screen and (max-width: 1200px) {
    .sponsor-box p {
        font-size: .9rem;
    }
}
@media screen and (max-width: 992px) {
    .sponsor-box p {
        font-size: .8rem;
    }
}
@media screen and (max-width: 768px) {
    .sponsor-box p {
        font-size: 1rem;
    }
}
@media screen and (max-width: 576px) {
    .sponsor-box p {
        font-size: 1.5rem;
    }
    .mm-title {
        font-size: 1.3rem;
    }
    .mm-title .svg.svg-75 img {
        width: 35px;
    }
}

/ meta majors ****/
.ao {
    font-weight: bold;
    width: 30px;
    height: 30px;
    margin-right: 0.2rem;
}
.mm-program-icon {
    width: 40px;
    height: 40px;
    margin-right: 0.5rem;
}
.mm-program-icon img {
    margin: 0.5rem;
}
.mm-grid .img-fluid {
    overflow: hidden;
}
.mm-grid .img-fluid img {
    transition: all 300ms ease-out;
}
.mm-grid:hover .img-fluid img {
    transform: scale(1.2);
    opacity: 0.5;
}
.mm-grid a {
    text-decoration: none !important;
}
.mm-grid:hover a {
    text-decoration: underline !important;
}
.mm-mini-grid a {
    text-decoration: none !important;
    color: inherit;
}
.mm-mini-grid span.fw-medium:hover {
    text-decoration: underline !important;
}
.programs-of-study .list-inline-item {
    margin-bottom: 0.5rem;
}

/*** Student Support **/
.student-support {
    position: relative;
    z-index: 1;
    overflow: hidden;
    /*background:var(--bs-primary);*/
    background: #ccdae5;
}
.student-support:before {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    content: url('https://www.dtcc.edu/media/dtcc-website/content-assets/images/hero-images/student-support-bg.jpg');
    opacity: 0.1;
}
.student-support-2 {
    background: URL('https://www.dtcc.edu/media/dtcc-website/content-assets/images/hero-images/student-support-bg.jpg');
    background-position: top-left;
    background-size: cover;
}