/* 
Theme Name:		 OCI
Theme URI:		 https://www.oci.fr/
Description:	 Thème enfant de Hello Elementor, créé par OCI
Author:			 OCI
Author URI:		 https://www.oci.fr/
Template:		 hello-elementor
Version:		 2.0.0
Text Domain:	 OCI
*/

div#\<span\>Vente\<\/span\>.bloclocation,
div#\<span\>Location\<\/span\>.blocvente{
    display: none;
}

/* Petit menu au scroll */

#menubase.headerhide{
	display:none;
}

#menuhopin.headershow{
	transform: translateY(0);
}

#menuhopin{
	position: fixed;
	top:0;
	width: 100%;
	-webkit-transition: transform 0.34s ease;
	transition : transform 0.34s ease;
	transform: translateY(-85px); /*adjust this value to the height of your header*/
}

/* Alignement top icônes listes */

.elementor-icon-list-item, .elementor-icon-list-item a{
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start !important;
}

.elementor-icon-list-icon {
  margin-top: 6px;
}

/* Header au scroll */
header#headesaulles {
	transition: background-color 0.3s ease, color 0.3s ease;
}

header#headesaulles.header-scrolled {
	background-color: var(--e-global-color-secondary) !important;
}

header#headesaulles.header-scrolled { 
	color: var(--e-global-color-primary) !important;
}

/* Liens du menu en couleur primaire au scroll */
header#headesaulles.header-scrolled .elementor-nav-menu--main .elementor-item,
header#headesaulles.header-scrolled .elementor-nav-menu--main .elementor-item.elementor-item-active {
	color: var(--e-global-color-primary) !important;
	fill: var(--e-global-color-primary) !important;
}

/* Icônes sociales en couleur primaire au scroll */
header#headesaulles.header-scrolled .elementor-widget-social-icons .elementor-social-icon i {
	color: var(--e-global-color-primary) !important;
}
header#headesaulles.header-scrolled .elementor-widget-social-icons .elementor-social-icon {
	background-color: transparent !important;
}

/* Burger menu icons en couleur primaire au scroll */
header#headesaulles.header-scrolled .elementor-menu-toggle i {
	color: var(--e-global-color-primary) !important;
}

/* Logo en couleur primaire au scroll via CSS mask */
header#headesaulles.header-scrolled .elementor-widget-theme-site-logo a {
	display: inline-block;
	position: relative;
}

header#headesaulles.header-scrolled .elementor-widget-theme-site-logo a img {
	visibility: hidden;
}

header#headesaulles.header-scrolled .elementor-widget-theme-site-logo a::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--e-global-color-primary);
	-webkit-mask-image: url('https://www.desaulles-colmar.fr/wp-content/uploads/2026/03/logo-desaulles-colmar-blanc.svg');
	mask-image: url('https://www.desaulles-colmar.fr/wp-content/uploads/2026/03/logo-desaulles-colmar-blanc.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: left center;
	mask-position: left center;
}

/* CSS spécifique Desaulles */
.conseiller-description p {
    padding-bottom: 0;
    margin-bottom: 0;
}
.conseiller-description p img {
    padding-bottom: 0;
    margin-bottom: -5px;
}

.formContactBien .elementor-field-type-submit {
    margin-left: -25px;
    margin-right: -25px;
    width: calc(100% + 50px) !important;
}
.formContact .elementor-field-type-submit {
    margin-left: -50px;
    margin-right: -50px;
    width: calc(100% + 100px) !important;
}

/*:::::::::::::::::::::: RESPONSIVE ::::::::::::::::::::::*/

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

@media screen and (max-width: 1024px) {
  .formContact .elementor-field-type-submit {
    margin-left: -30px;
    margin-right: -30px;
    width: calc(100% + 60px) !important;
	}
}

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

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

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

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