/*  */

/*  */

/*  */


/* page background customisations */
.page-content-container,
[data-bs-theme="dark"] .page-content-container {
    background-color: #CBFFF9;
    background-image: ;
    background-repeat: ;
    background-attachment: ;
    background-position: ;
    color: #333333;
}

/* Heading background customisations */
.mid-section-heading-container.portfolio,
.mid-section-heading-container .profileheader,
[data-bs-theme="dark"] .mid-section-heading-container.portfolio,
[data-bs-theme="dark"] .mid-section-heading-container .profileheader,
.card.portfolio-header-card,
[data-bs-theme="dark"] .card.portfolio-header-card {
    background-color: #F7F7F7;
    background-image: url('https://reflect.dcu.ie/artefact/file/download.php?file=455226&view=162962') ;
            background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

/* Header heading customisations */
.mid-section-heading-container.portfolio h1.portfolio-page-header,
.mid-section-heading-container h1,
.mid-section-heading-container .profile-header-name h2,
[data-bs-theme="dark"] .mid-section-heading-container.portfolio h1.portfolio-page-header,
[data-bs-theme="dark"] .mid-section-heading-container h1,
[data-bs-theme="dark"] .mid-section-heading-container .profile-header-name h2 {
    color:  #FFFFFF;
    font-family: ;
}
/* things in page headers need to inherit the header heading color and normal content font */
.mid-section-heading-container.portfolio,
.mid-section-heading-container.portfolio a,
[data-bs-theme="dark"] .mid-section-heading-container.portfolio,
[data-bs-theme="dark"] .mid-section-heading-container.portfolio a,
.page-status-container .form-label,
[data-bs-theme="dark"] .page-status-container .form-label {
    color: #FFFFFF;
    font-family: ;
}
.mid-section-heading-container.portfolio a:hover,
.mid-section-heading-container.portfolio a:focus,
.mid-section-heading-container.portfolio a:focus-visible,
.mid-section-heading-container.portfolio a:focus:not(:focus-visible),
[data-bs-theme="dark"] .mid-section-heading-container.portfolio a:hover,
[data-bs-theme="dark"] .mid-section-heading-container.portfolio a:focus,
[data-bs-theme="dark"] .mid-section-heading-container.portfolio a:focus-visible,
[data-bs-theme="dark"] .mid-section-heading-container.portfolio a:focus:not(:focus-visible) {
    color: #FFFFFF;
}
.mid-section-heading-container.portfolio a:focus,
.mid-section-heading-container.portfolio a:focus-visible,
.mid-section-heading-container.portfolio a:focus:not(:focus-visible),
[data-bs-theme="dark"] .mid-section-heading-container.portfolio a:focus,
[data-bs-theme="dark"] .mid-section-heading-container.portfolio a:focus-visible,
[data-bs-theme="dark"] .mid-section-heading-container.portfolio a:focus:not(:focus-visible) {
    outline: 1px solid #FFFFFF;
    box-shadow: none;
}

/* reset the content bg and alignment */
.mid-section,
[data-bs-theme="dark"] .mid-section {
    background: #FFF;
    padding: 1rem;
}

/* profile, dashboard, group home page specific */
.mid-section-heading-container .dashboard-page,
.mid-section-heading-container .profileheader,
.mid-section-heading-container .group-home-page,
[data-bs-theme="dark"] .mid-section-heading-container .dashboard-page,
[data-bs-theme="dark"] .mid-section-heading-container .profileheader,
[data-bs-theme="dark"] .mid-section-heading-container .group-home-page {
    padding: 1rem;
}

/* links */
.user-page-content a:not(.btn),
[data-bs-theme="dark"] .user-page-content a:not(.btn) {
    color: #20738F;
}
.user-page-content a:not(.btn):hover,
.user-page-content a:not(.btn):focus,
.user-page-content a:not(.btn):focus-visible,
.user-page-content a:not(.btn):focus:not(:focus-visible),
.user-page-content a:not(.btn):active,
.user-page-content a:not(.btn).active,
[data-bs-theme="dark"] .user-page-content a:not(.btn):hover,
[data-bs-theme="dark"] .user-page-content a:not(.btn):focus,
[data-bs-theme="dark"] .user-page-content a:not(.btn):focus-visible,
[data-bs-theme="dark"] .user-page-content a:not(.btn):focus:not(:focus-visible),
[data-bs-theme="dark"] .user-page-content a:not(.btn):active,
[data-bs-theme="dark"] .user-page-content a:not(.btn).active {
    color: #3FAFD4;
}
.user-page-content a:not(.btn):focus,
.user-page-content a:not(.btn):focus-visible,
.user-page-content a:not(.btn):focus:not(:focus-visible),
.user-page-content a:not(.icon):focus-visible,
.user-page-content a:not(.icon):focus:not(:focus-visible),
[data-bs-theme="dark"] .user-page-content a:not(.btn):focus,
[data-bs-theme="dark"] .user-page-content a:not(.btn):focus-visible,
[data-bs-theme="dark"] .user-page-content a:not(.btn):focus:not(:focus-visible),
[data-bs-theme="dark"] .user-page-content a:not(.icon):focus-visible,
[data-bs-theme="dark"] .user-page-content a:not(.icon):focus:not(:focus-visible) {
    outline: 1px solid #3FAFD4;
    box-shadow: none;
}

/* headings */
.user-page-content h1,
.user-page-content h2,
.user-page-content h3,
.user-page-content h4,
.user-page-content h5,
.user-page-content h6,
.user-page-content .h1,
.user-page-content .h2,
.user-page-content .h3,
.user-page-content .h4,
.user-page-content .h5,
.user-page-content .h6,
[data-bs-theme="dark"] .user-page-content h1,
[data-bs-theme="dark"] .user-page-content h2,
[data-bs-theme="dark"] .user-page-content h3,
[data-bs-theme="dark"] .user-page-content h4,
[data-bs-theme="dark"] .user-page-content h5,
[data-bs-theme="dark"] .user-page-content h6,
[data-bs-theme="dark"] .user-page-content .h1,
[data-bs-theme="dark"] .user-page-content .h2,
[data-bs-theme="dark"] .user-page-content .h3,
[data-bs-theme="dark"] .user-page-content .h4,
[data-bs-theme="dark"] .user-page-content .h5,
[data-bs-theme="dark"] .user-page-content .h6 {
    font-family: ;
    color: #333333;
}

.user-page-content p,
.user-page-content div,
.user-page-content th,
.user-page-content td,
[data-bs-theme="dark"] .user-page-content p,
[data-bs-theme="dark"] .user-page-content div,
[data-bs-theme="dark"] .user-page-content th,
[data-bs-theme="dark"] .user-page-content td {
    font-family: ;
    color: #333333;
}
.user-page-content .table,
.user-page-content tbody,
.user-page-content .table > :not(caption) > * > *,
.user-page-content .table-striped > tbody > tr:nth-of-type(2n+1):not(.warning) th,
.user-page-content .table-striped > tbody > tr:nth-of-type(2n+1):not(.warning) td,
[data-bs-theme="dark"] .user-page-content .table,
[data-bs-theme="dark"] .user-page-content tbody,
[data-bs-theme="dark"] .user-page-content .table > :not(caption) > * > *,
[data-bs-theme="dark"] .user-page-content .table-striped > tbody > tr:nth-of-type(2n+1):not(.warning) th,
[data-bs-theme="dark"] .user-page-content .table-striped > tbody > tr:nth-of-type(2n+1):not(.warning) td {
    background: none;
    color: #333333;
    box-shadow: none;
}
.user-page-content .table-striped > tbody > tr:nth-of-type(2n+1):not(.warning),
[data-bs-theme="dark"] .user-page-content .table-striped > tbody > tr:nth-of-type(2n+1):not(.warning) {
    background: #fafafa;
}

/* cards */
.dashboard-page .card.js-card,
.profile-page .card.js-card,
.group-home-page .card.js-card,
[data-bs-theme="dark"] .dashboard-page .card.js-card,
[data-bs-theme="dark"] .profile-page .card.js-card,
[data-bs-theme="dark"] .group-home-page .card.js-card,
.page-content-container .sideblock .card,
[data-bs-theme="dark"] .page-content-container .sideblock .card {
    border: 0;
    background-color: transparent; /* take away default white card bg */
    color: #333333;
}
.dashboard-page .card.js-card .card-header,
.profile-page .card.js-card .card-header,
.group-home-page .card.js-card .card-header,
[data-bs-theme="dark"] .dashboard-page .card.js-card .card-header,
[data-bs-theme="dark"] .profile-page .card.js-card .card-header,
[data-bs-theme="dark"] .group-home-page .card.js-card .card-header,
.page-content-container .sideblock .card .card-header,
[data-bs-theme="dark"] .page-content-container .sideblock .card .card-header {
    border-bottom: 2px solid #FFFFFF;
    background: none;
    padding: 1rem;
}
/* take away the card icons */
.dashboard-page .card .card-header::before,
.profile-page .card .card-header::before,
.group-home-page .card .card-header::before,
[data-bs-theme="dark"] .dashboard-page .card .card-header::before,
[data-bs-theme="dark"] .profile-page .card .card-header::before,
[data-bs-theme="dark"] .group-home-page .card .card-header::before,
.page-content-container .sideblock .card .card-header::before,
[data-bs-theme="dark"] .page-content-container .sideblock .card .card-header::before {
    display: none;
}

.user-page-content .collapsible-instructions .card .card-header,
[data-bs-theme="dark"] .user-page-content .collapsible-instructions .card .card-header {
    border-bottom: 0;
}
.user-page-content .card.js-card .card-header .title,
[data-bs-theme="dark"] .user-page-content .card.js-card .card-header .title,
.page-content-container .sideblock .card .card-header .title,
[data-bs-theme="dark"] .page-content-container .sideblock .card .card-header .title {
    color: #FFFFFF;
    font-family: ;
    background: none;
}
.user-page-content .card.card-attachment,
[data-bs-theme="dark"] .user-page-content .card.card-attachment {
    background: none !important;
    border-color: #20738F;
}
.user-page-content .card.card-attachment .card-header,
[data-bs-theme="dark"] .user-page-content .card.card-attachment .card-header {
    border-bottom: 0;
}
.user-page-content .card.card-attachment .card-header .title,
.user-page-content .card.card-attachment .card-header .icon-attach,
[data-bs-theme="dark"] .user-page-content .card.card-attachment .card-header .title,
[data-bs-theme="dark"] .user-page-content .card.card-attachment .card-header .icon-attach {
    color: #20738F;
}

/* list groups */
.user-page-content .list-group-item,
[data-bs-theme="dark"] .user-page-content .list-group-item {
    background-color: transparent;
    color: #333333;
    border-color: #ced4da;
}
.user-page-content .list-group-item:hover,
[data-bs-theme="dark"] .user-page-content .list-group-item:hover {
    background-color: #fcfcfc;
    color: #333333;
    border-color: #ced4da;
}
.user-page-content .border-top,
[data-bs-theme="dark"] .user-page-content .border-top {
    border-color: #ced4da !important;
}

/* other bits */
.user-page-content .text-midtone,
.user-page-content .text-primary,
.user-page-content .form-label,
.user-page-content .figure-caption,
.page-content-container .text-midtone,
[data-bs-theme="dark"] .user-page-content .text-midtone,
[data-bs-theme="dark"] .user-page-content .text-primary,
[data-bs-theme="dark"] .user-page-content .form-label,
[data-bs-theme="dark"] .user-page-content .figure-caption,
[data-bs-theme="dark"] .page-content-container .text-midtone {
    color: #333333;
}

/* pagination */
.page-content-container .page-link,
[data-bs-theme="dark"] .page-content-container .page-link {
    color: #333;
    background-color: #FFF;
    border-color: #fcfcfc;
}
.page-content-container .page-link.disabled,
[data-bs-theme="dark"] .page-content-container .page-link.disabled {
    color: #6c757d;
}
.page-content-container .page-item.active .page-link,
[data-bs-theme="dark"] .page-content-container .page-item.active .page-link {
    color: #FFF;
    background-color: #333;
}

.main-column form.pieform,
[data-bs-theme="dark"] .main-column form.pieform {
    background-color: transparent; /* take away default white card bg */
    color: #333333;
}

/* collapse indicators */
.user-page-content *[data-bs-toggle="collapse"] .collapse-indicator,
.user-page-content *[data-bs-toggle="collapse"]:hover .collapse-indicator,
.user-page-content *[data-bs-toggle="collapse"]:focus .collapse-indicator,
[data-bs-theme="dark"] .user-page-content *[data-bs-toggle="collapse"] .collapse-indicator,
[data-bs-theme="dark"] .user-page-content *[data-bs-toggle="collapse"]:hover .collapse-indicator,
[data-bs-theme="dark"] .user-page-content *[data-bs-toggle="collapse"]:focus .collapse-indicator {
    color: #20738F;
}

.view-signoff,
[data-bs-theme="dark"] .view-signoff {
    font-family: ;
}

.viewfooter,
[data-bs-theme="dark"] .viewfooter {
    font-family: ;
}

.details-comments,
[data-bs-theme="dark"] .details-comments {
    font-family: ;
}

.comment-container,
[data-bs-theme="dark"] .comment-container {
    font-family: ;
}

.comment-container .card .card-header .title,
[data-bs-theme="dark"] .comment-container .card .card-header .title {
    font-family: ;
}

.file-icon.icon,
[data-bs-theme="dark"] .file-icon.icon {
    color: #333333;
}

.user-page-content .alert {
    color: #333;
}
[data-bs-theme="dark"] .user-page-content .alert {
    color: #FFF;
}

/* reset to override dark mode */
[data-bs-theme="dark"] .page-content-container .empty-state .title,
[data-bs-theme="dark"] .page-content-container .empty-state p {
    color: #FFF;
}
[data-bs-theme="dark"] .submission-form .form-label,
[data-bs-theme="dark"] .submission-form p {
    color: #FFF;
}
[data-bs-theme="dark"] .submission-form .btn .icon {
    color: #333;
}

/* advanced: custom css */