/*
Theme Name: hms
Author: Freedly
Version: 1.0.0
Text Domain: stal
Template: stal
*/

/**************************************
COULEURS BASE
***************************************/

:root {
  /* BG & Puces*/
  --bleu-1: #40a0d5;

  /* Boutons & BG */
  --bleu-2: #0084cb;

  /* BG */
  --bleu-3: #01314d;

  /* BG */
  --white: white;
}

main b,
main strong {
  font-weight: 500;
  color: #515151;
}
#qodef-page-footer b,
#qodef-page-footer strong {
  font-weight: 500;
  color: white;
}

/**************************************
COULEURS 
***************************************/

/* 
  Selection
  ***************************************/
::selection {
  background: var(--bleu-2);
}

/* 
  Menu Principale
  ***************************************/

/* Bouton Mobile */

#qodef-page-mobile-header #qodef-mobile-header-opener {
  background-color: var(--bleu-2);
}

/* Logo */
#qodef-page-header .qodef-header-logo-link.qodef-height--not-set img {
  width: 125px;
  max-width: 125px;
}
#qodef-page-mobile-header .qodef-mobile-header-logo-link img {
  max-height: 90%;
}

#qodef-page-header .qodef-header-logo-link img:not(.qodef--main) {
  transform: translate(-50%, -50%);
  left: 50%;
}

/* Espacements li */
#qodef-page-header .qodef-header-logo-link.qodef-height--not-set img {
  /* width: 50%; */
  width: 125px;
  max-width: 125px;
}

.qodef-header-navigation > ul > li {
  /* padding: 0 26px; */
  padding: 0 calc(10px + 0.5vw);
}

.qodef-header-standard--center #qodef-page-header-inner .qodef-header-navigation > ul > li:first-child {
  /* padding-left: 0; */
  padding-left: calc(10px + 0.5vw);
}

/* Sub menu */
/* TODO  A TERMINIER -> spacing sur les sous sous menu ouverts*/
.qodef-header-navigation ul li.qodef-menu-item--narrow ul {
  width: auto;
  min-width: 256px;
}
/* TODO A TERMINER -> Couleur de la fleche des sous menu au hover*/
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li.current-menu-item > .qodef-menu-arrow,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li:hover > .qodef-menu-arrow {
  color: var(--bleu-2);
}

/* TODO A TERMINER -> Fleches des pages actives*/
/*Pages actives Niveaux 2 & 3*/
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li.current-menu-item > a,
.qodef-header-navigation ul li.qodef-menu-item--narrow ul li.current-page-parent > a {
  color: var(--bleu-1) !important;
}

/* Sous Menu Mobile */

#qodef-mobile-header-navigation .qodef-m-inner {
  padding: 1em;
}
#qodef-mobile-header-navigation ul li:hover > a {
  color: var(--bleu-2);
}

#qodef-mobile-header-navigation ul li.current-menu-ancestor > a,
#qodef-mobile-header-navigation ul li.current-menu-item > a {
  color: var(--bleu-2);
}

/* 
  Menu secondaire MAP Header
  ***************************************/
/* Bouton Header */
.qodef-side-area-opener.qodef-side-area-opener--predefined {
  background-color: var(--bleu-2);
}
.qodef-header--dark .qodef-side-area-opener.qodef-side-area-opener--predefined .qodef-line {
  background-color: var(--white);
}
/* Icon Animé dans le menu */
#qodef-side-area #qodef-side-area-close.qodef-side-area-close--predefined {
  background-color: var(--bleu-2);
}
/* Hover Liens */
#qodef-side-area .widget a:hover {
  color: var(--bleu-2);
}

/* 
  Slider Home header
  ***************************************/
#rev_slider_6_1_wrapper .stal_dark.tparrows {
  background-color: var(--bleu-2);
}
#rev_slider_6_1_wrapper .stal_dark.tparrows:hover:before {
  background-color: var(--bleu-3);
}
.qodef-parallax-img-holder {
  filter: brightness(80%);
}
/* 
  Boutons CTA Savoir + 
  nous contacter / content
  ***************************************/

