/*  */

/*  */

/*  */

body {
    background-color: #5A5A5A;
    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: 'Trebuchet MS', 'Aurulent Sans', sans-serif;
}
.collection-title {
    color:  #000000;
    font-family: 'Trebuchet MS', 'Aurulent 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: 'Trebuchet MS', 'Aurulent 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: 'Trebuchet MS', 'Aurulent Sans', sans-serif;
    color: #585858;
            font-size: small;
    }

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

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

.pageinstructions legend {
    font-family: 'Trebuchet MS', 'Aurulent Sans', sans-serif;
    color: #64C8C8;
    text-decoration: none;
}

.viewinstructions {
    font-family: 'Trebuchet MS', 'Aurulent Sans', sans-serif;
    color: #585858;
}

/* links and headings */

.user-page-content a,
.user-page-content a:link,
.user-page-content a:visited {
    color: #64C8C8;
    text-decoration: none;
}
.user-page-content a:hover,
.user-page-content a:active {
    color: #79F2F2;
    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: 'Trebuchet MS', 'Aurulent Sans', sans-serif;
    color: #585858;
}


/* 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: #79F2F2;
    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: #585858;
}
.user-page-content .text-muted {
    color: #585858 !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: #64C8C8;
}

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

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

/* advanced: custom css */

/*  Main Content  */
body {
background-size:100% 100%
}

/*  Removes default navbar  */
#collectionnavwrap {
display:none
}

#main {
background-color:#fff;
padding:40px
}

header,h1,h2,h3 {
text-align:center
}

.detail-link,.subsection-heading {
display:none
}

ul.main {
list-style-type:square
}

ul.big-bullets {
list-style-type:"■ "
}

ul {
list-style:circle inside none
}

.link-blocktype {
display:none
}

.user-page-content .panel .title:not(.feedtitle) {
border-color:#f2f2f2
}

/*  Default Nav Bar Styles  */
#collectionnavwrap {
background-color:#000
}

#collectionnavwrap h2 {
color:#fff
}

p.navlabel {
color:#fff
}

h1 a {
font-size:50px!important
}

/*  Custom Nav Bar Styles Home  */
.custom_navbar_home_main {
text-align:center
}

.custom_navbar_home {
display:inline-block;
padding:0
}

.custom_navbar_home li {
display:inline-block
}

.custom_navbar_home li a {
display:block;
padding:14px 16px;
text-decoration:none;
color:#C5C5C5;
background:linear-gradient(to right,rgba(100,200,200,1),rgba(100,200,200,1)),linear-gradient(to right,rgba(255,0,0,1),rgba(255,0,180,1),rgba(0,100,200,1));
background-size:100% 3px,0 3px;
background-position:100% 100%,0 100%;
background-repeat:no-repeat;
transition:background-size 400ms
}

.custom_navbar_home_main .custom_navbar_home li a:hover {
color:#989898;
background-size:0 3px,100% 3px
}

ul.custom_navbar_home {
list-style-type:none;
padding:0;
margin:0;
overflow:hidden
}

.custom_team_btn,.custom_intro_btn,.custom_progress_btn,.custom_releases_btn,.custom_scrumwise_btn,.custom_usertesting_btn,.custom_bibliography_btn,.custom_tca_btn {
float:left;
overflow:hidden
}

.custom_team_btn .home_nav,.custom_intro_btn .home_nav,.custom_progress_btn .home_nav,.custom_releases_btn .home_nav,.custom_scrumwise_btn .home_nav,.custom_usertesting_btn .home_nav,.custom_bibliography_btn .home_nav,.custom_tca_btn .home_nav {
font-size:15px; /* border:none; */
outline:none;
color:#C5C5C5;
padding:14px 16px;
background-color:inherit;
font-family:inherit;
margin:0
}

div.custom_navbar_home_main li.custom_team_btn a,div.custom_navbar_home_main li.custom_intro_btn a,div.custom_navbar_home_main li.custom_progress_btn a,div.custom_navbar_home_main li.custom_releases_btn a,div.custom_navbar_home_main li.custom_scrumwise_btn a,div.custom_navbar_home_main li.custom_usertesting_btn a,div.custom_navbar_home_main li.custom_bibliography_btn a,div.custom_navbar_home_main li.custom_tca_btn a {
color:#C5C5C5;
font-size:16px;
overflow:hidden
}

