/**
* CSS Name: Main_Styles
* Description: Feuille de styles personnalisée
* Author: Olivier Paudex
* Author Web Site: https://www.fuyens.ch
*/

  /* Desktop */
  @media only screen and (min-width: 1231px) {
    :root {
      --font_size: 18px;
      --font_size_h1: 42px;
      --font_size_h2: 33px;
      --font_size_h3: 25px;
      --font_size_h4: 22px;
      --font_size_h5: 21px;
      --font_size_h6: 20px;
      --default-line-height: 1.6em;
    }
  }
  
  /* Tablet */
  @media only screen and (min-width: 621px) and (max-width: 1230px) {
    :root {
      --font_size: 17px;
      --font_size_h1: 38px;
      --font_size_h2: 28px;
      --font_size_h3: 24px;
      --font_size_h4: 22px;
      --font_size_h5: 21px;
      --font_size_h6: 20px;
      --default-line-height: 1.4em;
    }
  }
  
  /* Smartphone */
  @media only screen and (max-width: 620px) {
    :root {
      --font_size: 16px;
      --font_size_h1: 28px;
      --font_size_h2: 24px;
      --font_size_h3: 22px;
      --font_size_h4: 20px;
      --font_size_h5: 19px;
      --font_size_h6: 18px;
      --default-line-height: 1.4em;
    }
  }
  
/* Title H1 */
h1.elementor-heading-title, .elementor-text-editor h1 {
  font-family: "Open Sans", Sans-Serif;
  font-size: var(--font_size_h1)!important;
  font-weight: 800;
  letter-spacing: -1.5px;
  text-align: center;
}

/* Title H2 */
h2.elementor-heading-title, .elementor-text-editor h2 {
  font-family: "Open Sans", Sans-Serif;
  font-size: var(--font_size_h2)!important;
  font-weight: 600;
  letter-spacing: -1px;
  font-style: oblique;
  text-align: center;
}

/* Title H3 */
h3.elementor-heading-title, .elementor-text-editor h3, .elementor-sitemap-title {
  font-family: "Open Sans", Sans-Serif;
  font-size: var(--font_size_h3)!important;
  font-weight: 600;
  letter-spacing: -1px;
}

/* Title H4 */
h4.elementor-heading-title, .elementor-text-editor h4, .elementor-alert-title, .elementor-author-box__name {
  font-family: "Open Sans", Sans-Serif;
  font-size: var(--font_size_h4)!important;
  font-weight: 600;
  letter-spacing: -1px;
}

/* Title H5 */
h5.elementor-heading-title, .elementor-text-editor h5 {
  font-family: "Open Sans", Sans-Serif;
  font-size: var(--font_size_h5)!important;
  font-weight: 600;
  letter-spacing: -1px;
}

/* Title H6 */
h6.elementor-heading-title, .elementor-text-editor h6 {
  font-family: "Open Sans", Sans-Serif;
  font-size: var(--font_size_h6)!important;
  font-weight: 600;
  letter-spacing: -1px;
}

/* Paragraphe, ToC, Icon List */
p.elementor-heading-title, .elementor-item, .elementor-sub-item, .icon-text {
  font-family: "Open Sans", Sans-Serif;
  font-size: var(--font_size)!important;
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: var(--default-line-height);
}

/***********************************************************************************************************************************/

/* Button center */
.elementor-button-wrapper {
  display: flex;
  justify-content: center;
}

/* Button style */
.elementor-widget-button a, button.elementor-button {
  background-color: #2E8BC0;
  color: #FCFCFC!important;
  border-style: none!important;
  border-radius: 5px!important;
  padding: 10px 20px 10px 20px!important;
}

/* Button hover effect */
.elementor-widget-button a:hover, .elementor-widget-button a:active, .elementor-widget-button a:focus,
  button.elementor-button:hover, button.elementor-button:active, button.elementor-button:focus {
  background-color: #145DA0;
}

/* Button text */
.elementor-button-text {
  line-height: 1.2em;
  text-transform: capitalize;
}

/***********************************************************************************************************************************/

/* Button icon, List icon, Sub-Menu icon */
.elementor-button-icon, .elementor-icon-list-icon i, .elementor-icon i,
.elementor-item i, .elementor-sub-item i, .sub-arrow i {
  font-size: 20px!important;
  color: #333333!important;
}

.elementor-button-icon:hover, .elementor-icon-list-icon i:hover, .elementor-icon i:hover
.elementor-item i:hover, .elementor-sub-item i:hover, .sub-arrow i:hover {
  color: #2E8BC0!important;
}

/***********************************************************************************************************************************/

/* Menu */
.elementor-item, .elementor-sub-item {
  background-color: transparent!important;
  color: #333333!important;
  padding-left: 50px!important;
}

.elementor-item:hover, .elementor-sub-item:hover,
.elementor-item:active, .elementor-sub-item:active {
  background-color: transparent!important;
  color:#2E8BC0!important;
}

/* Menu Icon Text */
.icon-text {
  padding-left: 5px!important;
}