/*
 Theme Name:   Twenty Nineteen Child
 Theme URI:    http://recherchecontributive.org/
 Description:  Twenty Nineteen Child Theme
 Author:       I.R.I.
 Author URI:   http://www.iri.centrepompidou.fr
 Template:     twentynineteen
 Version:      1.0.0
 License:      CeCILL-C
 License URI:  http://www.cecill.info/licences/Licence_CeCILL-C_V1-en.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentynenieteenchild
*/


/* TITLE */
.site-title a {
    display: block;
    font-size: 2.5em;
    text-align: center;
    padding-bottom: .2em;
}

/* DESCRIPTION */
.site-description {
    display: block;
    font-size: 1em;
    color: black;
    text-align: center;
    padding-bottom: 1em;
}

/* MENU */
body.page .main-navigation {
    display: flex;
    justify-content: center;
}

.featured-image .main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
    color: white;
}

.main-navigation {
    display: flex;
    justify-content: center;
}

.main-navigation .menu-menu-container {
    display: flex;
    justify-content: center;
}

.menu-menu-container .main-menu > li > a {
    flex: 1 100%;
    font-size: .75em;
    font-weight: 600;
    color: black;
}

.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
    color: black;
}

.main-navigation .sub-menu {
    background-color: black;
    font-size: .75em;
}

/* HOME POSTS */
.content-area, .site-main {
    display: flex;
    flex-flow: row wrap;
    Justify-content: flex-start;
    align-items: baseline;
}

body.home .entry {
    margin: 0;
    flex: 1 25%;
    max-width: 25%;
    /* border: 0.5px solid; */
}

@media only screen and (max-width: 768px) {
    body.home .entry {
        margin: 0;
        flex: 1 100%;
        max-width: 100%;
    }
}


.entry .post-thumbnail {
    margin: 1rem calc(10% + 10px);
}

.hfeed .entry .entry-header {
    margin: calc(3 * 1rem) calc(10% + 10px) calc(1rem / 2);
}

.site-title:not(:empty) + .site-description:not(:empty)::before {
    content: "";
    margin: 0 .1em;
}

.entry-title {
    font-size: .7em;
    line-height: 1.2;
}

.entry .entry-title::before {
    display: none;
}

.entry .post-thumbnail .post-thumbnail-inner {
    display: flex;
    justify-content: space-around;
}

.entry .post-thumbnail .post-thumbnail-inner img {
    position: relative;
}

.image-filters-enabled .entry .post-thumbnail:before {
    background: transparent;
}

.image-filters-enabled .entry .post-thumbnail:after {
    background: transparent;
}

.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
    filter: grayscale(2%);

}

.entry-footer {
    font-size: .5em;
}

/*POST DETAIL*/
.image-filters-enabled .site-header.featured-image .site-featured-image::before {
    background: black;
    mix-blend-mode: darken;
    opacity: 0.9;
}

.post-thumbnail {
    display: none;
}

.site-header.featured-image {
    min-height: 25vh;
    margin-bottom: 0;
}

.featured-image {
    display: flex;
    justify-content: center;
}

.featured-image > * {
    display: flex;
    justify-content: center;
    flex: 1 100%;
}

.featured-image .entry-header {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
}

.featured-image .entry-header > * {
    display: flex;
    justify-content: center;
    flex: 1 100%;
}

.featured-image .entry-title::before {
    display: none;
}

.featured-image .entry-title {
    font-size: 2em;
}

.site-content .entry-content {
    max-width: 100%;
    margin: 0 5%;
    padding: 0;
}

/*PAGE DETAIL*/
.content-area h1.entry-title {
    display: none;
}

h2::before {
    display: none;
}

/*WIDGETS*/
.widget-title {
font-size: .95em;
}

.widget_recent_entries ul li {
    line-height: 1;
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.widget a {
    font-size: .50em;
    font-weight: 400;
}

.entry .entry-content > *, .entry .entry-summary > * {
    max-width: 100%;
    text-align: left;
}

.post-navigation .nav-links a .post-title {

    hyphens: auto;
    font-size: .6em;
    line-height: .5;

}

/*FOOTER + WIDGETS */
#colophon .widget-column {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    #colophon .widget-column {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
}

#colophon .widget-column .widget {
    margin-right: calc(3 * 1rem);
    width: calc(25% - (3 * 1rem));
    flex: 1 100%;
}

#colophon .widget-area, #colophon .site-info {
    margin: calc(3 * 1rem) calc(5% + 0px);
}

.logo-footer {
    margin: 1.5em;
}