/*  Custom Nav Bar Styles Main  */
ul.custom_navbar {
list-style-type:none;
margin:0;
padding:0;
overflow:hidden
}

li.custom_home_btn a,li.narrative_dropdown a,li.gamedesign_dropdown a,li.sound_dropdown a,li.art_dropdown a,li.custom_market_research_btn a,li.usertesting_dropdown a,li.custom_prototype_btn a,li.custom_resources_btn a,li.custom_scrum_btn a {
display:block;
padding:3px 16px;
text-decoration:none
}

li.custom_home_btn a:hover,li.narrative_dropdown a:hover,li.gamedesign_dropdown a:hover,li.sound_dropdown a:hover,li.art_dropdown a:hover,li.custom_market_research_btn a:hover,li.usertesting_dropdown a:hover,li.custom_prototype_btn a:hover,li.custom_resources_btn a:hover,div.custom_navbar_main li.custom_scrum_btn a:hover {
color:#989898
}

div.custom_navbar_main li.custom_scrum_btn a {
color:#C5C5C5;
padding:14px 16px;
font-size:16px;
overflow:hidden
}

div.custom_navbar_main li.custom_market_research_btn a,div.custom_navbar_main li.custom_prototype_btn a,div.custom_navbar_main li.custom_resources_btn a,div.custom_navbar_main li.custom_scrum_btn a {
color:#C5C5C5;
font-size:16px;
overflow:hidden
}

/*  Dropdowns  */
.custom_navbar_main {
overflow:hidden
}

.narrative_dropdown,.gamedesign_dropdown,.sound_dropdown,.art_dropdown,.usertesting_dropdown {
float:left;
overflow:hidden
}

.narrative_dropdown .my_dropbtn,.gamedesign_dropdown .my_dropbtn,.sound_dropdown .my_dropbtn,.art_dropdown .my_dropbtn,.usertesting_dropdown .my_dropbtn {
font-size:15px;
border:none;
outline:none;
color:#C5C5C5;
padding:14px 16px;
background-color:inherit;
font-family:inherit;
margin:0
}

.my_dropdown-content {
display:none;
position:absolute;
background-color:#f9f9f9;
min-width:130px;
box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
z-index:1;
text-align:center
}

.my_dropdown-content a {
color:#fff;
padding:0;
text-decoration:none;
display:block;
text-align:left;
font-size:14px
}

.my_dropdown-content a:hover {
background-color:#ddd
}

.narrative_dropdown:hover .my_dropdown-content,.gamedesign_dropdown:hover .my_dropdown-content,.sound_dropdown:hover .my_dropdown-content,.art_dropdown:hover .my_dropdown-content,.usertesting_dropdown:hover .my_dropdown-content {
display:block
}

.phase-label {
padding-left:5px;
background-color:#e4e4e4;
font-size:18px;
font-weight:700
}

/*      Releases Page - Concept Phase Page Link      */
.r_concept_image {
width:620px;
height:500px;
float:center;
position:relative;
background-image:url(https://i.ibb.co/yn6brp6/Releases-Backdrop-V2.png);
background-repeat:no-repeat;
background-size:cover;
border:2px solid #f2f2f2;
border-radius:10px;
padding:5px;
display:inline-block;
transition:.5s ease;
backface-visibility:hidden;
-webkit-filter:brightness(100%)
}

.r_concept_image_link_container {
width:620px;
height:500px;
float:center;
position:relative;
max-width:100%;
display:block;
margin-right:auto;
margin-left:auto
}

.r_concept_image_link_container h1 {
opacity:.6;
font-size:40px;
position:absolute;
top:5%;
left:2%;
transition:.6s ease-in-out;
color:#fff
}

.r_concept_image_link_container:hover h1 {
opacity:1
}

.middle_r_concept {
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden;
width:100%;
height:0;
transition:.5s ease
}

.r_concept_image_link_container:hover .r_concept_image {
width:100%;
height:100%;
position:absolute;
background-color:#000;
opacity:1;
transition:.3s ease-in-out;
-webkit-filter:brightness(70%)
}

.r_concept_image_link_container:hover .middle_r_concept {
height:100%;
opacity:1
}

.r_concept_image_hover_text p,a {
font-size:14px!important
}

.r_concept_image_hover_text {
width:95%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-75%);
color:#f2f2f2;
padding:4px;
padding-top:15px;
border-top:1px solid #f2f2f2
}

