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

/* +++ Activities +++ */

#body #activities .floatingcontent {
    padding: 0px;
}


#body #activities .activitylist {
    margin-bottom: 10px;
}

/* -------------------- Layout of whole box -------------------- */

#body #activities .activitylist {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
}

#body #activities .activitylist .line {
    display: none;
}

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

#body #activities .activitylist > div.box:not(:first-child) .content {
    padding-top: 10px;
}

/* -------------------- Layout of one galery -------------------- */

#body #activities .activitylist .box {
    margin: 5px;
}

#body #activities .activitylist .content {
    padding: 5px;
}

#body #activities .activitylist .content h3 {
    color: var(--color-major-dark);
}

#body #activities .activitylist .content span,
#body #activities .activitylist .content span a {
    color: var(--color-minor-dark);
}

#body #activities .activitylist .content > span::before {
    content: "Vedoucí: ";
}

#body #activities .activitylist .content p {
    width: 100%;
    text-align: justify;
}

#body #activities .activitylist .content img {
    width: 100%;
}

#body #activities .activitylist .box a.galery {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0px;
    text-align: center;
    background-color: var(--color-major-middle);
    border-radius: 0px 0px 30px 30px;
    text-decoration: none;
}

#body #activities .activitylist .box a.galery span {
    color: white;
    font-size: 16pt;
}

@media
(min-width: 880px) and (max-width: 1035px),
(max-width: 760px) { /* Activity box layout - wide image */
    #body #activities .activitylist .content {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto auto auto;
        align-items: center;
        justify-items: center;
    }
    
    #body #activities .activitylist .content h3 {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        
        text-align: center;
    }
    
    #body #activities .activitylist .content span {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3;
        
        text-align: center;
    }
    
    #body #activities .activitylist .content .photo {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 4;
        
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    #body #activities .activitylist .content p {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 4;
        grid-row-end: 5;
        text-align: justify;
    }
    
    #body #activities .activitylist .content br {
        display: none;
    }
}

@media
(min-width: 1035px),
(min-width: 760px) and (max-width: 880px) { /* Activity box layout - floating image */
    #body #activities .activitylist .content h3 {
        display: inline;
    }
    
    #body #activities .activitylist .content span {
        display: inline;
    }
    
    #body #activities .activitylist .content .photo {
        width: 300px;
        float: left;
        margin-right: 10px;
        display: inline;
    }
}

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

#body #activities .activitylist > div.box .pictograms {
    margin: 0px;
}