/*  */

/*  */

/*  */

body {
    background-color: #209E5F;
    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: 'Verdana', 'DejaVu Sans', sans-serif;
}
.collection-title {
    color:  #000000;
    font-family: 'Verdana', 'DejaVu Sans', 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: 'Verdana', 'DejaVu Sans', 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: 'Verdana', 'DejaVu Sans', sans-serif;
    color: #000000;
    }

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

.card-secondary .list-group-item-heading,
.metadata, .postedon {
    font-family: 'Verdana', 'DejaVu Sans', sans-serif;
}

.pageinstructions legend {
    font-family: 'Verdana', 'DejaVu Sans', sans-serif;
    color: #FFFFFF;
    text-decoration: none;
}

.viewinstructions {
    font-family: 'Verdana', 'DejaVu Sans', 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: #FFFFFF;
    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: 'Verdana', 'DejaVu Sans', 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: #FFFFFF;
    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 */

#main {
background:#f5f5f5
}

.tag-link {
color:#288f60;
padding:10px;
text-align:center;
background:#288f60;
border-radius:5px
}

.shadow {
box-shadow:rgba(0,0,0,0.24) 0 3px 8px;
padding:10px;
border-radius:10px;
background:#fff
}

.promo iframe {
width:80%;
height:80%;
border-radius:10px;
margin-top:auto;
margin-bottom:auto
}

.promo {
display:flex;
justify-content:center;
align-item:center;
padding:10px
}

.navigation {
display:flex;
flex-wrap:wrap;
justify-content:space-evenly
}

.profile {
display:flex;
flex-wrap:wrap;
justify-content:space-evenly;
box-shadow:rgba(0,0,0,0.24) 0 3px 8px;
padding:10px;
border-radius:10px;
background:#288f60
}

.pic-holder {
width:200px;
height:200px;
border-radius:200px
}

.pic-holder img {
width:100%;
height:100%;
border-radius:200px
}

.desc {
margin-top:30px;
display:grid;
align-items:center
}

.release {
justify-content:space-around
}

.tech {
margin-top:auto;
margin-bottom:auto;
width:400px;
height:200px;
background:#fff;
padding:10px;
border-radius:10px
}

.tech img {
width:100%;
height:100%;
object-fit:contain;
border-radius:10px
}

.text-box {
box-shadow:rgba(0,0,0,0.24) 0 3px 8px;
padding:20px;
border-radius:10px;
background:#288f60
}

.video-holder {
text-align:center
}

.video-holder iframe {
border:none;
border-radius:10px;
width:600px;
height:350px
}

.ui-holder {
height:500px;
border-radius:10px
}

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

.invert-shadow {
box-shadow:rgba(50,50,93,0.25) 0 30px 60px -12px inset,rgba(0,0,0,0.3) 0 18px 36px -18px inset;
border-radius:10px;
background:#fff;
padding:20px
}

.invert-shadow iframe {
border:none;
border-radius:10px
}

.invert-shadow img {
border-radius:10px
}