/*      Releases Page - Pre-Production Phase Page Link      */
.r_prepro_image {
width:620px;
height:500px;
float:center;
position:relative;
background-image:url(https://i.ibb.co/yn6brp6/Releases-Backdrop-V2.png);
background-repeat:no-repeat;
background-size:cover;
border:2px solid #f2f2f2;
border-radius:10px;
padding:5px;
display:inline-block;
transition:.5s ease;
backface-visibility:hidden;
-webkit-filter:brightness(100%)
}

.r_prepro_image_link_container {
width:620px;
height:500px;
float:center;
position:relative;
max-width:100%;
display:block;
margin-right:auto;
margin-left:auto
}

.r_prepro_image_link_container h1 {
opacity:.6;
font-size:40px;
position:absolute;
top:5%;
left:2%;
transition:.6s ease-in-out;
color:#fff
}

.r_prepro_image_link_container:hover h1 {
opacity:1
}

.middle_r_prepro {
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden;
width:100%;
height:0;
transition:.5s ease
}

.r_prepro_image_link_container:hover .r_prepro_image {
width:100%;
height:100%;
position:absolute;
background-color:#000;
opacity:1;
transition:.3s ease-in-out;
-webkit-filter:brightness(70%)
}

.r_prepro_image_link_container:hover .middle_r_prepro {
height:100%;
opacity:1
}

.r_prepro_image_hover_text p,a {
font-size:14px!important
}

.r_prepro_image_hover_text {
width:95%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-75%);
color:#f2f2f2;
padding:4px;
padding-top:15px;
border-top:1px solid #f2f2f2
}

/*      Releases Page - Production Phase Page Link      */
.r_pro_image {
width:620px;
height:500px;
float:center;
position:relative;
background-image:url(https://i.ibb.co/yn6brp6/Releases-Backdrop-V2.png);
background-repeat:no-repeat;
background-size:cover;
border:2px solid #f2f2f2;
border-radius:10px;
padding:5px;
display:inline-block;
transition:.5s ease;
backface-visibility:hidden;
-webkit-filter:brightness(100%)
}

.r_pro_image_link_container {
width:620px;
height:500px;
float:center;
position:relative;
max-width:100%;
display:block;
margin-right:auto;
margin-left:auto
}

.r_pro_image_link_container h1 {
opacity:.6;
font-size:40px;
position:absolute;
top:5%;
left:2%;
transition:.6s ease-in-out;
color:#fff
}

.r_pro_image_link_container:hover h1 {
opacity:1
}

.middle_r_pro {
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden;
width:100%;
height:0;
transition:.5s ease
}

.r_pro_image_link_container:hover .r_pro_image {
width:100%;
height:100%;
position:absolute;
background-color:#000;
opacity:1;
transition:.3s ease-in-out;
-webkit-filter:brightness(70%)
}

.r_pro_image_link_container:hover .middle_r_pro {
height:100%;
opacity:1
}

.r_pro_image_hover_text p,a {
font-size:14px!important
}

.r_pro_image_hover_text {
width:95%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-75%);
color:#f2f2f2;
padding:4px;
padding-top:15px;
border-top:1px solid #f2f2f2
}

