/*
Theme Name: SiteOrigin Corp Child Racines
Author: SiteOrigin
Author URI: https://siteorigin.com/
Theme URI: https://siteorigin.com/theme/corp
Description: SiteOrigin Corp Child Theme
Version: 1.0.0
Template: siteorigin-corp
Text Domain: siteorigin-corp
Domain Path: /languages/
*/

/* =Theme customization starts here
-------------------------------------------------------------- */
body, button, input, optgroup, select, textarea {
	line-height:1.5;
}

h1, h2, h3, h4, h5, h6{
	line-height:1.2;
	margin:10px 0;
}

.site-header .site-branding img {
    width: 150px;
}
/*masquage du logo sur la version desktop*/
@media (min-width: 900px) {
	.site-header.centered .site-branding {
		display: none;
	}
}

/*éléments masqué sur mobile*/
@media (max-width: 900px) {
	.hidden_on_mobile{ display:none;}
	 .centered.site-header .site-header-inner {
        flex-direction: column !important;
    }
	.site-header.centered .site-branding {
		padding-right:0 !important;
	}
	#mobile-menu-button {
		right:0;
	}
}

/*Affichage du logo dans le menu horizontal*/
/*voilà ce qu'il faut mettre dans le "texte" du menu :
<i class="_mi-logo" aria-hidden="true"></i><span class="visuallyhidden">Accueil</span>
Et il faudra mettre la classe hidden_on_mobile sur l'élément du menu
*/
.menu-item i._mi-logo {
    width: auto;
    height: auto;
    margin-top: -.265em;
    font-size: 1.2em;
    line-height: 1;
}
.menu-item i._mi-logo, .menu-item img._mi-logo {
    display: inline-block;
    vertical-align: middle;
}


._mi-logo:before {
  display: block;
  content: ' ';
  background-image: url('/wp-content/uploads/2026/04/Racines-logo_VECTORISER_BEIGE-cropped.svg');
  background-size: 150px 150px;
  background-repeat:no-repeat;
  height: 150px;
  width: 150px;
}

.visuallyhidden {
    overflow: hidden;
    clip: rect(0 0 0 0);
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.main-navigation div > ul:not(.cart_list) > li.current-menu-item.no-border-bottom > a{
	border-bottom:none;
}

.link-underline.main-navigation div>ul:not(.cart_list)>li>a {
    border-bottom: 4px solid transparent;
}

.main-navigation ul li{
	font-size:1.2rem;
	text-transform: unset;
	margin-right:60px;
}

.main-navigation ul .children, .main-navigation ul .sub-menu {
	top:28px;
}

.so-widget-sow-button .ow-button-base .sowb-button.bouton-1{
	background:#faf5e3;
	color: #93a98d !important;
	border: 1px solid #93a98d;
}

.so-widget-sow-button .ow-button-base .sowb-button.bouton-1.ow-button-hover:hover{
	background:#93a98d;
	color: #faf5e3 !important;
	border: 1px solid #faf5e3;
}

.so-widget-sow-button .ow-button-base .sowb-button.bouton-2{
	background:#93a98d;
	color: #faf5e3 !important;
	border: 1px solid #faf5e3;
}

.so-widget-sow-button .ow-button-base .sowb-button.bouton-2.ow-button-hover:hover{
	background:#faf5e3;
	color: #93a98d !important;
	border: 1px solid #93a98d;
}

.sous-titre .sow-headline{
	font-size:16px;
	font-family: "Poppins", sans-serif;
    font-weight: normal;
}

h3.sow-headline{
	font-size:26px;
} 

.section-offres-formats .so-panel.widget_sow-image{
	margin-bottom:0 !important;
}

.section-offres-formats .so-widget-sow-image{
	position:relative;
}

.section-offres-formats .widget-title{
	background: #93a98d;
	color: #faf5e3;
	width:45%;
	padding: 15px 8px;
	line-height:1;
	font-size:26px;
	position: absolute;
    bottom: 0px;
	left:60px;
	text-align:center;
}

.so-widget-sow-button .ow-button-base .bouton-texte-vert.sowb-button{
	font-size:20px;
	border: none;
	background:none;
    color: #93a98d !important;
    /*font-size: 1em;
    padding: 1em;*/
    text-shadow:none;
}

.so-widget-sow-button .ow-button-base .bouton-texte-vert.sowb-button:hover{
	text-decoration:underline;
}

.rangee-bloc-texte-photo .textwidget{
	max-width:500px;
}

.offres-detail-rangee-blocs-texte .textwidget{
	max-width:450px;
	color: #93a98d ;
}

.bloc-contact{
	max-width:350px;
}

.uacf7-col-3, .uacf7-col-4, .uacf7-col-6, .uacf7-col-12 {
	padding-bottom:18px;
}

select {
	padding: 9px 13px 10px !important;
}

.site-footer .widgets{
	padding-bottom:0px !important;
}