@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//iei.coffee/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.6") format("woff2");
}

:root {
	--wd-text-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(110,110,110);
	--wd-text-font-size: 15px;
	--wd-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Open Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 17px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: rgb(236,183,54);
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(236,183,54);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(236,183,54);
	--btn-accented-bgcolor-hover: rgb(0,0,0);
	--btn-font-weight: 500;
	--btn-transform: none;
	--btn-color: rgb(0,0,0);
	--btn-font-size: 14px;
	--btn-bgcolor: rgb(236,183,54);
	--btn-color-hover: rgb(236,183,54);
	--btn-bgcolor-hover: rgb(0,0,0);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	background-image: url(https://iei.coffee/wp-content/uploads/2021/09/medical-marijuana-popup-18.jpg);
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: url(https://iei.coffee/wp-content/uploads/2025/07/Istituto-Espresso-Italiano-Slide-blog.jpg);
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(255,255,255);
	background-image: none;
}
html .blog-design-list .wd-post-read-more.wd-style-btn a, html .wpcf7 input[type="submit"] {
	font-weight: 500;
	font-size: 14px;
	text-transform: none;
	color: rgb(0,0,0);
	background: rgb(236,183,54);
}
html .blog-design-list .wd-post-read-more.wd-style-btn a:hover, html .wpcf7 input[type="submit"]:hover {
	color: rgb(236,183,54);
	background: rgb(0,0,0);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1400px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1400px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1400px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1400px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


/* =========================
   HEADER / MENU
========================= */
.whb-header .menu-item .nav-link-text:after{
  background-color: #ECB736;
}

/* =========================
   BOTTONI
========================= */
.vc_btn3.vc_btn3-color-juicy-pink,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
  color: rgb(0,0,0);
  background-color: rgb(236,183,54);
  text-transform: none;
  font-size:14px;
}

.vc_btn3.vc_btn3-color-juicy-pink:hover,
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover {
  color: rgb(236,183,54);
  background-color:rgb(0,0,0);
}

/* =========================
   TITOLI SOTTOLINEATI
========================= */
.sottolineato h3.woodmart-title-container {
  position: relative;
  display: inline-block;
  z-index: 1;
}

.sottolineato h3.woodmart-title-container::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0.15em;
  width: 100%;
  height: 10px;
  background-color: rgba(236, 183, 54, 0.6);
  z-index: -1;
  border-radius: 6px;
  pointer-events: none;
}

/* =========================
   HEADER / BLOG
========================= */
.wd-header-overlap .wd-page-title {
  height: 440px;
}

.wd-post-author,
.wd-post-reply {
  display: none;
  visibility:hidden;
}

/* =========================
   CONTACT FORM 7
========================= */
html .wpcf7 input[type="submit"] {
  background: rgb(236, 183, 54);
  border-radius: 8px;
}

/* =========================
   BLOG GRID – IMMAGINI
========================= */
html .vc_gitem-zone.vc_gitem-zone-a {
  height: 220px !important;
  background-size: cover !important;
  background-position: center !important;
}

html .vc_gitem-zone.vc_gitem-zone-a .vc_gitem-zone-mini {
  display: none !important;
}

html .vc_gitem-zone.vc_gitem-zone-a .vc_gitem-zone-img {
  display: none !important;
}

/* =========================
   LICENSEES GRID (custom)
========================= */
.wpb_wrapper .iei-licensees-grid,
.entry-content .iei-licensees-grid,
.iei-licensees-grid {
  display: grid !important;
  gap: 24px !important;
  justify-content: center !important;
  justify-items: center !important;
  align-items: start !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.iei-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.iei-licensee-card {
  width: 100%;
  max-width: 260px;
  margin: 0 auto !important;
  text-align: center !important;
}

.iei-licensee-thumb {
  height: 140px;
  background: #f7f7f7;
  border-radius: 8px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden;
}

.iei-licensee-thumb img {
  display: block !important;
  margin: 0 auto !important;
  float: none !important;
  transform: translateX(0) !important;
  max-width: 100% !important;
  height: auto !important;
}

@media (max-width: 768px) {
  .iei-licensees-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* ======================================================
   NEWS GRID – 3 COLONNE STABILI (NEWS + HOME)
   Richiede classe .fixgrid sul modulo
====================================================== */

/* 1) Ripristina layout a FLOAT (no grid!) */
.fixgrid .vc_pageable-slide-wrapper{
  overflow: hidden; /* chiude i float */
}

/* 2) Forza 3 colonne */
.fixgrid .vc_grid-item{
  float: left !important;
  width: 33.333333% !important;
  clear: none !important;
}

/* 3) Spaziatura coerente tra card */
.fixgrid .vc_grid-item-mini{
  height: 100%;
}

/* 4) Rendi ogni card “colonna” e allinea bottone in fondo */
.fixgrid .vc_grid-item-mini{
  display: flex;
  flex-direction: column;
}

/* 5) Excerpt: più alto e uniforme (senza toccare il titolo) */
.fixgrid .vc_gitem-post-data-source-post_excerpt{
  margin-top: auto; /* spinge excerpt+bottone verso il basso se serve */
}

.fixgrid .vc_gitem-post-data-source-post_excerpt p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;   /* più respiro */
  overflow: hidden;
  min-height: 6.2em;       /* altezza più alta: evita “card troppo bassa” */
  position: relative;
}
/* Altezza minima card NEWS – evita buchi */
.fixgrid .vc_grid-item-mini{
  min-height: 520px;   /* prova 500–560 se vuoi */
}


/* 6) Puntini finali vicino al testo (non appesi a destra) */
.fixgrid .vc_gitem-post-data-source-post_excerpt p::after{
  content: " …";
}

/* 7) Bottone sempre in fondo */
.fixgrid .vc_btn3-container{
  margin-top: auto;
}

/* 8) Responsive */
@media (max-width: 768px){
  .fixgrid .vc_grid-item{
    width: 50% !important;
  }
}
@media (max-width: 480px){
  .fixgrid .vc_grid-item{
    width: 100% !important;
  }
}
/*prodotti*/
/* layout e immagini */
.iei-products-container {
	margin: 30px 0;
}

.iei-product-image-wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	background: #f5f5f5;
	border-radius: 5px;
}

.iei-product-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.iei-product-image-wrapper:hover .iei-product-image {
	transform: scale(1.05);
}
/* Titolo prodotto IEI */
.iei-products-container 
.woodmart-title-container {
	font-size: 18px;          /* override size */
	line-height: 1.3;
	margin-bottom: 8px;
}
/* Descrizione prodotto */
.iei-product-description {
	text-align: center;
	padding: 0 15px;
	margin-top: 6px;
}

.iei-product-description p {
	font-size: 14px;
	line-height: 1.6;
	color: #777;
	margin: 0;
}
@media (max-width: 768px) {
	.iei-products-container 
	.woodmart-title-container {
		font-size: 16px;
	}
}
/* =========================
   IEI – BRANDS
========================= */

.iei-brands-container {
	margin: 30px 0;
}

/* Logo */
.iei-brand-image-wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 100%; /* 1:1 */
	overflow: hidden;
	margin-bottom: 18px;
	background: #f5f5f5;
	border-radius: 6px;
}

