/*
Theme Name: Fluxeos
Author: Olyos
Description: un thème développé par David
Version: 2026.3
Text Domain: olyos
Domain Path: /languages/
*/

@import url("https://use.typekit.net/ibo0nse.css");

/*--------------------------------------------------------------
	General
--------------------------------------------------------------*/

body {
	background-color: var(--wp--preset--color--primary);
  -webkit-font-smoothing: antialiased;
	margin: 0;
	    display: flex;
    flex-direction: column;
}

.logo img {
	height: 112px !important;
    width: 187px !important;
}


.stabilo .stk-block-subtitle__text {
    display: inline-block;
    width: auto;
}

.stabilorose .stk-highlight {
    background: linear-gradient(#feeee4, #feeee4) no-repeat!important;
    background-size: 100% 20%!important;
    background-position: 0 65%!important;
    color: inherit !important;
    padding: 0 4px!important;
}
.stabilobleu .stk-highlight {
    background: linear-gradient(#C3CFD9, #C3CFD9) no-repeat!important;
    background-size: 100% 20%!important;
    background-position: 0 65%!important;
    color: inherit !important;
    padding: 0 4px!important;
}


@media (max-width: 1126px) {
  .stabilobleu .stk-highlight, .stabilorose .stk-highlight {
font-size: 24px !important;
  }
}

/*--------------------------------------------------------------
	Menu
--------------------------------------------------------------*/
#ultp-header-template {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 999;
    background: white;
	height: var(--header-height);
}

.scroll-active {
background-color: var(--wp--preset--color--bleu)!important;
	transition: opacity 0.5s ease-in;
}

.stickycontent, .ultp-builder-container {
	margin-top: var(--header-height)!important;
}

.ultp-menu-content {
  gap: clamp(16px, calc(16.667vw - 194px), 55px)!important;
  column-gap: clamp(16px, calc(16.667vw - 194px), 55px)!important;
  align-items: center !important; 

}
@media (max-width: 1260px) {
  .ultp-menu-content > .logo img {
    width: clamp(90px, calc(100vw - 1076px), 194px)!important;
    height: auto!important;
  }
}



/*--------------------------------------------------------------
	Surcharge pour NinjaForm
--------------------------------------------------------------*/

/* Champs de formulaire */
.nf-field input[type="text"],
.nf-field input[type="email"],
.nf-field input[type="tel"],
.nf-field textarea,
.nf-field select {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
  transition: border-color 0.3s ease;
}

/* Focus des champs */
.nf-field input:focus,
.nf-field textarea:focus,
.nf-field select:focus {
  border-color: var(--wp--preset--color--primary);
  outline: none;
}

/* Bouton Valider */
.nf-field input[type="button"],
.nf-field input[type="submit"] {
  background-color: #fff;
  color: var(--wp--preset--color--primary-hover);
  padding: 12px 24px;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Hover du bouton */
.nf-field input[type="button"]:hover,
.nf-field input[type="submit"]:hover {
  background-color: var(--wp--preset--color--primary-hover);
}