/*
 Theme Name:     Astra Child
 Theme URI:      https://wpastra.com/
 Description:    Astra 
 Author:         Brainstorm Force
 Author URI:     https://wpastra.com/about/
 Template:       astra
 Version:        2.5.3
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Inria+Sans&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

#masthead .btn-header a.elementor-button, #header .btn-header a.elementor-button {
	width: 197px;
}
/*#masthead .bar-menu, #header .bar-menu {
	background: linear-gradient(90deg, #F39F2B 8%, #18527C 8%);
}*/
.numerotation a.elementor-button {
	display: flex;
    align-items: center;
    justify-content: center;
	width: 61px;
    height: 61px;
    padding: 0;
}
.btn-width a.elementor-button {
	width: 244px;
}
#masthead .elementor-button:hover, #header .elementor-button:hover, .elementor-widget-button:not(.numerotation) .elementor-button:hover, .wpcf7 form input[type="submit"]:hover {
    background: linear-gradient(120deg, #F39F2B, #F5E136, #F39F2B);
    background-size: 400% 400%;
    -moz-animation: gradient 3s ease-in-out infinite;
    -webkit-animation: gradient 3s ease-in-out infinite;
    animation: gradient 3s ease-in-out infinite;
}
#masthead .blue .elementor-button:hover, #header .blue .elementor-button:hover, #content .blue .elementor-button:hover {
	background: linear-gradient(120deg, #0163B0, #00B3EF, #0163B0);
	background-size: 400% 400%;
    -moz-animation: gradient 3s ease-in-out infinite;
    -webkit-animation: gradient 3s ease-in-out infinite;
    animation: gradient 3s ease-in-out infinite;
}

/* motion */
@-moz-keyframes gradient {
	0% {
		background-position: 14% 0%;
	}
	50% {
		background-position: 87% 100%;
	}
	100% {
		background-position: 14% 0%;
	}
}
@-webkit-keyframes gradient {
	0% {
		background-position: 14% 0%;
	}
	50% {
		background-position: 87% 100%;
	}
	100% {
		background-position: 14% 0%;
	}
}
@keyframes gradient {
	0% {
		background-position: 14% 0%;
	}
	50% {
		background-position: 87% 100%;
	}
	100% {
		background-position: 14% 0%;
	}
}

#content .wpcp-carousel-section .swiper-wrapper {
	align-items: flex-start;
}
#content .elementor-widget-image-carousel .swiper .swiper-slide figure {
	background: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#content .elementor-widget-image-carousel.services.height .swiper .swiper-slide figure {
	background: #fff;
    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#content .elementor-widget-image-carousel.services.height .swiper .swiper-slide figure img {
	height: 100%;
	width: 100%;
    object-fit: cover;
}


