/****************************************/
/* základní rozdělení */
/****************************************/

.wrapBlogContent, .wrapBlogNavigation
{
    display: block;
    overflow: hidden;
    float: left;
}

.wrapBlogContent
{
    width: 75%;
}

.wrapBlogNavigation
{
    width: 25%;
}

.boxBlogNavigation
{
    margin: 120px 0 0 0;
}

    .boxBlogNavigation .boxBlogCategory
    {
        font-size: 150%;
    }


/****************************************/
/* post v seznamu */
/****************************************/

.wrapPost
{
    overflow: hidden;    
    margin: 0 0 40px 0;   
}

    .boxPost
    {
        overflow: hidden;
        border-bottom: 1px solid #eee;
        margin-right: 10%;
        width: 90%;
        max-width: 90%;
    }

        .contentPostDate, .contentPost
        {
            float: left;
            overflow: hidden;
        }
        
        .contentPostDate
        {
            width: 20%;
            font-size: 110%;
        }
        
        .contentPost
        {
            width: 80%;
        }
        
            .contentPost h2 a, .contentPost h2 a
            {
                font-size: 100%;
                text-decoration: none;
                line-height: 1em;
            }        

            
            
/****************************************/
/* rubriky */
/****************************************/            

.wrapBlogCategory, .boxBlogCategory
{
    overflow: hidden;
    float: none;
    width: 100%;
    max-width: 100%;
}

.wrapBlogCategory
{
    justify-content: center;
    
    padding: 30px;
    margin-bottom: 40px;
    background: var(--color-bg-grey-light);    
}

    .boxBlogCategory
    {
         border-bottom: 1px solid #eee;
         padding: 10px 0;
    }
    
    .boxBlogCategory:hover, .boxPost:hover
    {
         border-bottom:  1px solid #00b5e6; 
    }

    .boxBlogCategory h2
    {
        margin: 0;
        padding: 0;
    }  
    
    .boxBlogCategory h2 a, .boxBlogCategory a
    {
         font-size: 80%;
         text-decoration: none;
    }    
    
    .boxBlogCategory:hover a, .boxPost:hover a, .boxBlogCategory h2 a:hover, .boxBlogCategory a:hover
    {
        color: #00b5e6;
    }       

    
    
    
    
h1 + .wrapPost 
{
    margin-top: 60px;
}


.wrapInfoboxesAndBlog .contentPost h2 a
{
    font-size: 80%;
    text-decoration: underline;
}

.wrapInfoboxesAndBlog .contentPost h2 a:hover
{
    text-decoration: none;
}

.labelBlogCategories
{
    margin: 0 0 0 5%;
    font-weight: 400;
    border-bottom:  1px solid #004e77;   
    display: block;
    padding-bottom: 10px;
    color: #004e77;
}