/*      Releases Page - Post-Production Phase Page Link      */
.r_postpro_image {
width:620px;
height:500px;
float:center;
position:relative;
background-image:url(https://i.ibb.co/yn6brp6/Releases-Backdrop-V2.png);
background-repeat:no-repeat;
background-size:cover;
border:2px solid #f2f2f2;
border-radius:10px;
padding:5px;
display:inline-block;
transition:.5s ease;
backface-visibility:hidden;
-webkit-filter:brightness(100%)
}

.r_postpro_image_link_container {
width:620px;
height:500px;
float:center;
position:relative;
max-width:100%;
display:block;
margin-right:auto;
margin-left:auto
}

.r_postpro_image_link_container h1 {
opacity:.6;
font-size:40px;
position:absolute;
top:5%;
left:2%;
transition:.6s ease-in-out;
color:#fff
}

.r_postpro_image_link_container:hover h1 {
opacity:1
}

.middle_r_postpro {
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden;
width:100%;
height:0;
transition:.5s ease
}

.r_postpro_image_link_container:hover .r_postpro_image {
width:100%;
height:100%;
position:absolute;
background-color:#000;
opacity:1;
transition:.3s ease-in-out;
-webkit-filter:brightness(70%)
}

.r_postpro_image_link_container:hover .middle_r_postpro {
height:100%;
opacity:1
}

.r_postpro_image_hover_text p,a {
font-size:14px!important
}

.r_postpro_image_hover_text {
width:95%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-75%);
color:#f2f2f2;
padding:4px;
padding-top:15px;
border-top:1px solid #f2f2f2
}

/*      Production Page - Caleb's Room Page Link      */
.pro_caleb_image {
width:400px;
height:200px;
position:relative;
background-image:url(https://i.ibb.co/yn6brp6/Releases-Backdrop-V2.png);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
border:2px solid #f2f2f2;
border-radius:10px;
padding:5px;
display:inline-block;
transition:.5s ease;
backface-visibility:hidden;
-webkit-filter:brightness(100%)
}

.pro_caleb_image_link_container {
width:400px;
height:200px;
position:relative;
max-width:100%;
display:block;
margin-left:auto;
margin-right:auto
}

.pro_caleb_image_link_container h1 {
opacity:.6;
font-size:25px;
position:absolute;
top:5%;
left:2%;
transition:.6s ease-in-out;
color:#fff
}

.pro_caleb_image_link_container:hover h1 {
opacity:1
}

.middle_pro_caleb {
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden;
width:100%;
height:0;
transition:.5s ease
}

.pro_caleb_image_link_container:hover .pro_caleb_image {
width:100%;
height:100%;
position:absolute;
background-color:#000;
opacity:1;
transition:.3s ease-in-out;
-webkit-filter:brightness(70%)
}

.pro_caleb_image_link_container:hover .middle_pro_caleb {
height:100%;
opacity:1
}

.pro_caleb_image_hover_text p,a {
font-size:14px!important
}

.pro_caleb_image_hover_text {
width:95%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-40%);
color:#f2f2f2;
padding:4px;
padding-top:15px;
border-top:1px solid #f2f2f2
}

/*      Production Page - Island Re-design Page Link      */
.pro_island_image {
width:400px;
height:200px;
position:relative;
background-image:url(https://i.ibb.co/yn6brp6/Releases-Backdrop-V2.png);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
border:2px solid #f2f2f2;
border-radius:10px;
padding:5px;
display:inline-block;
transition:.5s ease;
backface-visibility:hidden;
-webkit-filter:brightness(100%)
}

.pro_island_image_link_container {
width:400px;
height:200px;
position:relative;
max-width:100%;
display:block;
margin-left:auto;
margin-right:auto
}

.pro_island_image_link_container h1 {
opacity:.6;
font-size:25px;
position:absolute;
top:5%;
left:2%;
transition:.6s ease-in-out;
color:#fff
}

.pro_island_image_link_container:hover h1 {
opacity:1
}

.middle_pro_island {
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden;
width:100%;
height:0;
transition:.5s ease
}

.pro_island_image_link_container:hover .pro_island_image {
width:100%;
height:100%;
position:absolute;
background-color:#000;
opacity:1;
transition:.3s ease-in-out;
-webkit-filter:brightness(70%)
}

.pro_island_image_link_container:hover .middle_pro_island {
height:100%;
opacity:1
}

.pro_island_image_hover_text p,a {
font-size:14px!important
}

.pro_island_image_hover_text {
width:95%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-40%);
color:#f2f2f2;
padding:4px;
padding-top:15px;
border-top:1px solid #f2f2f2
}