/*.elementor-element .swiper .elementor-swiper-button {
	top: -75px;
}*/
/*.elementor-element .swiper .elementor-swiper-button svg {
	height: 40px;
    width: 40px;    
}*/
/*.elementor-element .swiper .elementor-swiper-button-prev {
	left: auto;
	right: 100px;
}*/
.sp-wcsp-cat-details {
	background: #18527C;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
.sp-wcsp-slider-area #sp-wcsp-slider-section-1678 .sp-wcsp-cat-item .sp-wcsp-cat-details .sp-wcsp-cat-details-content .sp-wcsp-cat-name a {
	font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
}
.sp-wcsp-cat-details .sp-wcsp-text-center {
	display: none;
}
.swiper-wrapper .sp-wcsp-cat-item .sp-wcsp-cat-item-thumb-content {
	position: relative;
}
.swiper-wrapper .sp-wcsp-cat-item .sp-wcsp-cat-item-thumb-content:hover > .sp-wcsp-cat-details {
	background: rgb(24 82 124 / 85%);
    position: absolute;
    bottom: 12px;
    right: 12px;
    left: 12px;
    top: 12px;
	margin: 12px;
    border-radius: 35px;
    transition: all 0.3s ease-in-out;
    transform: scale(1.05);
	align-content: center;
}
.sp-wcsp-slider-area-1678 .sp-wcsp-button-prev, .sp-wcsp-slider-area-1678 .sp-wcsp-button-next {
	height: 54px;
    width: 54px;
	border: 0;
}
.nav-top-right .sp-wcsp-slider-section {
    padding-top: 85px;
	margin-top: -120px;
}
/*.sp-wcsp-button-prev .fa-angle-left:before, div#n2-ss-2 .nextend-arrow.nextend-arrow-previous img, #content .wpcp-carousel-section.nav-vertical-center .swiper-button-prev .fa-angle-left:before, #content .owce-carousel .owl-nav .owl-prev .eicon-chevron-left:before {
    content: url(/wp-content/uploads/2024/11/flesh-left.svg);
}
.sp-wcsp-button-next .fa-angle-right:before, div#n2-ss-2 .nextend-arrow.nextend-arrow-next img, #content .wpcp-carousel-section.nav-vertical-center .swiper-button-next .fa-angle-right:before, #content .owce-carousel .owl-nav .owl-next .eicon-chevron-right:before {
    content: url(/wp-content/uploads/2024/11/flesh-right.svg);
}*/
#content div#n2-ss-2 .nextend-arrow img {
    width: 40px;
	z-index: 99999;
}
.nav-top-right .sp-wcsp-button-next {
    margin-left: 35px;
}
.sp-wcsp-slider-area #sp-wcsp-slider-section-1678 .sp-wcsp-cat-item .sp-wcsp-cat-thumbnail {
	border: 0;
}
.sp-wcsp-slider-area-1678 .sp-wcsp-button-prev:hover, .sp-wcsp-slider-area-1678 .sp-wcsp-button-next:hover {
	border-color: transparent;
    background: transparent;
}
.swiper-container-autoheight .swiper-slide, .swiper-wrapper .sp-wcsp-cat-item .sp-wcsp-cat-item-thumb-content {
	height: 100%;
}
.sp-wcsp-cat-item .sp-wcsp-cat-thumbnail img {
	width: 100%;
}
.elementor-widget-counter .elementor-counter {
	padding-left: 20px;
}
.elementor-widget-counter .elementor-counter .elementor-counter-title::before {
	content: "";
	width: 8px;
	height: 8px;
	background: #00B3EF;
	border-radius: 50%;
	position: absolute;
    left: 0;
	top: 8px;
}
#content .wpcp-carousel-wrapper #sp-wp-carousel-free-id-1948.wpcp-post-carousel .wpcp-single-item {
    background: transparent;
    border: 0;
}
#content .wpcp-post-carousel .wpcp-single-item .wpcp-all-captions {
    padding: 25px 10px 0;
}
#content .wpcp-carousel-section .wpcp-all-captions a {
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #000;
}
#content .wpcp-post-carousel .wpcp-all-captions p {
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
#content .owl-theme .owl-nav .disabled {
	opacity: 1;
}
#content .owl-stage .owl-item {
	position: relative;
}
#content .owl-stage .owl-item > .item .owl-content {
	position: absolute;
    bottom: 5px;
    right: 5px;
    left: 5px;
    background: #18527C;
    color: #fff;
    margin: 0;
    min-height: 43px;
	align-content: center;
}
#content .owl-stage .owl-item:hover > .item .owl-content {
	right: 17px;
    left: 17px;
    top: 17px;
    bottom: 17px;
    border-radius: 35px;
	margin: 12px;
    background: rgb(24 82 124 / 85%);
	transition: all 0.3s ease-in-out;
    transform: scale(1.05);
	align-content: center;
}
.product-carousel .owce-carousel-container {
	padding: 0;
}
.wpcf7 form label {
	font-size: 16px;
}
#masthead .hfe-nav-menu .menu-item a:before, #masthead .hfe-nav-menu .menu-item a:after, #header .hfe-nav-menu .menu-item a:before, #header .hfe-nav-menu .menu-item a:after {
	transition: 0.8s;
}

#colophon .contact-list .elementor-icon-list-items .elementor-icon-list-item:nth-child(3) .elementor-icon-list-text {
	word-break: break-word;
}
#colophon .menu-footer.hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li a.hfe-menu-item {
	padding-left: 20px;
    z-index: 1;
    position: relative;
}
#colophon .menu-footer .menu-item a.hfe-menu-item::before {
	content: url(/wp-content/uploads/2024/11/angle-menu.svg);
	position: absolute;
	left: 0;
	z-index: 99;
	color: #000;
	opacity: 1;
    background: transparent;
}
#colophon .menu-footer .menu-item a.hfe-menu-item:hover::before {
	color: #00B3EF;
}
#colophon .menu-footer.hfe-nav-menu__align-left .hfe-nav-menu {
	column-count: 2;
}
#content .sunray-animation img {
    transition: box-shadow 1s ease, border-width 1s ease; /* Smooth transition for fade-out */
}

#content .sunray-animation:hover img {
    animation: sunray-shadow 2s linear infinite;
    border-width: 10px;
}

