/*
Theme Name: Auto Clean Child Theme
Theme URI: https://auto-clean.ancorathemes.com/
Description: Auto Clean is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AncoraThemes
Author URI: https://ancorathemes.com/
Version: 1.12.0
Tested up to: 6.8
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: auto-clean
Template: auto-clean
*/


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


/* Réduire la largeur de la barre de défilement */
::-webkit-scrollbar {
  width: 10px;
  background-color: #e5e5e5;
}

/* Arrondir les bords de la barre de défilement */
::-webkit-scrollbar-thumb {
    border-radius: 4px;
}

/* Foncer la couleur grise de la barre de défilement */
::-webkit-scrollbar-thumb {
    background-color: #555555;
}




/*------------------------------------------- END GENERAL -------------------------------------------*/
/*------------------------------------------- END GENERAL -------------------------------------------*/


/*------------------------------------------- COLOR -------------------------------------------*/
/*------------------------------------------- COLOR -------------------------------------------*/

.trx-addons-mobile-menu-outer-container{
  background-color: #12372a !important;
}


/*------------------------------------------- END COLOR -------------------------------------------*/
/*------------------------------------------- END COLOR -------------------------------------------*/

/*------------------------------------------- FONT -------------------------------------------*/
/*------------------------------------------- FONT -------------------------------------------*/


.strongPoints  p{
  font-size: 14px !important;
}

.elementor-kit-5 a{
  font-size: inherit;
}

.trx-addons-menu-link-text{
  font-weight: 500;
}


/*------------------------------------------- END FONT -------------------------------------------*/
/*------------------------------------------- END FONT -------------------------------------------*/

/*------------------------------------------------ TITLE ------------------------------------------------*/
/*------------------------------------------------ TITLE ------------------------------------------------*/

h1,h2,h3,h4{
  text-transform: none;
  line-height: 1.2 !important;
  font-family: "Inter tight" !important;
}

h1{
  font-size: calc(5px + 3vw) !important;
  max-width: calc(800px + 20vw);
  font-weight: 500;
  letter-spacing: -2px;
}

.home h1{
  font-size: calc(15px + 3vw) !important;
}

h1 span, h2 span{
  color: #ACAFB2;
}

h2{
  font-size: calc(-1px + 2vw) !important;
  letter-spacing: -1px;
  font-weight: 600;
}

h3{
  font-size: calc(11px + 0.5vw);
  line-height: 1.3 !important;
  letter-spacing: 0px;
  font-weight: 600;
}

.strongPoints h3{
  font-weight: 600;
  font-size: calc(10px + 0.5vw);
}



/*------------------------------------------------ END TITLE ------------------------------------------------*/
/*------------------------------------------------ END TITLE ------------------------------------------------*/


/*------------------------------------------------ ELEMENT ------------------------------------------------*/
/*------------------------------------------------ ELEMENT ------------------------------------------------*/




/*------------------------------------------------ END ELEMENT ------------------------------------------------*/
/*------------------------------------------------ END ELEMENT ------------------------------------------------*/


/*------------------------------------------------ BUTTON ------------------------------------------------*/
/*------------------------------------------------ BUTTON ------------------------------------------------*/


.button1 a{
  border-radius: 50px;
  border: solid 2px #d1892a !important;
  background: transparent !important;
  padding: 10px 30px;
  font-size: 15px;
}

.button1 a:hover{
  background-color: #d1892a !important;
}

/*------------------------------------------- END BUTTON -------------------------------------------*/
/*------------------------------------------- END BUTTON -------------------------------------------*/

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

header{
  position: sticky !important;
  top: 0 !important;
  height: 0;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
}

header > div{
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  background-color: rgb(255,255,255,1) !important;
}

body:not(.home) header > div{
  box-shadow: 0 0 8px 3px rgb(0, 0, 0, 0.05);
}

.is-scrolling-down header{
  top: -200px !important;
}

.home:not(.is-scrolling-up header) > div, .home.is-at-top header > div{
  background-color: rgb(255,255,255,0) !important;
}


header .logo_image{
  max-height: 75px !important;
  margin-top: -20%;
  margin-bottom: -20%;
  margin-left: -10%;
}

header li:not(.current-menu-item):not(.current-menu-ancestor) .trx-addons-menu-link-text{
  color: #2A2A2E !important;
}