/* Front */
.qodef-button.qodef-layout--splitted {
  background-color: var(--bleu-2);
}
/* back */
.qodef-button.qodef-layout--splitted .qodef-m-split {
  background: var(--bleu-3);
}
/* Effet hover du front */
.qodef-button.qodef-layout--splitted:hover {
  background-color: var(--bleu-2);
}

/* Boutons blancs */

/* Front */
.qodef-button.qodef-layout--splitted.hms-btn-white {
  background-color: white;
}
/* back */
.qodef-button.qodef-layout--splitted.hms-btn-white .qodef-m-split {
  background: var(--bleu-2);
}
/* Effet hover du front */
.qodef-button.qodef-layout--splitted.hms-btn-white:hover {
  background-color: var(--bleu-3);
  color: white;
}
.qodef-button.qodef-layout--splitted.hms-btn-white:hover span {
  color: white;
}
.qodef-button.qodef-layout--splitted.hms-btn-white:hover .qodef-m-text .qodef-m-arrowline * {
  stroke: white;
}

/* Fleche */
.qodef-button.qodef-layout--splitted.hms-btn-white span {
  color: #101010;
}
.qodef-button.hms-btn-white .qodef-m-text .qodef-m-arrowline * {
  stroke: #101010;
}

/* 
  Fil d'Ariane
  ***************************************/

.breadcrumb {
  width: 85vw !important;
  max-width: 1140px !important;
  margin: 2em auto;
  align-items: center;
}

.breadcrumbs {
  display: flex;
  white-space: nowrap;
  overflow-x: auto;
  font-size: 0;
  height: 45px;
  line-height: 45px;
}

.breadcrumbs > span a {
  padding-right: 0.7rem;
  margin-right: 0.7rem;
}

.breadcrumbs > span,
.breadcrumbs > span a {
  display: block;
  font-size: 14px;
}

.breadcrumbs > span:first-child a span {
  opacity: 0;
}

.breadcrumbs > span:not(:last-child) a:after {
  content: '/';
  display: inline-block;
  transform: translateX(0.7rem);
}

.breadcrumbs > span:first-child {
  display: block;
  position: relative;
}

.breadcrumbs > span:first-child::before {
  content: '';
  display: block;
  width: 100%;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 12px center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48' viewBox='0 0 48 48'%3E%3Cpath transform='rotate(0,24,24) translate(0,4.125) scale(1.5,1.5) ' fill='%238C8C8C' d='M16.200012,6.9000092L27.899994,14.699997 27.899994,26.5 20.200012,26.5 20.200012,18.699997 11.700012,18.699997 11.700012,26.5 4.1000061,26.5 4.1000061,14.699997z M16.200012,0L32,10.800003 32,14.400009 16.200012,3.6000061 0,14.699997 0,11.100006z' /%3E%3C/svg%3E%0A");
}

/* 
  Sous titre H6 Verticaux
  ***************************************/
.qodef-section-title.qodef-title-with-tagline .qodef-m-title-tagline {
  color: var(--bleu-2);
}

.qodef-section-title.qodef-title-with-tagline .qodef-m-title-tagline {
  bottom: auto;
  left: 0;
  top: 50%;
  transform-origin: center center;
  height: auto;
  white-space: nowrap;
}
@media (min-width: 1025px) {
  .qodef-section-title.qodef-title-with-tagline .qodef-m-title-tagline {
    writing-mode: vertical-rl;
    transform: translateY(-50%) rotate(180deg);
  }
}

/* 
  Back top
  ***************************************/
#qodef-back-to-top {
  background-color: var(--bleu-2);
}
#qodef-back-to-top::after,
#qodef-back-to-top::before {
  background-color: var(--bleu-1);
}

/* 
  Icons
  ***************************************/
/* Icon simples */

[class*='ion-ios']:before,
[class*='ion-logo']:before,
[class*='ion-md']:before {
  color: var(--bleu-1);
}
/* Icon avec background */
.qodef-layout--square {
  background-color: var(--bleu-2) !important;
}

.qodef-layout--square [class*='ion-ios']:before,
.qodef-layout--square [class*='ion-logo']:before,
.qodef-layout--square [class*='ion-md']:before {
  /* color: var(--bleu-3) !important; */
  color: var(--white) !important;
}

/* 
  Contact Section
  ***************************************/
