/*

 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);

}

.site-partners > * {

    margin: 1.5em;

}