/*
Theme Name: La Com Peps
Description: Thème enfant pour lacompeps.fr
Author: Marine de La Com Peps
Template: Divi
*/



/* SURECART 
-------------------------------------------------------------------*/

/* Résoud le bug qui n'affiche pas les listes à puce */
sc-prose ul {
    list-style: initial;
    margin-left: 14px;
}

/* COURSE GRID 
-------------------------------------------------------------------*/

/* aligne les contenus verticaux dans les colonnes */
.pa-vertical-align {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

/* augmente la largeur des menus déroulants */
.pa-main-menu li li a {
   width: 240px;
}

/* tag prix */
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price {
   text-shadow: none;
   padding: 8px 12px;
   border-radius: 6px 6px 6px 0;
   background: #EF6A35;
}

/* tag cours suivi */
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled {
   background: #EF6A35;
}

.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled:before {
   border-top: 4px solid #EF6A35;
   border-right: 4px solid #EF6A35;
}

/* ombre des tags */
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price,
.ld-course-list-items .ld_course_grid .thumbnail.course .ld_course_grid_price.ribbon-enrolled {
   box-shadow: 0 1px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0 1px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 6px 20px 4px rgba(0, 0, 0, 0.1);
}

/* image à la une */
#ld_course_list .thumbnail {
   border: none!important;
   border-radius: 6px;
}

/* éléments */
.ld-course-list-items .ld_course_grid .thumbnail.course {
   border-radius: 6px;
}

/* ajout d'une marge interne */
#ld_course_list .thumbnail .caption,
.ld-course-list-items .ld_course_grid .thumbnail .caption {
   padding: 24px!important;
   color: #666666;
}

/* suppression de certaines bordures */
.ld-course-list-items .ld_course_grid .thumbnail.course {
   border: none!important;
}

/* miniatures */
.thumbnail.course img {
   border-radius: 6px 6px 0 0;
}

/* boutons */
#ld_course_list .caption .btn,
.ld-course-list-items .ld_course_grid .ld_course_grid_button a {
   margin-top: 20px;
   padding: 14px;
   font-size: 16px;
   font-weight: bold;
   border: 2px solid #EF6A35;
   border-radius: 50px;
   background: #EF6A35;
}

/* boutons (survol) */
#ld_course_list .caption .btn:hover,
.ld-course-list-items .ld_course_grid .ld_course_grid_button a:hover {
   border: 2px solid #EF6A35;
   color: #EF6A35!important;
   background: transparent;
   transition: all .3s ease;
}

/* barre de progression */
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage {
   height: 20px;
}
.ld-progress .ld-progress-bar .ld-progress-bar-percentage {display:none!important;}

/* suppression des espaces */
.ld-course-list-items .ld_course_grid .thumbnail .caption p {
   margin: 0!important;
   padding-bottom: 0!important;
}

/* pagination */
.ld-course-list-items .ld_course_grid .thumbnail .caption {
   text-align: left;
}

/* augmentation de la marge sous la grille de cours */ 
.ld-course-list-items .ld_course_grid {
   margin-bottom: 40px;
}

/* ajout d'espaces entre les éléments de la grille de cours */
.ld-course-list-items .col-md-4,
.ld-course-list-items .col-sm-8 {
   padding-right: 20px;
   padding-left: 20px;
}

/* aligne au centre la pagination */
.learndash-pager .learndash-pager-course_list {
   text-align: center!important;
}

/* mise en forme de la pagination */
.learndash-pager {
   font-size: 18px;
   font-weight: bold;
   background-color: #ffffff;
   padding: 6px 18px;
   border-radius: 6px;
   color: #EF6A35;
   text-transform: capitalize;
}

.learndash-pager a {
   font-size: 22px;
   color: #ffffff;
   line-height: 2.5em;
   background: #EF6A35;
   border-radius: 50px;
   padding: 0 22px 4px;
}

/* cache la navigation "retour à la première et dernière page" */
span.pager-left a:first-of-type {
   display: none;
}

/* style de la pagination au passage de la souris */
span.pager-left a:hover,
span.pager-right a:hover {
   background: #EF6A35;
}

/* modifie les espaces de pagination */
span.pagedisplay {
   margin: 0 20px;
}

/* désactive le fait que la pagination soit de la même couleur */
.learndash-pager a.disabled {
   opacity: 1;
}

/* style du choix de la catégorie de cours */
input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input.text,
input.title,
textarea,
select {
   padding: 8px;
   font-size: 16px;
   font-weight: 500;
   border: 2px solid #EF6A35;
   border-radius: 6px;
   color: #EF6A35;
   background-color: #fff;
}

/* rend les éléments de la grille de cours à hauteur égale */

.ld-course-list-items div.ld_course_grid .thumbnail.course,
.ld_course_grid .thumbnail,
#et-boc .ld_course_grid .thumbnail,
.entry-content div.ld_course_grid .thumbnail {
   display: flex !important;
   flex-direction: column;
   min-height: 100%;
}

/* les éléments de la grille alignés à hauteur égale */
.ld-course-list-items div.ld_course_grid .thumbnail.course .caption,
.ld_course_grid .thumbnail .caption,
#et-boc .ld_course_grid .thumbnail .caption,
.entry-content div.ld_course_grid .thumbnail .caption {
   position: relative;
   flex: 1;
   display: flex;
   flex-direction: column;
}