/*      Production Page - Menu Design Page Link      */
.pro_menu_image {
width:400px;
height:200px;
position:relative;
background-image:url(https://i.ibb.co/yn6brp6/Releases-Backdrop-V2.png);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
border:2px solid #f2f2f2;
border-radius:10px;
padding:5px;
display:inline-block;
transition:.5s ease;
backface-visibility:hidden;
-webkit-filter:brightness(100%)
}

.pro_menu_image_link_container {
width:400px;
height:200px;
position:relative;
max-width:100%;
display:block;
margin-left:auto;
margin-right:auto
}

.pro_menu_image_link_container h1 {
opacity:.6;
font-size:25px;
position:absolute;
top:5%;
left:2%;
transition:.6s ease-in-out;
color:#fff
}

.pro_menu_image_link_container:hover h1 {
opacity:1
}

.middle_pro_menu {
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden;
width:100%;
height:0;
transition:.5s ease
}

.pro_menu_image_link_container:hover .pro_menu_image {
width:100%;
height:100%;
position:absolute;
background-color:#000;
opacity:1;
transition:.3s ease-in-out;
-webkit-filter:brightness(70%)
}

.pro_menu_image_link_container:hover .middle_pro_menu {
height:100%;
opacity:1
}

.pro_menu_image_hover_text p,a {
font-size:14px!important
}

.pro_menu_image_hover_text {
width:95%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-40%);
color:#f2f2f2;
padding:4px;
padding-top:15px;
border-top:1px solid #f2f2f2
}

/*      Production Page - Feedback Page Link      */
.pro_rpage_image {
width:400px;
height:200px;
position:relative;
background-image:url(https://i.ibb.co/yn6brp6/Releases-Backdrop-V2.png);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
border:2px solid #f2f2f2;
border-radius:10px;
padding:5px;
display:inline-block;
transition:.5s ease;
backface-visibility:hidden;
-webkit-filter:brightness(100%)
}

.pro_rpage_image_link_container {
width:400px;
height:200px;
position:relative;
max-width:100%;
display:block;
margin-left:auto;
margin-right:auto
}

.pro_rpage_image_link_container h1 {
opacity:.6;
font-size:25px;
position:absolute;
top:5%;
left:2%;
transition:.6s ease-in-out;
color:#fff
}

.pro_rpage_image_link_container:hover h1 {
opacity:1
}

.middle_pro_rpage {
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden;
width:100%;
height:0;
transition:.5s ease
}

.pro_rpage_image_link_container:hover .pro_rpage_image {
width:100%;
height:100%;
position:absolute;
background-color:#000;
opacity:1;
transition:.3s ease-in-out;
-webkit-filter:brightness(70%)
}

.pro_rpage_image_link_container:hover .middle_pro_rpage {
height:100%;
opacity:1
}

.pro_rpage_image_hover_text p,a {
font-size:14px!important
}

.pro_rpage_image_hover_text {
width:95%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-40%);
color:#f2f2f2;
padding:4px;
padding-top:15px;
border-top:1px solid #f2f2f2
}

/*      Production Page - Progress Page Link      */
.pro_prog_image {
width:400px;
height:200px;
position:relative;
background-image:url(https://i.ibb.co/yn6brp6/Releases-Backdrop-V2.png);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
border:2px solid #f2f2f2;
border-radius:10px;
padding:5px;
display:inline-block;
transition:.5s ease;
backface-visibility:hidden;
-webkit-filter:brightness(100%)
}

.pro_prog_image_link_container {
width:400px;
height:200px;
position:relative;
max-width:100%;
display:block;
margin-left:auto;
margin-right:auto
}

.pro_prog_image_link_container h1 {
opacity:.6;
font-size:25px;
position:absolute;
top:5%;
left:2%;
transition:.6s ease-in-out;
color:#fff
}

.pro_prog_image_link_container:hover h1 {
opacity:1
}

.middle_pro_prog {
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden;
width:100%;
height:0;
transition:.5s ease
}

.pro_prog_image_link_container:hover .pro_prog_image {
width:100%;
height:100%;
position:absolute;
background-color:#000;
opacity:1;
transition:.3s ease-in-out;
-webkit-filter:brightness(70%)
}

.pro_prog_image_link_container:hover .middle_pro_prog {
height:100%;
opacity:1
}

.pro_prog_image_hover_text p,a {
font-size:14px!important
}

.pro_prog_image_hover_text {
width:95%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-40%);
color:#f2f2f2;
padding:4px;
padding-top:15px;
border-top:1px solid #f2f2f2
}

