/* Adaptive Gaming Site*/
/* Roboto Slab */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@700&display=swap');
/* Open Sans */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

.adaptive-gaming-container {
    max-width: 100%;
    text-align: center;
    margin: 10px 0 10px 0;
}

.adaptive-gaming-container .adaptive-gaming-title {
    color: white;
    font: 84px 'Roboto Slab', serif;
    padding: 40px 0 40px 0;
    
}
.adaptive-gaming-container .adaptive-gaming-subheader {
    color: white;
    font: 48px 'Roboto Slab', serif;;
    padding: 10px 0 10px 0;
    text-align: left;
    
}
.adaptive-gaming-container .adaptive-gaming-exerpt {
    color: white;
    font: 24px 'Roboto Slab', serif;;
    padding: 5px 0 20px 0;
    text-align: left;
}

.adaptive-gaming-container .adaptive-gaming-text-center {
    color: white;
    font: 400 18px/22px 'Open Sans', sans-serif;
    padding: 5px 0 20px 0;
    text-align: center;
}

.adaptive-gaming-container .adaptive-gaming-text-left {
    color: white;
    font: 400 18px/22px 'Open Sans', sans-serif;
    padding: 5px 0 20px 0;
    text-align: left;
}

.adaptive-gaming-container .video{
    width: 100%;
    height: 100%;
    max-height: 800px;
    margin: auto;
    margin-top: 10px ;
    aspect-ratio: 16/9;
}

.adaptive-gaming-container .space{
padding: 10px 0 10px 0;
}

.gaming-stats-container{
    max-width: 870px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
    padding-top: 40px;
    gap: 10px;
}

.gaming-stats__item {
    max-width: 243px;
    width: 100%;
    text-align: center;
}
.gaming-stats__image {
    height: 76px;
    background:  url('../img/gameController.svg') center/contain no-repeat;
    margin: auto;
}
.gaming-stats__number {
    font: 700 36px/47px 'Roboto Slab', serif;
    letter-spacing: 0.02em;
    color: white;
    padding: 15px 0 10px 0;
}
.gaming-stats__text {
    font: 700 18px/27px 'Open Sans', sans-serif;
    color: white;
}

.checkpoint-image {
    background-image: url('../img/checkpoint.jpg');
    width:25%;
    float: left;
}


.gaming-collaborators-container {
    max-width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
    gap: 10px;
}

.gaming-collaborator-vch{
    height: 100px;
    width: 100%;
    background:  url('../img/VCH_logo_RGB_transparent1.png') center/contain no-repeat;
    margin: auto;
}

.gaming-collaborator-eidos{
    height: 100px;
    width: 100%;
    background:  url('../img/Eidos.png') center/contain no-repeat;
    margin: auto;
}
.gaming-collaborator-westpark{
    height: 100px;
    width: 100%;
    background:  url('../img/WPHC.png') center/contain no-repeat;
    margin: auto;
}
.gaming-collaborator-stancassidy{
    height: 100px;
    width: 100%;
    background:  url('../img/SCCR.png') center/contain no-repeat;
    margin: auto;
}
.gaming-collaborator-ablegamers{
    height: 100px;
    width: 100%;
    background:  url('../img/ablegamers.png') center/contain no-repeat;
    margin: auto;
}

.gaming-collaborator-albertaHealthServices{
    height: 100px;
    width: 100%;
    background:  url('../img/AlbertaHealthServices.png') center/contain no-repeat;
    margin: auto;
}

.gaming-collaborator-NSERC{
    height: 100px;
    width: 100%;
    background:  url('../img/NSERC.png') center/contain no-repeat;
    margin: auto;
}

.gaming-collaborator-disabilityAllianceBC{
    height: 100px;
    width: 100%;
    background:  url('../img/DisabilityAllianceBC.png') center/contain no-repeat;
    margin: auto;
}

.gaming-collaborator-GovernmentBC{
    height: 100px;
    width: 100%;
    background:  url('../img/GovernmentBC.png') center/contain no-repeat;
    margin: auto;
}

.gaming-collaborator-saskHealthAuthority{
    height: 100px;
    width: 100%;
    background:  url('../img/1606504-sask-health-authority.pn.png') center/contain no-repeat;
    margin: auto;
}

