/*
 Theme Name:     Paiedagogie
 Theme URI:      https://www.paiedagogie.
 Description:    Theme de l'entreprise Paiedagogie - Entreprise de formation aux ressources humaines
 Author:         Flexitime Office
 Template:       Divi
 Version:        1.0.0
*/
/* CSS ADDITIONNEL
------------------------------------------------------- */
:root {
	/*--rouge:#A80032;*/
    --rouge:#9a0c42;
	--noir:#08090A;
	--blanc:#ffffff;
	--grisclair:#F4F7F5;
	--grismoyen:#A7A2A9;
	--grisfonce:#181C1F;
	--fill-hover: fill 200ms ease-in-out, color 200ms ease-in-out;
}

.nav li ul {border-top: 3px solid var(--rouge)!important;}

#et-secondary-menu>ul>li>a svg, ul.et_mobile_menu a svg {
    fill: var(--blanc)!important;    
    width: 15px!important;
    -webkit-transition: var(--fill-hover)!important;
    transition: var(--fill-hover)!important;
}

.nf-form-content input:not([type=button]), .nf-form-content textarea {
    background: transparent!important;
    border-color: rgba(0,0,0,0.05)!important;
    border-bottom-width: 1px!important;
    border-top-width: 0px!important;
    border-right-width: 0px!important;
    border-left-width: 0px!important;
    border-radius: 0;
    box-shadow: none;
    color: #787878;
    transition: all .5s;
}

.nf-form-fields-required {
    display: none!important;
}

.nf-form-content input[type=button] {
    color: #afafaf!important;
    border: 1px solid var(--rouge)!important;
    border-radius: 0px!important;
    letter-spacing: 2px!important;
    font-size: 15px!important;
    font-family: 'Abel',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: rgba(0,0,0,0)!important;
    padding-top: 14px!important;
    padding-right: 24px!important;
    padding-bottom: 14px!important;
    padding-left: 24px!important;
}

.nf-form-content label {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 400!important;
}

.overlay:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, var(--blanc), var(--blanc));
    opacity: .7;
}

.et_pb_image .et_pb_image_wrap, .et_pb_image .et_pb_image_wrap img {width: 100%!important;}

.footer .liens {
    display: flex;
    align-items: center;
}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
    .footer .liens .et_pb_text_inner{
        display: flex;
        align-items: center;
        flex-direction: column!important;
    } 
    .footer .liens {
        display: flex;
        align-items: center;
        justify-content: center!important;
    }
    .colonnesinversees {
        display: flex;
        flex-direction: column-reverse;
    }

}