.iei-brand-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 12px;
}

/* Titolo marchio */
.iei-brands-container 
.woodmart-title-container {
	font-size: 18px;
	line-height: 1.3;
	margin-bottom: 6px;
}

/* Descrizione / payoff */
.iei-brand-description {
	text-align: center;
	padding: 0 15px;
	margin-top: 6px;
}

.iei-brand-description p {
	font-size: 14px;
	line-height: 1.6;
	color: #777;
	margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
	.iei-brands-container .wpb_column {
		width: 50% !important;
	}
}

@media (max-width: 480px) {
	.iei-brands-container .wpb_column {
		width: 100% !important;
	}
}
.iei-product .iei-thumb img{width:100%;height:auto;display:block;border-radius:8px}
		.iei-product .iei-title{font-size:16px;margin:8px 0 4px}
		.iei-product .iei-price{color:var(--wd-primary,#3a3a3a);font-weight:600}
		@media (max-width:768px){.iei-products-grid{grid-template-columns:repeat(2,1fr)}}

.social-links {
  text-align: left;
}

.social-links a {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 16px; /* testo */
  text-decoration: none;
}

.social-links i {
  font-size: 24px; /* icone più grandi */
  width: 28px;     /* allineamento verticale pulito */
  text-align: center;
}
@media (max-width: 576px) {
	.woodmart-title-container {
font-size: 35px;
line-height: 45px;
}
.wd-fontsize-l {
font-size: 18px;
	padding: 5px 15px;
}
body.parent-pageid-9744 .immagine-sovrapposta {
    margin-top: -150px;
  }
body.parent-pageid-9744.wd-header-overlap .wd-page-title {
  padding-top: 200px;
}
body.parent-pageid-9744 .immagine-sovrapposta {
  position: relative;
  z-index: 20;
  transform: translateY(-80px);
  text-align: center;
}
body.parent-pageid-9744 .immagine-sovrapposta img {
  max-width: 220px;
  height: auto;
  margin: -0 auto 0 auto;
  display: block;
}
body.parent-pageid-9744 .mobilefixtext{
    margin-top: -60px;
  }
}