/*  */

/*  */

/*  */

body {
    background-color: #000000;
    background-image: ;
    background-repeat: ;
    background-attachment: ;
    background-position: ;
}

/* we want some elements to have a solid background irrespective of user settings */
body > .main-content > .row {
    background-color: #FFFFFF;
}
[data-bs-theme="dark"] body > .main-content > .row {
    background-color: #111315;
}

/* Heading background customizations */
.pageheader {
    background-color: #CCCCCC;
    background-image:  ;
            background-repeat: ;
    }
h1#viewh1 {
    color:  #000000;
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
}
.collection-title {
    color:  #000000;
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
}
.collection-nav .collection-title {
    border-bottom: 1px solid #000000;
}

/* Used to style author, tag links in page headers */
.pageheader-content .text-small {
    color: #000000;
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
}
.pageheader-content .text-small a {
    color: #000000;
    text-decoration: underline;
}
.pageheader-content .text-small a:hover,
.pageheader-content .text-small a:active {
    color: #000000;
    text-decoration: underline;
}

/* All other custom settings should be scoped to be within .user-page-content */
/* with the exception of the page title and page description */

/* page settings (also page description) */

.user-page-content,
.user-page-content .card,
.user-page-content .card .card-body table,
.user-page-content .card-body ul,
#view-description {
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
    color: #000000;
            font-size: small;
    }

.user-page-content pre {
    color: #000000;
            font-size: small;
    }

.card-secondary .list-group-item-heading,
.metadata, .postedon {
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
}

.pageinstructions legend {
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
    color: #FFFFFF;
    text-decoration: none;
}

.viewinstructions {
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
    color: #000000;
}

/* links and headings */

.user-page-content a,
.user-page-content a:link,
.user-page-content a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.user-page-content a:hover,
.user-page-content a:active {
    color: #ECEA69;
    text-decoration: none;
}
.user-page-content h1,
.user-page-content h2,
.user-page-content h3,
.user-page-content h4,
.user-page-content h5,
.user-page-content h6 {
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif;
    color: #000000;
}


/* blocks */

.user-page-content .block-header a {
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.user-page-content .card .card-header:not(.feedtitle) {
    font-weight: bold !important;
    color: #333333 !important;
    font-family: 'Arial', 'Helvetica', 'Nimbus Sans L', 'FreeSans', sans-serif !important;
    border-color: #333333 !important;
    background: none;
}
.user-page-content .card .card-header a:hover {
    color: #ECEA69;
    text-decoration: none;
}
.user-page-content .card .card-header .collapse-indicator,
.card .card-header::before {
    color: #333333;
}
.user-page-content .link-blocktype:hover {
    background-color: transparent;
}
.user-page-content .card {
    background-color: transparent; /* take away default white card bg */
}
.user-page-content .text-midtone,
.user-page-content .metadata,
.user-page-content .postedon,
.user-page-content .text-muted {
    color: #000000;
}
.user-page-content .text-muted {
    color: #000000 !important;
}
a[data-bs-toggle="collapse"] .collapse-indicator,
tr[data-bs-toggle="collapse"] .collapse-indicator,
.card.collapsible:not(.card-secondary).has-attachment .card-header .collapse-indicator,
.card.collapsible:not(.card-secondary).has-attachment .card-header .metadata {
    color: #FFFFFF;
}

/* list groups */

.user-page-content .list-group-item {
    background-color: transparent;
}


/* pagination */

.user-page-content .pagination > .active > a,
.user-page-content .pagination > .active > a:focus,
.user-page-content .pagination > .active > a:hover,
.user-page-content .pagination > .active > span,
.user-page-content .pagination > .active > span:focus,
.user-page-content .pagination > .active > span:hover {
    background-color: #FFFFFF;
}

.last-updated {
    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* advanced: custom css */

@media only screen and (max-width: 748px) {
.role-desc {
opacity:0;
height:0
}
}

.role-desc {
margin:auto;
text-align:center;
font-size:2vw
}

#collectionnavwrap {
opacity:0
}

.role-intro {
display:flex;
justify-content:space-between;
align-items:center;
padding:10px;
border-radius:15px;
background:#4285f4;
box-shadow:rgba(50,50,93,0.25) 0 2px 5px -1px,rgba(0,0,0,0.3) 0 1px 3px -1px
}

.role-icon-holder {
width:30%;
border-radius:15px;
display:flex;
justify-content:center;
align-items:center
}

.shadow img {
border-radius:10px
}

.role-icon-holder img {
width:100%;
height:100%;
object-fit:contain;
border-radius:15px
}

.role-desc {
width:70%;
padding:10px;
color:#fff;
font-size:15px
}

#main {
background:#f5f5f5;
padding:40px
}

.profile {
padding:10px;
display:grid;
align-items:center;
box-shadow:rgba(0,0,0,0.24) 0 3px 8px;
border-radius:10px;
background-color:#288f60
}

.profile-holder {
height:200px;
width:200px;
margin:auto;
padding:5px;
background:#f5f5f5;
border-radius:300px
}

.profile-holder img {
height:100%;
width:100%;
object-fit:contain;
border-radius:300px
}

.profile-desc {
padding:10px;
text-align:center;
margin:auto
}

.profile-info {
border-radius:10px;
background:transparent
}

.comment-container {
opacity:0
}

.link-btn {
padding:10px;
color:#fff;
text-decoration:none;
border-radius:5px;
transition:.1s linear
}

.gh {
background:#6c12e2
}

.lkn {
background:#0077b5
}

.link-btn:hover {
background:#333
}

.overlay {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
height:100%;
width:100%;
opacity:0;
transition:.5s ease;
background-color:#313131;
width:100%;
border-radius:10px
}

.menu-overlay:hover .overlay {
opacity:1
}

.text {
color:#fff;
font-size:20px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%)
}

.menu-container {
position:relative;
border-radius:10px
}

.menu-container img {
width:100%;
height:100%;
object-fit:cover;
border-radius:10px
}

.menu-overlay {
position:absolute;
height:100%;
width:100%;
background-color:rgba(0,0,0,0.548);
top:0;
z-index:1;
display:grid;
align-items:center;
border-radius:10px
}

.overlay-title {
text-align:center
}

.link-holder a {
color:#fff;
text-decoration:none;
padding:5px;
transition:.3s linear;
padding-right:10px;
padding-left:10px;
font-size:10px;
border-right:1px solid #fff;
border-left:1px solid #fff
}

.shadow {
box-shadow:rgba(50,50,93,0.25) 0 2px 5px -1px,rgba(0,0,0,0.3) 0 1px 3px -1px;
padding:10px;
border-radius:10px;
background:#313131
}