/*!
 * SPDX-License-Identifier: MIT
 */

/* Start section description. */
@media screen and (min-width: 450px){
    .toctile {
        display: flex; display: -webkit-flex;
        flex-flow: row wrap; -webkit-flex-flow: row wrap;
        justify-content: space-between; -webkit-justify-content: space-between;
        align-items: flex-start; -webkit-align-items: flex-start;
        align-content: flex-start; -webkit-align-content: flex-start;
        list-style-type: none;
        margin-bottom: 10px;
    }
    /* Dan Andreasson on Stack Overflow. */
    .toctile:after {
        content: "";
        flex: 1 0 33.3%; -webkit-flex: 1 0 33.3%;
        margin-left: 45px;
        align-self: stretch; -webkit-align-self: stretch;
    }
}
@media screen and (max-width: 450px) {
    .toctile {
        display: flex; display: -webkit-flex;
        flex-flow: column wrap; -webkit-flex-flow: column wrap;
        justify-content: space-between; -webkit-justify-content: space-between;
        align-items: flex-start; -webkit-align-items: flex-start;
        align-content: flex-start; -webkit-align-content: flex-start;
        list-style-type: none;
        margin-bottom: 10px;
    }
    .toctile:after {
        content: "";
        flex: none; -webkit-flex: none;
    }
}
.tile {
    flex: 2 0 33.3%; -webkit-flex: 2 0 33.3%;
    margin: 10px 15px;
    border-radius: .3em;
    user-select: none;
}
.tile div.figure,
.tile figure {
    margin-bottom: 0px;
    display: block;
}
.tile img {
    border-top-left-radius: .3em;
    border-top-right-radius: .3em;
}
.tile dl {margin-bottom: 10px}
.tile dl dt > a {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.tile dl dt, .tile.no-descr p{
    font-weight: bold;
    font-style: normal;
    font-size: 1.3em;
}
.tile dl dt, .tile.no-descr p{padding: 18px 15px 0px!important}
.tile dl dd{
    padding: 0px 15px;
    font-style: normal;
    margin: 0px;
    color: #808080;
    font-size: 90%;
}
.tile {
    box-shadow: rgba(0,0,0,0.05) 0px 1px 4px 0px,
                    rgba(211,216,223,0.33) 0px 15px 20px -1px;
}

/*#getting-started .tile {
    box-shadow: none;
}*/
/* End section description. */

.clear-both {
    clear: both;
}
.clear-left {
    clear: left;
}
.clear-right {
    clear: right;
}