/*  */

/*  */

/*  */


/* page background customisations */
.page-content-container,
[data-bs-theme="dark"] .page-content-container {
    background-color: transparent;
    background-image: url('https://workflow.arts.ac.uk/artefact/file/download.php?file=1771198&view=284770');
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: center center;
    color: #444444;
}

/* 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: #FFFFFF;
    background-image:  ;
            background-repeat: ;
    }

/* 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:  #666666;
    font-family: 'Helvetica', 'Arial', 'Nimbus Sans L', 'FreeSans', sans-serif;
}
/* 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: #666666;
    font-family: 'Helvetica', 'Arial', 'Nimbus Sans L', 'FreeSans', sans-serif;
}
.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: #666666;
}
.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 #666666;
    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: #447CA3;
}
.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: #333333;
}
.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 #333333;
    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: 'Helvetica', 'Arial', 'Nimbus Sans L', 'FreeSans', sans-serif;
    color: #444444;
}

.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: 'Helvetica', 'Arial', 'Nimbus Sans L', 'FreeSans', sans-serif;
    color: #444444;
}
.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: #444444;
    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: #444444;
}
.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 ;
    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: ;
    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: #447CA3;
}
.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: #447CA3;
}

/* list groups */
.user-page-content .list-group-item,
[data-bs-theme="dark"] .user-page-content .list-group-item {
    background-color: transparent;
    color: #444444;
    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: #444444;
    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: #444444;
}

/* 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: #444444;
}

/* 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: #447CA3;
}

.view-signoff,
[data-bs-theme="dark"] .view-signoff {
    font-family: 'Helvetica', 'Arial', 'Nimbus Sans L', 'FreeSans', sans-serif;
}

.viewfooter,
[data-bs-theme="dark"] .viewfooter {
    font-family: 'Helvetica', 'Arial', 'Nimbus Sans L', 'FreeSans', sans-serif;
}

.details-comments,
[data-bs-theme="dark"] .details-comments {
    font-family: 'Helvetica', 'Arial', 'Nimbus Sans L', 'FreeSans', sans-serif;
}

.comment-container,
[data-bs-theme="dark"] .comment-container {
    font-family: 'Helvetica', 'Arial', 'Nimbus Sans L', 'FreeSans', sans-serif;
}

.comment-container .card .card-header .title,
[data-bs-theme="dark"] .comment-container .card .card-header .title {
    font-family: 'Helvetica', 'Arial', 'Nimbus Sans L', 'FreeSans', sans-serif;
}

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

.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 */

#gallery .gall-cell .gall-span {
width:0;
overflow:hidden
}

caption, th, td {
font-family:Helvetica, Arial, sans-serif
}

a, a:link, a:visited {
color:#f23c59
}

a:hover {
text-decoration:underline;
color:#9c2b73
}

#container, #containerX {
width:100% !important
}

th.center, td.center {
width:10%
}

#main-wrapper {
background-color:transparent
}

#main-column-container h1 {
display:none
}

#main-column-container .blockinstance-content h1 {
display:block;
font-size:5em;
padding:0;
text-align:center
}

.subpage {
border:0;
padding:0 !important
}

#viewforum {
padding:0;
border:0;
margin:10px 0
}

.submit, .cancel, .buttondk, .button, .select, .btn, .btn:link, .btn:visited {
font-family:Helvetica, Arial, sans-serif
}

#searchviews, #displayviews, #searchsharedgroupviews {
padding:10px 5px;
margin-bottom:0;
background-color:#fff
}

.foldernav {
background:#fff url("../images/foldernav.png") no-repeat scroll 0 0;
margin-top:0;
padding:5px 0 0 22px
}

#filelicensetoggle_container, .filebrowsertoggle_container {
margin:0
}

#createfolder {
background-color:#fff;
padding:10px;
margin:15px 0
}

h3.title {
color:#f23c59
}

td h3.title {
font-size:1.5em !important
}

h2 {
font-family:Helvetica, Arial, sans-serif;
background-color:#fff;
padding:10px;
margin-bottom:0
}

.blockinstance-header {
margin-bottom:0
}

.blockinstance-header .title {
font-family:Helvetica, Arial, sans-serif;
display:inline-block;
text-transform:uppercase;
line-height:1em;
font-size:14px;
font-weight:200;
border:none;
color:#fff;
background-color:#000;
padding:6px 7px 2px;
margin:0
}

