/* Assumes 1000x800px slides */
/* General styles */

.st-container-h p, .st-container-h h1, .st-container-h h2,
.st-container-h h3, .st-container-h h4, .st-container-h h5,
.st-container-h h6 , .st-container-h div > ul, .st-container-h div > ol,
.st-container-v p, .st-container-v h1, .st-container-v h2,
.st-container-v h3, .st-container-v h4, .st-container-v h5,
.st-container-v h6, .st-container-v div > ul, .st-container-v div > ol{
    background-color: rgba( 0,0,0, 0.2);
    border-radius: 12px;
}
.st-container-h div > ul ul, .st-container-h div > ol ul,
.st-container-h div > ul ol, .st-container-h div > ol ol,
.st-container-v div > ul ul, .st-container-v div > ol ul,
.st-container-v div > ul ol, .st-container-v div > ol ol {
    font-size: 90%;
}
.st-container-h div > ul, .st-container-h div > ol,
.st-container-v div > ul, .st-container-h div > ol {
    list-style-position: outside;
    font-size: 90%;
    margin-left: 0px;
    padding-left: 52px;
}
.st-container-h div > ul p, .st-container-h div > ol p,
.st-container-v div > ul p, .st-container-h div > ol p {
    background: none;
}

/* Fill one dimention to the max while keeping aspect
    ratio in the other direction and center. Should
    contain only one item.
*/
.st-available {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-grow: 1 !important;
    flex-basis: 0;
}

.st-container-v > .st-available, .st-flex-v > .st-available,
.st-2col > .st-available {
    height: 0;
    width: auto;
    flex-direction: column;
}
.st-container-h > .st-available, .st-flex-h > .st-available {
    width: 0;
    height: auto;
}
.st-available> * {
    display: block!important;
    margin: 0!important;
}
.st-available-parent > * {
    flex-grow: 0;
}

.st-overflow-auto {
    overflow: auto;
}

/* 
# Generic containers
*/
/* Outer containers */
.st-container-h {
    display: flex;
    justify-content: space-around;
    height: 700px;
}
.st-container-v {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 700px;
}
/* Outer containers */
.st-available-parent .st-flex-h, .st-flex-h {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.st-available-parent .st-flex-v, .st-flex-v {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

/*
*/
.st-2col {
    display: flex;
    flex-direction: column; 
    width: 45%;
    justify-content: space-around;
    height: 100%;
}