/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* HEADER */
.menu-cta .menu-text {
	border: 2px solid #FFCC00;
    color: #FFCC00;
    padding: 3px 28px;
    line-height: 2;
    background: linear-gradient(160deg, white 85%, #FFCC00 25%) !important;
	transition: all 0.3s ease;
}
.menu-cta a:hover .menu-text {
	background: #FFCC00!important;
    color: white;
}

/* ACCUEIL */
.underlined-blue {
	background: #007EC7!important;
	color: #FFE100!important;
	padding: 5px 15px;
}
.hero-accueil .awb-background-mask {
	background-size: contain!important;
    background-position: left top!important;
    background-repeat: no-repeat!important;
}

.txt-with-blue-bold strong {
	color: #007EC7!important;
}

.nos-secteurs-col > .fusion-column-wrapper > .fusion-builder-row {
	box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.13);
}

/* RESPONSIVE HEADER */
@media screen and (min-width: 1025px) and (max-width: 1500px) {
	#menu-menu-principal {
		--awb-gap: 20px!important;
	}
	.header-container {
		padding-left: 4%!important;
		padding-right: 4%!important;
	}
	#menu-menu-principal li a {
		font-size: 14px!important;
	}
	.logo-img {
		max-width: 90px!important;
	}
	.menu-cta .menu-text {
		padding: 3px 15px!important;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1100px) {
	#menu-menu-principal li a {
		font-size: 13px!important;
	}
}
@media screen and (max-width: 1024px) {
	.menu-cta .menu-text, .menu-cta a:hover .menu-text {
		color: #4a4e57 !important;
        border: 0;
        padding: 0;
        background: transparent !important;
	}
}
@media screen and (max-width: 640px) {
	.logo-img {
		max-width: 90px!important;
	}
	#menu-menu-principal {
		--awb-mobile-nav-trigger-bottom-margin: 4px!important;
	}
}





