/**
 * Theme Name:     Haptic Child
 * Author:         themexriver
 * Template:       haptic
 * Text Domain:	   haptic-child
 * Description:    Haptic - Web Agency WordPress Theme
 */
/* VARIABLES */

:root {
	--custom-red-color:#DC313B;
	--custom-green-color:#073736;
	--custom-light-green-color:#00681F;
	--custom-light-pink-color:#F3D7D0;
	--custom-light-pink-hover-color:#EFBDB4;
}


/* HEADER */
.bi-header-section .bi-header-cta-btn-grp .offcanves-btn button {
	background-color: var(--custom-green-color);
}
.bi-header-section.header-style-four .bi-header-main-navigation .main-navigation li:hover a {
	color:var(--custom-red-color);
}
.mobile_menu_button {
	color:#DC313B;
}
.hap-header-menu-navigation {
	background-color: #F3D7D0;
}
.hap-header-section.sticky-on {
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.hap-header-top-area .top-info-cta li {
	color: #F3D7D0;
}
.bi-breadcrumbs-content h2 {
	color: #073736;
	-webkit-text-stroke: 1px #EFBDB4;
}
.bi-breadcrumbs-content ul {
	display:none;
}
.elementor-3496 .elementor-element.elementor-element-7b110ef .commonlogo img {
	margin-left: 40px;
    margin-top: 10px;
}
i.far.fa-search {
	margin-right: 40px;
}
.bi-mobile-header-social {
	display:none;
}
/* BANNER */

.bi-slider-section-4 {
	background-color:transparent;
}

/* BLOC MOTS, CATEGORIES -> ACCUEIL */

.hap-service-scroll-text-area, .bi-portfolio-filter-btn li, .bi-portfolio-img-text-3 .portfolio-text {
	background-color: var(--custom-green-color);
}
.bi-portfolio-img-text-3 .porfolio-icon {
	background-color: var(--custom-light-pink-hover-color);
}
.bi-portfolio-img-text-3 .portfolio-text .more_btn {
	border-radius:50%;
	margin-right:12px;
}
.portfolio-text.headline.position-absolute > span > a {
	color:var(--custom-light-pink-hover-color);
}
.bi-portfolio-img-text-3 .portfolio-text .more_btn i {
	color:var(--custom-light-pink-color);
}

.activities i.flaticon, .activities .service-title.hap-headline span {
	color: var(--custom-red-color);
}
.activities .hap-service-item.active:hover .service-title.hap-headline span {
	color: var(--custom-light-green-color);
}
.activities .service-category a {
	border: 1px solid var(--custom-red-color);
}
.activities .service-category a:hover {
	color: #FFFFFF !important;
	border: 1px solid var(--custom-light-green-color); !important;
}
#bi-portfolio-3 .bi-section-title-3.headline.pera-content .bi-subtitle {
	 display:none;
}
.title-auto {
	margin: 0 auto;
}
#bi-header {
	z-index:15;
}

.bi-header-section.header-style-four {
	background-color:var(--custom-light-pink-color);
}
.hap-contact-form button {
	background: rgb(235,92,24);
	background: linear-gradient(135deg, rgba(235,92,24,1) 0%, rgba(249,80,85,1) 45.72%, rgba(202,45,184,1) 100%);
}
.hap-service-scroll-text-area h2 .scroller_item_1 {
	background: rgb(235,92,24);
	background: linear-gradient(135deg, rgba(235,92,24,1) 0%, rgba(249,80,85,1) 45.72%, rgba(202,45,184,1) 100%);
}
/*.sub-title .text-uppercase {
	background: rgb(235,92,24);
	background: linear-gradient(135deg, rgba(235,92,24,1) 0%, rgba(249,80,85,1) 45.72%, rgba(202,45,184,1) 100%);	
}*/
.bi-portfolio-img-text-3 .porfolio-icon {
	background-color : #DC313B;
}
// A PROPOS

