/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://example.com/hello-elementor-child
 Description:  Thème enfant pour Hello Elementor
 Author:       NCCOM
 Author URI:   https://example.com
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

html, body {overflow-x: hidden;}

/* GENERAL */

.none {display: none !important;}
.block {display: block;}
.clear {clear: both;}

.thin {font-weight: 200;}
.light {font-weight: 300;}
.regular {font-weight: 400;}
.medium {font-weight: 500;}
.semibold {font-weight: 600;}
.bold {font-weight: 700;}

.upp {text-transform: uppercase;}

/* COLORS */

.red {color: #C32026;}
.red_dark {color: #880F14;}
.black {color: #000;}

.bg_red {background-color: rgba(195,32,38,1);} 
.bg_red_dark {background-color: rgba(136,15,20,1);} 
.bg_black {background-color: rgba(0,0,0,1);} 

:root {
  --red: #C32026;
  --red_dark: #880F14;
  --text: #353535;
  --black: #000;
}

/* TITLES */


.title_h1 {}
.title_h1 h1 {}
.title_h2 {}
.title_h2 h2 {}
.title_h3 {}
.title_h3 h3 {}
.title_h4 {}
.title_h4 h4 {}

.title_container {}

.title_custom20 {text-transform: uppercase; font-size: 20px; display: block; margin-bottom: 10px;}


/* BREADCRUMBS */

.breadcrumbs a:hover {text-decoration: underline;}



/* BOUTONS FIXED : WhatsApp, Tel, MAil */

.contact_btn {position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: 99999; flex-direction: column; row-gap: .75rem; display: flex; transition: all ease-in-out 1s;}
.contact_btn_content {}
.contact_btn_content.closed {display: none; transition-duration: .3s; opacity: 0; visibility: hidden;}
.urlencode {margin-top: .75rem; display: flex; height: 4rem; width: 4rem; align-items: center; justify-content: center; border-radius: 9999px; transition-duration: .2s; transform: scale(1);}
.urlencode:hover {background-color: var(--red_dark);}
.contact_btn i {font-size: 30px; color: #fff;}
.mail_btn {background-color: var(--red);}
.phone_btn {background-color: var(--red);}
.whatsapp_btn {background-color: rgb(6,158,0);}
.contact_btn_action {display: flex; height: 4rem; width: 4rem; align-items: center; justify-content: center; border-radius: 9999px; transition-duration: .2s; transform: scale(1);}
.open_btn {background-color: var(--red);}
.open_btn:hover {background-color: var(--red_dark);} 
.close_btn {background-color: rgba(0,0,0,0.8);}
.contact_btn span, .contact_btn_action {cursor: pointer;}
.contact_btn span:hover, .contact_btn_action:hover {transform: scale(1.05); transition-duration: .2s;}


/* BOUTONS */

.btn_ico {}


/* SPECIALS */

.col_radius25 {border-radius: 25px;}
.grecaptcha-badge {z-index: 0 !important; bottom: -100px !important;}
#tarteaucitronAlertBig button {letter-spacing: 0;}


/* MUR SOCIAL */

.mur_social .fts-mashup-post-wrap {width: 23%;  margin: 1%; box-shadow: 0 3px 5px -1px rgba(184,184,184,.5); vertical-align: top; background-color: #000; border-radius: 8px; overflow: hidden; padding: 10px !important;}
.fts-mashup-media-top .fts-mashup-image-and-video-wrap {border-top-left-radius: 25px; overflow: hidden;}
.mur_social .fts-mashup .fts-jal-fb-see-more, .mur_social .fts-mashup .fts-single-pin-like-count, 
  .mur_social .fts-mashup .fts-single-pin-repin-count, .mur_social .fts-mashup a.ft-gallery-link-popup, 
    .mur_social .fts-mashup-count-wrap a, body .mur_social .fts-mashup-count-wrap li {color: var(--red) !important;}
.mur_social .fts-mashup-count-wrap .fts-share-wrap {display: none;}
.mur_social .ft-gallery-share-wrap {background: none;}
.mur_social .fts-mashup .fts-likes-shares-etc-wrap a, .mur_social .fts-mashup-mur_social-icon a:before {color: var(--red);}
.mur_social .fts-mashup-media-top.fts-mashup-post-wrap .fts-jal-fb-user-name {padding-top: 10px; text-transform: initial;}
.mur_social .fts-mashup-description-wrap > a {color: var(--red); font-size: 12px; font-style: italic;}
.mur_social .fts-mashup-media-top.fts-mashup-post-wrap .fts-jal-fb-user-name > a {color: var(--red); font-size: 25px; font-weight: 700; line-height: 0em; letter-spacing: 0px; text-transform: capitalize;}
.mur_social .fts-mashup-description-wrap {font-size: 12px; color: #fff;}
.mur_social .fts-mashup a.ft-gallery-link-popup, body .mur_social .fts-mashup-count-wrap a, .mur_social .fts-fb-likes-shares-etc-content {display: none;}
.mur_social .fts-jal-fb-post-time {color: rgba(255,255,255,.5);} 
.mur_social .fts-jal-fb-message {font-size: 14px; color: #fff; text-align: justify;}
.mur_social .fts-feed-type-facebook .fts-mashup-icon-wrap-left a:before, .mur_social .fts-jal-fb-message a {color: var(--red);}

@media screen and (max-width: 1199px){

  .mur_social .fts-mashup-post-wrap {width: 30.3%;}
}

@media screen and (max-width: 767px){
  .mur_social .fts-mashup-post-wrap {width: 100%; margin-left: 0; margin-right: 0;}
  .mur_social .fts-mashup-image-and-video-wrap.popup-gallery-twitter {display: flex; justify-content: center;}
}



/* HEADER */

.section_header {background-color: rgba(0,0,0,0); transition: background-color ease-in-out .6s;}
.header_top {}
.header_top_left {}
.header_top_right {}
.header_left  {}
.header_logo {}
.header_logo img {transition: width ease-in-out .6s;}
.header_right  {}
.header_menu {}
.header_btn {}

.btn_conseil {}
.btn_conseil .elementor-button-content-wrapper > * {padding: 10px 15px;}
.btn_conseil .elementor-button-content-wrapper > .elementor-button-text:after {content: 'Formulaire de contact'; display: block; font-size: 12px; font-weight: 00; margin-top: 2px; letter-spacing: -0.5px;}
.btn_conseil .elementor-button-icon {background-color: #000; border-top-right-radius: 8px; border-bottom-right-radius: 8px; font-size: 25px;}

/* HEADER FIXED */

header.header_fixed .section_header {background-color: rgba(0,0,0,.9); transition: background-color ease-in-out .6s;}
header.header_fixed .header_logo img {width: 110px !important; transition: width ease-in-out .6s;}


/* MENU MOBILE */



/* HOME */

.bloc_univers {}
.bloc_univers:not(.bloc_univers_3) .elementor-image-box-content .elementor-image-box-title {margin-top: 0 !important;}
.bloc_univers figure.elementor-image-box-img {width: 50px; min-width: 50px;}
.bloc_univers_1:hover, .bloc_univers_6:hover {background-color: #000 !important;}
.bloc_univers_2:hover {background-color: #175A35 !important;}
.bloc_univers_3:hover {background-color: #6D4123 !important;}
.bloc_univers_4:hover {background-color: #054083 !important;}
.bloc_univers_5:hover {background-color: var(--red) !important;}
.bloc_univers:hover .elementor-image-box-title {color: #fff !important;}


.home_title {background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);}
.home_title_h1 {}
.home_title_h1 h1 {}
.home_subtitle {}

.boucle .marquee__item {font-family: "Plus Jakarta Sans", Sans-serif; font-size: 16px; font-weight: 800; text-transform: uppercase; font-style: italic; color: #000;}
.boucle .marquee__sep {margin-top: 4px;}

.home_services {}
.col_service {}
.col_service:hover:before {opacity: 0.5 !important;}
.box_service {}
.box_service .elementor-icon {background-color: #fff; padding: 10px; border-radius: 10px;}

.col_metier {}
.box_metier {}
.col_metier .elementor-icon-box-content:before {content: ''; max-width: 20px; max-height: 20px; background-size: contain; background-position: center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; margin-right: 5px;}
.col_metier.ico_electricien .elementor-icon-box-content:before {background-image: url('img/ico-electricien.png'); width: 70px; height: 93px;}
.col_metier.ico_plombier .elementor-icon-box-content:before {background-image: url('img/ico-plombier.png'); width: 98px; height: 88px;}
.col_metier.ico_menuisier .elementor-icon-box-content:before {background-image: url('img/ico-menuisier.png'); width: 103px; height: 96px;}
.col_metier.ico_chauffagiste .elementor-icon-box-content:before {background-image: url('img/ico-chauffagiste.png'); width: 89px; height: 95px;}
.col_metier.ico_frigoriste .elementor-icon-box-content:before {background-image: url('img/ico-frigoriste.png'); width: 85px; height: 87px;}
.col_metier.ico_cuisiniste .elementor-icon-box-content:before {background-image: url('img/ico-cuisiniste.png'); width: 91px; height: 103px;}
.col_metier.ico_btp .elementor-icon-box-content:before {background-image: url('img/ico-btp.png'); width: 107px; height: 104px;}
.col_metier.ico_technicien .elementor-icon-box-content:before {background-image: url('img/ico-technicien.png'); width: 102px; height: 94px;}
.col_metier.ico_mecanicien .elementor-icon-box-content:before {background-image: url('img/ico-mecanicien.png'); width: 96px; height: 86px;}
.col_metier.ico_nautique .elementor-icon-box-content:before {background-image: url('img/ico-nautique.png'); width: 104px; height: 89px;}
.col_metier.ico_4x4 .elementor-icon-box-content:before {background-image: url('img/ico-4x4.png'); width: 103px; height: 94px;}
.col_metier.ico_camping-car .elementor-icon-box-content:before {background-image: url('img/ico-camping-car.png'); width: 118px; height: 86px;}
.col_metier.ico_intervention .elementor-icon-box-content:before {background-image: url('img/ico-intervention.png'); width: 103px; height: 89px;}
.col_metier .elementor-icon-box-title {display: inline-block; vertical-align: middle; max-width: -webkit-calc(100% - 30px); max-width: -moz-calc(100% - 30px); max-width: calc(100% - 30px);}

/*/var/web/east06/htdocs/wp-content/themes/hello-elementor-child/img/ico-4x4.png
/var/web/east06/htdocs/wp-content/themes/hello-elementor-child/img/ico-btp.png
/var/web/east06/htdocs/wp-content/themes/hello-elementor-child/img/ico-camping-car.png
/var/web/east06/htdocs/wp-content/themes/hello-elementor-child/img/ico-chauffagiste.png
/var/web/east06/htdocs/wp-content/themes/hello-elementor-child/img/ico-cuisiniste.png
/var/web/east06/htdocs/wp-content/themes/hello-elementor-child/img/ico-electricien.png
/var/web/east06/htdocs/wp-content/themes/hello-elementor-child/img/ico-frigoriste.png
/var/web/east06/htdocs/wp-content/themes/hello-elementor-child/img/ico-intervention.png
/var/web/east06/htdocs/wp-content/themes/hello-elementor-child/img/ico-mecanicien.png
/var/web/east06/htdocs/wp-content/themes/hello-elementor-child/img/ico-menuisier.png
/var/web/east06/htdocs/wp-content/themes/hello-elementor-child/img/ico-nautique.png
/var/web/east06/htdocs/wp-content/themes/hello-elementor-child/img/ico-plombier.png
/var/web/east06/htdocs/wp-content/themes/hello-elementor-child/img/ico-technicien.png*/

.box_confiance .elementor-icon {background-color: #fff; padding: 10px; border-radius: 10px;}

.form_contact .elementor-field-group input:focus, .form_contact .elementor-field-group textarea:focus {border-color: #C3202666 !important; box-shadow: 0px 10px 10px -4px rgba(0, 0, 0, 0.1) !important;}
.form_contact .elementor-field-type-acceptance > label {display: none !important;}
.form_contact .elementor-field-type-acceptance .elementor-field-subgroup label {font-size: 12px !important; line-height: 1.2; display: inline-block; vertical-align: top; width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); padding-left: 5px;}

/* PAGES DE CONTENU */



/* UNIVERS */

.univers_col_left_txt {}
.univers_col_right_img {}

.univers_col_left_img {}
.univers_col_right_txt {}




/* LEGAL */

/*.section_legal .title_legal {border-bottom: 2px solid var(--orange-perse); padding-bottom: 5px; text-align: left; text-transform: uppercase; font-family: IvyOraDisplay; font-weight: 600; font-size: 18px; display: inline-block; margin-top: 30px; margin-bottom: 12px;}
.section_legal p:not(.title_legal) {margin: 0;}
.section_legal a {color: var(--orange-perse) !important;}
.section_legal a:hover {text-decoration: underline !important;} */



/* BLOG LISTING */

.actu_listing_single {}
.actu_img img {transform: scale(1); transition: all ease-in-out .4s;}
.actu_listing_single:hover .actu_img img {transform: scale(1.05); transition: all ease-in-out .4s;}
.actu_title {margin-bottom: 5px !important;}
.actu_excerpt {}



/* BLOG DETAILS */


.blog_header {}
.blog_header_title {}
.blog_header_meta {}
.blog_header_title {}
.blog_ico_partage {}

.blog_content {}
.blog_content_excerpt {}
.blog_content_img {}
.blog_content_txt {}
.blog_content_txt h2, .blog_content_txt h3, .blog_content_txt h4, .blog_content_txt h5, .blog_content_txt h6 {color: var(--blue); margin-top: 30px;}
.blog_content_txt strong, .blog_content_txt a {color: var(--blue); font-weight: 600;}
.blog_content_txt a:hover {text-decoration: underline;}

.sidebar_title {}
.sidebar_posts {}



/* CONTACT */



/* PAGES LÉGALES */

.txt_legal p {text-align: justify; line-height: 1.4;}
.txt_legal p.h3 {font-size: 20px; text-transform: uppercase; text-align: left; color: var(--red); font-weight: 700; border-bottom: 1px solid; margin-top: 30px;}
.txt_legal p.h3:first-child {margin-top: 0;}
.txt_legal a:hover {text-decoration: underline;}
.txt_legal li {padding-bottom: 5px; line-height: 1.2;}


/* FOOTER */

.footer {}
.footer_top {}
.footer_infos {}
.footer_menu {}
.footer_menu ul {}
.footer_menu ul li {}
.footer_menu ul li a {}
.footer_social {}
.footer_bottom {}
.footer_bottom .copyright {}
.footer_bottom .copyright a {}
.footer_bottom .copyright a:hover {}


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



@media screen and (min-width: 1025px){

  .header_menu .elementor-nav-menu > li.menu-item-172,
    .header_menu .elementor-nav-menu > li.menu-item-883,
      .header_menu .elementor-nav-menu > li:last-child {display: none !important;}
  .header_menu .elementor-nav-menu--dropdown a {padding-right: 30px !important;}
}


@media screen and (min-width: 768px){

  .univers_col_left_txt {padding-right: 5%;}
  .univers_col_right_txt {padding-left: 5%;}

}


/* ---------------------------------------------------------- */



@media screen and (max-width: 1920px){


}

@media screen and (max-width: 1700px){



}

@media screen and (max-width: 1600px){

}


@media screen and (max-width: 1599px){


}



@media screen and (max-width: 1366px){


}


@media screen and (max-width: 1280px){


 

}
  
@media screen and (max-width: 1200px){


}

@media screen and (max-width: 1199px){


}

@media screen and (max-width: 1199px) and (min-width: 1025px){


}

@media screen and (max-width: 1100px){


}

@media screen and (max-width: 1024px){

  .section_header .header_bottom .header_menu .elementor-nav-menu--dropdown.elementor-nav-menu__container {margin-top: 0 !important;}
  .section_header .header_bottom .header_menu .elementor-nav-menu--dropdown .elementor-nav-menu a {justify-content: start; padding-left: 30px; border-bottom: 1px solid rgba(255,255,255,.1);}
  .section_header .header_bottom .header_menu .elementor-nav-menu--dropdown .elementor-nav-menu li ul li a {padding-left: 50px !important;}

}

@media screen and (max-width: 1023px){


}

@media screen and (max-width: 992px) and (min-width: 768px){



}

@media screen and (max-width: 992px){



}

@media screen and (max-width: 880px){

  .col_bg {min-height: 400px;}
}


@media screen and (max-width: 768px){

 
}

@media screen and (max-width: 767px){

  .header_top_left .elementor-widget-icon-list .elementor-icon-list-items {justify-content: space-between;}
  .column_reverse > .e-con-inner {flex-direction: column-reverse !important;}
}


@media screen and (max-width: 600px){



}

@media screen and (max-width: 599px){


}


@media screen and (max-width: 499px){


}


@media screen and (max-width: 480px){


}


@media screen and (max-width: 479px){


}


@media screen and (max-width: 449px){



}

@media screen and (max-width: 399px){



}
 

@media screen and (max-width: 379px){


}