#qodef-page-footer .widget.widget_media_image {
  width: 70%;
}
.hms-contact-section *:not(.qodef-button.qodef-layout--splitted) {
  color: white;
}
.hms-contact-section .elementor-widget-wrap {
  align-items: center;
}
.hms-contact-section p a {
  font-weight: 500;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.hms-contact-section p a:hover {
  border-bottom: 1px solid white;
}

/* 
  Footer
  ***************************************/

/* Liste puces */

#qodef-page-footer .widget.widget_nav_menu div > ul > li::before {
  background-color: var(--bleu-2);
}

#qodef-page-footer .widget.widget_nav_menu div > ul > li::before {
  display: none;
}
#qodef-page-footer .widget.widget_nav_menu div > ul > li > ul > li::before {
  background-color: var(--bleu-2);
  content: '';
  position: relative;
  margin-right: 15px;
  width: 6px;
  height: 6px;
  top: -2px;
  display: inline-block;
}
#qodef-page-footer .widget.widget_nav_menu div > ul > li > ul > li > ul > li::before {
  background-color: var(--bleu-2);
  opacity: 0.5;
  content: '';
  position: relative;
  margin-right: 15px;
  width: 5px;
  height: 5px;
  top: -2px;
  display: inline-block;
}

#qodef-page-footer .widget.widget_nav_menu div > ul > li > ul {
  margin-left: 0;
}

/* 1ers li bold */

#qodef-page-footer .widget.widget_nav_menu:first-child div > ul > li > a {
  font-weight: 600;
  color: #fafafa;
}

/* RS */

.footer-rs {
  background-color: white !important;
}
.footer-rs:hover .qodef-icon-font-awesome {
  color: var(--bleu-2) !important;
}

/* RWD Footer */

#qodef-page-footer-top-area {
  padding-left: 1em;
  padding-right: 1em;
}
#qodef-page-footer-bottom-area #qodef-page-footer-bottom-area-inner {
  padding-left: 1em;
  padding-right: 1em;
}

/* ! A SURVEILLER - EFFETS DE BORD*/

@media only screen and (max-width: 1200px) {
  .qodef-content-grid {
    max-width: 1100px;
  }
}

/* Slider Title h1 to p*/
p.qodef-m-title.entry-title {
  font-weight: 600;
  font-size: 52px;
  line-height: 1.115em;
  margin: 25px 0;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
@media only screen and (max-width: 680px) {
  p.qodef-m-title.entry-title {
    font-size: 45px;
    line-height: 50px;
  }
}

/* UL */
body:not(.page-template-page-catalogue) main ul {
  list-style: none;
}
body:not(.page-template-page-catalogue) main ul li::before {
  content: '';
  width: 5px;
  height: 5px;
  background-color: var(--bleu-2);
  display: inline-block;
  margin-right: 1em;
  transform: translateY(-3px);
}

/* 
  ARTICLES
  ***************************************/

.qodef-h4 a:hover,
h4 a:hover,
.qodef-blog.qodef-item-layout--compact article .qodef-e-read-more:hover a {
  color: var(--bleu-2);
}

/* Article */

.post-template-default.single.single-post .breadcrumb {
  width: 100% !important;
  max-width: 100% !important;
}

/* Bouton & tag cloud */
.qodef-blog.qodef--single article .qodef-e-info.qodef-info--bottom .qodef-e-info-tags a:hover,
.qodef-icon-linea-icons,
.widget.widget_tag_cloud .tagcloud a:hover {
  background-color: var(--bleu-2);
}

/* Prev next */
#qodef-single-post-navigation .qodef-m-nav.qodef--next .qodef-icon-linea-icons,
#qodef-single-post-navigation .qodef-m-nav.qodef--prev .qodef-icon-linea-icons {
  background-color: var(--bleu-1);
}

/* Prev Next hover*/
#qodef-single-post-navigation .qodef-m-nav.qodef--next:hover .qodef-icon-linea-icons,
#qodef-single-post-navigation .qodef-m-nav.qodef--prev:hover .qodef-icon-linea-icons {
  background-color: var(--bleu-2);
}

/* Widget sidebar & bouton */
.widget.widget_categories li:hover a,
.widget.widget_categories li:hover,
.qodef-blog.qodef-item-layout--simple article .qodef-e-title a:hover {
  color: var(--bleu-2);
}

