/*
Theme Name: iSpazio 2022 Child
Theme URI: https://www.ispazio.net/
Description: A child theme of iSpazio 2022 Theme
Author: Fabiano Confuorto
Author URI: https://www.ispazio.net
Template: ispazio-2022
Version: 1.1
*/

/* PUBBLICITA */
.post-content .a-wrap-8 {
    margin: 0 0 2.3em 2.3em;
    text-align: right;
    float: right;
}

.a-wrap .label {color: var(--c-post-meta);}

	@media (max-width: 670px) {
.post-content .a-wrap-8 {margin: 0; width: 100%;}
}

:root {
    --sidebar-pad: 20px;
    --c-pinterest: #23c761;
}

.elementor-2026886 .elementor-element.elementor-element-c0d118e.elementor-column > .elementor-widget-wrap, 
.elementor-2026886 .elementor-element.elementor-element-62a7041.elementor-column > .elementor-widget-wrap {
    padding-left: 20px;
    padding-right: 20px;
}

.elementor-2026886 .elementor-element.elementor-element-1c655ff .content {min-height: 149px;}

.pub-header {
    width: 100%;
    height: 150px; 
    background-color: #DDE7F2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.off-canvas-active .mobile-menu {display: none;}
.off-canvas-content {padding: 0 25px 25px 25px;}


.block-head .view-link {color: var(--c-post-meta);}

.archive-description a {color: #258bf4;}


/* Bordino azzurro ai commenti */
	.meta-item + .comments {    color: #454545;
    background: #e7f2f7;
    padding: 2px 7px;}
    
    .post-meta .has-next-icon:not(.has-icon) {
  margin-right: 9px;
}



/* PANNELLO ADMIN */

#tinymce .post-content p {font-size: 18px !important;}

/* Nav BAR Secondary */

@media (max-width: 670px) {
.navigation .menu > li > a {letter-spacing: 0px;}
}



.h-text2 a, .h-text3 a {color:#000;
	font-weight: 600;
    font-size: 15px;
    }
    
.h-text2 a:hover, .h-text3 a:hover {text-decoration: underline;}
    
.s-light .smart-head-sticky:not(.s-dark) {background: #fff !important;}

.navigation .menu, .navigation .menu li {
    height: inherit;
}


input[type="submit"].adverts-button, .adverts-button, .adverts-upload-actions a.button {
    background: #0088ff !important;
    padding: 10px 20px !important;
    color: #ffffff !important;
    text-decoration: none;
    border:unset !important;
    font: unset !important;
    border-radius: 10px !important;
    text-transform: unset;
    font-weight: 600 !important;
}

@media (max-width: 670px) {
.s-light .smart-head-sticky:not(.s-dark) {background: #57a9f2 !important;}

.block-head .view-link {display:none;}
.common-slider .nav-dots {display:none !important;}
}

/* OFF-CANVAS WIDGET */

.off-canvas-widgets {margin-top: 40px;}

#menu-ispazio-mobile-menu li {
	font-size: 16px;
    position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--c-contrast-200);
    padding: 12px 0px;
    }
#menu-ispazio-mobile-menu .menu-item-2027351 {display:none;}






/***************************
		Altri FIX in Home Page
****************************/
.one-row-button {
	background: var(--b-background-bew-2);
	text-align:center;
	border: 1px solid var(--c-separator);
    line-height: 40px;
    color: var(--c-contrast-800);
    font-size: 12px;
    font-weight: 400;
    }
    
    
    
/* Modifiche a livello globale per tutto il sito */

	::marker {
	font-weight: 600;
	}
	
	body.elementor-page {background-color: #f2f2f7 !important;}
	
	ul {margin: unset; margin-left: var(--ul-ml, 0); margin-bottom: 30px;}
	
	.description ul {margin-bottom: unset;}
	
	.loop + .main-pagination {margin-top: 38px;}

	.s-light .smart-head-sticky:not(.s-dark) {background: #089ffb;}

	#smart-head .ts-button1 {
	min-width: 140px;
	}

	.grid-card-post {
	border-radius: 12px;
	}
	
	.post-content h2 + p {margin-top: unset;}
	.post-content h3 + p {margin-top: unset;}
	.post-content p {margin: 27.72px auto;}
	
	.post-content h1, .post-content h2 {font-weight: 700;}

	.post-meta .post-cat > a {letter-spacing: 0.05px;}

	.widget .spc-insta-link a {
	background:var(--c-main);
	color: #fff;
	}

	.s-light {
	--c-contrast-92: #f5f6f9;
	--c-contrast-91: #ddd;
	--c-contrast-90: #ebebf0;
	--c-contrast-89: linear-gradient(120deg,#fff 45%,#f5f5f5);
	--c-contrast-88: #F2F2F7;
	--c-contrast-87: #FFF;
	--c-contrast-86: #fff;
	--c-contrast-85: #646464;
	--c-contrast-arancione: #bf4800;
	--c-contrast-azzurrogrigio: #57a9f2;
	--c-tiktok: #000;
	--c-instagram: #e13072;
	--b-background-bew: #fff; 
	--b-background-bew-2: #fff; 
	--b-background-bew-3: #f1f1f6;
	--bordi-separatori: #ddd;
	--label: #333333;
	--button-background: #ebebf0;
	--commenti-background: #e7f2f7;
	}

	.s-dark {
	--c-contrast-92: #2C2C2E;
	--c-contrast-91: #313235;
	--c-contrast-90: #313235;
	--c-contrast-89: #2C2C2E;
	--c-contrast-88: #21212B;
	--c-contrast-87: #222;
	--c-contrast-86: #2C2C2E;
	--c-contrast-85: #bababa;
	--c-contrast-arancione: #f17b33;
	--c-contrast-azzurrogrigio: #32323c;
	--b-background-bew: #000;
	--b-background-bew-2: #32323c;
	--b-background-bew-3: #32323c; 
	--bordi-separatori: #505050;
	--label: #777777;
	--button-background: #3b3b47;
	--commenti-background: #32323c;
	}
	
	.blu {background: #258bf3;
    color: #fff;
    padding: 5px 6px 6px 6px;}
	
	

	.navigation .menu > .current-menu-item > a {color: inherit;}

	.navigation .menu > .current-menu-item > a:before {
    content: "";
    width: 20px;
    height: 2px;
    position: absolute;
    margin-top: 17px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #ccc;
    transition: 0.3s;}

.navigation .menu li > a:after {color: #000;}

/* iSpazioPub fluttuante */
 .ispaziopub {background: var(--c-contrast-0); padding: 20px 20px 30px 20px; border-radius: 0 0 12px 12px;}
 .ispaziopub h2 {color: var(--c-headings); letter-spacing: -0.09px; font-size: 19px;}
 
     .widget_nav_menu li{
         padding: 15px 0;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    margin: auto 0;
    border-bottom: 1px solid #333;
    }
    
    
    
@media (max-width: 670px) {
     .widget_nav_menu li{
     text-align: left;
         border-bottom: 1px solid #555;
         padding: 20px 0;
         text-transform: uppercase; 
     }
     }

    .tiktok-embed {
     padding: 0 0 20px 0;
         border-top: unset;
    }


    .grid-stylish-post .content, .grid-card-post .content {
    padding: 18px 26px 26px 26px;
}

	/* Single Page */

	.archive-description {
	font-size: 18px;
	}


/* Single Post 

.col-8 {
    border: 1px solid var(--c-contrast-150);
    background: var(--c-contrast-0);
    border-radius: 20px;
    padding: 40px 30px;
}*/

.s-head-large .post-title, .s-head-large .sub-title {max-width: 95%;}

.s-head-modern .sub-title {color: var(--c-contrast-700);}

.s-head-modern {padding: 0 10px;}




/* PAGINE SPECIALI */
/* Prime Day */




/* MIO CODICE */

.adlabel {}

.adtitle {font-size: 19px; color: #000;}

.addesc {font-size: 16px; color: #505050;}

.barralaterale1 {
	background: var(--c-contrast-0);
	margin-top: 20px;
    margin-bottom: 30px;
    border: 1px solid var(--c-contrast-75);
    border-radius: 10px;
    box-shadow: 0 2px 15px -1px rgba(0, 0, 0, 0.06);
}

.barralaterale2 {
	background: var(--c-contrast-0);
    margin-bottom: 0px;
    border: 1px solid var(--c-contrast-75);
    border-radius: 10px;
    box-shadow: 0 2px 15px -1px rgba(0, 0, 0, 0.06);
}

.barralaterale3 {
	background: var(--c-contrast-0);
    border: 1px solid var(--c-contrast-75);
    border-radius: 10px;
    box-shadow: 0 2px 15px -1px rgba(0, 0, 0, 0.06);
}


.grid-overlay-a {--grad-opacity: 1.0;}



.wp-caption-text, figcaption {
    font-size: 15px;
    text-align: unset;
    color: var(--c-contrast-800);
}



@media (max-width: 670px) {


.elementor-2026886 .elementor-element.elementor-element-56509c0 .post-author, .elementor-2026886 .elementor-element.elementor-element-38e73c6 .post-author {display:none;}
.elementor-2026886 .elementor-element.elementor-element-56509c0 .post-meta .meta-item:before, .elementor-2026886 .elementor-element.elementor-element-38e73c6 .post-meta .meta-item:before  {content: none;}

.adlabel {padding: 0 20px;}

.adtitle {padding: 0 20px; font-size: 18px;}

.addesc {padding: 0 20px 20px 20px;}

.elementor-2026886 .elementor-element.elementor-element-7824d1a > .elementor-element-populated {margin: 0px; padding-top: 20px; border: 1px solid #ddd; border-radius: 0 0 10px 10px; border-top: 0px;}


.elementor-2029396 .elementor-element.elementor-element-b83b82d .list-post {    border-radius: 10px; }
.elementor-2029396 .elementor-element.elementor-element-b83b82d .loop {    --grid-row-gap: 30px;}
.elementor-2029396 .elementor-element.elementor-element-b83b82d .content {padding: 25px; margin: 0;}
.elementor-2029396 .elementor-element.elementor-element-b83b82d .l-post {padding: unset;}

.barralaterale3 {margin-bottom: 38px;} 

}


.s-dark .elementor-2026886 .elementor-element.elementor-element-7f7f0cd .l-post {box-shadow: unset !important;}

.s-dark .elementor-2026886 .elementor-element.elementor-element-0fe58d6:not(.elementor-motion-effects-element-type-background) {background-color: var(--c-contrast-0);}

.s-dark .meta-item + .comments {color: #ececec; background: #687074;}

.s-dark .elementor-2026886 .elementor-element.elementor-element-0afcb23 .grid-card-post, .s-dark .elementor-2026886 .elementor-element.elementor-element-2f07ca9 .list-card-post, .s-dark .spc-social-follow .service-link {background:#32323c; border: unset;}


.s-dark .elementor-2044660 .elementor-element.elementor-element-c1e1e5a {background: #000;}
.s-dark .elementor-2044660 .elementor-element.elementor-element-7dac0e7 .l-post { padding: 0px 20px 0px 0px; background: #32323C; }
.s-dark .elementor-2044660 .elementor-element.elementor-element-baa8c9c .grid-stylish-post .content {background: #32323C;}

.s-dark .elementor-2026886 .elementor-element.elementor-element-477600e .content, .s-dark .elementor-2026886 .elementor-element.elementor-element-73381c4 .content {    border-color: #212121;}
.share-float-b .service {background: #fff;}

.the-post > *:not(article),
.ts-row .comments,
.the-post-tags,
.related-posts {
  padding-left: auto !important;
  padding-right: auto !important;
}

@media (max-width: 1310px) {
  .has-share-float-in .post-share-float {
    margin-left: 30px !important;
  }
}

 

@media (max-width: 670px) {

	.post-content p {
    letter-spacing: inherit !important;
    line-height: inherit !important;
	}

}

/* MIO CODICE */


.social-follow-title {font-size: 13px !important; }
.social-follow-title:hover {color: #0066ff;}

.s-head-large .post-title, .s-head-large .sub-title {max-width: unset;}

.block-head .view-link-b {border: 1px solid #fff; color:#fff;     background: none;}

.elementor-2026886 .elementor-element.elementor-element-15bd5bf > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute):hover {text-decoration: underline; color: #fff;}



.content-spacious > p img.alignnone {
	margin-left: auto;
    margin-right:  auto;
    max-width: 100%;
    }

p img.alignnone, img.alignnone {display:unset;     margin: unset;}

blockquote {
		 padding: 10px 30px 10px 30px;
         font-style: italic;
         position: relative;
         font-size: 18px;
         }
         
blockquote > p:first-of-type {margin: 0 !important;}

         .post-content > blockquote:not([class]) {border-left: 4px solid #3478f6;}

         .wp-block-pullquote p + cite {padding-bottom: 30px;}

         .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
         line-height: 35px;
    	margin: 1.4em 0 0.5em;
    	}
    	
  /*  .post-content h2 {    line-height: 35px;
    margin: 1em 0 0em;
    background: #089ffb;
    color: #fff;
    display: table;
    position: relative;
    padding: 3PX 15PX 3PX 15px;
    font-size: 19px;
    FONT-WEIGHT: 700;
    LETTER-SPACING: -0.3px;
    text-transform: uppercase;
    }
    
    .post-content h2 + ul {margin-top: 15px;}
    */
 
    
    
 
    

    	.verdict-box p {margin-top: 0px !important;}

.post-content {color: var(--c-contrast);}


.has-nums-a .l-post .post-title:before {    color: var(--num-color, var(--c-contrast-400));}


/* SLIDER SUPERIORE */




	.elementor-2026886 .elementor-element.elementor-element-7cc74580 .l-post {
	border:none;
    margin-top: 16px;
    margin-bottom: 10px;
	}

	.elementor-2026886 .elementor-element.elementor-element-7cc74580 .l-post .media {
	border-radius: 12px 12px 0 0;
	}


	.elementor-2026886 .elementor-element.elementor-element-7cc74580 .content {
	min-height: 136px;
	}


/* FIX per Small Post */

	#post-2025737 .small-post {
	min-height: 90px;
	}

	.elementor-element-553f674 .loop-grid, .elementor-element-12df7b2 .loop-grid, .elementor-element-cf5f0bc .loop-grid {
	min-height: 430px;
	}
	
	
	
 

/************************************************
	MOBILE
************************************************/

@media (max-width: 670px) {


	.post-content p {
    letter-spacing: -0.4px;
    line-height: 25px;
    margin-top: 0px;
	}
	
	.post-content h2 { /* margin: 2em 0 0.7em 0; */
	margin: 10px 0 0.7em -27px;
	padding-left: 30px;
	}

	.has-share-meta-right .post-share-b {display:none;}
	
	.post-meta .has-icon {float: right; margin-top: -2px; border-radius: 2px;}
	
	.upper-footer {display:none;}
	
	.elementor-2026886 .elementor-element.elementor-element-591923b8 img {max-width: 60%;}
	

}


/************************************************
************************************************
SCREENSHOT IN SEQUENZA FIGA SCORRIMENTO
************************************************
************************************************/
	.class-gdrive {
	white-space: nowrap !important;
	overflow-x: scroll !important;
	overflow-y: hidden !important;
	padding: 0px;
	margin: 0px 0px 30px 0px;
}

.class-gdrive img{
	display: inline-block;
	width: 248px;
	margin: 0px 10px;
	border-radius: 20px;
	border: 1px solid rgba(62,101,119,.18);
}

.class-gdrive img:first-child{
	margin: 0px 10px 0px 0px;
}

.class-gdrive img:last-child{
	margin: 0px 0px 0px 10px;
}



/************************************************
************************************************
 NUOVO CARD CHE SOSTITUISCE APP STORE E LEGGI_ANCHE 
 E DA LI TUTTI I DERIVATI
************************************************
************************************************/

.card-container {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.card-image {
  flex: 0 0 110px; /* Larghezza immagine rispetto al contenuto */
  display: flex;
  align-items: center;
  margin: 10px 0;
}

.card-image img {
  width: 103px;
  height: 103px;
  border-radius: 22px;
  object-fit: cover;
  border: 1px solid #ddd;
}

.card-body {
  flex: 1;
  display: flex; /* Imposta la modalità flex per mantenere affiancati gli elementi */
  align-items: center;
  justify-content: space-between; /* Aggiungi spazio tra i due elementi */
  padding: 0 10px;
  border-top: 1px solid var(--bordi-separatori); /* Bordi superiori */
  border-bottom: 1px solid var(--bordi-separatori); /* Bordi inferiori */
}

.card-content {
  padding: 10px 0; /* Spaziatura interna */
}

h2.card-title  {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  line-height: 30px;
  color:  var(--c-contrast);
}

.card-subtitle {
  font-size: 16px;
  color: var(--c-post-meta);
  margin: 0;
  text-transform: capitalize;
}

.card-optional {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  margin-left: 10px; /* Margine per separare dal contenuto */
  color: var(--c-post-meta);
}

.card-optional a {
  text-decoration: none;
}

.optional-content {
  background: var(--button-background);
  padding: 2px 15px;
  border-radius: 100px;
  color: #0056A6 !important;
  font-size: 17px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  transition: background 0.3s, color 0.3s; /* Animazione per l'hover */
}

.card-optional a:hover .optional-content {
  background: #3478f6;
  color: white !important;
}


/* Responsive */
@media (max-width: 640px) {
.card-container { padding: 0; margin-bottom: 30px; } 
.card-image { flex: 0 0 85px; margin: 10px 0; border-radius: 15px;} 
.card-image img { width: 75px; height: 75px; border-radius: 15px; } 
.optional-content { padding: 2px 13px; font-size: 14px; } 
.card-subtitle {font-size: 15px; }
.card-body {padding: 0 0px 0 10px;}
h2.card-title {line-height: 22px; padding-left: 0px; font-size: 16px; }

}


/* TEMA: (STILE) MINI */
.card-container.mini { padding: 0; margin-bottom: 0px; min-height: 70px;} 
.card-container.mini .card-image { flex: 0 0 85px; margin: 10px 0;} 
.card-container.mini .card-image img { width: 70px; height: 70px; border-radius: 15px; } 
.card-container.mini .optional-content { padding: 2px 13px; font-size: 14px; } 
.card-container.mini .card-subtitle { font-size: 15px; }
.card-container.mini .card-body {padding: 0 0px 0 10px; border-top: 0; border-bottom: 0;}
.card-container.mini h2.card-title {line-height: 22px; padding-left: 0px; font-size: 16px; }


/* PER SHORTCODE BOTTONEGRIGIO */
.card-container.bottone {margin-bottom: 30px;}
.card-container.bottone .card-content {padding: 20px 0;}
.card-container.bottone:hover {background: var(--c-contrast-90);}
.card-container.bottone .card-body:hover {border-top: 1px solid var(--c-contrast-90); border-bottom: 1px solid var(--c-contrast-90); }
.card-container.bottone .card-body {margin-left: 10px;}
.card-container.bottone .card-image { flex: 0 0 260px; /* Larghezza immagine rispetto al contenuto */ display: flex; align-items: center;    margin: 20px 0px 20px 0px; padding-left: 10px; }
.card-container.bottone .card-image img { width: 250px; height: 140px; border-radius: 10px; border: 1px solid var(--c-contrast-91); object-fit: cover; transition: opacity 0.3s ease; }
.card-container.bottone h2.card-title { font-size: 18px; font-weight: 600; line-height: 27px; margin: 0; color:  var(--c-contrast); } 
.card-container.bottone .card-title a , .card-container.bottone h2.card-title a { color:  var(--c-contrast);} 
.card-container.bottone .card-title a:hover, .card-container.bottone h2.card-title a:hover { color: var(--c-a, var(--c-links)); } 
.card-container.bottone .card-data { font-size: 17px; display: inline-block; padding-right: 20px; color: var(--c-post-meta); }
@media (max-width: 640px) {
.card-container.bottone .card-image {flex: 0 0 80px;     margin: 0;}
.card-container.bottone .card-image img { width: 70px; height: 70px; min-height: 42px; border-radius: 10px; border: 1px solid var(--c-contrast-91); object-fit: cover; transition: opacity 0.3s ease; }
.card-container.bottone .card-optional {font-size: 14px; color: var(--c-post-meta)}
.card-container.bottone h2.card-title {font-size: 16px;}
.card-container.bottone .card-data {font-size: 15px;}
}


/* PER SHORTCODE MENUBOTTONE */
.card-container.menu .card-data {display: none;}
.card-container.menu .card-content {padding: 20px 0;}
.card-container.menu:hover {background: var(--c-contrast-90);}
.card-container.menu .card-image {padding-left: 10px;}
.card-container.menu .card-image {flex: 0 0 113px;}
.card-container.menu .card-body {margin-left: 10px;}
.card-container.menu .card-body:hover {border-top: 1px solid var(--c-contrast-90); border-bottom: 1px solid var(--c-contrast-90);}
.card-container.menu .card-body {margin-left: 10px;}
.card-container.menu h2.card-title { font-size: 18px; font-weight: 600; line-height: 27px; margin: 0; color:  var(--c-contrast); } 
@media (max-width: 640px) {
.card-container.menu .card-image {flex: 0 0 80px; padding-left: 5px;}
.card-container.menu .card-image img {width: 75px; height: 75px;}
.card-container.menu h2.card-title {font-size: 16px; line-height: 26px;}
.card-container.menu .card-leggianche {font-size: 12px;}
.card-container.menu .card-optional {font-size: 14px; color: var(--c-post-meta)}
.card-container.menu .card-body {padding: 0 0px 0 0px;}

}


/* PER SHORTCODE FEATURE */
.card-container.leggianche.feature h2.card-title {font-size: 18px; font-weight: 600;}
.card-container.leggianche.feature .card-data {font-size: 17px;}
@media (max-width: 640px) {
.card-container.leggianche.feature .card-body {padding: 20px 0;}
.card-container.leggianche.feature .card-image {align-items: flex-start;}
}

 
/* PER SHORTCODE LEGGIANCHE */
.card-container.leggianche:hover .card-title a {    color: var(--c-a, var(--c-links));     transition: none; }

.card-container.leggianche.leggi-single-post {
    display: flex;
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
 }

.card-container.leggianche.leggi-multi-posts {
    display: flex;
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
	margin-bottom: -1px;
}

.card-container.leggianche.space {
  margin-bottom: 30px;
}

.card-container.leggianche .card-image {
  flex: 0 0 270px; /* Larghezza immagine rispetto al contenuto */
  display: flex;
  align-items: center;
  margin: 20px 0;
}

.card-container.leggianche .card-image img {
  width: 250px;
  height: 140px;
  border-radius: 10px;
  border: 1px solid var(--c-contrast-91);
  object-fit: cover;
  transition: opacity 0.3s ease; /* Transizione morbida dell'opacità e del filtro */
}

/* Effetto hover sull'immagine tramite l'elemento <a> */
.card-container.leggianche .card-image:hover img {
  opacity: 0.7; /* Cambia l'opacità durante l'hover */
  }

.card-container.leggianche .card-content {
  padding: 15px 0; /* Spaziatura interna */
}

.card-container.leggianche .card-body {
padding: 0;
}

.card-leggianche {
    font-size: 13px;
    font-weight: 500;
    color: var(--c-post-meta);
    text-transform: uppercase;
}


.card-container.leggianche h2.card-title  {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    margin: 0;
    padding: 10px 0 8px 0;
    color:  var(--c-contrast);
}

.card-container.leggianche .card-title a , 
.card-container.leggianche h2.card-title a { color:  var(--c-contrast);}

.card-container.leggianche .card-title a:hover, 
.card-container.leggianche h2.card-title a:hover {
    color: var(--c-a, var(--c-links));
}

.card-data {
	font-size: 13px;
    display: inline-block;
    padding-right: 20px;
    color: var(--c-post-meta);
    }
    
.card-comments {
	display: inline-block;
    font-size: 13px;
    background: var(--commenti-background);
    padding: 2px 7px;
    margin-top: 5px;
    color: var(--label);
}

.card-comments a {color: var(--label);}
.card-comments a:hover {color: var(--c-a, var(--c-links));}


.card-clickable {
    position: relative;
}

.card-clickable::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.card-clickable a {
    position: relative;
    z-index: 2;
}

.card-clickable::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0); /* Senza colore visibile */
}

.card-clickable:hover .card-title,
.card-clickable:hover .card-content {
    color: blue; /* Colore del titolo quando si passa sopra */
}




/* Effetto hover sull'immagine e modifica del colore del titolo */
.card-container.leggianche .card-image:hover + .card-body .card-title,
.card-container.leggianche .card-image:hover + .card-body .card-title h2 {
  color: var(--c-a, var(--c-links)); /* Cambia il colore del titolo */
}

/* Effetto hover sul titolo e modifica dell'opacità dell'immagine */
.card-container.leggianche:hover .card-image img {
  opacity: 0.7; /* Cambia l'opacità dell'immagine */
}

/* Aggiungi transizioni morbide per un effetto più fluido */
.card-container.leggianche .card-image img,
.card-container.leggianche .card-body .card-content a .card-title,
.card-container.leggianche .card-body .card-content a h2 {
  transition: opacity 0.3s ease, color 0.3s ease; /* Transizione morbida per entrambi */
}
    

/* Responsive per mobile */
@media (max-width: 640px) {
  .card-container.leggianche {
  }
 
  .card-container.leggianche.leggi-single-post {}
    
  .card-container.leggianche.leggi-multi-posts {}

  .card-container.leggianche .card-image {
	margin-right: 15px;
	flex: 0 0 90px;
  }

  .card-container.leggianche .card-image img {
	width: 90px;
    height: 90px; /* Mantiene il rapporto d'aspetto */
    border-radius: 0; /* Rimuove gli angoli arrotondati per l'immagine a tutta larghezza */
  }

  .card-container.leggianche .card-body {
    padding: 5px 0px; /* Aggiunge un po' di padding interno */
  }
  
  .card-container.leggianche h2.card-title {
  font-size: 15px; 
  line-height: 22px;
  font-weight: 500;
  }
  
  .card-container.leggianche .card-leggianche {display: none;}

  .card-container.leggianche .card-content {
    padding: 0; /* Regola la spaziatura interna */
  }

  .card-container.leggianche .card-body {
      margin-left: 0px;
  }

  .card-container.leggianche .card-comments,
  .card-container.leggianche .card-data {
    font-size: 12px; /* Riduce la dimensione dei dettagli per il mobile */
  }
  
  
  .card-container.leggianche h2.card-title  {
padding: 5px 0 10px 0;
}

  .card-comments {
    font-size: 12px;
    background: unset;
    color: #777;
    padding: 0;
    margin-top: 0px;
            margin-bottom: 5px;
}

  
  
  
}





/************************************************
************************************************
BOX SINGLEPOST FOOTER PER TELEGRAM E APP
 ************************************************
************************************************/
.postfooter_main {background: #69C1EA4F; border: 4px solid #6fbcee; font-size: 17px; padding: 20px; margin-top: 30px;}
.postfooter_title {font-size: 20px; font-weight: 600; line-height:24px; margin-bottom: 20px;}
.postfooter_bothalf {display: flex; flex-direction: row; align-items: flex-end;}
.postfooter_firsthalf {}
.postfooter_linea {margin: 0px 30px 30px 0px; padding-top: 30px; border-top: 1px solid var(--c-contrast-300);}
.postfooter_button {font-weight: 500; color: #fff; padding: 10px 30px; border-radius:8px;}
.postfooter_button:hover {color:#fff;}
.background_telegram {background: #0088cc;}
.background_telegram:hover {background: #036393;}
.background_appstore {background: #000;}
.background_appstore:hover {background: #393939;}
.postfooter_iscriviti {padding: 10px 0 20px 0;}
.underline {font-size: 18px; font-weight: 600;}
.underline:hover {text-decoration: underline; color: #000 !important;}

@media (max-width: 670px) {
	.postfooter_bothalf {display: block !important;}
	.postfooter_secondhalf  {width: 200px; margin: 0 auto;}
	.postfooter_utenti {display:none;}
	}




}


.loop-sep-col {
     overflow: visible !important;
}



.ts-button .ts-button-c {color: #0088ff;}
.ts-button:hover .ts-button-c {color: #fff;}
 

/************************************************
Badge
************************************************/
.titoloprodotto {width: 100%; border-bottom: 1px solid var(--c-contrast-91); margin: 40px 0 30px 0 !important;}
.badgetext {width: fit-content; background-color: #2dacf9; color: #fff; font-weight: 600; padding: 10px 35px; border-radius: 10px 10px 0 0; font-size: 20px; text-transform: uppercase;}

@media (max-width: 670px) {.titoloprodotto {margin-bottom: 10px !important;}}

  
  
  
  
/************************************************
Nuovo menu apple
************************************************/

.products-menu {
    overflow-x: auto;
    text-align: center; /* Centra l'intero menu orizzontalmente */
    margin: 0 auto; /* Centra l'intero menu nella pagina */
    padding: 15px 0; /* Aggiungi padding nella parte inferiore e superiore del menu */
    border-bottom: 1px solid var(--c-separator); /* Aggiungi una linea inferiore con il colore #ddd */
    margin-bottom: 20px;
}

.products-menu-item {
    display: inline-block;
    width: 110px; /* Larghezza minima per ogni elemento del menu */
    margin-right: 1px; /* Spazio tra gli elementi del menu */
    text-align: center; /* Centra orizzontalmente il contenuto */
    vertical-align: top; /* Allinea gli elementi verso l'alto */
}

.products-menu-item a {
    display: block;
    color: #000; /* Colore predefinito dei link */
    transition: color 0.3s; /* Aggiunge una transizione di colore */
}

.products-menu-item a:hover {
    color: var(--c-main); /* Cambia il colore al passaggio del mouse (hover) */
}

.products-menu-item-image img {
    max-width: 100%; /* L'immagine si adatta alla larghezza del suo contenitore */
    height: 52px; /* Imposta l'altezza fissa a 52 pixel */
    margin: 0 auto; /* Centra l'immagine orizzontalmente */
}

.s-dark .products-menu-item-image img {
    filter: invert(100%);
}

.products-menu-item-name {
    text-align: center;
    font-size: 13px; /* Riduci la dimensione del carattere a 13px */
    overflow-wrap: break-word; /* Permette al testo di andare a capo quando supera la larghezza del contenitore */
    padding: 0 7px;
    color: var(--c-contrast);
}


.products-menu-item-nuovo {
    font-size: 12px;
    color: #b64400;
    display: block;
    text-align: center;
    margin-top: -5px;
}




.shortc-button.medium.azzurro {min-width: 60px; height: 30px; background: #08f; opacity: 1; padding: 3.5px; border-radius: 300px; margin: auto; color: #fff !important; font-size: 15px; text-align: center; border-bottom: none !important; font-weight: 700;}

 
/************************************************
************************************************
ELENCO DISPOSITIVI
************************************************
************************************************/

.nuovo_elenco_dispositivi-box {
    display: flex;
    flex-wrap: wrap; /* Per far andare i box successivi a capo */
    justify-content: center; /* Centra orizzontalmente */
    align-items: flex-start; /* Allinea i box nella parte superiore */
}

.nuovo_elenco_dispositivi-box-item {
    max-width: 151px !important; /* Larghezza fissa */
    min-height: 210px;
    text-align: center;
    margin: 10px;
    border: 1px solid var(--c-contrast-150);
    border-radius: 15px;
    -webkit-box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
    margin: 10px; /* Spazio tra i box */
    background: var(--c-contrast-0);
}

h3.nuovo_elenco_dispositivi-titolo {
	width: 151px;
    margin: 0px 0;
    padding: 20px 20px 20px 20px;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    color: var(--c-contrast);
}

.nuovo_elenco_dispositivi-sottotitolo {
	width: 151px;
    margin: 10px 0;
    padding: 0px 10px 10px 10px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    color: var(--c-contrast);
}

.nuovo_elenco_dispositivi-link-box {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.nuovo_elenco_dispositivi-immagine img {
    width: 151px;
    max-height: 100%;
    padding: 10px 7px;
}

.nuovo_elenco_dispositivi-box-item:hover {
    background: var(--c-contrast-90);
}




/************************************************
************************************************
AMAZON (Ottobre 2024) - NUOVO PRODOTTI SCONTIAMOLO 
PER LISTA ELENCO IN ARTICOLO GIORNALIERO
************************************************
************************************************/

.nuovo-prodotto {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.evento-non-iniziato {
    font-size: 15px;
    border-radius: 10px;
    padding: 30px 20px;
    box-shadow: 0 -1px 2px rgba(24, 28, 71, 0.04), 0 2px 4px rgba(24, 28, 71, 0.1);
    border: 3px solid #dfe3ed;
    color: #686868;
    line-height: 25px;
    background: #f3f4f8;
        width: 100%;
}


ul.product-scontiamolo-list {
  padding-inline-start: 0 !important;
  margin-left: unset;
  margin-bottom: unset;
}

li.product-scontiamolo {      list-style-type: none; /* Rimuove il puntino dell'elenco */
}

.product-scontiamolo-list li:first-child {
  border-top: 1px solid #ddd;
    padding-top: 10px;
}

.s-dark .product-scontiamolo-list li:first-child {
  border-top: 1px solid #4a4a53;
}

 .product-scontiamolo {
      margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
    padding: 10px 0;
    min-height: 175px;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
     /*   background: var(--c-contrast-0); */
    }
    
    .s-dark .product-scontiamolo {	border-bottom: 1px solid #4a4a53;}
    
    .product-scontiamolo a {display: flex;}
    
    .product-scontiamolo:hover {background: var(--c-contrast-88);}

    .product-scontiamolo-image {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
                border-right: 1px solid #e5e5e5;
                padding: 0 20px;
                    mix-blend-mode: darken;
                        min-height: 165px;
    }
    
    .s-dark .product-scontiamolo-image { mix-blend-mode: unset; background: #fff; border-radius: 10px;}


    .product-scontiamolo-img {
     margin: 10px 0;
      width: 100px;
      display: flex;
          justify-content: center;
    }

    .product-scontiamolo-store {
        font-size: 14px;
            height: 25px;
    }
    
    .product-scontiamolo-store img {width: 65px;}

    .product-scontiamolo-img img {
      max-height: 100px;
    }

    .product-scontiamolo-title {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
          padding: 10px 20px 0 20px;
    }

    .product-scontiamolo-name {
    font-weight: 500;
    color: var(--c-contrast);
    overflow: hidden;
    max-height: 79px;
    line-height: 1.333em;
    font-size: 17px;
    padding-top: 10px;
    letter-spacing: 0.2;
    }
    
    .product-scontiamolo-name-short {
    font-weight: 500;
    color: var(--c-contrast);
    overflow: hidden;
    max-height: 61px;
    line-height: 1.333em;
    font-size: 18px;
    padding-top: 10px;
    }

    .product-scontiamolo-description {
      color: #646464;
    padding-top: 5px;
    font-size: 17px;
    font-weight: 400;
    color: var(--c-contrast-450);
    }
    
    .product-scontiamolo-description a {
    display: inline; /* Imposta le ancore su una stessa riga */

}

    
    .product-scontiamolo-prices {
      margin-top: 0px;
          padding-bottom: 10px;
    }
    
  .product-scontiamolo-symbol {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-size: 13px;
    color: var(--c-contrast-300);
    padding-right: 15px;
  }    


.product-scontiamolo-rigo-prezzi {
    padding: 10px 5px 10px 0px;
    border-radius: 11px;
      display: flex;
  align-items: center;
  }
  
  .product-scontiamolo-prices-wrapper {
    background: var(--c-contrast-88);
    display: flex;
    align-items: center;
    margin-right: 2px;
    padding: 4px 6px;
    border-radius: 11px;
}

  .product-scontiamolo-prezzo-wrapper {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.product-scontiamolo-old-price {    background: #fff;
    padding: 0px 8px;
    border-radius: 10px;
    margin-right: 10px;
    color: #999999;
    background: #fff;
    text-decoration: line-through;}

.product-scontiamolo-new-price {    background: #3478f6;
    color: #fff;
    padding: 0px 8px;
    border-radius: 10px;
        font-weight: 600;}

.product-scontiamolo-percentuale {    color: #4bab74;    margin-left: 5px;    font-size: 14px;}

li.product-scontiamolo { margin-bottom: 0;}

    
/* Stili per il layout mobile */
@media (max-width: 600px) {

.product-scontiamolo {    margin: 0 -20px;}

.product-scontiamolo-image {padding: 0;
}

.product-scontiamolo-img {
    width: 80px;
}

.product-scontiamolo-img img {
    max-height: 70px;
}

.product-scontiamolo-title {
    padding: 10px 10px 0 10px;
}


.product-scontiamolo-name {
    max-height: 84px;
    font-size: 14px;
}

.product-scontiamolo-name-short {
    max-height: 68px;
    font-size: 14px;
}

.product-scontiamolo-description, .product-scontiamolo-old-price, .product-scontiamolo-new-price {
font-size: 14px; }


.product-scontiamolo-percentuale {
font-size: 13px;
}

.product-scontiamolo-symbol {padding: 5px;}


  
}



/**********
TESLERS WIDGET CON SHORTCODE
***********/

.teslers-titles {font-size: 14px; line-height: 18px; max-height: 57px;}

.teslers-grid {padding: 20px !important;}

@media (max-width: 680px) {

.teslers-titles {font-size: 17px; line-height: 17px;}

}



/************************************************
************************************************
AMAZON (Ottobre 2024) SINGLEPOST AUTOMATICO 
PER MOSTRARE 1 PRODOTTO SCONTIAMOLO DI APPLE NEI SINGLEPOST MOBILE
************************************************
************************************************/

ul.product-scontiamolo-single-list {
  padding-inline-start: 0 !important;
}

li.product-scontiamolo-single {      list-style-type: none; /* Rimuove il puntino dell'elenco */
}

 .product-scontiamolo-single {
      margin-bottom: 10px;
    padding: 10px 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
        background: var(--c-contrast-88);
        border-radius: 10px;
    }
    
    
    .product-scontiamolo-single a {display: flex;}
    
    .product-scontiamolo-single:hover,
.product-scontiamolo-single:hover .product-scontiamolo-single-offerta  {background: var(--c-contrast-90);}


    .product-scontiamolo-single-image {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    border-right: 1px solid #e5e5e5;
    padding: 0 10px;
    mix-blend-mode: darken;
        margin-left: 5px;
    }
    
    .s-dark .product-scontiamolo-single-image {    mix-blend-mode: unset;
    background: #fff;
    border-radius: 10px;}

    .product-scontiamolo-single-img {
     margin: 10px 0;
      width: 60px;
      display: flex;
          justify-content: center;
    }

    
    .product-scontiamolo-single-img img {
      max-height: 100px;
    }

    .product-scontiamolo-single-title {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: center;
          padding: 0px 20px;
              transform: scaleY(1.1);
    }

    .product-scontiamolo-single-name {
    font-weight: 500;
    color: var(--c-contrast);
    overflow: hidden;
    max-height: 50px;
    line-height: 1.333em;
    font-size: 16px;
    padding-top: 10px;
    }
    

    
    .product-scontiamolo-single-prices {
      margin-top: 0px;
    }
    


 

.product-scontiamolo-single-rigo-prezzi {
    border-radius: 11px;
      display: flex;
  align-items: center;
  }
  
  .product-scontiamolo-single-prices-wrapper {
    display: flex;
    align-items: center;
    margin-right: 2px;
    border-radius: 11px;
}

  .product-scontiamolo-single-prezzo-wrapper {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.product-scontiamolo-single-old-price {
    margin-right: 10px;
    color: #999999;
    text-decoration: line-through;
    letter-spacing: -0.5px;
        font-size: 16px;
    }

.product-scontiamolo-single-new-price {
    color: #3478f6;
    font-weight: 600;
    letter-spacing: -0.7px;
        font-size: 16px;
        }

.product-scontiamolo-single-percentuale {    color: #4bab74;    margin-left: 5px;    font-size: 14px;}

li.product-scontiamolo-single { margin-bottom: 20px;}

  .product-scontiamolo-single-symbol {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-size: 13px;
    color: var(--c-contrast-300);
    padding-right: 30px;
    text-align: center;
  }    


.product-scontiamolo-single-circle {
    width: 60px;
    height: 60px;
    border: 1px solid var(--c-contrast-600);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}

.product-scontiamolo-single-number {
    font-weight: 500;
    font-size: 15px;
    color: var(--c-contrast-600);
        margin-top: -4px;
        transform: scaleY(1.2);
}

.product-scontiamolo-single-offerta {
    background: var(--c-contrast-88);
    width: 65px;
    margin-top: -20px;
    padding-top: 5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
    color: var(--c-contrast-600);
    transform: scaleY(1.1);
     }
     
.product-scontiamolo-single-speciale {
    width: 65px;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: -4px;
    color: var(--c-contrast-400);
    transform: scaleY(1.1);
    }


    
/* Stili per il layout mobile */
@media (max-width: 600px) {

.product-scontiamolo-single-image {padding: 0;
}

.product-scontiamolo-single-img {
    width: 80px;
}

.product-scontiamolo-single-img img {
    max-height: 70px;
}

.product-scontiamolo-single-title {
    padding: 10px 10px 0 10px;

}


.product-scontiamolo-single-rigo-prezzi {padding: 0;}



.product-scontiamolo-single-name {
    max-height: 38px;
    font-size: 14px;
    padding-top: 0;
}

.product-scontiamolo-single-old-price, .product-scontiamolo-single-new-price {
font-size: 14px;  }


.product-scontiamolo-single-percentuale {
font-size: 13px;
}

.product-scontiamolo-single-symbol {padding: 5px;     margin-right: 11px; font-size: 13px;}

.product-scontiamolo-single-circle { width: 50px; height: 50px; }

.product-scontiamolo-single-number {font-size: 13px;}

.product-scontiamolo-single-offerta {font-size: 13px;}

.product-scontiamolo-single-speciale {font-size: 11px;}
  
}


/************************************************
************************************************
ELENCO CARDS utilizzato per gli Sfondi Shortcode
************************************************
************************************************/

.main_cards_outer {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Spaziatura tra le card */
    justify-content: center; /* Centra le card orizzontalmente */
}

.card-item {
    flex: 1 1 calc(33.33% - 20px); /* Larghezza dinamica per mostrare fino a 3 card per riga */
    max-width: calc(33.33% - 20px); /* Limita la larghezza massima per allineare correttamente le card */
    min-height: 283px;
    padding-bottom: 10px;
    border: 1px solid var(--c-contrast-150);
    border-radius: 15px;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
    background: var(--c-contrast-88);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.card-item img {
    width: 100%;
    border-radius: 15px 15px 0 0;
    height: auto;
}

.card-item h3 {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 15px;
    color: var(--c-contrast-900);
    margin: unset;
    line-height: unset;
    font-style: normal;
    min-height: 88px;
}

.card-item p {
    text-align: center;
    font-size: 15px;
    color: var(--c-contrast-500);
    padding-bottom: 10px;
    margin: unset;
    font-style: normal;
}

.card-item h3 a {
    color: var(--c-contrast); /* Sostituisci #000000 con il colore desiderato */
    text-decoration: none; /* Rimuove la sottolineatura */
}

.card-item h3 a:hover {
    color: #e40569; /* Colore per l'effetto hover, sostituisci con quello che preferisci */
    text-decoration: none; /* Sottolineatura al passaggio del mouse, se desiderato */
}



a.sfondo_a {
    color: var(--c-contrast-500); 
    text-decoration: none !important;
}

a.sfondo_a:hover {
    color: #0088ff;
}

.e_card_icon {
    margin: 0 auto;
}

.e_card_icon img {
    width: 41px;
    height: 41px;
    border-radius: 10px;
    box-shadow: 2px 4px 12px rgb(0 0 0 / 8%);
    margin-top: -23px;
}

.card-item a:hover p {
    color: #0088ff;
}

@media (max-width: 1024px) {
    .card-item {
        flex: 1 1 calc(50% - 20px); /* Due card per riga su tablet */
        max-width: calc(50% - 20px);
    }
}

@media (max-width: 670px) {
    .card-item {
        flex: 1 1 100%; /* Una card per riga su mobile */
        max-width: 100%;
    }
}













 
/************************************************
 ************************************************
BANNER AMAZON CON PRODOTTI IN ORIZZONTALE DA METTERE IN HOME NEGLI EVENTI
 ************************************************
 ************************************************/

.amazon_orizzontale-main-scontiamolo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
    font-size: 16px;
    margin: 0;
    padding: 0;
    width: 100%;
}

.amazon_orizzontale-supertitoloevento {
    color: #fff;
    font-size: 36px;
margin: 0 auto;
padding: 10px 20px;
text-align: center;
    line-height: 50px;
        font-weight: 700;
    letter-spacing: -0.1px;
    }


.amazon_orizzontale-logo-container {
display: flex;
    flex-direction: column; /* Disporre gli elementi in colonna */
    align-items: center; /* Centrare gli elementi orizzontalmente */
    justify-content: center; /* Centrare gli elementi verticalmente (se necessario) */
    width: 100%;
    padding: 25px 0px;
}

.amazon_orizzontale-logo-image {
    display: block;
    height: 72px;
    margin: 0 auto;
}

.amazon_orizzontale-main-section {
    position: relative;
    margin-bottom: 4px;
    flex: 0 0 315px;
    box-sizing: border-box;
}

#amazon_orizzontale-left {
    width: 315px;
    height: 250px;
        padding-right: 20px;
}

.amazon_orizzontale-links-container {}

.amazon_orizzontale-link-list {
    list-style: none;
    margin: 0 22px;
    padding: 0;
}

.amazon_orizzontale-link-list li {
    margin-bottom: 8px;
    min-height: 20px;
    line-height: 25px;
    text-align: center;
}

.amazon_orizzontale-link-item {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
	text-transform: uppercase;
	font-weight: 500;
}
	
#amazon_orizzontale-more-button:hover {color: #fff; font-weight: 700;}
.amazon_orizzontale-telegram-link:hover {color: #fff; font-weight: 700;}

.amazon_orizzontale-link-item .amazon_liveblog {
    color: #fff;
}

.amazon_orizzontale-link-item:hover {
    color: #f8de69;
}

.amazon_orizzontale-product-list {
    position: relative;
    padding: 10px 0 0 0;
    flex: 1;
    box-sizing: border-box;
    min-width: 300px;
}

#amazon_orizzontale-list {}

.amazon_orizzontale-product-container {
    display: flex;
    height: 320px;
    padding-top: 15px;
    width: 100%;
    overflow-x: scroll;
}

.amazon_orizzontale-product-item {
    position: relative;
    margin-right: 15px;
}

.amazon_orizzontale-product-front {
    position: relative;
    width: 130px;
    height: 300px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
}

.amazon_orizzontale-product-image-link {
    display: block;
    width: 100px;
    height: 100px;
    margin: 7px auto;
    padding-top: 10px;
    margin-bottom: 15px;
}

.amazon_orizzontale-product-image {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Cambiato da 'cover' a 'contain' */
}

.amazon_orizzontale-orario {
    display: block;
    line-height: 24px;
    left: 0;
    width: 100%;
    color: #5C5D6C;
    text-align: center;
    font-size: 12px;
    margin-bottom: 4px;
}

.amazon_orizzontale-orario-grigio {
    padding: 0 10px;
    background: #F2F2F2;
    border-radius: 99px;
    border: 1px solid #e6e6e6;
}

.amazon_orizzontale-product-name {
    display: block;
    color: #000;
    line-height: 20px;
    font-size: 13px;
    padding: 0 6px;
    max-height: 80px;
    overflow: hidden;
    font-weight: 600;
}

.amazon_orizzontale-product-name:hover {
    color: #666;
}

.amazon_orizzontale-old-price {
    display: block;
    line-height: 24px;
    position: absolute;
    left: 0;
    bottom: 44px;
    width: 100%;
    color: #777;
    text-decoration: line-through;
    text-align: center;
    font-size: 14px;
}

.amazon_orizzontale-new-price-button {
    display: block;
    background: #0071e3;
    height: 32px;
    line-height: 32px;
    border-radius: 36px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    position: absolute;
    width: calc(100% - 20px);
    bottom: 0;
    left: 0;
    margin: 10px 10px;
    font-weight: 500;
}

.amazon_orizzontale-new-price-button:hover {
    background: #4fa7ff;
    color: #fff;
}

.amazon_orizzontale-discount-circle {
    position: absolute;
    top: -16px;
    right: -6px;
    background: #4fa7ff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    transform: rotate(-15deg);
}

.amazon_orizzontale-discount-circle:hover {
    color: #fff;
}

.amazon_orizzontale-button-link {
    display: block;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    height: 40px;
    text-align: center;
    text-transform: uppercase;
    line-height: 40px;
    text-decoration: none;
    color: #fff;
    margin-top: 12px;
}

.amazon_orizzontale-telegram-link {
    color: #79bcc4;
    border-color: #79bcc4;
}


/* Stile principale del ribbon */
.scontiamolo-orizzontale-ribbon {
 --s: 1.8em; /* Dimensione del nastro */
  --d: .8em;  /* Profondità del nastro */
  --c: .8em;  /* Parte ritagliata */

  font-size: 19px;
  font-weight: bold;
  color: #29323c; /* Colore del testo */
  padding: 0 calc(var(--s) + .5em) var(--d);
  line-height: 1.8;
  background:
    conic-gradient(at left var(--s) bottom var(--d),
     #0000 25%,#0008 0 37.5%,#0004 0) 0 /50% 100% no-repeat,
    conic-gradient(at right var(--s) bottom var(--d),
     #0004 62.5%,#0008 0 75%,#0000 0) 100%/50% 100% no-repeat;
  clip-path: polygon(0 var(--d), var(--s) var(--d), var(--s) 0, calc(100% - var(--s)) 0, calc(100% - var(--s)) var(--d), 100% var(--d), calc(100% - var(--c)) calc(50% + var(--d)/2), 100% 100%, calc(100% - var(--s) - var(--d)) 100%, calc(100% - var(--s) - var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) calc(100% - var(--d)), calc(var(--s) + var(--d)) 100%, 0 100%, var(--c) calc(50% + var(--d)/2));
  background-color: #f8de69; /* Colore principale del nastro */
  width: fit-content;
      text-transform: uppercase;
}

.scontiamolo-orizzontale-ribbon-text {
    padding: 0 10px;
    font-size: 13px;
    position: relative;
}

.scontiamolo-orizzontale-ribbon-text::before {
    display: inline-block;
}



 

/* Media Query per dispositivi mobili */
@media (max-width: 670px) {
    .amazon_orizzontale-main-scontiamolo {
        flex-direction: column;
    }

    .amazon_orizzontale-main-section,
    .amazon_orizzontale-product-list {
        flex: 1 0 auto;
        width: 100%;
                margin: 0 auto;
                padding: 0 0 0px 0;
    }

    .amazon_orizzontale-product-container {
               height: 330px;
        overflow-x: scroll; /* Cambiato da 'hidden' a 'scroll' */
        padding-top: 25px;
    }
    
    #amazon_orizzontale-left {
    width: 100%;
        padding-right: unset;
        height: 175px;
}

.amazon_orizzontale-button-link {font-weight: 500; font-size: 15px;}

.amazon_orizzontale-supertitoloevento {padding: 10px 30px;}

.amazon_orizzontale-logo-container {padding: 10px 0;}
}



/************************************************
************************************************
Prodotto Scontiamolo per i LIVE Events di Amazon
************************************************
************************************************/


.post-content h2 + .prodotto-scontiamolo_link {
    margin-top: 30px;
}

.prodotto-scontiamolo_link {
    text-decoration: none;
    color: inherit;
        display: flex;
}


/* Stile del box complessivo */
.prodotto-scontiamolo_main {
    background: #fff;
    box-shadow: 0 2px 15px -1px rgba(0, 0, 0, 0.06);
    border: 1px solid #ddd;
    border-radius: 12px;
    display: flex;
    padding: 10px;
    margin-bottom: 1.24em;
    transition: background-color 0.3s ease;
	min-height: 170px;
    width: 100%;
}

.prodotto-scontiamolo_main:hover {
    /* Aggiungi eventuali effetti hover desiderati */
    border: 1px solid #7fa0f4;
        box-shadow: 0 -1px 2px rgba(24, 28, 71, 0.04), 0 2px 4px #3478f617);

}


/* Primo div per le immagini (verticali) */


/* Container per immagine e logo */
.prodotto-scontiamolo_image-outer {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100px;
    margin-right: 20px;
    margin-left: 10px;
    justify-content: center;
}

/* Div per l'immagine del prodotto */
.prodotto-scontiamolo_image-container {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.prodotto-scontiamolo_image-container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Div per il logo dello store */
.prodotto-scontiamolo_image-outer > div[class^="prodotto-scontiamolo_logo-"] {
    width: 80px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 10px;
}


.prodotto-scontiamolo_orario {
font-style: italic; 
font-size: 13px;
color: #666;
padding-bottom: 2px;
}

/* Secondo div per il titolo */
.prodotto-scontiamolo_title-container {
    flex: 1;
    margin-right: 22px;
        display: flex;
    flex-direction: column;
    justify-content: center;
}

.prodotto-scontiamolo_title-container h3 {
font-size: 16px;
    line-height: 24px;
    margin: 0;
    max-height: 70px;
    overflow: hidden;
    color: #000;
}



.prodotto-scontiamolo_title-container .h3_scontiamolo_content  {
font-size: 18px;
    line-height: 24px;
    margin: 0;
    max-height: 70px;
    overflow: hidden;
    color: #000;
    } 


.prodotto-scontiamolo_title-container h3:hover {
color: #333;
}

.prodotto-scontiamolo_main:hover .prodotto-scontiamolo_info-container .buy-button {
    background-color: #4fa7ff;
}

/* Nuovo div per il testo aggiuntivo */
.prodotto-scontiamolo_title-container .additional-text {
    font-size: 15px;
    font-weight: 400;
    color: #666;
    margin-top: 7px; /* Spazio tra il titolo e il testo aggiuntivo */
        line-height: 25px;
}

.prodotto-scontiamolo_coupon {font-family: monospace; letter-spacing: 1.2px; border: 1px dashed #000; padding: 0px 10px; color: #000; text-transform: uppercase;}

.prodotto-scontiamolo_title-container .content-text {
    font-size: 18px;
    font-weight: 400;
    color: #666;
    margin-top: 5px; /* Spazio tra il titolo e il testo aggiuntivo */
}

/* Terzo div per le altre informazioni */
.prodotto-scontiamolo_info-container {
    position: relative; /* Necessario per il posizionamento della freccia */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    background: #e2eaf0;
    border-radius: 8px;
    width: 240px;
    padding: 20px;
        justify-content: center;
}

/* Creazione della freccia */
.prodotto-scontiamolo_info-container::before {
    content: "";
    position: absolute;
    left: -20px; /* Posiziona la freccia fuori dal bordo sinistro */
    top: 50%; /* Posiziona la freccia a metà altezza */
    transform: translateY(-50%); /* Centra verticalmente la freccia */
    border-width: 10px;
    border-style: solid;
    border-color: transparent #e2eaf0 transparent transparent; /* Colore della freccia */
}



.prodotto-scontiamolo_info-container-percentuale  {
    background: #ffffff;
    float: right;
    border-radius: 30px;
    text-align: center;
    font-size: 13px;
    color: #5C5D6C;
    margin: 1px auto 5px auto;
    padding: 0 10px;
}

.prodotto-scontiamolo_info-container-data {
    font-size: 15px;
    color: green;
    text-align: left;
    margin: 7px 0px 0px 0px;
    padding: 0;
}

.prodotto-scontiamolo_info-container p {
    font-size: 14px;
    color: #666;
    text-align: center;
}

.prodotto-scontiamolo_prices-wrapper {
    display: flex;
    align-items: center;
    margin-right: 2px;
}

.prodotto-scontiamolo_old-price {
    border-radius: 10px;
    color: #555;
    text-decoration: line-through;
    font-size: 14px;
}

.prodotto-scontiamolo_old-price-no {
    border-radius: 10px;
    color: #777;
    font-size: 14px;
}


.prodotto-scontiamolo_new-price {
    color: #0d0d0d;
    padding: 0px 8px;
    border-radius: 10px;
    font-weight: 700;
    transform: scaleY(1.2);
}

.prodotto-scontiamolo_info-container .buy-button {
    display: inline-block;
    padding: 5px 25px;
    background-color: #0071e3;
    color: #fff;
    border-radius: 30px;
    text-decoration: none;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.2px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.minimo_storico {
color: #ff5d00;
font-weight: 500;
}

/* Stile per il logo Amazon */
.prodotto-scontiamolo_logo-amazon {
    background-image: url('https://www.ispazio.net/wp-content/uploads/2023/07/store_amazon_mini.png');
}

.prodotto-scontiamolo_logo-ebay {
    background-image: url('https://www.ispazio.net/wp-content/uploads/2023/07/store_ebay_mini.png');
}

.prodotto-scontiamolo_logo-euronics {
    background-image: url('https://www.ispazio.net/wp-content/uploads/2023/07/store_euronics_mini.png');
}
.prodotto-scontiamolo_logo-unieuro {
    background-image: url('https://www.ispazio.net/wp-content/uploads/2023/07/store_unieuro_mini.png');
}

.prodotto-scontiamolo_logo-mediaworld {
    background-image: url('https://www.ispazio.net/wp-content/uploads/2023/07/store_mediaworld_mini.png');
}

.prodotto-scontiamolo_logo-coverstyle {
    background-image: url('https://www.ispazio.net/wp-content/uploads/2024/09/coverstyle-mini-logo.png');
}

.prodotto-scontiamolo_logo-anker {
    background-image: url('https://www.ispazio.net/wp-content/uploads/2024/10/anker-mini-logo.png');
}

.hide_on_mobile {display: unset;}
.hide_on_desktop {display: none;}


/* Stile per mobile */
@media (max-width: 670px) {


.prodotto-scontiamolo_title-container {margin-right: unset;}

.prodotto-scontiamolo_title-container .h3_scontiamolo_content {font-size: 17px;}

    /* Permetti al container principale di avvolgere gli elementi */
    .prodotto-scontiamolo_main {
        flex-direction: row;        /* Mantieni la direzione orizzontale */
        flex-wrap: wrap;            /* Consenti agli elementi di andare su più righe */
    }
    
    /* Imposta la larghezza del 50% per immagine e titolo */
    .prodotto-scontiamolo_image-outer,{
        flex: 0 0 120px;             /* Non cresce, non si riduce, larghezza fissa */
        max-width: 120px;            /* Assicura che non superi i 120px */
        width: 120px;                /* Imposta la larghezza fissa */
        margin-right: 10px;          /* Spazio a destra, opzionale */
    }
    
    /* Fai sì che il container del titolo occupi tutto lo spazio rimanente */
    .prodotto-scontiamolo_title-container {
        flex: 1;                      /* Occupa tutto lo spazio disponibile */
        max-width: calc(100% - 120px - 10px); /* Calcola lo spazio rimanente */
        box-sizing: border-box;       /* Include padding e bordi nel calcolo della larghezza */
        min-height: 140px;
                padding: 10px 0
    }
    
    .prodotto-scontiamolo_title-container h3 {    
            max-height: 83px;
        line-height: 20px;
        margin-bottom: 10px;
        font-size: 15px;
        }
        
   .minimo_storico {
font-weight: 400;
} 
    
    
    /* Imposta la larghezza del container delle info al 100% e posizionalo sotto */
    .prodotto-scontiamolo_info-container {
        flex: 0 0 100%;               /* Occupa il 100% della larghezza */
        max-width: 100%;             /* Assicura che occupi tutta la larghezza disponibile */
        margin-top: 15px;            /* Spazio sopra, regola secondo necessità */
        display: flex;                /* Trasforma in Flex Container */
        flex-direction: row;          /* Disposizione orizzontale */
        align-items: center;          /* Allinea verticalmente al centro */
        justify-content: space-between; /* Distribuisce lo spazio equamente */
        gap: 10px;                     /* Spazio tra gli elementi */
        padding: 10px;
    }
    
    /* Creazione della freccia che punta verso l'alto */
.prodotto-scontiamolo_info-container::before {
    content: "";
    position: absolute;
    left: 50%; /* Centra orizzontalmente */
        top: -10%;
            transform: translateX(-50%); /* Centra esattamente */
    border-width: 0 10px 10px 10px; /* top, right, bottom, left */
    border-style: solid;
    border-color: transparent transparent #e2eaf0 transparent; /* Colora solo il bordo inferiore */
}

    /* Stile per il badge percentuale */
    .prodotto-scontiamolo_info-container-percentuale {
    padding: 0;
    margin: 5px 0px 0px 0px;
    text-align: unset;
    font-style: italic;
    line-height: 20px;
    }
    
    
 

.prodotto-scontiamolo_info-container-data {
            line-height: 20px;
            margin: 5px 0 0 0;
}


    
    .prodotto-scontiamolo_title-container .additional-text {margin-top: 0px;}

    /* Stile per i prezzi */
    .prezzi {
        flex: 1;                       /* Occupa lo spazio rimanente */
        display: flex;
        flex-direction: column;        /* Disposizione verticale interna */
        align-items: flex-start;       /* Allinea a sinistra */
    }

    /* Stile per il wrapper dei prezzi */
    .prodotto-scontiamolo_prices-wrapper {
        display: flex;
        align-items: center;
        margin-right: 2px;
    }

    /* Stile per il vecchio prezzo */
    .prodotto-scontiamolo_old-price,
    .prodotto-scontiamolo_old-price-no {
        font-size: 13px;
    }

    /* Stile per il nuovo prezzo */
    .prodotto-scontiamolo_new-price {
        font-size: 15px;               /* Aumenta leggermente la dimensione del nuovo prezzo */
    }

    /* Stile per il link/buy-button */
    .link {
        flex: 0 0 auto;                /* Mantiene la larghezza del contenuto */
        text-align: right;             /* Allinea il contenuto a destra */
    }


    
    .prodotto-scontiamolo_info-container .buy-button {
            padding: 5px 15px;             /* Riduci il padding per adattarsi meglio */
        font-size: 14px;               /* Riduci leggermente la dimensione del testo */
        white-space: nowrap;           /* Previene la rottura del testo */
        }

    
    .hide_on_mobile {display: none;}
    .hide_on_desktop {display: unset;}
    
    
}








ol {margin-left: 25px !important;}


/************************************************
************************************************
DARK MODE
************************************************
************************************************/
@media(prefers-color-scheme:dark){
.smart-head-mobile .smart-head-top {background-color: #32323c;}
.custom-menu-class {background: #32323c;}

}

.s-light .service-wrap {background: var(--b-background-bew);}

.s-dark .service-wrap {background: var(--b-background-bew);}


/************************************************
************************************************
FONTELLO
************************************************
************************************************/
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?18961125');
  src: url('fonts/fontello.eot?18961125#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff2?18961125') format('woff2'),
       url('fonts/fontello.woff?18961125') format('woff'),
       url('fonts/fontello.ttf?18961125') format('truetype'),
       url('fonts/fontello.svg?18961125#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('fonts/fontello.svg?18961125#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-cc:before { content: '\e800'; } /* '' */
.icon-plus:before { content: '\e801'; } /* '' */
.icon-ok-circled:before { content: '\e802'; } /* '' */
.icon-ok-circled2:before { content: '\e803'; } /* '' */
.icon-truck:before { content: '\e804'; } /* '' */
.icon-box:before { content: '\e805'; } /* '' */
.icon-shippingbox:before { content: '\e806'; } /* '' */
.icon-bag:before { content: '\e807'; } /* '' */
.icon-comment:before { content: '\e808'; } /* '' */
.icon-house:before { content: '\e809'; } /* '' */
.icon-condividi:before { content: '\e80a'; } /* '' */
.icon-tag-fill:before { content: '\e80b'; } /* '' */
.icon-locked:before { content: '\e80c'; } /* '' */
.icon-mondo:before { content: '\e80d'; } /* '' */
.icon-user:before { content: '\e80e'; } /* '' */
.icon-applelogo:before { content: '\e80f'; } /* '' */
.icon-applewatch:before { content: '\e810'; } /* '' */
.icon-arrow-right:before { content: '\e811'; } /* '' */
.icon-icloud:before { content: '\e812'; } /* '' */
.icon-link:before { content: '\e813'; } /* '' */
.icon-unlocked:before { content: '\e814'; } /* '' */
.icon-download:before { content: '\e815'; } /* '' */
.icon-imac:before { content: '\e816'; } /* '' */
.icon-freccia-sinistra:before { content: '\e817'; } /* '' */
.icon-face-smiling:before { content: '\e818'; } /* '' */
.icon-ipad:before { content: '\e819'; } /* '' */
.icon-iphone:before { content: '\e81a'; } /* '' */
.icon-tag:before { content: '\e81b'; } /* '' */
.icon-trash:before { content: '\e81c'; } /* '' */
.icon-notifiche:before { content: '\e81d'; } /* '' */
.icon-cloud-download:before { content: '\e81e'; } /* '' */
.icon-check:before { content: '\e81f'; } /* '' */
.icon-collection:before { content: '\e820'; } /* '' */
.icon-ipad_landscape:before { content: '\e821'; } /* '' */
.icon-feed:before { content: '\e822'; } /* '' */
.icon-macbook:before { content: '\e823'; } /* '' */
.icon-darkmode:before { content: '\e824'; } /* '' */
.icon-telegram:before { content: '\e825'; } /* '' */
.icon-cancel:before { content: '\e826'; } /* '' */
.icon-taglia:before { content: '\e827'; } /* '' */
.icon-live:before { content: '\e828'; } /* '' */
.icon-errorediprezzo:before { content: '\e829'; } /* '' */
.icon-fuoco:before { content: '\e82a'; } /* '' */
.icon-coupon:before { content: '\e82b'; } /* '' */
.icon-puntoesclamativo:before { content: '\e82c'; } /* '' */
.icon-clock:before { content: '\e82d'; } /* '' */
.icon-info:before { content: '\e82e'; } /* '' */
.icon-lampo:before { content: '\e82f'; } /* '' */
.icon-shop:before { content: '\e830'; } /* '' */
.icon-creditcard:before { content: '\e831'; } /* '' */
.icon-freccia-destra:before { content: '\e832'; } /* '' */
.icon-frecciacurva:before { content: '\e833'; } /* '' */
.icon-link-1:before { content: '\e834'; } /* '' */
.icon-ispazio:before { content: '\e835'; } /* '' */
.icon-recycle-1:before { content: '\e836'; } /* '' */
.icon-bomb-1:before { content: '\e837'; } /* '' */
.icon-amazon-1:before { content: '\e838'; } /* '' */
.icon-star:before { content: '\e839'; } /* '' */
.icon-star-1:before { content: '\e83a'; } /* '' */
.icon-doc-text:before { content: '\e83b'; } /* '' */
.icon-pencil:before { content: '\e83c'; } /* '' */
.icon-thumbs-up:before { content: '\e83d'; } /* '' */
.icon-thumbs-down:before { content: '\e83e'; } /* '' */
.icon-upload-cloud:before { content: '\e83f'; } /* '' */
.icon-shuffle:before { content: '\e840'; } /* '' */
.icon-crown:before { content: '\e844'; } /* '' */
.icon-crown-plus:before { content: '\e845'; } /* '' */
.icon-teslers:before { content: '\e847'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-thumbs-up-alt:before { content: '\f164'; } /* '' */
.icon-thumbs-down-alt:before { content: '\f165'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */

 

.post-content .modern-quote, .post-content .wp-block-quote.is-style-large {
    margin-top: 1.8em;
    margin-bottom: 1.9em;
    display: table;
}