/* 
 Theme Name:   OcemPE-2025
 Theme URI:    
 Description:  
 Author:       Itestense SNC
 Author URI:   
 Template:     Divi
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/
html {
	/*font-size: 16px;*/
}

/** **/
/*scroll anchor offset*/
html {   scroll-behavior: smooth; }
:target:before { content: ""; display: block; height: 100px; margin: -100px 0 0;}


/*** header-menu ***/
header#main-header.et-fixed-header,
#main-header{ 
	box-shadow: none !important;
}
body:not(.dsm_fixed_header_shrink_active) .et_pb_menu__search-button,
body:not(.dsm_fixed_header_shrink_active) .et-db #et-boc .et-l .et_pb_section_0_tb_header.et_pb_section {
	color: white !important;
}

body:not(.dsm_fixed_header_shrink_active) #menu-menu-principale-en > a {
	color: white;
}
body:not(.dsm_fixed_header_shrink_active) #top-header-bar,
body:not(.dsm_fixed_header_shrink_active) .et-db #et-boc .et-l .et_pb_section_0_tb_header.et_pb_section {
	/*background-color: transparent !important;*/
	box-shadow: unset !important;
	border-bottom: 1px solid rgba(255,255,255,0.25);
}
body:not(.dsm_fixed_header_shrink_active) #main-menu .et-menu > li > a,
.postid-12175:not(.dsm_fixed_header_shrink_active)  #main-menu .et-menu > li > a {
	color: #ffffff !important;
}

/*posizionamento menu tendina*/
.et_pb_menu .et_pb_menu__menu>nav>ul>li {margin-top: -15px; height: calc(100% + 30px); }
.sub-menu {border-bottom-right-radius: 10px; width: 240px !important; }
.nav li li a {padding: 10px 0; font-size: 1rem !important; width: 220px !important; line-height: 25px !important;}
.et-db #et-boc .et-l .et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {top: calc(100% - 1px);}

.et-menu li li.menu-item-has-children>a:first-child:after {top: 0; content:"5";}