/*      Production Page - Soundtrack Adjustment Button     */
.pro_soundtrack_image {
width:400px;
height:200px;
position:relative;
background-image:url(https://i.ibb.co/yn6brp6/Releases-Backdrop-V2.png);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
border:2px solid #f2f2f2;
border-radius:10px;
padding:5px;
display:inline-block;
transition:.5s ease;
backface-visibility:hidden;
-webkit-filter:brightness(100%)
}

.pro_soundtrack_image_link_container {
width:400px;
height:200px;
position:relative;
max-width:100%;
display:block;
margin-left:auto;
margin-right:auto
}

.pro_soundtrack_image_link_container h1 {
opacity:.6;
font-size:25px;
position:absolute;
top:5%;
left:2%;
transition:.6s ease-in-out;
color:#fff
}

.pro_soundtrack_image_link_container:hover h1 {
opacity:1
}

.middle_pro_soundtrack {
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden;
width:100%;
height:0;
transition:.5s ease
}

.pro_soundtrack_image_link_container:hover .pro_soundtrack_image {
width:100%;
height:100%;
position:absolute;
background-color:#000;
opacity:1;
transition:.3s ease-in-out;
-webkit-filter:brightness(70%)
}

.pro_soundtrack_image_link_container:hover .middle_pro_soundtrack {
height:100%;
opacity:1
}

.pro_soundtrack_image_hover_text p,a {
font-size:14px!important
}

.pro_soundtrack_image_hover_text {
width:95%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-40%);
color:#f2f2f2;
padding:4px;
padding-top:15px;
border-top:1px solid #f2f2f2
}

/*      Progress Page - Narrative Page Link      */
.pro_narrative_image {
width:620px;
height:500px;
float:center;
position:relative;
background-image:url(https://i.ibb.co/mJpXz3R/Narrative-Design-Backdrop.jpg);
background-repeat:no-repeat;
background-size:cover;
border:2px solid #f2f2f2;
border-radius:10px;
padding:5px;
display:inline-block;
transition:.5s ease;
backface-visibility:hidden;
-webkit-filter:brightness(80%)
}

.pro_narrative_image_link_container {
width:620px;
height:500px;
float:center;
position:relative;
max-width:100%;
display:block;
margin-right:auto;
margin-left:auto
}

.pro_narrative_image_link_container h1 {
opacity:.6;
font-size:40px;
position:absolute;
top:5%;
left:2%;
transition:.6s ease-in-out;
color:#fff
}

.pro_narrative_image_link_container:hover h1 {
opacity:1
}

.middle_pro_narrative {
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden;
width:100%;
height:0;
transition:.5s ease
}

.pro_narrative_image_link_container:hover .pro_narrative_image {
width:100%;
height:100%;
position:absolute;
background-color:#000;
opacity:1;
transition:.3s ease-in-out;
-webkit-filter:brightness(35%)
}

.pro_narrative_image_link_container:hover .middle_pro_narrative {
height:100%;
opacity:1
}

.pro_narrative_image_hover_text p,a {
font-size:14px!important
}

.pro_narrative_image_hover_text {
width:95%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-130%);
color:#f2f2f2;
padding:4px;
padding-top:15px;
border-top:1px solid #f2f2f2
}

