/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/
Description: Child theme for Astra, A very lightweight and beautiful theme made to work with Page Builders.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/*****************************************/
/* General                               */
/*****************************************/

@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;800;900&display=swap');

body {
    background: white;
}

.ast-separate-container {
    background: white;
}

.arp-small {
    display: none;
}

/*****************************************/
/* Header                                */
/*****************************************/
#masthead .site-branding {
    display: none;
}

#masthead .main-header-bar {
    padding: 0;
    border-bottom-width: 0;
    line-height: 4.5em;
}

/*****************************************/
/* Menu LP                               */
/*****************************************/
#masthead .ast-main-header-bar-alignment {
    position: absolute;
    left: 0;
    right: 0;
    top: 12.5vh;
}

.page-child #masthead .ast-main-header-bar-alignment, .archive #masthead .ast-main-header-bar-alignment {
    top: 8.5vh;
}


#masthead .main-header-bar-navigation {
	background-color: #ffe63c;
    font-size: 1.5em;
}

#masthead .main-header-bar-navigation .main-header-menu .menu-item {
    padding: 0 1em;
}

#masthead .main-header-bar-navigation .main-header-menu .menu-item:hover {
    background-color: #DACB1E;
    color: #1C221E;
}

#masthead .main-header-bar-navigation .main-header-menu .menu-item:hover > .menu-link {
    color: #1C221E;
}

#masthead .ast-container {
    padding: 0;
}

#masthead .main-header-bar .main-header-bar-navigation .menu-item-has-children > .menu-link::after {
    content: '';
}

/*****************************************/
/* Menu Archive                          */
/*****************************************/
/*
.ara-header-menu-top #masthead .ast-main-header-bar-alignment {
    top: 5vh;
}

.ara-header-menu-top #masthead .main-header-bar-navigation {
	background-color: transparent;
}

.ara-header-menu-top #masthead .main-header-bar-navigation .main-header-menu .menu-item {
    font-weight: bolder;
}

.ara-header-menu-top #masthead .main-header-bar-navigation .main-header-menu .menu-item:hover {
    background-color: black;
    color: white;
}

.ara-header-menu-top #masthead .main-header-bar-navigation .main-header-menu .menu-item:hover > .menu-link {
    color: white;
}

.ara-header-menu-top #masthead .main-header-bar {
    line-height: 3em;
}

.ara-header-menu-top #content .ast-container #primary {
    top: 0;
}

.ara-header-menu-top #content .ast-container .ast-archive-description {
    top: 5vh;
    padding: 0 0 5em 0;
    position: relative;
    z-index: 200;
}
*/
/*****************************************/
/* Content LP                            */
/*****************************************/

#content .ast-container {
    max-width: 100%;
    padding: 0;
}

#content .ast-container #primary {
    margin: 0;
}

#content .ast-container #primary .ara-lp-image-background {
    position: fixed;
    right: 0;
    top: 5vh;
}

#content .ast-container #primary .ara-lp-image-background img {
    height: 90vh;
    width: auto;
    max-width: initial;
    //filter: grayscale(100%);
}

#content .ast-container #primary .ara-lp-description {
    position: absolute;
    z-index: 50;
    top: 12.5vh;
    top: calc(12.5vh + 4.45em);
    left: 10%;
    width: 60%;
    padding: 20vh 2em 5em 2em;
}

#content .ast-container #primary .ara-lp-description-background {
    position: absolute;
    height: 100%;
    width: 50%;
    background: white;
    padding: 0;
    top: 0;
    left: 0;
    height: 100%;
}

#content .ast-container #primary .ara-lp-description-background .wp-block-group__inner-container {
    position: absolute;
    top: 95%;
    top: calc(100% - 60px);
    left: 95%;
    left: calc(100% - 30px);
    width: 120px;
    height: auto;
}

#content .ast-container #primary .ara-lp-description .wp-block-image img {
    width: 100%;
}

/*
#content .ast-container #primary .ara-lp-description p {
    max-width: 45%;
    font-size: 2.5vh;
    line-height: 1.3;
    padding-top: 1.5em;
    color: black;
}
*/

#content .ast-container #primary .ara-lp-description p {
    max-width: 42%;
    font-size: 2.5vh;
    line-height: 1.3;
    padding-top: 1.5em;
    color: black;
    text-align: justify;
}

#content .ast-container #primary .ara-lp-description p, #content .ast-container #primary .ara-lp-description figure { 
    position: relative;
    z-index: 5;
}


/*****************************************/
/* Footer                                */
/*****************************************/

