/**
* Theme Name: Smartic Child
* Description: This is a child theme of Smartic, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opal Team</a>
* Template: smartic
* Version: 1.9.4
*/



@font-face {
    font-family: 'kimberleyblack';
    src: url('./fonts/kimberley_bl-webfont.woff2') format('woff2'),
         url('./fonts/kimberley_bl-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*-------------------------------------------------------------
1.1 Typography
--------------------------------------------------------------*/

:root {
  --primary: #289c28;
  --primary_hover: #248c24;
  --secondary: #c848b1;
  --text: #666666;
  --accent: #000;
  --light: #f2f2f2;
  --dark: #7a7a7a;
  --border: #e6e6e6;
  --background: #ffffff;
}

body,
button,
input,
textarea {
  font-size: 16px;
  color: var(--text);
  font-family: "Poppins","Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  line-height: 1.5;
  text-rendering: optimizeLegibility; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Poppins", Sans-serif;
	font-weight: 600;
}

.price, .smartic-woocommerce-title, .mspc-attribute-title, .fpd-gt-step {
	font-family: "BROmny", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.entry-header .posted-on a {
  color: var(--primary);
}

/* ----- larghezza massima anteprime in carrello ----- */
table.cart td.product-thumbnail img {
	max-width: 200px;
}

/* ----- Carrello sidebar ----- */
.elementor-menu-cart__product.woocommerce-cart-form__cart-item.cart_item {
	padding: 30px 30px 20px;
    margin-top: 30px;
    border: 1px solid var(--border);
}
.elementor-menu-cart__product.woocommerce-cart-form__cart-item.cart_item:last-child {
	margin-bottom: 30px;
}
.elementor-menu-cart__footer-buttons a {
	margin: 0.5em;
}
/* ----- anteprima prodotti in carrello sidebar nascosta per incompatibilità ----- */
.elementor-menu-cart__product-image.product-thumbnail {
	display: none;
}

/* ----- Smartic Image Box personalizzation ----- */
.elementor-image-box-title {
    font-family: 'kimberleyblack', BROmny, Arial, sans-serif !important;
    line-height: 32px !important;
    font-size: 24px !important;
    font-weight: normal !important;
    font-style: normal !important;
}
.elementor-widget-smartic-image-box .elementor-image-box-img::before {
    background: var(--light);
}
.elementor-widget-smartic-image-box .elementor-image-box-wrapper:hover .elementor-image-box-img .number {
    background-color:  var(--light) !important;
}
.elementor-widget-smartic-image-box .elementor-image-box-wrapper:hover .elementor-image-box-img::before {
	background-color: var(--secondary) !important;
}


/* ----- titolo su due righe in prodotti consigliati in scheda prodotto ----- */
section.related.products ul.products li.product .woocommerce-loop-product__title {
	max-width: 240px;
	margin-left: auto;
	margin-right: auto;
}

/* ----- colore data in single post ----- */
.hentry .entry-header .posted-on, .hentry .entry-header .post-comments, .hentry .entry-header .byline {
  color: var(--dark);
}

/*-------------------------------------------------------------
13.0 Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1em;
  max-width: 100%;
}
.wp-caption img[class*='wp-image-'] {
    display: block;
    margin: 0 auto;
}
.wp-caption .wp-caption-text {
    text-align: center;
    font-style: italic;
    border-bottom: 0;
    padding: 0.5em 1em;
	font-size: 0.9em !important;
	border-radius: 4px;
	width: fit-content;
	margin: 0.5em auto;
	max-width: 400px;
}
figcaption {
	display: flex;
	align-items: center;
}
figcaption:before, figcaption:after {
	content: "\f0d8";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	display: block;
}
figcaption:before {
	margin-right: 0.5em;
}
figcaption:after {
	margin-left: 0.5em;
}


/* ----- CTA for articles generic property ----- */
#CTA_for_articles {
	width: 100%;
	float: left;
	margin-top: 10px;
	display: flex;
	justify-content: center;
}
#CTA_for_articles .container {
	/*max-width: 600px;*/
	width: 100%;
	background-color: var(--light);
	padding: 20px 25px;
	box-shadow: 0 0 1px var(--dark);
}
#CTA_for_articles .website-name.primary-color {
	color: var(--primary);
}
#CTA_for_articles .website-name.secondary-color {
	color: var(--secondary);
}
#CTA_for_articles span.website-name {
	font-family: 'kimberleyblack', BROmny, Arial, sans-serif;
	line-height: 26px;
	font-size: 32px;
	font-weight: normal;
	font-style: normal;
}
#CTA_for_articles p {
	color: black;
}
#CTA_for_articles p.slogan {
	margin-top: 5x;
	font-family: "Poppins";
	line-height: 30px;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 1rem;
}
#CTA_for_articles .button {
	background-color: #289C28;
	color: white;
	border: solid 1px #289C28;
}
#CTA_for_articles .button:hover {
	background-color: white;
	color: #C848B1;
	border: solid 1px #C848B1;
}
#CTA_for_articles p.slogan, #CTA_for_articles a.button {
	margin-top: 0.5em;
}
#CTA_for_articles.text-center {
	text-align: center;
}
@media screen and (max-width:520px) {
	#CTA_for_articles span.website-name {
		line-height: 22px;
		font-size: 28px;
	}
	#CTA_for_articles p.slogan {
		line-height: 26px;
		font-size: 20px;
	}
}

/* ----- CTA for articles variants styles ----- */
.CTA_for_articles-no_logo p.slogan {
	margin-top: 0 !important;
}


.CTA_for_articles-logo_left .container {
	padding: 5px 20px 5px 2px !important;
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
}
.CTA_for_articles-logo_left .container > div {
	display: flex;
	align-items: center;
}
.CTA_for_articles-logo_left .text-content-container {
	display: flex;
	justify-content: space-between;
	width: 100%;
	flex-direction: column;
	padding: 20px;
}
.CTA_for_articles-logo_left .logo-container {
	width: 160px;
	margin-left: 20px;
}
.CTA_for_articles-logo_left .slogan-container {
	/*max-width: 450px;*/
}
.CTA_for_articles-logo_left .cta-container {
	
}
.CTA_for_articles-logo_left p.slogan {
	margin-top: 0px !important;
}
.CTA_for_articles-logo_left a.button {
	margin: 0 !important;
}