/*      Progress Page - Game Design Page Link      */
.pro_gamedesign_image {
width:620px;
height:500px;
float:center;
position:relative;
background-image:url(https://i.ibb.co/6BV2nhc/Game-Design-Backdrop-V2.jpg);
background-repeat:no-repeat;
background-size:cover;
border:2px solid #f2f2f2;
border-radius:10px;
padding:5px;
display:inline-block;
transition:.5s ease;
backface-visibility:hidden;
-webkit-filter:brightness(80%)
}

.pro_gamedesign_image_link_container {
width:620px;
height:500px;
float:center;
position:relative;
max-width:100%;
display:block;
margin-right:auto;
margin-left:auto
}

.pro_gamedesign_image_link_container h1 {
opacity:.6;
font-size:40px;
position:absolute;
top:5%;
left:2%;
transition:.6s ease-in-out;
color:#fff
}

.pro_gamedesign_image_link_container:hover h1 {
opacity:1
}

.middle_pro_gamedesign {
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden;
width:100%;
height:0;
transition:.5s ease
}

.pro_gamedesign_image_link_container:hover .pro_gamedesign_image {
width:100%;
height:100%;
position:absolute;
background-color:#000;
opacity:1;
transition:.3s ease-in-out;
-webkit-filter:brightness(35%)
}

.pro_gamedesign_image_link_container:hover .middle_pro_gamedesign {
height:100%;
opacity:1
}

.pro_gamedesign_image_hover_text p,a {
font-size:14px!important
}

.pro_gamedesign_image_hover_text {
width:95%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-130%);
color:#f2f2f2;
padding:4px;
padding-top:15px;
border-top:1px solid #f2f2f2
}

/*      Progress Page - UI/UX Design Page Link      */
.pro_uiux_image {
width:620px;
height:500px;
float:center;
position:relative;
background-image:url(https://i.ibb.co/4mq0vf2/UIUXDesign-Backdrop.jpg);
background-repeat:no-repeat;
background-size:cover;
border:2px solid #f2f2f2;
border-radius:10px;
padding:5px;
display:inline-block;
transition:.5s ease;
backface-visibility:hidden;
-webkit-filter:brightness(80%)
}

.pro_uiux_image_link_container {
width:620px;
height:500px;
float:center;
position:relative;
max-width:100%;
display:block;
margin-right:auto;
margin-left:auto
}

.pro_uiux_image_link_container h1 {
opacity:.6;
font-size:40px;
position:absolute;
top:5%;
left:2%;
transition:.6s ease-in-out;
color:#fff
}

.pro_uiux_image_link_container:hover h1 {
opacity:1
}

.middle_pro_uiux {
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden;
width:100%;
height:0;
transition:.5s ease
}

.pro_uiux_image_link_container:hover .pro_uiux_image {
width:100%;
height:100%;
position:absolute;
background-color:#000;
opacity:1;
transition:.3s ease-in-out;
-webkit-filter:brightness(35%)
}

.pro_uiux_image_link_container:hover .middle_pro_uiux {
height:100%;
opacity:1
}

.pro_uiux_image_hover_text p,a {
font-size:14px!important
}

.pro_uiux_image_hover_text {
width:95%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-130%);
color:#f2f2f2;
padding:4px;
padding-top:15px;
border-top:1px solid #f2f2f2
}

/*      Progress Page - Sound Design Page Link      */
.pro_sound_image {
width:620px;
height:500px;
float:center;
position:relative;
background-image:url(https://i.ibb.co/HTMT2jh/Sound-Design-Backdrop.jpg);
background-repeat:no-repeat;
background-size:cover;
border:2px solid #f2f2f2;
border-radius:10px;
padding:5px;
display:inline-block;
transition:.5s ease;
backface-visibility:hidden;
-webkit-filter:brightness(80%)
}

.pro_sound_image_link_container {
width:620px;
height:500px;
float:center;
position:relative;
max-width:100%;
display:block;
margin-right:auto;
margin-left:auto
}

.pro_sound_image_link_container h1 {
opacity:.6;
font-size:40px;
position:absolute;
top:5%;
left:2%;
transition:.6s ease-in-out;
color:#fff
}

.pro_sound_image_link_container:hover h1 {
opacity:1
}

.middle_pro_sound {
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden;
width:100%;
height:0;
transition:.5s ease
}

.pro_sound_image_link_container:hover .pro_sound_image {
width:100%;
height:100%;
position:absolute;
background-color:#000;
opacity:1;
transition:.3s ease-in-out;
-webkit-filter:brightness(35%)
}

.pro_sound_image_link_container:hover .middle_pro_sound {
height:100%;
opacity:1
}

.pro_sound_image_hover_text p,a {
font-size:14px!important
}

.pro_sound_image_hover_text {
width:95%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-130%);
color:#f2f2f2;
padding:4px;
padding-top:15px;
border-top:1px solid #f2f2f2
}