/* RESPONSIVE PAGE ACCUEIL */
@media screen and (min-width: 1025px) and (max-width: 1650px) {
	.hero-col {
		width: 70%!important;
	}
	.nos-secteurs-col > .fusion-column-wrapper > .fusion-builder-row {
		height: 100%!important;
		background: white !important;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1400px) {
	.hero-col {
		width: 89%!important;
	}
	.strengths1-container, .strengths2-container {
		padding-left: 6%!important;
		padding-right: 6%!important;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1100px) {
	.hero-col {
		width: 100%!important;
	}
}






@media screen and (max-width: 1024px) {
	.hero-accueil .awb-background-mask {
		background-image: url(/wp-content/uploads/2025/06/mask-video-accueil-tablette.svg)!important;
	}
	.steps-inner-col > .fusion-column-wrapper {
		border-top-width: 0!important;
    	border-left: 3px solid rgba(0, 0, 0, 0.09)!important;
	}
	.secteurs-img-col {
		max-height: 140px!important;
	}
	#secteur1 {
		--awb-bg-image : linear-gradient(49deg, #ffe687 15%,#ffffff 15%)!important;
	}
	#secteur3 {
		--awb-bg-image : linear-gradient(225deg, #ffe687 12%,#ffffff 12%)!important;
	}
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	.h1-title h1 {
		font-size: 35px!important;
	}
	.h2-title h2 {
		font-size: 30px!important;
	}
}
@media screen and (min-width: 641px) and (max-width: 811px) {
	.hero-accueil {
		padding-left: 6%!important;
		padding-right: 6%!important;
	}
}
@media screen and (min-width: 697px) and (max-width: 744px) {
	.hero-accueil {
		padding-left: 10%!important;
		padding-right: 10%!important;
	}
}
@media screen and (min-width: 641px) and (max-width: 744px) {
	.steps-col1 {
		width: 22%!important;
	}
	.steps-col2 {
		width: 78%!important;
	}
}



@media screen and (max-width: 640px) {
	.h1-title h1 {
		font-size: 23px!important;
	}
	.hero-text-bloc {
		font-size: 13px!important;
		line-height: 1.5 !important;
	}
	.big-btn {
		font-size: 14px !important;
        padding: 10px 15px !important;
        letter-spacing: -0.2px !important;
	}
	.h2-title h2 {
		font-size: 22px!important;
	}
	.underlined-blue {
    	padding: 5px 10px!important;
	}
	.title-separator {
		max-width: 60%!important;
	}
	.text-bloc {
		font-size: 13px!important;
		line-height: 1.5 !important;
	}
	.h3-title h3 {
		font-size: 16px!important;
	}
	.h3-title-points-forts h3{
		margin-top:-10px!important;
	}
	
	.steps-title {
		font-size: 16px!important;
	}
	.steps-img {
		max-width: 40px!important;
	}
	.secteurs-title {
		font-size: 16px!important;
	}
	.secteurs-img-col {
		height: 90px!important;
	}
	.logo-sunti-jaune {
		max-width: 60px !important;
	}
	.mhb-logo {
		max-width: 160px !important;
	}
}

@media screen and (min-width: 441px) and (max-width: 540px) {
	.steps-col1 {
		width: 17%!important;
	}
	.steps-col2 {
		width: 83%!important;
	}
	.une-question-container {
		padding-top: 100px!important;
		padding-bottom: 30px!important;
	}
	.une-question-col > .fusion-column-wrapper {
		padding-top: 40px!important;
		padding-bottom: 40px!important;
	}
	.vertical-line img {
		height: 50px!important;
	}
}
@media screen and (max-width: 440px) {
	.steps-col1 {
		width: 25%!important;
	}
	.steps-col2 {
		width: 75%!important;
	}
	.une-question-container {
		padding-top: 100px!important;
		padding-bottom: 30px!important;
	}
	.une-question-col > .fusion-column-wrapper {
		padding-top: 40px!important;
		padding-bottom: 40px!important;
	}
	.vertical-line img {
		height: 50px!important;
	}
}

/* RESPONSIVE FOOTER */
@media screen and (min-width: 1025px) and (max-width: 1500px) {
	.footer-col1 {
		width: 16%!important;
	}
	.footer-col2, .footer-col3, .footer-col4 {
		width: 28%!important;
	}
}
@media screen and (max-width: 640px) {
	.footer-txt {
		font-size: 12px!important;
		margin-bottom: 20px!important;
	}
	.footer-infos {
		font-size: 13px!important;
	}
}





/* PAGE NOS SOLUTIONS PHOTOVOLTAIQUES */
.triangle-jaune {
	margin-top: 6px!important;
	margin-right: 15px!important;
}
.check-blue {
	margin-top: 6px!important;
	margin-right: 10px!important;
}

.avantages-photo-col > .fusion-column-wrapper > .fusion-builder-row, .avantages-photo-col > .fusion-column-wrapper > .fusion-builder-row > .fusion-layout-column {
	height: 100%!important;
}


.blue-box {
	background: #007EC7;
	display: flex;
	align-items: flex-start;
	padding: 18px 15px 15px 20px;
	background-image: url(/wp-content/uploads/2025/07/blue-clair-corner.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
	margin-bottom: 10px;
}
.blue-box-title {
	color: white !important;
    font-family: 'Rubik' !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    letter-spacing: 0.5px !important;
	margin: 0!important;
	padding-bottom: 5px!important;
}
.blue-box-col1 {
	padding-right: 15px!important;
	padding-top: 10px!important;
	flex: 0 0 45px!important;
}
.blue-box-col2 {
	flex: 1!important;
}
.blue-box-txt {
	color: white !important;
    font-family: 'Rubik' !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
	margin: 0!important;
	line-height: 1.4!important;
}
.plus-jaune {
	width: 30px!important;
}

.stretch-colonne > .fusion-column-wrapper {
	flex: 1!important;
}

.hero-photovoltaique .awb-background-mask {
	background-size: auto!important;
	background-repeat: no-repeat!important;
	background-position: left bottom!important;
}

@media screen and (min-width: 1025px) and (max-width: 1400px) {
	.scd-details-inner-col2 {
		--awb-spacing-left-large: -130px!important;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1500px) {
	.scd-details-inner-col3 {
		--awb-spacing-left-large: -20px!important;
	}
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
	.hero-solutions-txt {
		font-size: 30px!important;
	}
	.hero-solution-col {
		--awb-bg-size: 100px!important;
	}
	.first-icon img {
		max-width: 70px!important;
	}
	.scd-icon img {
		max-width: 120px!important;
	}
	.third-icon img {
		max-width: 70px!important;
	}
	.photo-fleche-jaune img {
		max-width: 45px!important;
	}
	.photo-valorisation-container {
		--awb-background-size: 105px!important;
	}
	.photo-service-sep {
		align-self: start;
    	margin-left: 0 !important;
	}
	.details-persiennes-txt, .details-persiennes-txt1 {
		margin-right: 0!important;
	}
}
@media screen and (max-width: 640px) {
	.h1-title-solutions {
		font-size: 25px!important;
	}
	.hero-solution-col {
		--awb-bg-size: 50px!important;
	}
	.hero-photovoltaique .awb-background-mask {
		background-size: 45px!important;
	}
	.first-icon img {
		max-width: 40px!important;
	}
	.scd-icon img {
		max-width: 80px!important;
	}
	.third-icon img {
		max-width: 40px!important;
	}
	.icones-photo-col > .fusion-column-wrapper {
		border: none!important;
	}
	.photo-fleche-jaune img {
		max-width: 35px!important;
	}
	.photo-title {
		font-size: 16px!important;
	}
	
	.h2-title-photovoltaique {
		font-size: 18px!important;
	}
	.photo-service-sep {
		align-self: start;
    	margin-left: 0 !important;
	}
	.photo-valorisation-container {
		--awb-background-size: 65px!important;
	}
	.check-blue {
    	margin-top: 4px !important;
	}
	.agrivoltaisme-icon img {
		max-width: 35px!important;
	}
	.agrivoltaisme-inner-col > .fusion-column-wrapper {
		padding: 20px 20px 25px 20px!important;
	}
	.agrivoltaisme-inner-col .text-bloc {
		line-height: 1.2!important;
	}
	
	.agri-details-title {
		font-size: 16px!important;
	}
	.agri-h3-title {
		font-size: 19px!important;
	}
	.agri-details-inner-bold-txt {
		margin-bottom: 20px!important;
	}
	
	.plus-jaune {
    	width: 19px !important;
	}
	.blue-box-col1 {
    	flex: 0 0 28px !important;
		padding-top: 0px !important;
		padding-right: 12px !important;
	}
	.blue-box-title {
		font-size: 14px!important;
	}
	.blue-box-txt {
		font-size: 12px!important;
	}
	.blue-box {
		padding: 15px 15px 10px 15px!important;
		margin-bottom: 6px!important;
	}
	.details-structure-fixe-inner-col1 {
		--awb-bg-size: 80px!important;
	}
	.details-persiennes-txt, .details-persiennes-txt1 {
		margin-right: 0!important;
	}
	.sunagri-logo img {
		max-width: 120px!important;
	}
	.centrale-solaire-txt {
		margin-right: 0!important;
	}
	.vertical-blue-line img {
		max-height: 50px!important;
	}
}










/* PAGE NOS PROJETS */

.map {
	border: 3px solid #555555 !important;
}




/* PAGE QUI SOMMES NOUS */

/* triangle jaune */
.bloc-top-right-triangle::after {
    content: "";
    position: absolute;
    top: -15px;
    right: 14px;
    width: 0;
    height: 0;
    border-top: 140px solid #FFCB04;
    border-left: 180px solid transparent;
    z-index: -1;
	transform: translateX(140px);
}

.bloc-bottom-left-triangle::after {
	content: "";
    position: absolute;
    bottom: -15px;
    left: 10px;
    width: 0;
    height: 0;
    border-bottom: 140px solid #FFCB04;
    border-right: 192px solid transparent;
    z-index: -1;
}

.valeurs-container > .awb-background-mask {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left bottom;
}


@media screen and (min-width: 1025px) and (max-width: 1350px) {
	.apropos-hero-col1 {
		width: 15%!important;
	}
	.apropos-hero-col2 {
		width: 70%!important;
	}
	.apropos-hero-col3 {
		width: 15%!important;
		--awb-bg-size: cover!important;
		--awb-bg-position: left top!important;
	}
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
	.valeurs-inner-col1, .valeurs-inner-col2 {
		--awb-transform: translateX(0px)!important;
		--awb-transform-hover: translateX(0px)!important;
	}
	.bloc-bottom-left-triangle::after {
    	bottom: -10px!important;
    	left: 0px!important;
	}
	.bloc-top-right-triangle::after {
    	top: -10px!important;
    	right: 140px!important;
	}
}

@media screen and (max-width: 640px) {
	.h1-title-apropos {
		font-size: 23px!important;
	}
	.apropos-h2-title {
		font-size: 18px!important;
	}
	.circles-info .awb-circles-info-title {
		font-size: 14px!important;
	}
	.circles-info .awb-circles-info-text {
		font-size: 12px!important;
		line-height: 1.3!important;
	}
	.valeurs-inner-col1, .valeurs-inner-col2 {
		--awb-transform: translateX(0px)!important;
		--awb-transform-hover: translateX(0px)!important;
	}
	.valeurs-inner-title {
		font-size: 16px!important;
	}
	
	.bloc-bottom-left-triangle::after {
    	bottom: -10px!important;
    	left: 0px!important;
		border-bottom: 60px solid #FFCB04!important;
    	border-right: 80px solid transparent!important;
	}
	.bloc-top-right-triangle::after {
    	top: -10px!important;
    	right: 140px!important;
		border-top: 60px solid #FFCB04!important;
    	border-left: 80px solid transparent!important;
	}
}







/* BLOG */
.tab:hover .fusion-button-text, .tab.active .fusion-button-text {
	font-weight: 600!important;
}

.actu-switch-btn2::before {
  content: "|";
  position: absolute;
  left: 0;
  color: #0077c8;
}

.switch-section.hidden {
	display: none!important;
}

.blog-article-content h2 {
	font-family: 'Rubik'!important;
    color: #444444!important;
    font-size: 22px!important;
    font-weight: 500!important;
}



@media screen and (min-width: 1025px) and (max-width: 1350px) {
	#section-blog, #section-rs, #section-blog, #section-presse {
		padding-left: 10%!important;
		padding-right: 10%!important;
	}
	.blog-postcard-inner-col > .fusion-column-wrapper {
		padding-left: 25px!important;
		padding-right: 25px!important;
	}
	.blog-postcard-title {
		font-size: 21px!important;
	}
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	.blog-postcard-inner-col > .fusion-column-wrapper {
		padding-left: 25px!important;
		padding-right: 25px!important;
	}
	.blog-postcard-title {
		font-size: 18px!important;
	}
	.presse-title {
		font-size: 24px!important;
	}
}
@media screen and (max-width: 640px) {
	.blog-postcard-inner-col > .fusion-column-wrapper {
		padding-left: 25px!important;
		padding-right: 25px!important;
	}
	.blog-postcard-title {
		font-size: 17px!important;
	}
	.tab .fusion-button-text {
		font-size: 12px!important;
	}
	.blog-postcard-date {
		font-size: 11px!important;
	}
	.presse-title {
		font-size: 16px!important;
	}
}









/* CONTACT */
#contact-form label {
	font-family: Rubik!important;
	color: #575757!important;
	font-size: 18px;
}
#contact-form input, #contact-form textarea {
	border: none !important;
    border-bottom: 1px solid #808080 !important;
    border-radius: 0;
}
#contact-form button {
	font-weight: 500!important;
}
#contact-form button:hover {
	background: #007EC7!important;
	border-color: #007EC7!important;
}
#contact-form button:hover .fusion-button-text {
	color: white!important;
}
.contac-checklinst li:hover .fusion-li-item-content a {
	font-weight: 600!important;
}