/* Ricerca dal menu */
.et_pb_menu .et_pb_menu__search-input {background: #f7f7f7;border-radius: 3px;padding: 6px;	box-shadow: 0px 6px 12px -4px rgb(0 0 0 / 15%);}


/*menu mobile*/
.et_mobile_menu li li a {font-size: 1rem !important; padding: 2px 4px 0 4px; font-weight: 500 !important;}
.et_mobile_menu .menu-item-has-children>a, .nav ul li a:hover {background: none !important;}

@media (min-width: 981px) {
	.only-mobile-menu-item {
		display: none !important;
	}
	.et_pb_menu .et_pb_menu__wrap {
		justify-content: flex-end;
	}
	.et_pb_row--with-menu {
		padding: 15px 0 !important;
	}
	.et_pb_menu .et_mobile_menu {
		margin-top: 20px;
	}
	.menu-item a {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
		padding-left: 10px;
	}
    /* Barra Header */
	.et-db #et-boc .et-l .et_pb_section_0_tb_header.et_pb_section {
		background-color: unset;
	}
	
	body.dsm_fixed_header_shrink_active #top-header-bar {
		background-color: #ffffff !important;
		transform: ease;
	}
}
@media (min-width: 981px) and (max-width: 1033px) {
	.et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button {
		display: none !important;
	}	
}
@media (min-width: 1200px) {
    .et_pb_menu_0_tb_header .et_pb_menu_inner_container>.et_pb_menu__logo-wrap .et_pb_menu__logo img, .et_pb_menu_0_tb_header .et_pb_menu__logo-slot .et_pb_menu__logo-wrap img {
		/*height: 32px !important; 
		width: auto;*/
	}
}
/** **/
p {
	line-height:1.7em;
}
h1,h2,h3 {
	font-family: "ff-din-web";
}
body {
	font-family: "ff-din-web";
}
h2 {
	font-size: 1.7rem;
	letter-spacing: -1px;
	font-weight: bold;
}
a.ocem-btn {
	padding: 2em 1em;
}
@media (max-width: 768px) {
	
}
.home-news-box .et_pb_post{
  display:flex;
  flex-direction:column;
  gap:.5rem;
}
.home-news-box .et_pb_post .post-category{ order:0; font-weight:600; text-transform:uppercase; letter-spacing:.03em; }
.home-news-box .et_pb_post .entry-title{ order:1; margin:0; }
.home-news-box .et_pb_post .post-content{ order:2; }
.home-news-box .et_pb_post .post-meta{ order:3; color:#555; font-size:.9rem; }
.home-news-box .et_pb_post .post-meta .on{ margin:0 .25em; }

.highlighted {
	color: #348DA7;
}

/* Home */
	.act-brands .et_pb_code_inner {	display: flex;	flex-wrap: wrap; flex-direction: row;	align-items: center; justify-content: space-between;}
	.act-brands a {display: contents;}
	.act-brands img {max-width: 120px;max-height: 110px;margin-bottom: 50px;	}
	.sub-menu a {font-size: 13px !important; }

/* Filterable Portfolio for Products */
.hide-filters .et_pb_portfolio_filters {	display: none;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {	border-radius: 4px !important;	padding: 10px 18px;	background-color: transparent;	font-size: 14px;	margin-right: 10px;	margin-bottom: 10px;	border: 1px solid transparent;	text-decoration: none;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {	border: 1px solid #348DA7;}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {	background-color: #348DA7 !important;	color: #ffffff !important;	border: 1px solid #348DA7;}
.et_pb_filterable_portfolio .et_pb_portofolio_pagination {	border-top: unset;}
.et_pb_portfolio_item .et_pb_module_header {	margin-top: 20px !important;}
.product-portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters ul {	display: flex;	flex-wrap: wrap;	justify-content: center;}
.product-portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li {	float: none;	width: auto !important;}
.product-portfolio .et_pb_grid_item img {	transition: all .2s ease-in-out;	}
.product-portfolio .et_pb_grid_item:hover img {	transform: scale(1.1);}

.nofilter .et_pb_filterable_portfolio .et_pb_portfolio_items, .nofilter .et_pb_filterable_portfolio .et_pb_portfolio_items_wrapper {display: flex; justify-content: center;}
.nofilter .et_pb_portfolio_filters  {display: none;}

.product-portfolio .et_pb_grid_item img {
	transition: all .4s ease-in-out;
	transform-origin: bottom;
}
.product-portfolio .et_pb_grid_item:hover img {
	transform: scale(1.2);
}

@media (min-width: 981px) {
	/* Filterable Portfolio for Products */
	.et_pb_gutters3 .et_pb_column_4_4 .product-portfolio .et_pb_grid_item {
		width: 22.875%;
		margin-right: 2.5%;
		margin-bottom: 2.5%;
	}
}
.wpcf7-not-valid-tip {
margin-top:1rem;	
}

/* Layout a griglia compatta */
#ocempe-support-form .cf7-grid .cf7-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 15px;
}

#ocempe-support-form .cf7-grid .cf7-col {
  flex: 1;
  min-width: 200px;
}

/* Campi a riga intera */
#ocempe-support-form .cf7-grid .cf7-row.full {
  flex-direction: column;
}

#ocempe-support-form .cf7-grid label {
  display: block;
  font-weight: 500;
  color: #333;
}

/* Riga con un solo campo a mezza larghezza */
#ocempe-support-form .cf7-grid .cf7-row.single-half {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 15px;
}

.cf7-grid .cf7-row.single-half .cf7-col.half {
  flex: 0 0 50%;
  max-width: 50%;
}


/* Responsive */
@media (max-width: 768px) {
  #ocempe-support-form .cf7-grid .cf7-row {
    flex-direction: column;
  }
 #ocempe-support-form  .cf7-grid .cf7-row.single-half .cf7-col.half {
  flex: 1 1 100%;
  max-width: 100%;
}
}

.img-crop-32 img {
  width: 100%;              /* o un valore fisso, es. 300px */
  aspect-ratio: 3 / 2;     /* imposta il fattore di forma desiderato */
  object-fit: cover;        /* ritaglia i bordi in eccesso mantenendo il riempimento */
  object-position: center;  /* centra l'immagine nel box */
  display: block;           /* evita spazi indesiderati sotto l’immagine */
}
.et_pb_button_0 {
	font-size: 1rem;
}