/*
 Theme Name:   Solio Child Theme
 Theme URI:    https://solio.ancorathemes.com/
 Description:  Solio Child Theme
 Author:       AncoraThemes
 Author URI:   https://ancorathemes.com/
 Template:     solio
 Version:      1.0.0
 Tags: solar power, solar installation, solar panels, solar panel installation, solar energy, renewable energy, alternative power, wind energy, hydropower, water energy, green energy, heating, electricity, eco, ecology
 Text Domain:  solio
*/


/* =Theme customization starts here
------------------------------------------------------------ */

/*------------------------------------------------*\
    Improve Elementor Animations
\*------------------------------------------------*/

/*------ Fades: Directional ------*/

/* FadeInDown */
@keyframes kgFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -12px, 0); /* Less movement than default */
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element .animated.fadeInDown {
    animation-name: kgFadeInDown !important; /* Ensure this takes precedence */
}

/* FadeInLeft */
@keyframes kgFadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-12px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element .animated.fadeInLeft {
    animation-name: kgFadeInLeft !important;
}

/* FadeInRight */
@keyframes kgFadeInRight {
    from {
        opacity: 0;
        transform: translate3d(12px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element .animated.fadeInRight {
    animation-name: kgFadeInRight !important;
}

/* FadeInUp */
@keyframes kgFadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 12px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.elementor-element .animated.fadeInUp {
    animation-name: kgFadeInUp !important;
}

/*------------------------------------------------*\
 HEADER
\*------------------------------------------------*/

span.sc_layouts_item_icon.sc_layouts_iconed_text_icon.trx_addons_icon-menu { /* menu burger en blanc */
    color: white !important;
}

.numero-header-responsive a {
	color:white !important;
}

.elementor-shortcode span, .elementor-shortcode a { /* fils d'ariane dernier élément en gras et fleches de couleur blanc */
	color: white !important;
}

/*------------------------------------------------*\
        The css of the yellow progress bar  
\*------------------------------------------------*/

.banner-progress-bar{
            height: 10px;
            background: #ffdf6a;
            position: absolute;
			bottom:0%;
			left:0%;
            width: 0%;
            transition: width 1s;
            z-index: 999;
}

.footer-progress-bar {
            position: absolute;
            bottom: 100%;
            left: 0;
            height:10px;
            background: #ffcc00;
            width: 0%;
            transition: width 1s;
        }

/*------------------------------------------------*\
 			ARCHIVE DES ACTIVITEES 
\*------------------------------------------------*/

.sc_services_item_subtitle { /*j'enleve la taxonomie afficher dans chaque Activitees de l'archive*/
	display:none;
}

/*------------------------------------------------*\
 					PARTIE BLOG 
\*------------------------------------------------*/

.portfolio_page_details_share, .comments_wrap, #services_page_tab_contacts{ /* j'enleve les parties en trop dans les singles page du CPT portfolio et CPT services */
	display:none !important;
}

.btn-contact-single:hover { /* bouton side bar single page activite */
	background-color:#0B2F32 !important;
}

.services_page_featured { /* j'enleve les image de mise en avant sur les singles du CPT Services */
    display: none !important;
}

section.portfolio_page_details_wrap.sc_column_fixed{
	width:30% !important;
	margin-left:60px;
}

section.portfolio_page_details_wrap.sc_column_fixed, .services-sidebar { /* Rajout d'un background pour la sidebar des singles Portfolio et Services */
    background-color: whitesmoke; 
	padding: 2em;
	border-left: 5px solid #ffdf6a;
}

.services-sidebar h3, section.portfolio_page_details_wrap.sc_column_fixed h3{ /* Réduction taille des h" dans side bar */
	font-size:25px;
}

.d-none-on-load {
  display: none;
}

.portfolio_page_meta .post_meta { /* j'enleve l'infos sur la date d'ajout du post dans les single pages PORTFOLIO */
    display: none;
}

.page_content_wrap {  /* reduction de l'espace dans les pages single des CPT entres le contenu et le header/footer */
    padding-top: 5.1rem;
    padding-bottom: 5.4rem;
}

/* PARTIE DESIGN Boutons sidebar des singles pages */

.portfolio-taxonomy ul, .services-sidebar ul {
  padding-left: 0;
  list-style: none;
}

.portfolio-taxonomy ul li, .services-sidebar ul li {
  transition: all 0.3s ease;
  font-size:14px
}

.portfolio-taxonomy ul li a, .services-sidebar ul li a {
  display: inline-block;
  padding: 10px 15px;
  border-radius: 0px;
  color: #61666f;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative;
  font-size: 14px !important
}

.portfolio-taxonomy ul li a::before, .services-sidebar ul li a::before {
  content: "➤";
  font-weight: bold;
  margin-right: 8px;
  color: #61666f; /* couleur fleches */
  transition: margin-right 0.3s;
}

.portfolio-taxonomy ul li a:hover, .services-sidebar ul li a:hover {
  background-color: white;
  color: black;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.portfolio-taxonomy ul li a:hover::before, .services-sidebar ul li a:hover::before {
  margin-right: 12px;
  color: black;
}

.services-related ul li.current-service a, .portfolio-taxonomy ul li.current-term a {  /* Service visité actuellement par le client pour qu'il comprenne sur quelle page il est */
    color: black;
    font-weight: bold;
    position: relative;
	background-color:white;
}

.services-related ul li.current-service a::before, .portfolio-taxonomy ul li.current-term a::before { /* Service visité actuellement par le client pour qu'il comprenne sur quelle page il est */
    color: black;
}

/*------------------------------------------------*\
 						FOOTER 
\*------------------------------------------------*/

span.post_meta_item.post_categories.cat_sep a { /* Couleur de l'affichage catégories partie portfolio au responsive */ 
    color: white !important;
}	

.widget_custom_links ul>li.custom_links_list_item .custom_links_list_item_title:after{ /* Pour les menus changement de la couleur du trait en dessous pour chaque hover*/
	background-color: white;
}

span.wpcf7-list-item-label { /*espacement entres bouton envoie et case a cocher*/
    margin-bottom: 20px;
}

/* Message d'erreur affiché form */
.wpcf7 form.unaccepted .wpcf7-response-output.trx_addons_message_box.trx_addons_message_box_info, .trx_addons_message_box_info {
  color: red !important;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid red !important;
}

/*------------------------------------------------*\
 					RESPONSIVE
\*------------------------------------------------*/

/* PARTIE SINGLE CPT SERVICES */

@media screen and (max-width: 1279px) { 
    .services-content-wrapper {
        display: block !important;
    }

    .services-main-content,
    .services-sidebar {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .services-sidebar {
        position: static !important;
        top: auto !important;
        align-self: auto !important;
        margin-top: 40px;
    	background-color: #fff; 
    }
	
	.services-sidebar{ /* j'enleve le padding pour eviter le scrool horizontal */
		padding:0px;
		border-left:0px;
	}
	
	.services-sidebar h3{ /* rajout d'une barre de séparation entre le titre et la ul */
		font-size:35px !important;
		margin-bottom: 1em;
		padding-bottom: 0.5em;
		border-bottom: 1px solid var(--theme-color-text_dark);
	}
	
	.widget-secteurs h3{ /* j'ajoute du margin pour le titre des localisations dans la single CTP service car trop serré */
        margin-top: 1.5em;
		margin-bottom: 1.3em;
	}
	
	.services-related ul, .widget-secteurs ul { 
		width: 100%;
	}
	
	.services-sidebar ul li a{ /* alignement vertical de la ul et de sa div */
		padding:10px 0px;
	}
	
	.services-sidebar .btn-contact-single {
    padding: 15px 36px !important;
	}
	
	.services-related ul li.current-service a {  /* Service visité actuellement par le client pour qu'il comprenne sur quelle page il est */
    color: #1E4D52;
    font-weight: bold;
    position: relative;
	background-color:white;
	}
	
	.services-related ul li.current-service a::before { /* Service visité actuellement par 	 le client pour qu'il comprenne sur quelle page il est */
    color:#1E4D52 ;
	}
}

@media (max-width: 1023px) {   /* obliger de modifier le responsif natif du theme sinon les elements passent en flex les uns en dessous des autres mais pas de la bonne maniere */
        .portfolio_page.portfolio_page_details_right, .portfolio_page.portfolio_page_details_left {
            display: flex !important;
            flex-direction: row-reverse !important;
            flex-wrap: nowrap !important;
        }
	section.portfolio_page_details_wrap.sc_column_fixed{
		margin-left:45px;
		height: fit-content;
    	padding-bottom: 30px !important;
        position: sticky !important;
	}
	.portfolio_page.portfolio_page_details_right section.portfolio_page_details_wrap.sc_column_fixed,
    .portfolio_page.portfolio_page_details_left section.portfolio_page_details_wrap.sc_column_fixed { /* le theme a a une valeur plus forte donc je suis obligé de preciser pour que sidebar ne soit pas collé tout en haut au scroll */
        top: 4em !important;
    }
}
@media screen and (max-width: 767px){
	.banner-progress-bar{
		display:none;
	}
	.services-sidebar h3{
		font-size:25px !important;
	}
	.services-sidebar .btn-contact-single {
    padding: 13px 32px !important;
	}
	
	.portfolio_page.portfolio_page_details_right, .portfolio_page.portfolio_page_details_left {
            display: flex !important;
            flex-direction: row-reverse !important;
            flex-wrap: wrap !important;
        }
	
	section.portfolio_page_details_wrap.sc_column_fixed { /* plus de background sur la sidebar pour aller avec la page lors du passage sur mobile */
    background-color: #fff;
	border-left:0px;
	margin-left:0px;
    position: static !important;
    top: auto !important;
	padding-top:0px;
	}
	
	.portfolio-taxonomy h3{ /* augentation de l'espace pour epurer l'espace */
		margin-top: 48px;
	}
	
	.portfolio-taxonomy ul { /* rajout d'une barre de séparation entre le titre et la ul */
			width: 100%;
            padding-top: 1.5em;
            margin-top: 1.5em;
            border-top: 1px solid var(--theme-color-text_dark);
	}
	
	.portfolio-taxonomy ul li a{ /* alignement vertical de la ul et de sa div */
		padding:10px 0px;
	}
	
	.portfolio-taxonomy ul li.current-term a {  /* Service visité actuellement par le client pour qu'il comprenne sur quelle page il est */
    color: #1E4D52;
    font-weight: bold;
    position: relative;
	background-color:white;
	}

	.portfolio-taxonomy ul li.current-term a::before { /* Service visité actuellement par le client pour qu'il comprenne sur quelle page il 	est */
    color: #1E4D52;
	}
}

@media screen and (max-width: 440px){
.bouton-devis-header{ /* disparition du bouton devis dans le header pour eviter bug affichage */
	display:none !important;
}
}