.site-footer {
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    transform: translateX(-50%);
}

.single-post .site-footer, .archive .site-footer  {
    position: relative;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12.5vh;
    margin-top: calc(8.5vh + 6em);
    left: 0;
    transform: none;
    text-align: center;
}


.site-footer .ast-footer-overlay {
    padding: 0.5em;
}


/*****************************************/
/* Qui suis-je?                          */
/*****************************************/
#content .ast-container #primary .ara-lp-image-background.ara-background-fullscreen {
    top: 0;
}

#content .ast-container #primary .ara-lp-image-background.ara-background-fullscreen img {
    height: 100vh;
    width: 100vw;
}

.ara-qui-text, .ara-page-secondary {
    position: absolute;
    top: calc(8.5vh + 4.45em);
    z-index: 5;
    background: white;
    padding: 3em 5em;
    max-width: 70%;
    left: 10%;
}

.ara-qui-text h2, .ara-page-secondary h2 {
    text-transform: none;
    margin-bottom: 2em;
}

.ara-qui-text p, .ara-page-secondary p {
    font-size: 1.2em;
    margin-bottom: 1em;
}


.ara-text-wide {
    width: 60vw;
    padding-bottom: 6em;
}

.ara-text-wide p, .ara-text-wide ul {
        font-size: 1.6em;
    }
    
.ara-text-wide h3 {
    font-size: 1.6em;
    text-transform: none;
    padding-top: 0.5em;
}

.ara-qui-portrait {
    width: 250px;
    float: right;
    padding: 0 0 1em 2em;
}

/*****************************************/
/* Vos projets                           */
/*****************************************/
.ara-projets-text h3 {
    font-size: 1.3rem;
}

.ara-projets-text li {
    font-size: 1.2rem;
}

.ara-projets-text p {
    font-size: 1.2rem;
}


/*****************************************/
/* Category list                         */
/*****************************************/
.ara-archive-main {
    background-color: white;
    top: 8.5vh;
    top: calc(8.5vh + 4.45em);
    max-width: 80%;
    left: 10%;
}

.ara-archive-main .ast-archive-description .ast-archive-title {
    font-size: 2rem;
}

.ara-archive-main article .post-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ara-archive-main article.ast-article-post {
    padding: 3em 0;
}

.ara-archive-main article .post-content .ast-blog-featured-section.post-thumb {
    width: 30%;
    float: right;
    margin-bottom: 0;
    order: 3;
}

.ara-archive-main article .post-content .entry-header {
    width: 30%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20%;
    padding: 2em;
    background: #ffe63c;
    z-index: 2;
}

.ara-archive-main article .post-content .entry-header .entry-title {
    font-size: 1.8em;
}

.ara-archive-main article .post-content .entry-content {    
    width: 40%;
    font-size: 1.2em;
    order: 1;
}

.ara-archive-main article .post-content .entry-content a {   
    color: black;
    background: #ffe63c;
    padding: 0.5em;
}

.ara-archive-main .ast-archive-description {
    background-color: transparent;
    padding: 4em 0 0 0;
}

.ara-archive-main .page-title {
    color: black;
}

.ara-archive-main .entry-meta {
    display: none;
}

.ara-archive-main p.read-more {
    display: none;
}

/*****************************************/
/* Single post                           */
/*****************************************/
.ara-header-menu-top #content .ast-container #primary.ara-post-main {
    background-color: white;
    top: 12.5vh;
    top: calc(12.5vh);
    max-width: 1024px;
    left: 10%;
    width: 80%;
}

#content .ast-container #primary.ara-post-main {
    background-color: white;
    top: 12.5vh;
    top: calc(12.5vh);
    max-width: 1024px;
    left: 10%;
}

#content .ast-container #primary.ara-post-main .entry-meta {
    display: none;
}

.navigation.post-navigation .nav-links a {
    background-color: #ffe63c;
    padding: 1em;
}

/*****************************************/
/* Responsive                            */
/*****************************************/
@media (max-width: 1300px) {
    body {
        font-size: 0.8em;
    }
}

@media (max-width: 1024px) {
    #content .ast-container #primary .ara-lp-description p {
        font-size: 1.5em;
    }

    #content .ast-container #primary .ara-lp-description {
        width: 90%;
        left: 5%;
    }
}

@media (max-height: 864px) and (min-width: 1301px) {
    body {
        font-size: 0.8em;
    }
}