.gaming-icons-container{
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.gaming-icons-container .gaming-icons__image {
    max-width: 243px;
    width: 100%;
    height: 135px;
}

.gaming-icons-container .gaming-icons__image .joystick{
    background:  url('../img/joystick.svg') center/contain no-repeat;
    width: 100%;
    height: 100%;
}

.gaming-icons-container .gaming-icons__image .mouse{
    background:  url('../img/mouse.svg') center/contain no-repeat;
    width: 100%;
    height: 100%;
}

.gaming-icons-container .gaming-icons__image .console{
    background:  url('../img/console.svg') center/contain no-repeat;
    width: 100%;
    height: 100%;
}

/*Youth Making Change*/

.youth-making-change-container {
    max-width: 100%;
    height: 100%;
    text-align: center;
    margin: 10px 0 10px 0;
}

.youth-making-change-container .youth-making-change-title {
    color: white;
    font: 84px 'Roboto Slab', serif;
    padding: 40px 0 40px 0;
    
}

.youth-making-change-container .youth-making-change-subheader {
    color: #26225e;
    font: 24px 'Roboto Slab', serif;;
    padding: 10px 0 10px 0;
    text-align: center;
    
}

.youth-making-change-container .youth-making-change-exerpt {
    color: #26225e;
    font: 400 18px/22px 'Open Sans', sans-serif;
    padding: 5px 0 20px 0;
    text-align: center;
}

.youth-making-change-container .youth-making-change-exerpt-white {
    color: white;
    font: 400 18px/22px 'Open Sans', sans-serif, bold;
    padding: 5px 0 20px 0;
    text-align: left;
}

.youth-making-change-container .youth-making-change-text-left {
    color: #26225e;
    font: 400 18px/22px 'Open Sans', sans-serif;
    padding: 5px 0 0 0;
    text-align: left;
}

.youth-making-change-container .youth-making-change-text-left-white {
    color: white;
    font: 400 18px/22px 'Open Sans', sans-serif;
    padding: 5px 0 20px 0;
    text-align: left;
}

.youth-making-change-stats-container {
    max-width: 870px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;
    padding-top: 40px;
    gap: 10px;
}

.youth-making-change-stats__item {
    max-width: 243px;
    width: 100%;
    text-align: center;
}

.youth-making-change-stats__school {
    height: 80px;
    background:  url('../img/ymc-school.svg') center/contain no-repeat;
    margin: auto;
}

.youth-making-change-stats__gradCap {
    height: 80px;
    background:  url('../img/gradCap.svg') center/contain no-repeat;
    margin: auto;
}

.youth-making-change-stats__hours {
    height: 80px;
    background:  url('../img/hours.svg') center/contain no-repeat;
    margin: auto;
}

.youth-making-change-stats__tools {
    height: 80px;
    background:  url('../img/tools.svg') center/contain no-repeat;
    margin: auto;
}



.youth-making-change-stats__number {
    font: 700 36px/47px 'Roboto Slab', serif;
    letter-spacing: 0.02em;
    color: #26225e;
    padding: 15px 0 10px 0;
}

.youth-making-change-stats__text {
    font: 700 18px/27px 'Open Sans', sans-serif;
    color: #26225e;
}

.youth-making-change-container .video{
    width: 100%;
    height: 100%;
    max-height: 800px;
    margin: auto;
    margin-top: 10px ;
    aspect-ratio: 16/9;
}

.mmc-container {
    max-width: 100%;
    height: 100%;
    margin: 10px 0 10px 0;
    align-items: center;
    text-align: center;
}   

.mmc-container .mmc-page-title  {
    font: 84px 'Roboto Slab', serif;
    text-align: center;
    margin: 10px 0 10px 0;
}

.purple{
    color:#26225E
}

.white{
    color: white  ;
}

.red{
    color: #EF373E;
}

.yellow{
    color: #FDB515;
}

.teal{
    color: #00b59e
}

.blue{
    color: #0054A6
}

.light-purple{
    color: #5c2f92
}

.center{
    text-align: center;
}
.mmc-container .mmc-faq-question {
    font: 700 18px/22px 'Roboto Slab', serif;
    text-align: left;
    margin: 10px 0 10px 0;
}

.mmc-container .mmc-faq-answer {
    font: 400 18px/22px 'Open Sans', sans-serif;
    text-align: left;
    margin: 10px 0 10px 0;
}

.mmc-container .mmc-subtitle {
    font: 400 18px/27px 'Open Sans', sans-serif;
    text-align: center;
    margin: 10px 0 10px 0;
}

.mmc-container .mmc-header{
    font: 36px/47px 'Roboto Slab';
    text-align: left;
    margin: 10px 0 10px 0;
}

.mmc-container .mmc-header-center{
    font: 36px/47px 'Roboto Slab';
    text-align: center;
    margin: 10px 0 10px 0;
}

.mmc-container .mmc-text {
    font: 400 18px/22px 'Open Sans', sans-serif;
    text-align: left;
    margin: 10px 0 10px 0;
}

.mmc-container .mmc-text-center {
    font: 400 18px/22px 'Open Sans', sans-serif;
    text-align: center;
    margin: 10px 0 10px 0;
}

.mmc-sponsor-container {
    max-width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 10px;
    gap: 10px;
} 

.mmc-sponsor-canada-life{
    height: 100px;
    width: 100%;
    margin: auto;
    background:  url('../img/hfth-canadalife-logo.png') center/contain no-repeat;
}
.mmc-sponsor-hsbc{
    height: 100px;
    width: 100%;
    margin: auto;
    background:  url('../img/hfth-hsbc-logo.png') center/contain no-repeat;
}
.mmc-sponsor-hdr{
    height: 100px;
    width: 100%;
    margin: auto;
    background:  url('../img/hfth-hdr-logo.png') center/contain no-repeat;
}

.mmc-sponsor-saskpower{
    height: 100px;
    width: 100%;
    margin: auto;
    background:  url('../img/hfth-saskpower-logo.png') center/contain no-repeat;
}
.mmc-sponsor-eafullcircle{
    height: 100px;
    width: 100%;
    margin: auto;
    background:  url('../img/hfth-eafullcircle-logo.png') center/contain no-repeat;
}
.mmc-sponsor-workday{
    height: 100px;
    width: 100%;
    margin: auto;
    background:  url('../img/hfth-workday-logo.png') center/contain no-repeat;
}