/* 
    Created on : 30. 4. 2021, 14:52:30
    Author     : Jiří Frantál
*/

/* +++ Achievements +++ */

/* -------------------- Box layout -------------------- */

#body {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: repeat(7, auto);
}

#body div.box .floatingcontent {
    padding: 0px;
    height: 100%;
    
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto minmax(min-content, max-content);
}

#body .box div.box {
    margin-bottom: 10px;
}

#body .box div.item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    margin-right: 5px;
    
    display: grid;
    grid-template-columns: auto minmax(min-content, max-content) ;
    grid-template-rows: minmax(min-content, max-content);
}

#body .box div.item:not(:first-child) {
    border-top: 2px solid var(--color-minor-dark);
}

#body .box div.item .content span {
    color: var(--color-minor-dark);
}

#body .box div.item .pictograms {
    align-self: end;
}

#body .box div.item .pictograms > a {
    margin-right: 0px;
    margin-left: 10px;
}

/* -------------------- Disambiguation -------------------- */

#body #disambiguation {
    display: grid;
}

@media
(min-width: 1150px) {
    #disambiguation {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media
only screen and (min-width: 600px) and (max-width: 1150px) {
    #disambiguation {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media
only screen and (max-width: 600px) {
    #disambiguation {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}