@keyframes sunray-shadow {
    0% {
        box-shadow: 0 8px 10px rgba(243, 159, 43, 0.3), 
                    0 0 0 0 rgba(245, 225, 54, 0.2), 
                    0 0 0 0 rgba(245, 225, 54, 0.2);
    }
    40% {
        box-shadow: 0 8px 10px rgba(243, 159, 43, 0.3), 
                    0 0 0 15px rgba(245, 225, 54, 0.2), 
                    0 0 0 0 rgba(245, 225, 54, 0.2);
    }
    80% {
        box-shadow: 0 8px 10px rgba(243, 159, 43, 0.3), 
                    0 0 0 30px rgba(245, 225, 54, 0), 
                    0 0 0 26.7px rgba(245, 225, 54, 0.07);
    }
    100% {
        box-shadow: 0 8px 10px rgba(243, 159, 43, 0.3), 
                    0 0 0 30px rgba(245, 225, 54, 0), 
                    0 0 0 40px rgba(245, 225, 54, 0);
    }
}
@keyframes fadeInUp {
    from {
        transform: translate3d(0,100px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}
@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,100px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

.titrespan span{
	font-size:16px
}

@media (max-width: 370px) {
	.bloc-btn-slider .n2-ss-layer-row > .n2-ss-layer-row-inner {
		display: block;
	}
}
@media (max-width: 767px) {
	.f-navmobile {
		position:fixed!important;
		top:0;
		left:0;
		right:0
	}
	#masthead .hfe-nav-menu-icon, #header .hfe-nav-menu-icon {
		margin-right: 0;
        border-radius: 3px;
        padding: 4px;
        text-align: center;
        display: flex;
	}
	.sp-wcsp-slider-area #sp-wcsp-slider-section-1678 .sp-wcsp-cat-item .sp-wcsp-cat-details .sp-wcsp-cat-details-content .sp-wcsp-cat-name a {
		font-size: 16px;
	}
	.numerotation a.elementor-button {
    	width: 48px;
		height: 48px;
	}
	#content .fournisseur .elementor-image-box-wrapper {
		display: flex;
        flex-direction: column-reverse;
	}
	#content .fournisseur .elementor-image-box-img {
        text-align: right;
    }
	#masthead .hfe-nav-menu:before, #header .hfe-nav-menu:before {
		content: url(/wp-content/uploads/2024/11/novastore-mobile.png);
    	margin: 10px 25px 35px;
	}
	#masthead .menu-item a.hfe-menu-item:hover, #header .menu-item a.hfe-menu-item:hover {
        background-color: #F39F2B;
    }
	#masthead .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon, #header .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon {
		border: 1.5px solid #000;
		border-radius: 3px;
		padding: 4px;
		text-align: center;
	}
	#masthead .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg, #header .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg {
		margin: 0;
	}
	#masthead .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg.e-far-file-alt, #header .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg.e-far-file-alt {
		fill: #18527C;
	}
	#masthead .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg.e-fas-phone-alt, #header .elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg.e-fas-phone-alt {
		fill: #F39F2B;
	}
	#masthead .elementor-widget.elementor-widget-icon-list .elementor-icon-list-items > .elementor-icon-list-item:nth-child(1) .elementor-icon-list-icon, #header .elementor-widget.elementor-widget-icon-list .elementor-icon-list-items > .elementor-icon-list-item:nth-child(1) .elementor-icon-list-icon {
		border-color: #F39F2B;
	}
	#masthead .elementor-widget.elementor-widget-icon-list .elementor-icon-list-items > .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon, #header .elementor-widget.elementor-widget-icon-list .elementor-icon-list-items > .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon {
		border-color: #18527C;
	}
	.titreslider div{
		font-size:18px!important
	}
	#content div#n2-ss-2 .nextend-arrow img {
		width: 29px
	}
	.descriptionslider p{
		font-size:14px!important
	}
	.wpcp-carousel-section.nav-vertical-center{
		margin:0
	}
	.headermobile a{
		width:100%!important
	}
	.n2-ss-slide-backgrounds.n2-ow-all{
		position:relative
	}
	.n2-ss-slide-backgrounds.n2-ow-all:after{
		content:"";
		background:#18527c70;
		position:absolute;
		width:100%;
		height:100%;
		z-index: 99;
	}
	#content .elementor-widget-image-carousel.services.height .swiper .swiper-slide figure {
		height: 180px;
	}
}
@media (min-width: 371px) {
	#content div#n2-ss-2  .btn-slider a {
		min-width: 133px;
    	font-size: 13px;
	}
}
@media (min-width: 420px) {
	#content div#n2-ss-2  .btn-slider a {
		 min-width: 158px;
	}
}
@media (min-width: 480px) {
	#content div#n2-ss-2 .bloc-btn-slider .n2-ss-layer-row-inner > .n2-ss-layer[data-sstype="col"] {
		width: calc(50% - 20px);
	}
	#content div#n2-ss-2 .btn-slider a {
		min-width: 165px;
        font-size: 16px;
	}
	
}
@media (min-width: 600px) {
	#content div#n2-ss-2 .btn-slider a {
        min-width: 225px;
        font-size: 16px;
    }
}
@media (min-width: 768px) {
	#masthead .btn-header a.elementor-button, #header .btn-header a.elementor-button {
		width: 167px;
	}
	#masthead .bar-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu, #header .bar-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu {
		justify-content: space-between;
	    width: 100%;
	}
	#masthead .bar-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child), #header .bar-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child) {
		margin-right: 5px;
	}
	#menu-fixed.f-nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9;
    }
	#content .fournisseur .elementor-image-box-wrapper {
		align-items: flex-start;
		text-align: end;
		width: 100%;
		margin: auto;
	}
	#content .fournisseur .elementor-image-box-content {
		width: 100%;
        max-width: max-content;
	}
	.n2-ss-slide-backgrounds.n2-ow-all{
		position:relative
	}
	.n2-ss-slide-backgrounds.n2-ow-all:after{
		content:"";
		background:url(/wp-content/uploads/2025/01/bg-slider.png) no-repeat;
		position:absolute;
		width:100%;
		height:100%;
		z-index: 99;
        background-size: cover;
	}
	#content .elementor-widget-image-carousel.services.height .swiper .swiper-slide figure {
		height: 180px;
	}

}
@media (min-width: 901px) {
	#content div#n2-ss-2 .btn-slider a {
		min-width: 185px;
        font-size: 15px;
	}
}
@media (min-width: 992px) {
	#masthead .bar-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child), #header .bar-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child) {
		margin-right: 10px;
	}
	#masthead .bar-menu .menu-item a.hfe-menu-item, #masthead .titre-menu .elementor-heading-title, #header .bar-menu .menu-item a.hfe-menu-item, #masthead .titre-menu .elementor-heading-title {
		font-size: 13px;
	}
}
@media (min-width: 1025px) {
	#masthead .btn-header a.elementor-button, #header .btn-header a.elementor-button {
		font-size: 14px;
	}
	#masthead .top-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child), #header .top-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child) {
		margin-right: 17px;
	}
	#masthead .top-menu .hfe-nav-menu__layout-horizontal .menu-item a.hfe-menu-item, #header .top-menu .hfe-nav-menu__layout-horizontal .menu-item a.hfe-menu-item {
		font-size: 14px;
	}
	#content div#n2-ss-2 .btn-slider a {
        font-size: 16px;
	}
	#masthead .bar-menu .menu-item a.hfe-menu-item, #masthead .titre-menu .elementor-heading-title, #header .bar-menu .menu-item a.hfe-menu-item, #header .titre-menu .elementor-heading-title {
		font-size: 14px;
	}
	#content .elementor-widget-image-carousel.services.height .swiper .swiper-slide figure {
		height: 240px;
	}
	
}
@media (min-width: 1100px) {

}
@media (min-width: 1200px) {
	#masthead .top-menu .hfe-nav-menu__layout-horizontal .menu-item a.hfe-menu-item, #header .top-menu .hfe-nav-menu__layout-horizontal .menu-item a.hfe-menu-item {
        font-size: 16px;
    }
	#masthead .bar-menu .menu-item a.hfe-menu-item, #masthead .titre-menu .elementor-heading-title, #header .bar-menu .menu-item a.hfe-menu-item, #header .titre-menu .elementor-heading-title {
        font-size: 16px;
    }
	#masthead .btn-header a.elementor-button, #header .btn-header a.elementor-button {
        font-size: 16px;
    }
	#masthead .btn-header a.elementor-button, #header .btn-header a.elementor-button {
		width: 197px;
	}
	#content div#n2-ss-2 .btn-slider a {
        min-width: 244px;
        font-size: 18px;
    }
		
}
@media (min-width: 1300px) {
    #masthead .top-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child), #header .top-menu .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item:not(:last-child) {
        margin-right: 25px;
    }
	#masthead .top-menu .hfe-nav-menu__layout-horizontal .menu-item a.hfe-menu-item, #header .top-menu .hfe-nav-menu__layout-horizontal .menu-item a.hfe-menu-item {
        font-size: 18px;
    }
	#masthead .bar-menu .menu-item a.hfe-menu-item, #masthead .titre-menu .elementor-heading-title, #header .bar-menu .menu-item a.hfe-menu-item, #header .titre-menu .elementor-heading-title {
        font-size: 18px;
    }
}
@media (min-width: 1600px) {
	/*#masthead .bar-menu, #header .bar-menu {
		background: linear-gradient(90deg, #F39F2B 13%, #18527C 13%);
	}*/
}