/**
Theme Name: Thème Enfant Astra
Author: Perceptiom
Author URI: https://perceptiom.com
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: theme-enfant-astra
Template: astra
*/

/*Rubriques comportant la classe bleu*/
.bleu {
    background-color:#246095;
    color:white;
}
.bleu-clair {
    background-color: #EBEEFF;
}
.emphasized, .emphasized h2 {
    background-color: #1F5280;
    color:white;
    box-shadow: #1f5280 0 0 30px;
    padding:30px;
}
.bleu-2, .bleu-2 h2 {
    background-color: #3794E6;
    color: white;
}
/**
* Prevent underline
*/

.entry-title a, .cat-links a, .nav-links a, .cat-item a, .ast-button, .astra-search-icon, .ast-custom-button-link, .comments-link a, .wp-block-latest-posts__list a {
    text-decoration: none;
  }

/*Articles Seuls*/
article h1 {
    color:black;
}
/*Justifier le texte*/
section .elementor-widget-text-editor p {
    text-align: justify;
}
/* Marge en dessous du titre */
.elementor-widget-heading h2.elementor-heading-title {
    padding-bottom: 0.8em;
}

/*Posts archive*/
.blog article:not(.ast-featured-post) img {
    height: 17rem;
    object-fit: cover;
}

/*Menu responsive*/
@media screen and (max-width:1285px) {
    .ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar-navigation #site-navigation {
        background-color:#246095;
        color:white;
    }
}


.bleu h2, .bleu h3, .bleu .elementor-counter-title, .bleu .elementor-counter-number, .bleu .elementor-counter-number-suffix {
    color:white;
}
.elementor-counter-title {
    line-height:1.2em!important;
}
/*Sections*/
section.elementor-section.elementor-top-section div.elementor-container{
    padding: 20px 0;
}
/*Gros titre dans partie 50/50*/
.gros-titre-50 h2 {
    font-size: 5em;
}
@media screen and (max-width:768px) {
    .gros-titre-50 h2 {
        font-size: 3em;
    }
}
/*Formes de séparation*/

.elementor-shape-top ~ .elementor-container div.elementor-row {
    padding-top: 20px;
}
/*Information fiches RNCP*/
@media screen and (max-width:400px) {
    .eael-tooltip .eael-tooltip-text.eael-tooltip-right {
        left: 60%!important;
    }
}
/****** PAGES ******/
/* La C3D */
.egaliser img {
    max-width: 280px;
    max-height: 150px;
    object-fit: cover;
}
.egaliser:hover img {
    transform: scale(1.1);
}

/*Qui sommes-nous*/
.elementor-64 .annee span {
    font-size: 10em;
}
/*Timeline*/
.tl-heading .tl-content div.be-desc {
    padding-left: 60px;
}
.tl-heading .tl-content div.be-desc .be-content {
    line-height: 15px;
}
.tl-heading .tl-content img.be-image {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 100%;
}
.timeline li .tl-circ {
    background: #246095;
}
ul.be-pack {
    margin-left:0;
}
/*Fin Timeline*/
/* responsive*/
@media screen and (max-width: 544px) {
    .elementor-64 annee span {
        font-size: 5em;
    }
    .annee span {
        font-size: 5em;
    }
	#cn-notice-buttons > a {
		margin: .5rem!important;
	}
}
/*Conseil administration*/
.people .psdt img {
    width: auto;
    height:auto;
    border-radius: 0;
}
.people img {
    max-width: 110px;
    max-height: 110px;
    object-fit: cover;
    border-radius: 100%;
}

.people .role {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: normal;
    margin: .5rem 0;
}


@media screen and (max-width: 768px) {
    .people img {
        width: 90px;
        height: 90px;
        object-fit: cover;
        border-radius: 100%;
    }
}
/* Les Membres*/
.elementor-66 .region span {
    text-transform: uppercase;
    font-size: 3em;
}
div.email-people {
    line-height: 1.1em;
    padding-top:1em;
}
/*responsive*/
@media screen and (max-width:400px) {
    .elementor-66 .region span{
        font-size: 1.8em;
    }
} 

/*Ufr et départements STAPS*/
.annuaire a[href="#"] {
    background-color: gray;
    pointer-events: none;
}
/*Formations*/
.step h3 {
    color:#54595F;
    font-size:3em;
    font-weight: 600;
    line-height: 1.2em;
}
.step-sub h4 {
    color:#BFBFBF;
    font-size: 1.6em;
    font-weight:300;
    
}
button a {
    color:white;
}
button:hover a {
    color:rgba(255, 255, 255, 0.521);
}
button:hover {
    background-color: rgba(53,169,242,0.5);
}
/*Référentiel des formations*/
.partie h2 {
    font-size: 2.8em;
}
.partie h3 {
    font-size:2.4em;
}
@media screen and (max-width:400px){
    .partie h2 {
        font-size: 2em;
    }
    .partie h3 {
        font-size: 1.7em;
    }
}
/*Images article landing page*/
/*Crop images article landing page*/
.elementor-row .eael-post-grid-container article img {
    height: 180px;
    object-fit: cover;
}