/*      Progress Page - Art Page Link      */
.pro_art_image {
width:620px;
height:500px;
float:center;
position:relative;
background-image:url(https://i.ibb.co/pPb9LfK/Art-Backdrop.webp);
background-repeat:no-repeat;
background-size:cover;
border:2px solid #f2f2f2;
border-radius:10px;
padding:5px;
display:inline-block;
transition:.5s ease;
backface-visibility:hidden;
-webkit-filter:brightness(80%)
}

.pro_art_image_link_container {
width:620px;
height:500px;
float:center;
position:relative;
max-width:100%;
display:block;
margin-right:auto;
margin-left:auto
}

.pro_art_image_link_container h1 {
opacity:.6;
font-size:40px;
position:absolute;
top:5%;
left:2%;
transition:.6s ease-in-out;
color:#fff
}

.pro_art_image_link_container:hover h1 {
opacity:1
}

.middle_pro_art {
position:absolute;
bottom:0;
left:0;
right:0;
overflow:hidden;
width:100%;
height:0;
transition:.5s ease
}

.pro_art_image_link_container:hover .pro_art_image {
width:100%;
height:100%;
position:absolute;
background-color:#000;
opacity:1;
transition:.3s ease-in-out;
-webkit-filter:brightness(35%)
}

.pro_art_image_link_container:hover .middle_pro_art {
height:100%;
opacity:1
}

.pro_art_image_hover_text p,a {
font-size:14px!important
}

.pro_art_image_hover_text {
width:95%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-130%);
color:#f2f2f2;
padding:4px;
padding-top:15px;
border-top:1px solid #f2f2f2
}

/*  User Testing Timeline  */
.container_usertesting {
width:100%;
min-height:100vh;
display:flex;
justify-content:center;
align-items:center
}

.timeline {
width:800px;
background-color:#fff;
color:#fff;
padding:30px 20px
}

.timeline h3 {
display:block;
clear:both;
font-size:16px;
float:left
}

.br {
margin-top:60px
}

.timeline ul li:hover {
}

.timeline ul {
border-left:2px solid #f2f2f2
}

.timeline li::marker {
content:""
}

.timeline ul li {
padding:20px;
position:relative;
cursor:pointer;
transition:.5s
}

.timeline ul li:hover:before {
background-color:#fff;
box-shadow:0 0 10px 5px #64C8C8
}

.timeline ul li span {
display:inline-block;
background-color:#64C8C8;
border-radius:25px;
padding:2px 5px;
font-size:15px;
color:#fff;
box-shadow:0 0 6px 1px #64C8C8;
text-align:center
}

.timeline ul li:before {
position:absolute;
content:'';
width:10px;
height:10px;
background-color:#64C8C8;
border-radius:50%;
left:-11px;
top:28px;
transition:.5s
}

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

/*  Center images horizontally and vertically  */
.centered-image {
display:flex;
justify-content:center;
align-items:center
}

.imageblock {
display:flex;
justify-content:center;
align-items:center;
text-align:center
}

.image {
display:flex;
justify-content:center;
align-items:center;
text-align:center
}

.image img {
max-width:100%; /*  Optional: Ensure the image does not stretch beyond its container  */
height:auto
}

p {
text-align:justify
}

p,div,ul,ol,li {
font-family:'Open Sans',sans-serif!important;
font-size:16px!important
}

ul li {
display:list-item;
text-align:justify
}

/*  Style for the images  */
.bt-text img {
max-width:100%;
height:auto;
display:block; /*  Ensures the image is treated as a block element  */
margin:0 auto; /*  Centers the image horizontally  */
transition:opacity .3s ease-in-out
}

/*  Apply hover effect to images within a link  */
.bt-text a:is(:hover) img {
opacity:.7
}

h5 a {
color:#36c;
font-family:'Arial',sans-serif;
text-align:center;
text-decoration:none; /*  Remove default underline for the link  */
transition:color .3s ease; /*  Add transition for a smooth color change on hover  */
}

h5 a:hover {
color:#9ad; /*  Change color on hover  */
}