/* garde le bouton en bas de la grille de cours */
.ld-course-list-items div.ld_course_grid .thumbnail.course .caption .ld_course_grid_button,
.ld_course_grid .thumbnail .caption .ld_course_grid_button,
#et-boc .ld_course_grid .thumbnail .caption .ld_course_grid_button,
.entry-content div.ld_course_grid .thumbnail .caption .ld_course_grid_button {
   margin-top: auto !important;
}


/* LEARNDASH - PAGE DE COURS
-------------------------------------------------------------------*/

/* cache les données meta (auteur, commentaires, etc.) */
.single-sfwd-courses .post-meta,
.single-sfwd-lessons .post-meta,
.single-sfwd-topic .post-meta,
.single-sfwd-quiz .post-meta,
.single-sfwd-assignment .post-meta {
	display: none;
}

/* barre de progression */
.single-sfwd-courses .learndash-wrapper .ld-course-status.ld-course-status-enrolled {
   background-color: #FFB294;
   border-radius: 6px;
   padding: 1em;
   margin: 20px 0;
}

/* statut */
.single-sfwd-courses .learndash-wrapper .ld-status {
   border-radius: 50px;
   line-height: 1.8em;
}

/* barre de progression du cours */
.single-sfwd-courses .learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage,
.learndash-wrapper .ld-progress .ld-progress-bar {
   height: 20px;
   border-radius: 15px;
}
.ld-progress-bar {display:none!important;}
.ld-progress {display:none!important;}
.ld-progress-bar-percentage {display:none!important;}

/* boîte pour les personnes connectées ou non inscrites */
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
   background: #FFD690;
}

/* LEARNDASH - PAGE PROFILE
-------------------------------------------------------------------*/

/* taille des photos de profile*/
.learndash-wrapper .ld-profile-summary .ld-profile-card .ld-profile-avatar {
   width: 96px;
   height: 96px;
   margin-bottom: 20px;
}

/* lignes verticales sur les statistiques de profile */
.learndash-wrapper .ld-profile-summary .ld-profile-stats .ld-profile-stat {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 150px;
   flex: 0 0 150px;
   border-right: 2px solid #FFB294;
}

/* LEARNDASH - MODE FOCUS
-------------------------------------------------------------------*/

/* profile */
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-text {
   margin-left: .5em;
   text-transform: capitalize;
   font-size: 95%;
   color: inherit;
   line-height: 1.3;
}

/* ajuste les styles du menu déroulant */
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a {
   background: transparent;
   border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
   padding: .6875em 1em;
   font-size: 95%;
   font-weight: normal;
}

/* coins arrondis du menu déroulant */
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:first-of-type {
   border-radius: 6px 6px 0 0;
}

/* supprime le fond au menu déroulant au passage de la souris */
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-user-menu-items a:hover {
   opacity: 1;
   background: rgba(0, 0, 0, .05);
}

/* hauteur du haut de page */
.learndash-wrapper .ld-focus .ld-focus-header {
   height: 71px;
}

/* hauteur de certains éléments dans le haut de page */
.learndash-wrapper .ld-focus .ld-focus-header .ld-content-action,
.learndash-wrapper .ld-focus .ld-focus-header .ld-progress,
.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu {
   height: 70px;
}

/* supprime les principaux espaces */
body.admin-bar .learndash-wrapper .ld-focus-sidebar {
   top: 52px;
}

/* photo de profile de l'étudiant */
.learndash-wrapper .ld-profile-avatar img {
   width: 100%;
   height: 100%;
}

.learndash-wrapper .ld-focus .ld-focus-header .ld-user-menu .ld-profile-avatar {
   width: 51px;
   height: 39px;
   margin-left: 10px;
}

/* STYLES DE L'EXTENSION PAGENAVI
-------------------------------------------------------------------*/

/* liens */
.wp-pagenavi a {
   padding: 0.4em 0.8em !important;
   font-size: 1.2em !important;
   color: #ffffff;
   line-height: 1.2em;
   background: #EF6A35;
   transition: all .5s;
   border-radius: 6px;
   font-weight: bold!important;
 }

/* liens de la pagination */
.wp-pagenavi span {
   padding: 0.4em 0.8em !important;
   font-size: 1.5em !important;
   color: #EF6A35;
   line-height: 1.5em;
   background: #EF6A35;
   transition: all .5s;
   border-radius: 6px;
   font-weight: bold!important;
}

/* numéro de la page actuelle */
.wp-pagenavi span.current {
   color: #ffffff !important;
   background: #EF6A35 !important;
   border-radius: 6px;
}

/* liens au passage de la souris */
.wp-pagenavi a:hover {
   color: #ffffff !important;
   background: #EF6A35 !important;
}

/* liens suivants et précédents */
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
   color: #ffffff !important;
}

/* textes */
.wp-pagenavi .pages {
   background: none;
}

/* supprime la bordure et aligne au centre */
.wp-pagenavi {
   border-top: none;
   text-align: center;
}


.texte-cache { 

  position: relative;

  max-height: 150px; 

  overflow: hidden; 

  transition: max-height 1s ease; 

}

.texte-cache.ouvert {

    max-height: 150vh; 

  }

.texte-cache:not(.ouvert)::after {

  content:  »;

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));}