/*Affichage des articles*/
article:not(.ast-featured-post) h2.entry-title {
    font-size: 25px;
}
/*Affichage icones partage réseaux sociaux sans background */
.elementor-social-icon-twitter, .elementor-social-icon-facebook, .elementor-social-icon-linkedin-in {
    background: none!important;
}
/*Formulaire de contact*/

@media screen and (min-width: 500px) {
    div.container-contact-accueil {
        display:grid;
        grid-gap: 5px 10px;
        grid-template-columns: auto auto;
        grid-template-rows: auto auto auto auto;
        grid-template-areas: "nom    message"
        "prenom       message"
        "email     message"
        "envoyer   envoyer";
    }
}
@media screen and (max-width: 500px) {
    div.container-contact-accueil {
        display:grid;
        grid-gap: 5px 10px;
        grid-template-columns: auto;
        grid-template-rows: auto auto auto auto auto auto;
        grid-template-areas: "prenom"
        "nom" 
        "email"
        "message"     
        "message"   
        "envoyer";
    }
}
div.container-contact-accueil div.column1-row1 {
    grid-area: prenom;
}
div.container-contact-accueil div.column1-row2 {
    grid-area: nom;
}
div.container-contact-accueil div.column1-row3 {
    grid-area: email;
}
div.container-contact-accueil div.column2-row2to3 {
    grid-area: message;
}
div.container-contact-accueil div.column2-row4 {
    grid-area: envoyer;
    text-align: center;
}
.wpcf7 textarea {
    max-height: 200px;
}
/*Fin formulaire de contact*/

/*Accueil - Liste des articles */
.eael-grid-post .eael-entry-thumbnail > img {
  height: 10rem;
}



/*GSAP*/
/*.eael-post-grid .eael-grid-post, .display-elements-on-scroll .elementor-container > .elementor-element, .animation-from-bottom, .blog .ast-article-post, .emphasized, header h1, .elementor-widget-button a.elementor-button {
    visibility: hidden;
}*/

/* On Elementor Usage */
/*.elementor-editor-active .eael-post-grid .eael-grid-post, .elementor-editor-active .display-elements-on-scroll .elementor-container > .elementor-element, .elementor-editor-active .animation-from-bottom, .elementor-editor-active .blog .ast-article-post, .elementor-editor-active .emphasized, .elementor-editor-active header h1, .elementor-editor-active .elementor-widget-button a.elementor-button {
    visibility: visible;
    transform: unset;
}*/

/*Settings*/
/*.eael-post-grid .eael-grid-post {
    transform: translateY(-1rem);
}
.display-elements-on-scroll .elementor-container > .elementor-element {
    transform: translateX(-1rem);
}

.animation-from-bottom, .blog .ast-article-post {
    transform: translateY(-2rem);
}
.emphasized {
    transform: scale(80%) translateY(-3rem);
}

header h1 {
    transform: translateX(3rem);
}

.elementor-widget-button a.elementor-button {
    transform: translateX(1.5rem);
}

footer .elementor-widget-button a.elementor-button {
    visibility: visible;
    transform: unset;
}*/

/** Débouchés STAPS - Témoignages **/

.debouche-staps {
    border-radius: 20px!important;
    padding: 2em!important;
}

.debouche-staps-text {
    padding:0;
    justify-content: center;
}

.debouche-staps-card {
    padding:0;
}

.debouche-staps-card .elementor-cta--skin-classic .elementor-cta__content {
    background: #35a9f2;
    border-radius: 20px;
    
}

.debouche-staps-card .elementor-cta--skin-classic .elementor-cta__content  .elementor-cta__title {
    font-size: initial;
    font-weight: 700;
    color: #ececec;
    text-align: left;
    line-height: 1.5;
}

.debouche-staps-card .elementor-cta--skin-classic .elementor-cta__content  .elementor-cta__description {
    color: #ececec;
    text-align: left;
    line-height: 1.5;
}

.debouche-staps-card .elementor-cta--skin-classic::after {
    content: url(https://c3d-staps.fr/wp-content/themes/astra-child/assets/double-quotes.svg);
    position: absolute;
    top: -2.5rem;
    right: 2rem;
    z-index: 1;
    width: 5rem;
}