/* set CSOKI SSO button width */
button#https\:\/\/spotlight-csoki-dev\.powerappsportals\.com\/ {
    width: 10em;
}
/* set the header content with video */
.header-content {
    display: flex;
    justify-content: center;
}
.header-content div {
    width: 100%;
    margin: 1em;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    /* text-align: center; */
}
.header-content iframe {
    height: 400px;
    width: 85%;
    border: 3px solid #EEE;
}
/* @media(min-width:992px) {
    .header-content {
        flex-direction: column;
        align-items: center;
    }
} */
@media screen and (max-width: 521px) {
    .header-content div {
        margin: unset;
        margin-top: 1em;
    }
    .header-content iframe {
        height: 200px;
        width: 100%;
    }
    article.training-card_large {
        /* margin: 1em 0 1em 0; */
        margin: 1em -1em 1em -1em;
    }
}
/* Browse Training CSOKI Styles */
.training-card_large {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
    border-radius: 9px;
    margin: 1em;
}
.training-card_large section {
    display: flex;
    justify-content: center;
    align-items: center;
}
.left-container {
    display: flex;
    width: 100%;
    /* flex: 60%; */
    height: auto;
    padding: 1em;
    flex-direction: column;
}
.card-image {
    height: 100%;
    width: 100%;
    border-radius: 9px;
}
.right-container {
    display: flex;
    width: 100%;
    /* flex: 40%; */
    height: auto;
    flex-direction: column;
    padding: 1em;
}
.flex-60 {
    flex: 60%;
}
.flex-40 {
    flex: 40%;

}
.btn {
    width: 8em;
}
a.btn.btn-default.dark {
    color: #fff;
    background: #000;
}
.prizm-section {
    margin: 1em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
@media (max-width: 768px) {
    .training-card_large section {
        flex-direction: column;
    }
    h3 {
        margin-top: unset;
    }
}
/* End Browse Training CSOKI Styles */