.contact-map .leaflet-right {
	display: none!important;
}


@media screen and (min-width: 1025px) and (max-width: 1350px) {
	.contac-checklinst li {
		padding: 50px 20px!important;
	}
	.contact-col2 > .fusion-column-wrapper {
		padding-left: 10%!important;
		padding-right: 10%!important;
	}
	.contact-hero-col > .fusion-column-wrapper {
		padding-bottom: 350px!important;
	}
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	.contact-col1 {
		--awb-bg-size: 150px!important;
	}
	.contac-checklinst li {
		padding: 25px 20px!important;
	}
	.contac-checklinst {
		margin-top: 20px!important;
	}
}
@media screen and (max-width: 640px) {
	.contact-col1 {
		--awb-bg-size: 95px!important;
	}
	.contac-checklinst li {
		padding: 25px 20px!important;
	}
	.contac-checklinst {
		margin-top: 20px!important;
	}
	.contact-hero-col {
		--awb-bg-size: 200px!important;
	}
	#contact-form label {
		font-size: 14px!important;
	}
	#contact-form input {
		height: 30px !important;
	}
	#contact-form button {
		font-size: 16px!important;
		width: 100%!important;
		padding-top: 7px!important;
        padding-bottom: 7px !important;
	}
}



/* PAGE PROJET */
@media screen and (min-width: 1025px) and (max-width: 1350px) {
	.projets-hero-col > .fusion-column-wrapper {
		padding-left: 4%!important;
		padding-right: 4%!important;
	}
}
@media screen and (max-width: 640px) {
	.projets-h1 {
		font-size: 27px!important;
	}
	.projets-chiffre {
		font-size: 17px!important;
	}
}