.home:not(.is-scrolling-up) header ul:not(.trx-addons-submenu) > li:not(.current-menu-item):not(.current-menu-ancestor) > a > .trx-addons-menu-link-text,
.home.is-at-top header ul:not(.trx-addons-submenu) > li:not(.current-menu-item):not(.current-menu-ancestor) > a > .trx-addons-menu-link-text {
    color: #fff !important;
}

/* Hover menu principal + sous-menus */
html body .body_wrap .page_wrap header li:hover > a > .trx-addons-menu-link-text,
html body .body_wrap .page_wrap header a:hover > .trx-addons-menu-link-text {
    color: var(--e-global-color-224177a) !important;
}

/*------------------------------------------------ END HEADER ------------------------------------------------*/
/*------------------------------------------------ END HEADER ------------------------------------------------*/


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


/*------------------------------------------------ END FOOTER  ------------------------------------------------*/
/*------------------------------------------------ END FOOTER ------------------------------------------------*/


/*------------------------------------------------   FORM ------------------------------------------------*/
/*------------------------------------------------   FORM ------------------------------------------------*/




/*------------------------------------------------ END  FORM ------------------------------------------------*/
/*------------------------------------------------ END  FORM ------------------------------------------------*/



/*------------------------------------------------  PAGE 2nd  ------------------------------------------------*/
/*------------------------------------------------  PAGE 2nd  ------------------------------------------------*/




/*------------------------------------------------- END PAGE 2nd -----------------------------------------------*/
/*------------------------------------------------- END PAGE 2nd -----------------------------------------------*/

/*------------------------------------------  BLOG -----------------------------------------------*/
/*-----------------------------------------  BLOG -----------------------------------------------*/





/*----------------------------------------------- END BLOG -----------------------------------------------*/
/*----------------------------------------------- END BLOG -----------------------------------------------*/


/*------------------------------------------------- SHOP-----------------------------------------------*/
/*------------------------------------------------- SHOP-----------------------------------------------*/




/*------------------------------------------------- END SHOP -----------------------------------------------*/
/*------------------------------------------------- END SHOP -----------------------------------------------*/

/*------------------------------------------------- 4K-----------------------------------------------*/
/*------------------------------------------------- 4K-----------------------------------------------*/




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


}



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



}



/*------------------------------------------------- END 4K-----------------------------------------------*/
/*------------------------------------------------- END 4K-----------------------------------------------*/


/*------------------------------------------------- LAPTOP-----------------------------------------------*/
/*------------------------------------------------- LAPTOP-----------------------------------------------*/


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


}






/*------------------------------------------------- END LAPTOP -----------------------------------------------*/
/*------------------------------------------------- END LAPTOP -----------------------------------------------*/

/*------------------------------------------------- TABLET-----------------------------------------------*/
/*------------------------------------------------- TABLET-----------------------------------------------*/




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

  h1{
    font-size: calc(21px + 3vw) !important;
    letter-spacing: -0.5px;
  }

  h3{
    font-size: calc(10px + 1vw);
  }

  header .logo_image {
    margin-left: 0;
  }

  header li:not(.current-menu-item):not(.current-menu-ancestor) .trx-addons-menu-link-text {
    color: #fff !important;
}




}




/*------------------------------------------------- END TABLET-----------------------------------------------*/
/*------------------------------------------------- END TABLET-----------------------------------------------*/

/*------------------------------------------------- LANDSCAPE-----------------------------------------------*/
/*------------------------------------------------- LANDSCAPE-----------------------------------------------*/

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

  .home h1{
    font-size: calc(26px + 3vw) !important;
    letter-spacing: 0 !important;
  }

  h2 {
    font-size: calc(15px + 2vw) !important;
    font-weight: 600;
  }

  .why h3{
    font-size: calc(14px + 1vw) !important;
  }

  .why .trx_addons_bg_text_effect_slide{ 
      margin-left: 97% !important;
      margin-top: -7% !important;
  }



}


/*------------------------------------------------- END LANDSCAPE-----------------------------------------------*/
/*------------------------------------------------- END LANDSCAPE-----------------------------------------------*/

/*------------------------------------------------- PORTRAIT-----------------------------------------------*/
/*------------------------------------------------- PORTRAIT-----------------------------------------------*/


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

  h3{
    font-size: calc(14px + 1vw) !important;
    font-weight: 600;
  }

  .strongPoints h3{
    font-size: calc(10px + 1vw) !important;
  }


  .strongPoints  p{
    font-size: 12px !important;
    line-height: 1.4;
  }

  .strongPoints > div{
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .strongPoints > div > div{
    padding: 20px !important;
  }

  .strongPoints svg{
    height: 0.7em;
  }





}