.blockinstance-header .title a, .blockinstance-header .title a:link, .blockinstance-header .title a:visited, .blockinstance-header .title a:active {
color:#fff;
background-color:#000
}

.blockinstance-content {
background-color:#FCFCFC
}

.blockinstance-content p {
padding:5px 10px
}

.blockinstance-content ul, .blockinstance-content ol {
font-family:Helvetica, Arial, sans-serif;
font-weight:100;
margin:0;
background-color:#fff;
padding:0 10px;
font-size:16px;
line-height:24px
}

.blockinstance-content li {
margin-left:25px
}

.blockinstance-content p:first-child {
margin-top:0
}

.blockinstance-content h1 {
color:#d8d4cc;
background-color:#f23c59;
display:block;
padding:10px;
line-height:1.5;
font-size:3.5em;
margin:0
}

.blockinstance-content h1 a {
color:#d8d4cc;
background-color:#f23c59;
display:block;
padding:10px;
line-height:1.5;
text-decoration:none
}

.blockinstance-content h2, .blockinstance-content h3 {
font-family:Helvetica, Arial, sans-serif;
font-weight:200;
line-height:1em;
border:0;
text-align:center;
color:#d8d4cc;
text-transform:uppercase;
background-color:transparent;
padding:15px 10px;
margin:0 !important
}

h3.title a {
color:#f23c59
}

h4 {
color:#f23c59;
font-size:2.5em !important
}

.blockinstance-content h4 {
padding:20px 10px
}

.blockinstance-content h1 strong {
font-weight:200;
color:#fff;
background-color:transparent;
padding:7px 0 0
}

.blockinstance-content h2 a {
background-color:#f23c59;
padding:6px 10px 0;
color:#000 !important;
text-decoration:underline
}

.blockinstance-content h2 a:hover {
color:#fff !important;
text-decoration:none
}

.blockinstance-content p a {
padding:4px 1px 0;
color:#f23c59
}

.subpage p {
background-color:transparent;
padding:10px;
margin:0
}

.memberswrap {
padding:20px 0 5px 4px;
margin-top:0;
background-color:#fff
}

#commentfiles {
background-color:#fff;
margin-top:0
}

#commentfiles h4 {
display:none
}

#footer-wrap {
border-top:0;
background-color:transparent
}

#footernav a, #footernav a:link, #footernav a:active, #footernav a:visited {
padding:4px 6px;
text-transform:uppercase;
color:#fff;
font-size:12px;
background-color:#2e2d04
}

#footernav a:hover {
background-color:#000
}

#blogdescription {
margin:0;
background-color:#fff
}

#blogpost {
background-color:#fff;
padding:10px
}

.postlist {
background-color:#fff;
padding:0 10px;
width:!important
}

div.pagination {
margin:0
}

.filedownload-item {
margin-bottom:0;
padding:10px;
background-color:#fff
}

table {
font-family:Helvetica, Arial, sans-serif;
font-weight:100;
background-color:#fff;
width:100%;
font-size:16px;
padding:0 5px
}

table.cutable tr td {
font-family:Helvetica, Arial, sans-serif
}

.tableheader1 {
background-color:#f23c59;
color:#fff
}

.tableheader2 {
background-color:#ddd
}

table.filedata {
background-color:#fff
}

table.filedata th {
padding:3px 10px
}

.center {
width:102%;
margin-left:-2%
}

#footer-text-links {
color:#f23c59
}

#feedback_pagination {
width:99%
}

.icon-container img {
width:16px !important
}

td.poster a img {
width:80px
}

.bt-twitter .blockinstance-content {
background-color:#fff
}

p.focus {
background-color:#464646;
color:#fff
}

#footer-wrap, #micro #footer-wrap {
background:transparent
}

.blockinstance-content h2 {
font-size:3em !important;
background-color:#000;
color:#d8d4cc
}

.blockinstance-content h3 {
font-family:Helvetica, Arial, sans-serif;
font-weight:200;
line-height:1em;
border:0;
text-align:left;
color:#d8d4cc;
text-transform:none;
background-color:transparent;
padding:10px 0
}

.groupviewsection {
background-color:#f6f6f6
}

.groupviewsection .title {
font-size:1.333em;
margin-left:5px;
color:#000
}

.btn-request {
font-size:2em;
background-color:#f23c59;
background-image:none;
padding:5px;
border:2px solid #000
}