/* DETAILS PROJET */
.projet-video video {
	border: 5px solid #FFCC00;
}
.numbers-txt .mini {
	font-size: 22px!important;
}
.details-projet-see-more .post-card-img img, .details-projet-see-more .fusion-placeholder-image {
	max-height: 300px !important;
}
.details-projet-see-more {
	padding-left: 28px!important;
	padding-right: 28px!important;
}

@media screen and (min-width: 1025px) and (max-width: 1600px) {
	.details-projet-chiffre-container {
		padding-left: 10%!important;
		padding-right: 10%!important;
	}
	.details-projet-chiffre-col > .fusion-column-wrapper {
		margin-left: 2%!important;
		margin-right: 2%!important;
	}
}
/*macbook*/
@media screen and (min-width: 1025px) and (max-width: 1500px) {
	.details-projet-hero-container {
		padding-top: 150px!important;
		padding-bottom: 140px!important;
	}
	.details-projet-more-info-col {
		width: 95%!important;
	}
	.details-projet-galerie-col {
		width: 100%!important;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1150px) {
	.numbers-txt {
		font-size: 32px!important;
	}
	.numbers-txt .mini {
		font-size: 20px!important;
	}
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	.numbers-txt {
		font-size: 30px!important;
	}
	.numbers-txt .mini {
		font-size: 20px!important;
	}
	.details-projet-see-more .post-card-img img, .details-projet-see-more .fusion-placeholder-image {
		max-height: 180px !important;
	}
}
@media screen and (max-width: 640px) {
	.details-projet-h1 {
		font-size: 26px!important;
	}
	.details-projet-info-txt {
		font-size: 13px!important;
	}
	.details-projet-info-img {
		max-width: 10px!important;
	}
	.numbers-txt {
		font-size: 24px!important;
	}
	.numbers-txt .mini {
		font-size: 17px!important;
	}
	.details-projet-numbers-desc {
		line-height: 1.2!important;
	}
	.details-projet-h2-title {
		font-size: 18px!important;
	}
	.details-projet-pdf-btn .fusion-button-text {
		font-size: 14px!important;
	}
	
	.details-projet-see-more .post-card-img img, .details-projet-see-more .fusion-placeholder-image {
		max-height: 100px !important;
	}
	.postcard-projet-title {
		font-size: 19px!important;
	}
	.postcard-projet-details {
		font-size: 13px!important;
	}
	.postcard-projet-details img {
		max-width: 10px!important;
	}
	.postcard-projet-details p {
		margin-bottom: 10px!important;
	}
	.details-projet-see-more i {
		font-size: 25px!important;
	}
	
	.merci-title h1 {
		font-size: 28px!important;
	}
}



/* MENU ANGLAIS */
.fr-menu {
	margin-right: 0!important;
	font-weight: 500!important;
}
.en-menu {
	margin-left: 0!important;
	font-weight: 500!important;
}
.fr-menu .trp-ls-language-name, .en-menu .trp-ls-language-name {
	font-size: 14px!important;
	color: #6c6c6c!important;
}

@media screen and (min-width: 1025px) and (max-width: 1500px) {
	.fr-menu .trp-ls-language-name, .en-menu .trp-ls-language-name {
		font-size: 12px!important;
	}
}
@media screen and (min-width: 1025px) {
	.fr-menu a .trp-ls-language-name::after {
  		content: "|";
  		margin-left: 0.5em;
		margin-right: 0.5em;
	}
}


/* ROUE CERCLES */
.awb-circles-info-tab-link:hover .sunti-cerclecercle-1::before, .awb-circles-info-tab-link.active .sunti-cerclecercle-1::before { color: #fff!important; }
.awb-circles-info-tab-link:hover .sunti-cerclecercle-2::before, .awb-circles-info-tab-link.active .sunti-cerclecercle-2::before { color: #fff!important; }
.awb-circles-info-tab-link:hover .sunti-cerclecercle-3::before, .awb-circles-info-tab-link.active .sunti-cerclecercle-3::before { color: #fff!important; }
.awb-circles-info-tab-link:hover .sunti-cerclecercle-4::before, .awb-circles-info-tab-link.active .sunti-cerclecercle-4::before { color: #fff!important; }


.circles-info .awb-circles-info-tab-link {
	width: calc(15px + var(--awb-icon-size))!important;
    height: calc(15px + var(--awb-icon-size))!important;
}

@media screen and (min-width: 1025px) and (max-width: 1400px) {
	.mission-col1 {
		width: 42%!important;
	}
}
@media screen and (max-width: 640px) {
	.circles-info {
		--awb-icon-size: 35px!important;
	}
}
@media screen and (max-width: 370px) {
	.circles-info .awb-circles-info-text {
		font-size: 10px!important;
	}
	.circles-info .awb-circles-info-title {
		font-size: 12px!important;
	}
}
@media screen and (max-width: 310px) {
	.circles-info .awb-circles-info-text {
		font-size: 9px!important;
	}
	.circles-info .awb-circles-info-title {
		font-size: 10px!important;
	}
}





/* OPEN STREET MAP */
.projets-map .leaflet-popup .awb-openstreet-map-marker-content {
	display: flex!important;
    flex-direction: column!important;
}
.projets-map .leaflet-popup .awb-openstreet-map-marker-content a {
	text-transform: uppercase !important;
    font-weight: 500!important;
    background: #007EC7!important;
    color: white!important;
    font-size: 14px !important;
    line-height: 1 !important;
    padding: 8px 8px 6px 8px !important;
	letter-spacing: 1px!important;
	margin-top: 6px!important;
}
.projets-map .leaflet-popup .awb-openstreet-map-marker-content a:hover {
    background: #006EAE!important;
}
.projets-map .leaflet-right {
	display: none!important;
}


.hompage-projets-col {
	height: 490px!important;
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
	.hompage-projets-col {
		height: 300px!important;
	}
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
	.hompage-projets-col {
		height: 250px!important;
	}
}
@media screen and (max-width: 640px) {
	.hompage-projets-col {
		height: 100px!important;
	}
}

html, body {
  scroll-behavior: smooth!important;
}
.details-projet-img-carousel .fusion-carousel-item-wrapper {
	margin-left: 30px!important;
	margin-right: 30px!important;
}