/*  */

/*  */

/*  */

body {
    background-color: #FFFFFF;
    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: 'Helvetica', 'Arial', 'Nimbus Sans L', 'FreeSans', sans-serif;
}
.collection-title {
    color:  #000000;
    font-family: 'Helvetica', 'Arial', '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: 'Tahoma', '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: 'Tahoma', 'DejaVu Sans', 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: 'Tahoma', 'DejaVu Sans', sans-serif;
}

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

.viewinstructions {
    font-family: 'Tahoma', 'DejaVu Sans', sans-serif;
    color: #000000;
}

/* links and headings */

.user-page-content a,
.user-page-content a:link,
.user-page-content a:visited {
    color: #288929;
    text-decoration: none;
}
.user-page-content a:hover,
.user-page-content a:active {
    color: #164A16;
    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: 'Tahoma', '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: #164A16;
    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: #288929;
}

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

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

/* advanced: custom css */

html {
box-sizing:border-box;
font-size:16px
}

html::-webkit-scrollbar {
display:none
}

html {
-ms-overflow-style:none;
scrollbar-width:none
}

body .main {
padding-bottom:0;
margin-bottom:0
}

#collectionnavwrap h2,#collectionnavwrap p {
display:none
}

.with-heading {
display:none
}

.collection-nav .prevpage {
margin-right:-1.4%!important
}

.nav-spacer {
display:none
}

body > .main-content > .row {
margin-bottom:10px
}

.footer {
display:none
}

#viewh1 {
display:none
}

.comment-container {
display:none
}

.pull-left {
display:none
}

.link-blocktype {
display:none
}

.role {
width:100%;
height:260px;
display:flex;
justify-content:center;
background-color:#fff;
text-align:center
}

.team__item {
position:relative;
width:100%;
z-index:1;
overflow:hidden;
background:rgba(32,32,32,0.6)
}

.team__item:after {
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
background:rgba(32,32,32,0.9);
content:"";
z-index:-1;
opacity:0;
-webkit-transition:all,0.5s,ease-out,.5s;
-o-transition:all,0.5s,ease-out,.5s;
transition:all,0.5s,ease-out,.5s
}

.team__item:hover:after {
opacity:1
}

.team__item:hover .team__text {
top:0
}

.team__item:hover .team__text .team__title {
border-bottom:1px solid rgba(255,255,255,0.8);
padding:0 0 26px;
margin-bottom:26px;
opacity:0;
visibility:hidden;
position:relative;
bottom:initial;
opacity:1;
visibility:visible
}

.team__item:hover .team__text p {
top:0;
opacity:1;
visibility:visible;
-webkit-transition:all .5s ease .3s;
-o-transition:all .5s ease .3s;
transition:all .5s ease .3s
}

.team__item:hover .team__text .team__social {
opacity:1;
visibility:visible;
bottom:10px;
-webkit-transition:all .5s ease .5s;
-o-transition:all .5s ease .5s;
transition:all .5s ease .5s
}

.team__text {
height:100%;
position:relative;
padding:35px 30px 30px;
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s
}

.team__text p {
color:#e4e4e4;
line-height:26px;
opacity:0;
visibility:hidden;
position:relative;
top:50px;
-webkit-transition:all .3s;
-o-transition:all .3s;
transition:all .3s
}

.team__text .team__title {
border-bottom:1px solid rgba(255,255,255,0.0);
padding:0 0 26px;
margin-bottom:26px;
position:relative
}

.team__text .team__title h4 {
color:#fff;
font-weight:700;
margin-bottom:6px
}

.team__text .team__title span {
font-size:15px;
color:#84e1e1
}

.team__text .team__social {
position:absolute;
left:0;
width:100%;
padding:0 30px;
bottom:0;
opacity:0;
visibility:hidden
}

.team__text .team__social a {
display:inline-block;
font-size:20px;
color:#84e1e1;
margin-right:34px;
-webkit-transition:all,.3s;
-o-transition:all,.3s;
transition:all,.3s
}

.team__text .team__social a:hover {
color:#88C417;
font-size:15px;
color:#84e1e1
}

.team__text .team__social a:last-child {
margin-right:0;
font-size:15px;
color:#84e1e1
}

.portfolio__link {
font-size:15px;
color:#84e1e1
}

.stylish__link a {
font-size:15px;
color:#73C6C6
}

*,:before,:after {
box-sizing:inherit
}

body,h1,h2,h3,h4,h5,h6,p,ol,ul {
margin:0;
padding:0;
font-weight:400
}

ol,ul {
list-style:none
}

img {
max-width:100%;
height:auto
}

* {
font-family:Arial,Helvetica,sans-serif
}

a {
text-decoration:none
}

.profile {
}

.profile .h3 {
margin-top:0
}

.image {
text-align:center
}

.rounded-circle {
border-radius:50%!important;
width:200px;
height:200px
}

.overview {
width:100%;
height:auto;
display:flex;
justify-content:center;
text-align:center
}

.overview h3 {
margin-top:1em;
font-size:1.75em
}

.overview p {
margin-bottom:2em;
font-size:1.2em
}

.p-spacer {
line-height:14px!important
}

.role {
width:100%;
height:260px;
display:flex;
justify-content:center;
background-color:#fff;
background-position:center;
background-size:cover;
text-align:center
}

