/*
 * Theme Name: entrecieletpierres2
 *
 * Layout: Content-Sidebar
 *
 * Learn more: https://developer.wordpress.org/themes/basics/template-files/
*/

.site-content {
    display: table;
    table-layout: fixed;
    width:100%;
}

.single .site-content,
.page .site-content, 
.search .site-content,
.category .site-content
{ 
    background: #fff; 
    background: hsl(0, 0%, 100%);
}

.site-content .content-area {
    display: table-cell;
    box-sizing: border-box;
    width:80%;
    vertical-align: top;
    background: #fff;
}

.site-content .widget-area {
    display: table-cell;
    box-sizing: border-box;
    /*border: solid 5px black;*/
    padding: 2rem;
    width:20%;
    font-size:1rem;
    vertical-align: top;
    background: #f7f3d8;
    border-left: 1px solid #ccc;
    /*box-shadow:2px 0px 10px 3px #b78b66 inset;*/
    /*box-shadow:inset 4px 4px 32px 0px rgba(0,0,0,0.5);*/
}
.site-footer {
    width: 100%;
}

.index-box {
    padding: 1rem 2rem;
    margin: 0 4rem 2rem 4rem;
    background: #fff;
    background: hsl(0, 0%, 100%);   
    box-shadow:0px 3px 10px 2px #ccc;
}

.index-box-thumbnail {
    padding: 2rem 2rem 1rem 2rem;
    margin: -2rem .5rem 2rem .5rem;
    background: #fff;
    background: hsl(0, 0%, 100%);
    box-shadow:0px 3px 10px 2px #ccc;
}

.entry-header,
.entry-content,
.entry-footer,
.entry-summary,
.tag-links,
.post-navigation,
.comments-area,
.paging-navigation { 
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding:0 2rem;
}

.page-header {
    margin: 0 4rem;
    padding: 1rem 0;
}

.entry-meta {
    padding:0;
    margin:-10px 0 0 0;
}


@media screen and (max-width: 1150px) {
    .site-content {
        display:block;
        box-sizing: border-box;
    }
    
    .site-content .content-area {
        display:block;
        box-sizing: border-box;
        width:auto;
    }
    
    .site-content .widget-area {
        display: block;
        box-sizing: border-box;
        width:auto;
        margin: 10px auto 0;
        border-top: 1px solid #aaa;
        box-shadow: none;
    }
    
    .entry-header,
    .entry-content,
    .entry-footer,
    .entry-summary,
    .tag-links,
    .post-navigation,
    .comments-area,
    .paging-navigation,
    .index-box  { 
        padding: 0.5rem 4rem 0.5rem 2rem;
        margin: 1rem 2rem 1rem 2rem;
    }
    
    .page-header {
        /*padding-left:8rem;*/
    }
    
}

@media screen and (max-width: 800px) {
    .site-content .widget-area {
        width:100%;
        max-width:100%;
    }
    .entry-header,
    .entry-content,
    .entry-footer,
    .entry-summary,
    .tag-links,
    .post-navigation,
    .comments-area,
    .paging-navigation,
    .index-box  { 
        padding: 1rem 1rem 1rem 1rem;
        margin: 1rem 0rem 1rem 0rem;
    }
    
    .page-header {
        /*padding-left: 2rem;*/
    }
}

@media screen and (max-width: 320px) {
    .entry-header,
    .entry-content,
    .entry-footer,
    .entry-summary,
    .tag-links,
    .post-navigation,
    .comments-area,
    .paging-navigation,
    .index-box   { 
        padding: 0.5rem 0.5rem 0.5rem 0.5rem;
        margin: 0.5rem 0rem 0.5rem 0rem;
   } 
    .page-header {
        margin-left: 0rem;
    }
}