@media (max-width: 700px) {
   
    .arp-large {
        display: none;
    }

    .arp-small {
        display: initial;
    }

    .ara-header-menu-top #content .ast-container .ast-archive-description {
        z-index: 1;
    }

    #masthead .main-header-bar {
        background: transparent;
    }

    #content .ast-container #primary .ara-lp-image-background {
        top: 0;
    }

    #content .ast-container #primary .ara-lp-image-background img {
        height: 100vh;
    }

    .ara-header-menu-top #masthead .ast-main-header-bar-alignment {
        top: 5vh;
    }

    .ara-header-menu-top .ast-mobile-menu-buttons {
        position: relative;
        left: 5%;
    }

    .ara-header-menu-top .ast-mobile-menu-buttons .ast-button-wrap {
        padding: 0;
    }

    .ast-mobile-menu-buttons .ast-button-wrap {
        padding: 0 1rem 1rem 1rem;
        z-index: 9000;
    }
    
    .ast-button-wrap .menu-toggle {
        font-size: 2.5em;
        
    }

    #masthead .ast-main-header-bar-alignment {
        top: 0;
        height: auto;
    }

    .ara-header-menu-top #masthead .ast-main-header-bar-alignment {
        top: 0;
    }
    
    #masthead .main-header-bar-navigation {
        padding-top: 6rem;
        width: 100%;
        margin: 0;
        background-color: rgba(1,1,1,0.5);
    }

    .ara-header-menu-top #masthead .main-header-bar-navigation {
        background-color: rgba(1,1,1,0.5);
    }

    #content .ast-container #primary .ara-lp-description {
        top: 2em;
    }

    #content .ast-container #primary .ara-lp-description-background {
        width: 100%;
    }

    #content .ast-container #primary .ara-lp-description p {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    #content .ast-container #primary .ara-lp-description {
        padding-top: 5em;
        width: auto;
        left: 1rem;
        right: 1rem;
    }

    #content .ast-container #primary .ara-lp-description figure.ara-lp-image-title.arp-small {
        width: 100%;
        display: block;
        text-align: center;
    }

    #content .ast-container #primary .ara-lp-description .wp-block-image img {
        width: 70%;
        margin: 0 auto;
    }

    .ara-qui-text, .ara-page-secondary {
        max-width: 90%;
        left: 5%;
        top: 1em;
    }
    
    .ara-qui-portrait {
        float: none;
        padding: 1em 1em 4em;
        margin: 0 auto;
    }
}


@media (max-width: 480px) {
    #content .ast-container #primary .ara-lp-description p {
        max-width: 90%;
    }
    #content .ast-container #primary .ara-lp-description .wp-block-image img {
        width: 80%;
    }
    .ara-qui-portrait {
        //width: 80%;
    }    
}



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

@media (max-width: 1450px) {
    .ara-archive-main article .post-content .ast-blog-featured-section.post-thumb {
        width: 35%;
    }
}

@media (max-width: 1250px) {
    .ara-archive-main article .post-content .ast-blog-featured-section.post-thumb {
        width: 40%;
    }
}

@media (max-width: 1250px) {
    .ara-qui-portrait {
        width: 200px;
    }
}

@media (max-width: 1150px) {
    .ara-archive-main article .post-content .ast-blog-featured-section.post-thumb {
        width: 45%;
    }

    .ara-archive-main article .post-content .entry-header .entry-title {
        font-size: 1.4em;
    }
    
    .ara-archive-main article .post-content .entry-content {    
        font-size: 1.2em;
    }
}

@media (max-width: 1000px) {
    .ara-archive-main {
        max-width: 90%;
        left: 5%;
    }
}

@media (max-width: 700px) {
    .ast-separate-container #primary.ara-archive-main {
        padding-top: 1em;
    }

    .ara-archive-main article .post-content {
        flex-direction: column;
        align-items: stretch;
    }
    
    .ara-archive-main {
        top: 2em;
    }

    .ara-archive-main article .post-content .ast-blog-featured-section.post-thumb {
        order: 1;
    }

    .ara-archive-main article .post-content .ast-blog-featured-section.post-thumb,
    .ara-archive-main article .post-content .ast-blog-featured-section.post-thumb img {
        width: 100%;
    }

    .ara-archive-main article .post-content .entry-header {
        order: 2;
        width: 100%;
        position: relative;
        top: auto;
        transform: none;
        right: auto;
    }

    .ara-archive-main article .post-content .entry-content {
        order: 3;
        width: 100%;
    }

    .ara-qui-text, .ara-page-secondary {
        padding-left: 1.5em;
        padding-right: 1.5em;
        font-size: 1.2em;
    }

    .ara-text-wide {
        width: 95vw;
    }
   
}