/*
Theme Name: Twenty Fifteen Child
Theme URI: https://wordpress.org/themes/twentyfifteen/
Description: Twenty Fifteen Child Theme
Author: J-L 
URI: http: //example.com
Template: twentyfifteen
Version: 1.0
Text Domain: twentyfifteen-child
*/

body:before {
    width: 0 !important;
}

body {
    background: linear-gradient(45deg, #ffffe8 0%, #effcf5 100%);
}

.site-header {
    margin: 5% 0;
}

.sidebar {
    box-shadow: 2px 2px 12px 2px rgba(50, 50, 50, 0.15);
    min-height: 100vh;
    background-color: rgba(255, 255, 255, 0.95);
}

.site-footer {
    background: none;
    border: none;
    box-shadow: none;
    /* width: 100%; */
    /* margin-left: 22%; */
}

.site-info {
    text-align: center;
    box-shadow: 2px 2px 12px 2px rgba(50, 50, 50, 0.15);
    border-radius: 4px;
}

.membreConnecte {
    font-size: var(--wp--preset--font-size--small);
    text-align: center;
}

input {
    border-radius: 4px;
}

.page-title p {
    margin: 0
}





/**
* Menu
*/

.main-navigation {
    margin: 0 10% 15% !important;
}

@media screen and (min-width: 59.6875em) {
    .nav-menu li a {
        font-size: 18px;
        transition: all .2s ease-in-out;
    }

    .nav-menu li a:hover {
        padding-left: 5px;
        border-left: 5px solid rgba(51, 51, 51, 0.7);
    }
}

/**
* Trombinoscope
*/
.carteConteneur {
    display: flex;
    flex-flow: wrap;
    /* justify-content: space-around; */
    /* height: 100vh; */
    /* width: 100%; */
    /* margin: 0 -.5rem; */
}

.carteConteneur .carte {
    /* max-width: 340px; */
    /* min-width: 220px; */
    /* flex: 1; */
    flex: 0 0 32%;
    max-width: 31%;
    border-radius: 10px;
    border: 1px solid rgba(50, 50, 50, 0.25);
    box-shadow: 2px 2px 12px 2px rgba(50, 50, 50, 0.15);
    margin: 5px;
    padding: 10px;
}

h5.carteTitre {
    text-align: center;
    margin: 0 0 10px 0;
    font-weight: normal;
    text-transform: none;
}

.trombi {
    border-radius: 10px;
    margin: 0 0 10px 0;
    height: auto;
    width: 100%;
}

#recherche form {
    display: flex;
    align-items: flex-end;
}

#recherche form div {
    width: 48%;
    margin: 10px;
}




/**
* Article et Page
*
*/
article ul {
    list-style-position: inside;
}

article.post,
article.page {
    box-shadow: 2px 2px 12px 2px rgba(50, 50, 50, 0.15);
    border-radius: 4px 4px 14px 4px
}

article footer {
    border-radius: 0px 0px 14px 4px;
}

p {
    margin-bottom: 1em;
}

article.article .entry-content a:focus {
    border: none !important;
}

article.article .entry-content a {
    font-weight: bold;
    text-decoration: none !important;
    color: rgb(209, 118, 0) !important;
    border-bottom: 1px solid rgb(209, 118, 0);
}

article.article .entry-content a:hover {
    color: rgb(2, 133, 34) !important;
    border-bottom: 1px solid rgb(2, 133, 34);
    border-top: 1px solid rgb(2, 133, 34);
}


/**
 * Liste des Articles dans Catégorie
 */

article.categorieListeArticles {
    padding-top: 20px !important;
    margin-top: 40px !important;
}

article.categorieListeArticles .entry-content {
    padding-bottom: 20px !important;
}

article.categorieListeArticles a .entry-content {
    border: none !important;
    color: rgb(56, 32, 0) !important;
    font-size: 24px;
    font-weight: bold;
}

article.categorieListeArticles a:hover .entry-content {
    color: rgb(0, 109, 18) !important;
}

/**
 * 16.6 Desktop Large 1240px
 */

/* @media screen and (min-width: 77.5em) {

} */

/**
 * 16.4 Desktop Small 955px
 */

@media screen and (max-width: 59.6875em) {
    .sidebar {
        min-height: unset;
    }

    .site-header {
        margin: 0;
        padding: 0 4%;
    }

    .membreConnecte {
        display: none;
    }

    .custom-logo {
        max-height: 150px;
    }

    .site-footer {
        margin: 0;
        width: 100%;
    }

    .site-info {
        width: 100%;
        margin: 0;
        padding: 20px 0;
    }

    .main-navigation {
        margin-bottom: 0;
    }

    .secondary {
        margin: 0;
        padding: 0;
        box-shadow: none;
    }

    .secondary ul.nav-menu a {
        text-align: center;
        font-size: 2rem;
        padding: 0.4em 0
    }

    .carteConteneur .carte {
        flex: 0 0 50%;
        max-width: 47%;
    }

}

@media screen and (min-width: 59.6875em) {
    #page {
        max-width: 1600px;
    }

    .main-navigation {
        font-size: 1.6rem;
        margin: 0 16% 20%;
    }

    .custom-logo-link {
        display: block;
        width: auto;
        text-align: center;
    }

    .site-content,
    .site-footer {
        margin-left: 18%;
        width: 82%;
    }

    .sidebar {
        width: 18%;
    }
}

/** ********************

/**
 * 16.1 Mobile Large 620px
 */

@media screen and (max-width: 38.75em) {

    article.post,
    article.page {
        box-shadow: none;
        border-radius: 4px;
        margin: 5px 0;
    }

    article footer {
        border-radius: 0px 0px 4px 4px;
    }

    .site-info {
        box-shadow: none;
        border-radius: none;
        text-align: center;
    }

    .custom-logo {
        max-height: 104px;
    }

    .site-footer {
        margin: 0;
        padding: 10px 0 0 0;
    }



}

/** ********************