.qodef-blog article .qodef-e-info .qodef-e-info-item.qodef-e-info-category::before,
.qodef-blog article .qodef-e-info .qodef-e-info-item.qodef-e-info-date::before,
.qodef-blog article .qodef-e-info .qodef-e-info-item.qodef-e-info-tags::before {
  color: var(--bleu-2);
}

/* 
  PAGE CONTACT FORM
  ***************************************/
input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
textarea:focus {
  border-color: var(--bleu-2);
}

/* Pages form */

input[type='email'],
input[type='number'],
input[type='password'],
input[type='tel'],
input[type='text'],
input[type='url'],
textarea {
  background: #eee;
  margin-top: 0.7em;
  border: none;
}

input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
textarea:focus {
  color: #747474;
  border-bottom: 1px solid #dcdcdc;
  border-color: #dcdcdc !important;
}

.wpcf7-form.init {
  border-left: 5px solid #ddd;
  padding: calc(1rem + 2vw);
}

.wpcf7-form.init label {
  font-weight: 600;
}

/* CONTENT 1300 */

/* Home */

.elementor-section.elementor-section-boxed > .elementor-container {
  /* max-width: 1140px; */
  max-width: 1300px;
}

@media (max-width: 1024px) {
  .elementor-section.elementor-section-boxed > .elementor-container {
    /* max-width: 1025px; */
    max-width: 100%;
  }
}

/* Sections 2 blocks (images / text) */
@media only screen and (max-width: 1024px) {
  .qodef-holder-with-image.qodef-disable-below--1024 .qodef-m-image {
    width: 80% !important;
    max-width: 768px;
    margin: auto;
    left: 50%;
    transform: translateX(-50%);
    margin: 5vh auto;
  }
  .order-in-mobile .qodef-holder-with-image.qodef-disable-below--1024 .qodef-m-image {
    left: 0;
    transform: none;
    margin: 5vh auto;
  }
  .order-in-mobile .qodef-m-inner {
    display: flex;
    flex-direction: column;
  }
  .order-in-mobile .qodef-m-image {
    order: 2;
  }
}

/* Blog */

.elementor-section.elementor-section-boxed > .elementor-container {
  /* max-width: 1140px; */
  max-width: 1300px !important;
}

/* ! TODO effet de bord sur catalogue */
.breadcrumb {
  /* width: 85vw !important; */
  /* max-width: 1140px !important; */
  width: 100% !important;
  max-width: 1300px !important;
}

/* Page présentation Le groupe */

section.qodef-elementor-content-grid > .elementor-container {
  width: 100%;
}

/* Plan du site */

.elementor-8195 .elementor-element.elementor-element-625851b .elementor-sitemap-list,
.elementor-8195 .elementor-element.elementor-element-625851b .elementor-sitemap-list .children {
  list-style-type: none !important;
}

/* Titres H2 H3 Contenu */
h3.elementor-heading-title.elementor-size-default,
h4.elementor-heading-title.elementor-size-default {
  margin-bottom: 1.2em;
}
.elementor-heading-title.elementor-size-default {
  line-height: normal;
}

@media only screen and (max-width: 680px) {
  h1 {
    font-size: 35px !important;
    line-height: normal !important;
  }
  h2 {
    font-size: 25px !important;
  }
}

/* all links content in blue */
.qodef-page-content-section a {
	color: var(--bleu-2);
}
.qodef-page-content-section a:hover {
	color: #101010;
}

.qodef-blog .header-news-description{
    padding-bottom: 60px;
}

.qodef-h4{
    color: #01314d;
}

/* TODO page pièces détachées formulaire color */
/* TODO RWD du contenu en 1300 */

.page-template-page-full-width:not(.home) main {
  max-width: 1300px;
  display: block !important;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.aside-bauma .wpcf7-form.init,
.aside-bauma .wpcf7-form{
padding: 1rem;
border:none;
}

.aside-bauma .wpcf7-form.init label,
.aside-bauma .wpcf7-form label{
  margin: 0;
}
.aside-bauma .wpcf7-form.init input,
.aside-bauma .wpcf7-form input{
  margin: 0;
  padding-left:1rem;
}