.role-1 {
width:100%;
height:260px;
display:flex;
justify-content:center;
background-image:url(https://quodeckspeak.files.wordpress.com/2019/02/training-effectiveness-for-team-leads_quodeck_1-1.jpg?w=672&h=372&crop=1);
text-align:center
}

.role-2 {
width:100%;
height:260px;
display:flex;
justify-content:center;
background-image:url(https://cyfuture.com/blog/wp-content/uploads/2019/12/custom-software-development.png);
text-align:center
}

.programming-role-1 {
width:100%;
height:260px;
display:flex;
justify-content:center;
background-image:url(https://www.clickz.com/wp-content/uploads/2017/07/VR-vector-graphic.png);
text-align:center
}

.programming-role-2 {
width:100%;
height:260px;
display:flex;
justify-content:center;
background-image:url(https://www.esrb.org/wp-content/uploads/2020/04/V1_ESRB_blog_Playing-Multiplayer-Games_Artboard-2.jpg);
text-align:center
}

.programming-role-3 {
width:100%;
height:260px;
display:flex;
justify-content:center;
background-image:url(https://brightlineit.com/wp-content/uploads/2017/03/170309-update-hardware.jpg);
text-align:center
}

.role-3 {
width:100%;
height:260px;
display:flex;
justify-content:center;
background-image:url(https://www.scnsoft.com/blog-pictures/custom-software-development/software-development-strategy_01-cover.png);
text-align:center
}

.academic {
width:100%;
height:260px;
display:flex;
justify-content:center;
background-color:#fff;
background-position:center;
background-size:cover;
background-image:url(https://qph.fs.quoracdn.net/main-qimg-ffdf7531c333484eb9f2baa6ec6a5e0e);
text-align:center
}

.journal {
width:100%;
height:260px;
display:flex;
justify-content:center;
background-color:#fff;
background-position:center;
background-size:cover;
background-image:url(https://education.jhu.edu/wp-content/uploads/2020/05/JimDiamond_profile.jpg);
text-align:center
}

.references {
width:100%;
height:260px;
display:flex;
justify-content:center;
background-color:#fff;
background-position:center;
background-size:cover;
background-image:url(https://www.nevillmedia.com/wp-content/uploads/2018/09/learning-skills-online-Feature_1290x688_MS.jpg);
text-align:center
}

.team-project {
width:100%;
height:260px;
display:flex;
justify-content:center;
background-color:#fff;
background-position:center;
background-size:cover;
background-image:url(https://www.scnsoft.com/blog-pictures/software-development-outsourcing/sw-development-teams.png);
text-align:center
}

.text {
align-self:center
}

.text h3 {
font-size:1.5em
}

.bottom {
width:90%;
height:7em;
margin-top:2em;
margin-bottom:2em;
border-radius:1em;
border:1px solid lightgray;
background-color:gray;
border-radius:1em;
text-align:center;
align-self:center;
color:#fff
}

.timeline {
text-align:center;
margin-top:3em
}

.timeline h3 {
display:none;
margin-bottom:1em
}

.span-grid img,iframe {
height:400px
}

.span-grid img {
vertical-align:baseline
}

.span-grid iframe,.span-spacer-long img {
width:715px
}

.span-grid-end img {
width:337px
}

.span-spacer {
margin-left:1em;
margin-right:1em
}

.grid-spacer {
margin-top:1em;
margin-bottom:1em
}

@media(max-width:1200px) {
.span-grid img,iframe {
height:315px
}

.team__text {
padding:25px 20px 20px!important
}

.team__text .team__title {
padding-bottom:13px!important;
margin-bottom:13px!important
}

.span-grid iframe,.span-spacer-long img {
width:562.5px
}

.span-grid-end img {
width:265px
}
}

@media(max-width:1000px) {
.span-grid img,iframe {
height:250px
}

.span-grid iframe,.span-spacer-long img {
width:447px
}

.span-grid-end img {
width:210px
}

.team__text {
padding:25px 20px 20px!important
}

.team__text .team__title {
font-size:16px!important;
padding-bottom:8px!important;
margin-bottom:8px!important
}
}

@media(max-width:992px) {
.team__text .team__title h4 {
font-size:16px!important
}
}

@media(max-width:768px) {
.span-grid img,iframe {
height:300px
}

.span-grid iframe {
width:100%
}

.nav-spacer {
display:block
}

.span-grid img,.span-spacer,.span-grid-end,.span-spacer-long {
display:none
}

.timeline {
margin-top:0
}

.grid-spacer {
display:none
}

.timeline h3 {
display:block
}

.timeline h3 {
margin-top:1em
}

.team__text {
padding:35px 30px 30px!important
}

.team__text .team__title {
padding-bottom:26px!important;
margin-bottom:26px!important
}
}

@media(max-width:384px) {
.span-grid img,iframe {
height:200px
}

.team__text {
padding:25px 20px 20px!important
}

.team__text .team__title {
padding-bottom:13px!important;
margin-bottom:13px!important
}
}

@media(max-width:384px) {
.team__text {
padding:20px 15px 15px!important
}

.team__text .team__title {
padding-bottom:6px!important;
margin-bottom:6px!important
}
}