.hap-team-item .team-img:before {
	background-color:var(--custom-light-pink-color) !important;
}
.hap-about-img-area .about-exp {
	width: 195px;
	height: 150px;
}
.hap-about-img-area .about-exp span {
	max-width: unset;
}
.hap-about-feature-area:before, .hap-about-feature-area:after {
	background-color:var(--custom-red-color);
}
.bi-service-feed-item.position-relative .serial-number.position-absolute {
	opacity: 1;
	-webkit-text-stroke-color:var(--custom-red-color);
}
.bi-service-feed-item.position-relative:hover .serial-number.position-absolute {
	-webkit-text-stroke-color:#EFBDB4;
}
.bi-service-feed-item .service-text .read_more {
	background-color: #DC313B;
	opacity: 0.9;
}
.bi-service-feed-item .service-text .read_more {
	color: #EFBDB4;
}
/*.bi-service-feed-item .service-text .read_more:hover {
	color: #EFBDB4;
}*/
.bi-service-feed-item.position-relative:hover .fas.fa-long-arrow-right {
	color: #DC313B;
}
.bi-service-feed-item.position-relative:hover .service-text .read_more {
	background-color: #EFBDB4;
}
.bi-service-feed-item.position-relative:hover .flaticon {
	color: #EFBDB4;
}
.bi-service-feed-item:before {
	border-bottom: none;
}
.bi-service-feed-item .service-icon:before {
	background-color: transparent;
}
.bi-service-feed-item .service-text .read_more:before {
	color: #EFBDB4;
}
.hap-faq-accordion-area .accordion-button span {
	color: #F3D7D0;
}
.elementor-5166 .elementor-element.elementor-element-aef0aca .hap-section-title .headline-title {
	font-weight: 900;
	letter-spacing: 1.6px;
    word-spacing: 0px;	
}
.hap-about-img-area .about-exp {
	background: rgb(235,92,24);
	background: linear-gradient(135deg, rgba(235,92,24,1) 0%, rgba(249,80,85,1) 45.72%, rgba(202,45,184,1) 100%);
}
:root {
	--hap-base-color : #DC313B;
}
.hap-faq-accordion-area .accordion-button::after {
	color: #DC313B;
}
.hap-carousel-arrow-next-prev .hap-slider-arrow {
	color: #EFBDB4;
}
.hap-carousel-arrow-next-prev .hap-slider-arrow:before, .hap-carousel-arrow-next-prev .hap-slider-arrow:after {
	background-color: #07373A;
}
.hap-carousel-arrow-next-prev .hap-slider-arrow:after {
	background-color: #DC313B;
}

/*MACHIN HEADER*/
.top-info-cta.ul-li a {
	color:#F3D7D0!important;
}

.hap-slider-arrow i.fa-long-arrow-left {
	margin-left:18px;
}

.hap-slider-arrow i.fa-long-arrow-right {
	margin-right:18px;
}
/*PAGES SERVICES*/
.elementor-5405 .elementor-element.elementor-element-b2e02b7 .scetion-title-2 {
	color: #DC313B !important;
}
.scetion-title-2 {
	color: #DC313B;
}
.section-pera-2 {
	color: #DC313B;
}
.hpt-service-2-content .service-feature li {
	color: #DC313B;
}
.hpt-btn-3 {
	background: rgb(235,92,24);
	background: linear-gradient(135deg, rgba(235,92,24,1) 0%, rgba(249,80,85,1) 45.72%, rgba(202,45,184,1) 100%);
}
.hpt-service-2-content .btn-wrap {
	border: none;
}
.hpt-about-2-feature-item {
	background: #DC313B;
	opacity: 0.8;
	border-radius: 12px;
	animation-name: none;
	transition: none;
}
.hpt-about-2-feature-item .title {
	color: #F3D7D0;
}
.hpt-about-2-feature-item .text {
	color: #F3D7D0;
}
.icon-services svg{
	width : 50px;
}

.service-feature li {
	display : block !important;
}
/*A PROPOS RESPONSIVE*/
span.year-abt {
	font-size:55px!important;
	font-weight:700!important;
}

@media only screen and (max-width: 680px) {
	.hap-about-feature-area:before, .hap-about-feature-area:after {
		display: none;
	}
}
@media (max-width:1499px) {
	.abt-mov-wide {
		display:none!important;
	}
}
@media (min-width:1499px) {
	.abt-mov-low {
		display:none!important;
	}
}

@media only screen and (max-width: 991px) {
	.hap-header-section {
		background-color : transparent;
	}
	
	body:not(.home) .hap-header-section .mobile_menu_button {
		top: -69px;
        margin-right: 25px;
	}
	.hpt-about-2-feature-item.wow.fadeIn.animated {
		width:100%;
	}
}
/*ACCUEIL RESPONSIVE*/
@media only screen and (max-width: 1024px) {
	.hap-contact-form {
		align-items: center;		
	}
}

/* FOOTER ICONS */

.page-id-5166 .site-footer span.elementor-icon-list-icon {
	position:static;
	margin-right:24px;
}
.site-footer span.elementor-icon-list-icon svg {
	fill:#FFF;
	filter:none;
}

.bi-btn-4 a span {
	background:none;
}
.bi-contact-info-item .info-bg:before {
	background: transparent;
}
.bi-contact-info-item.position-relative h3, .bi-contact-info-item.position-relative:hover h3 {
	color:#073736;
}
.bi-contact-info-item.position-relative p, .bi-contact-info-item.position-relative p a, .bi-contact-info-item.position-relative:hover p, .bi-contact-info-item.position-relative:hover p a {
	color:#073736;
}

.filtr-button {
	background-color:#073736 !important;
}

.filtr-button.filtr-active {
	background-color:#DC313B !important;
}

.offcanves-btn.navSidebar-button, .hap-search-btn {
	display:none;
}


/* ACCEPTANCE */

.wpcf7-form-control.wpcf7-acceptance label {
	display:flex;
	flex-direction:row;
	align-items:center;
}
.wpcf7-form-control.wpcf7-acceptance label input {
	max-width:24px;
	max-height:24px;
	margin:0;
	margin-right:12px;
	margin-bottom:12px;
}

form .wpcf7-form-control-wrap, .wpcf7-form-control.wpcf7-acceptance, form .wpcf7-list-item {
	display:block;
	width:100%;
}
.hap-contact-select:before {
    top: 42px !important;
}