/*
Theme Name: SaggeOfferte
Theme URI: http://underscores.me/
Author: Andrea Ferrato
Author URI: https://a.ferrato.io
Description: Tema personalizzato per le SaggeOfferte di saggiamente.com
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: so
Tags: saggeofferte, saggiamente

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

SaggeOfferte is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}



/*
COLORI CATEGORIE
il secondo colore è per il gradient

tech: #e91584 - #EF4F9D
pro:  #6d6d6d - #282828
extra: #2094d4 - #0063c2
moda: #FF9800 - #ffbc01
nerd: #4caf50 -
*/

/* font-family: 'Abel', sans-serif; */
/* font-family: 'Open Sans', sans-serif; */

*, *:before, *:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.58;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: auto;
      -ms-text-size-adjust: auto;
          text-size-adjust: auto;
}

body {
	font-family: 'Open Sans', sans-serif;
	background: #f8f9fa;
}

img {
  max-width: 100%;
  height: auto;
}


a {
	text-decoration: none;
	color: currentColor;
}

/* Contenitori */

.contenitore_ex {
	max-width: 1080px;
	overflow: hidden;
	margin: 0 auto;
	border: 1px solid #e9ecef;
	border-width: 0 1px;
	background: #FFF;
}

.contenitore {
	display: flex;
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
	padding: 0 1.4444rem;
}

.principale {
	margin-top: 1rem;
}

#main {
	width: 100%;
}

/* ---------- */

/* Header Top */

.header-top {
	position: fixed;
	width: 100%;
	color: #e9ecef;
/*
	background: #495057;
	padding: .4rem;
*/
	z-index: 10000;
}

.header-top .contenitore {
/* 	padding: 0; */
	background: #495057;
	padding-top: .4rem;
	padding-bottom: .4rem;
	
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

#menu-toggle {
	display: none;
}

#top-nav a {
	display: inline-flex;
	align-items: center;
	text-transform: uppercase;
	margin-right: 1rem;
	font-size: 1rem;
	font-weight: 600;
	font-family: 'Abel', sans-serif;
	transition: all .4s ease-in-out;
}

#top-nav a:hover {
	color: #FFF;
	transition: all .2s ease-in-out;
}

.header-top svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
	transition: all .4s ease-in-out;
}

.header-top svg:hover {
	color: #FFF;
	transition: all .2s ease-in-out;
}

.header-top .logo-top {
	line-height: 0;
}

.header-top .logo-top svg {
	height: 20px;
	width: auto;
	margin-right: 1.5rem;
}

/* Menù Top */

#top-nav {
	display: flex;
}

#top-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
}

#top-nav ul li {
	display: flex;
}

#top-nav ul li.cerca {
	display: none;
}

#top-nav ul li a svg {
	margin-right: .2em;
}

/* Social Top */

.top-social {
	display: flex;
	align-items: center;
	margin-left: auto;
}

.top-social a {
	display: inline-block;
	line-height: 0;
	margin: 0;
	margin-left: 5px;
}

.top-social a:first-child {
	margin: 0;
}

.top-social ul {
	margin-left: 5px;
	padding: 0;
	list-style-type: none;
}

.top-social li {
	line-height: 0;
	position: relative;
}

.top-social .sub {
	display: none;
	position: absolute;
	left: -50%;
	padding-top: 10px;
	background: #495057;
}

.top-social .has-child:hover .sub {
	display: block;
}

.top-social .sub li {
	line-height: 1;
}

.top-social .sub li a {
	font-size: .8rem;
	font-family: 'Abel',sans-serif;
	text-transform: uppercase;
	padding: .2em .4em;
	display: block;
	line-height: 1.2;
	margin: 0;
	text-align: center;
}

/* ---------- */

/* Header */

header {
	padding: 2em 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #e9ecef;
	border-width: 1px 0;
}

header .contenitore {
	align-items: center;
}

header .logo {
	text-align: center;
	width: 220px;
	margin: 0 auto;
	padding-right: 1.4444rem;
}

header .logo svg {
	width: 100%;
	height: auto;
	fill: #495057;
}

/* Menù header */

/*
#header-nav {
	width: 100%;
	border: 1px solid #e9ecef;
	border-width: 1px 0;
}

#header-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-around;
}

#header-nav ul li {
	display: inline-block;
}

#header-nav ul li a {
	color: #495057;
	color: #FFF;
	background: #868e96;
	display: block;
	padding: 0.5em 1em;
	margin: 0.5em 1em;
	font-size: .8rem;
	text-transform: uppercase;
	border-radius: 4px;
	transition: all .4s ease-in-out;
}

#header-nav ul li a:hover {
	opacity: .8;
	color: #FFF;
	transition: all .2s ease-in-out;
}

#header-nav ul li.tech a {
	background: #e91584;
}

#header-nav ul li.extra a {
	background: #2094d4;
}

#header-nav ul li.moda a {
	background: #FF9800;
}

#header-nav ul li.nerd a {
	background: #4caf50;
}



.pulsanti-categorie h3 {
	text-transform: uppercase;
}

.pulsanti-categorie > div a {
}
*/

/* ---------- */

/* Article Post */

article.post {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #ced4da;
	position: relative;
	overflow: hidden;
}

/* Immagine Post */

article.post .immagine {
	max-width: 200px;
	margin: 0 1rem 0 0;
	line-height: 0;
}

article.post .immagine img {
	width: 100%;
	height: auto;
}

/* Categoria Post */

article.post .categoria-post {
	position: relative;
	text-transform: capitalize;
}

article.post .categoria-post a {
	background: red;
	padding: .5rem;
	line-height: 0;
	color: #FFF;
	font-size: .8rem;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
}

article.post .categoria-post a.tech {
	background: #e91584;
}

article.post .categoria-post a.pro {
	background: #282828;
}

article.post .categoria-post a.extra {
	background: #2094d4;
}

article.post .categoria-post a.moda {
	background: #FF9800;
}

article.post .categoria-post a.play,
article.post .categoria-post a.nerd {
	background: #4caf50;
}

article.post .categoria-post a svg {
	fill:#FFF;
	height: 12px;
	width: auto;
}

/* Testo Post */

article.post .testo {
	flex: 1 1 100%;
	margin: 1rem;
	transition: all .4s ease-in-out;
}

article.post h2.titolo-post {
  font-family: 'Abel', sans-serif;
  color: #212529;
  font-size: 2rem;
  margin-bottom: 1rem;
  line-height: 1.2;
  border-bottom: 1px solid #eee;
  padding-bottom: 1rem;
}

/*
article.post .data-del-post {
	background: #f0f6f9;
	padding: 5px 10px;
	margin: 2px 0 5px 0 !important;
	color: #584c4c;
	font-size: 13px;
	border-left: 2px solid #584c4c;
}
	article.post .data-del-post a {
		text-decoration: underline;
		color: #002af6;
	}
	article.post .data-del-post a:hover {
		text-decoration: none;
		color: #0090cc !important;
	}
*/

article.post .data-del-post {
  color: #495057;
  font-size: 1rem;
  border: 1px solid #eee;
  border-width: 1px 0;
  padding: 1rem 0;
  margin: 2rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

article.post .data-del-post svg {
  width: 1rem;
  height: 1rem;
  margin-right: 0.4rem;
  fill: #495057;
}

article.post .contenuto-post {
	font-size: 1rem;
	line-height: 1.8;
	color: #495057;
	font-family: 'Open Sans', sans-serif;
}

article.post .contenuto-post ul,
article.post .contenuto-post ol {
	padding-left: 2rem;
	margin: 1rem 0;
}

article.post .contenuto-post a, article.page a {
	color: #212529;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

article.post .contenuto-post a:hover, article.page a:hover {
  background: #2193d5;
  color: #FFF;
}

article.post .contenuto-post .box-link-offerta {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
/* 	margin: 1rem 0; */
  margin: 0 0 .2em;
}

article.post .contenuto-post .box-link-offerta .link-offerta-icona {
  color: #584c4c;
  display: none;
}

article.post .contenuto-post .box-link-offerta span {
	font-size: 0.8rem;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	margin-right: 0.5rem;
	background: #f0f6f9;
	padding: .1em .4em;
	font-weight: 600;
}

article.post .contenuto-post .box-link-offerta span svg {
  	width: 1rem;
	margin-left: 0.2rem;
}

article.post .contenuto-post .box-link-offerta .shop-icon {
	line-height: 0;
/* 	display: none !important; */
}

article.post .contenuto-post .box-link-offerta .shop-icon svg {
	height: 15px;
	width: auto;
	margin: 0 5px;
}

/*
article.post .contenuto-post a.link-offerta-testo {
	font-size: .9em;
	font-weight: bold;
	color: #1398df;
	display: inline-flex;
	align-items: center;
	padding: 0 0.2em;
	border-radius: 2px;
	vertical-align: text-bottom;
	transition: all .4s ease-in-out;
}

article.post .contenuto-post a.link-offerta-testo:hover {
	background: #1398df;
	color: #FFF;
	transition: all .2s ease-in-out;
}
*/

article.post .contenuto-post a.link-offerta-testo {
  font-size: .8em;
  font-weight: bold;
  color: #fff;
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.6rem;
  border-radius: 2rem;
  vertical-align: text-bottom;
  transition: all .4s ease-in-out;
  background: #1398df;
}

article.post .contenuto-post a.link-offerta-testo:hover {
	background: #495057;
	color: #FFF;
	transition: all .2s ease-in-out;
}

/*
article.post .contenuto-post a.link-offerta-testo svg {
	width: 20px;
	height: 20px;
	margin-right: 2px;
	fill: currentColor;
}
*/

article.post .link-offerta {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}

/* Footer Post */

.footer-post {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 1rem;
	overflow: hidden;
}

/* Data Post */
article.post .data-post {
	margin-left: 10px;
	margin-right: auto;
}

article.post .data-post p {
	font-size: .8rem;
	font-family: 'Abel', sans-serif;
	color: #868e96;
}


/* In Evidenza */

article.post.sticky {
	background: #f8f9fa;
	padding: 0;
	flex-direction: row-reverse;
	border: none;
	border-top: 1px solid #495056;
	border-bottom: 1px solid #495056;
}

/*
article.post.sticky.category-tech {
	border-color: #e91584;
}

article.post.sticky.category-extra {
	border-color: #2094d4;
}

article.post.sticky.category-moda {
	border-color: #FF9800;
}

article.post.sticky.category-nerd {
	border-color: #4caf50;
}
*/

article.post.sticky .immagine {
	max-width: 350px;
	margin: 0 0 0 1rem;
}

article.post.sticky .sticky-testo {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0 5px;
	color: #FFF;
	background: #495056;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.8rem;
	font-family: 'Abel', sans-serif;
}

/*
article.post.sticky.category-tech .sticky-testo {
	background: #e91584;
}

article.post.sticky.category-extra .sticky-testo {
	background: #2094d4;
}

article.post.sticky.category-moda .sticky-testo {
	background: #FF9800;
}

article.post.sticky.category-nerd .sticky-testo {
	background: #4caf50;
}
*/

article.post.sticky .testo {
	margin-top: 1.5rem;
}

/* Condividi Post Home */

.condividi-home {
	color: #1398df;
	position: relative;
	height: 34px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.condividi-home .testo-icona {
	transition: all .2s ease-in-out .2s;
}
		.condividi-single .testo-icona {
			display: none;
		}

.condividi-home .testo-icona span {
	text-transform: uppercase;
	font-size: 15px;
	margin-right: 5px;
	font-family: 'Abel', sans-serif;
}

.condividi-home .testo-icona svg {
	width: 18px;
	height: auto;
	fill: currentColor;
}

.condividi-home .social-condividi {
	background: #FFF;
	position: absolute;
	bottom: 150%;
	right: 0;
	transition: all .2s ease-in-out;
}
		.condividi-single .social-condividi {
			position: relative;
			bottom: auto;
		}

.condividi-home .social-condividi * {
	outline: none;
}

.condividi-home .sd-content ul {
	display: flex;
	margin: 0 !important;
}

.condividi-home .sd-content ul li {
	margin: 0 0 0 5px;
}

.condividi-home .sd-content ul li.share-end {
	display: none;
}

.condividi-home .sd-content ul li .copia-url {
	-webkit-appearance: none;
	border: none;
	background: none;
	width: 32px;
	height: 32px;
	background: #2193d5;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.condividi-home .sd-content ul li .copia-url:hover {
	opacity: .6;
}

.condividi-home .sd-content ul li .copia-url svg {
	width: 20px;
	height: auto;
	fill: #FFF;
}

.condividi-home .sd-content ul li.share-end {
	margin: 0;
}

.condividi-home.aperto .testo-icona {
	transform: translateY(150%);
	transition: all .2s ease-in-out;
}

.condividi-home.aperto .social-condividi {
	transform: translateY(150%);
	transition: all .2s ease-in-out .2s;
}

/* ---------- */

/* Single Post */

.single article.post {
	flex-direction: column;
	align-items: center;
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
	max-width: 700px;
}

.single .sticky-testo {
	display: none;
}

.single article.post .immagine {
	max-width: 100%;
	margin: 0;
	margin-bottom: 1rem;
}

.single article.post .immagine img {
	width: auto;
	max-height: 500px;
}

.single article.post .testo {
	margin: 0;
	width: 100%;
}

.single article.post .contenuto-post .box-link-offerta {
	/*margin: 2rem auto;
	justify-content: center;*/
}

.single article.post .contenuto-post .box-link-offerta .shop-icon {
}

/*
.single article.post .contenuto-post a.link-offerta-testo {
	display: flex;
	margin: 1rem auto;
	font-weight: 600;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.single article.post .contenuto-post a.link-offerta-testo:hover {
	background: none;
	color: currentColor;
}
*/

.single .footer-post {
	border-top: 1px solid #e9ecef;
	padding-top: 1rem;
}

.single article.post:last-child {
	border: none;
}

.single .offerta-temporanea {
	padding: 10px;
	background: #ffee66;
	color: #6f767b;
	border-radius: 4px;
	margin: 2rem 0;
	text-align: center;
	position: relative;
	line-height: 1.1;
	border: 1px solid #ececec;
}
	.single .offerta-temporanea:hover {
		background: #fffad6;
	}
		.single .offerta-temporanea p {
			font-size: .9rem;
		}
		.single .offerta-temporanea p strong {
			font-size: 1rem;
		}
		.single .offerta-temporanea a {
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
			width: 100%;
		}

/* ---------- */

/* Navigazione articoli */

.nav-links {
	text-align: center;
	display: flex;
	margin: 2rem 0;
	justify-content: space-around;
	flex-wrap: wrap;
}

.nav-links a {
	font-family: 'Abel', sans-serif;
	padding: .5em 1em;
	margin: 0.5rem 0;
	font-size: 1.2rem;
	color: #FFF;
	display: inline-block;
	background: #868e96;
	border-radius: 4px;
	transition: all .4s ease-in-out;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.nav-links a:hover {
	background: #2094d4;
	transition: all .2s ease-in-out;
}

.single .nav-links {
	justify-content: space-between;
}

.single .nav-links > div {
	max-width: 50%;
}

.single .nav-previous a:before {
	content: '←';
	margin-right: 1rem;
}

.single .nav-next a:before {
	content: '→';
	float: right;
	margin-left: 1rem;
}

.carica-offerte {
	display: block;
	text-align: center;
	margin: 2rem 0;
}

.carica-offerte button {
	-webkit-appearance: none;
	border: none;
	background: none;
	display: inline-block;
	outline: none;
	cursor: pointer;
}

.carica-offerte button svg {
	fill: #2193d5;
	height: 40px;
	width: auto;
}

/* ---------- */

/* Tipografia pagina */

.page .hentry {
	color: #495057;
}

.page .hentry  h1:first-child,
.page .hentry  h2:first-child,
.page .hentry  h3:first-child,
.page .hentry  h4:first-child,
.page .hentry  h5:first-child,
.page .hentry  h6:first-child,
.page .hentry  p:first-child {
  margin-top: 0;
}
.page .hentry  h1,
.page .hentry  h2,
.page .hentry  h3,
.page .hentry  h4,
.page .hentry  h5,
.page .hentry  h6 {
  font-weight: 700;
  letter-spacing: -0.002em;
  line-height: 1.264;
  margin-bottom: 0;
  letter-spacing: -0.028em;
  color: #212529;
}
.page .hentry  h1 {
  font-size: 2.5rem;
  margin-top: 1.58rem;
  font-family: 'Abel', sans-serif;
}
.page .hentry  h2 {
  font-size: 2rem;
  margin-top: 1.422rem;
  font-family: 'Abel', sans-serif;
}
.page .hentry  h3 {
  font-size: 1.7rem;
  margin-top: 1.264rem;
  font-family: 'Abel', sans-serif;
}
.page .hentry  h4 {
  font-size: 1.5rem;
  margin-top: 1.106rem;
  font-family: 'Abel', sans-serif;
}
.page .hentry  h5 {
  font-size: 1.3rem;
  margin-top: 0.869rem;
  font-family: 'Abel', sans-serif;
}
.page .hentry  h6 {
  font-size: 1rem;
  margin-top: 0.869rem;
  font-family: 'Abel', sans-serif;
}
.page .hentry  p {
  letter-spacing: -0.004em;
  margin-top: 0.79rem;
  margin-bottom: 0;
  text-align: justify;
}
.page .hentry  ul,
.page .hentry  ol {
  margin-top: 0.79rem;
  margin-bottom: 0.79rem;
  padding: 0 2rem;
}
.page .hentry  ul ul,
.page .hentry  ol ul,
.page .hentry  ul ol,
.page .hentry  ol ol {
  margin-top: 0;
  margin-bottom: 0;
}
.page .hentry  ul li,
.page .hentry  ol li {
	margin-bottom: .5em;
}
.page .hentry  table {
  margin-top: 0.79rem;
  border-spacing: 0;
  border-collapse: collapse;
}
.page .hentry  table td,
.page .hentry  table th {
  padding: 0;
}
.page .hentry  blockquote {
  margin-top: 0.79rem;
  margin-bottom: 0.79rem;
}

/* ---------- */

/* Pagina */

.page .titolo-pagina,
.archive .titolo-pagina,
.search .titolo-pagina {
	display: block;
	border-bottom: 1px solid #e9ecef;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.page .titolo-pagina h1,
.archive .titolo-pagina h1,
.search .titolo-pagina h1 {
	font-family: 'Abel', sans-serif;
	font-weight: 400;
	background: #2193d5;
	color: #FFF;
	display: inline-block;
	padding: 0.1em .5em;
	font-size: 1.8rem;
}

article.page {
	margin-bottom: 4rem;
}

/* ---------- */

/* Archivio */

.info-archivio .titolo-categoria {
	display: flex;
	align-items: center;
}

.info-archivio .logo-categoria {
	width: 80px;
	height: 80px;
	padding: 10px;
	margin-right: 1rem;
	overflow: hidden;
	flex: 0 0 auto;
}

.info-archivio .logo-categoria.tech {
	background: linear-gradient(to bottom, #EF4F9D , #e91584);
}

.info-archivio .logo-categoria.pro {
	background: linear-gradient(to bottom, #6d6d6d , #282828);
}

.info-archivio .logo-categoria.extra {
	background: linear-gradient(to bottom,  #0063c2, #2094d4);
}

.info-archivio .logo-categoria.moda {
	background: linear-gradient(to bottom,  #ffbc01, #FF9800);
}

.info-archivio .logo-categoria.play,
.info-archivio .logo-categoria.nerd {
	background: linear-gradient(to bottom,  #4caf50, #4caf50);
}

.info-archivio .logo-categoria svg {
	width: 100%;
	height: 100%;
	fill: #FFF;
}

.info-archivio .descrizione-archivio {
	color: #495056;
	font-size: 1rem;
	margin-top: 1rem;
}

.info-archivio .descrizione-categoria {
	margin: 0;
}

/* ---------- */

/* Sidebar */

#sidebar {
	width: 300px;
	min-width: 300px;
	margin-left: 2rem;
	display: flex;
	flex-direction: column;
}

#sidebar .widget {
	margin-bottom: 2rem;
}

/* Pulsanti Categorie */

#sidebar .categorie-offerte .categoria {
	margin-bottom: .5rem;
	display: block;
	border: 1px solid transparent;
	border-width: 1px 0;
	transition: all .4s ease-in-out;
}

#sidebar .categorie-offerte .categoria:last-child {
	margin: 0;
}

#sidebar .categorie-offerte .categoria.tech {
	background: #e91584;
}

#sidebar .categorie-offerte .categoria.pro {
	background: #282828;
}

#sidebar .categorie-offerte .categoria.extra {
	background: #2094d4;
}

#sidebar .categorie-offerte .categoria.moda {
	background: #FF9800;
}

#sidebar .categorie-offerte .categoria.play,
#sidebar .categorie-offerte .categoria.nerd {
	background: #4caf50;
}


#sidebar .categorie-offerte .categoria:hover {
	background: none;
	border: 1px solid #e9ecef;
	border-width: 1px 0;
	transition: all .2s ease-in-out;
}

#sidebar .categorie-offerte .categoria:hover svg {
	transition: all .2s ease-in-out;
}

#sidebar .categorie-offerte a {
	display: flex;
	padding: .5rem 1rem;
	line-height: 0;
	align-items: center;
	position: relative;
}

#sidebar .categorie-offerte .categoria div {
	height: 20px;
}

#sidebar .categorie-offerte .categoria div:first-child {
	margin-right: 15px;
}

#sidebar .categorie-offerte .categoria svg {
	height: 100%;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	fill: #FFF;
	z-index: 100;
}

#sidebar .categorie-offerte .categoria.tech:hover svg {
	fill: #e91584;
}

#sidebar .categorie-offerte .categoria.pro:hover svg {
	fill: #282828;
}

#sidebar .categorie-offerte .categoria.extra:hover svg {
	fill: #2094d4;
}

#sidebar .categorie-offerte .categoria.moda:hover svg {
	fill: #FF9800;
}

#sidebar .categorie-offerte .categoria.play:hover svg,
#sidebar .categorie-offerte .categoria.nerd:hover svg {
	fill: #4caf50;
}

/* ---------- */

/* Ultime Offerte Sidebar */

#sidebar .ultime-offerte h3 {
	font-family: 'Abel', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	font-size: 1.5rem;
	border-bottom: 2px solid currentcolor;
	margin-bottom: .2em;
}

#sidebar .ultime-offerte.tech h3 {
	color: #e91584;
}

#sidebar .ultime-offerte.pro h3 {
	color: #282828;
}

#sidebar .ultime-offerte.extra h3 {
	color: #2094d4;
}

#sidebar .ultime-offerte.moda h3 {
	color: #FF9800;
}

#sidebar .ultime-offerte.play h3,
#sidebar .ultime-offerte.nerd h3 {
	color: #4caf50;
}

#sidebar .ultime-offerte ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#sidebar .ultime-offerte ul li {
		padding: 5px 0;
		border-bottom: 1px solid #ced4da;
	}
	#sidebar .ultime-offerte ul li:last-child {
		border: none;
		padding: 0;
	}
		#sidebar .ultime-offerte ul li a {
			margin: .2rem 0;
			display: flex;
			align-items: center;
			padding: .2rem;
			color: #495056;
		}
		#sidebar .ultime-offerte ul li a:hover {
			border-color: transparent;
			transition: all .2s ease-in-out;
		}
		#sidebar .ultime-offerte ul li img {
			width: 80px;
			height: 50px;
			object-fit: cover;
			margin: 0 10px;
		}
		#sidebar .ultime-offerte ul li h4 {
			font-weight: normal;
			font-size: 1rem;
			line-height: 1;
			font-family: 'Abel', sans-serif;
			margin: .5rem .5rem;
			display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      height: auto;
		}
			#sidebar .ultime-offerte.tech ul li a:hover {
				color: #e91584;
			}
			
			#sidebar .ultime-offerte.pro ul li a:hover {
				color: #282828;
			}

			#sidebar .ultime-offerte.extra ul li a:hover {
				color: #2094d4;
			}

			#sidebar .ultime-offerte.moda ul li a:hover {
				color: #FF9800;
			}

			#sidebar .ultime-offerte.play ul li a:hover,
			#sidebar .ultime-offerte.nerd ul li a:hover {
				color: #4caf50;
			}

/* ---------- */



.ultime-offerte-single {
  margin-top: 2rem;

}
	.ultime-offerte-single h3 {
    color: #495056;
    width: 100%;
    font-size: 1.5rem;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid currentColor;
    font-family: 'Abel', sans-serif;
	}
	.ultime-offerte-single.tech h3 {
		/*color: #e91584;*/
	}
	.ultime-offerte-single ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch:
	}
		.ultime-offerte-single ul li {
			display: flex;
			width: 33%;
			margin: 0;
			padding: 1%;
		}
			.ultime-offerte-single ul li a {
				display: block;
				border: 1px solid transparent;
				padding: 3%;
			}
			.ultime-offerte-single ul li a:hover {
				border: 1px solid #cccccc;
			}
				.ultime-offerte-single ul li img {
					object-fit: cover;
				}
				.ultime-offerte-single ul li h4 {
					font-size: .9rem;
					text-align: center;
					font-family: 'Abel',sans-serif;
					line-height: 1.1;
				}






/* Footer */

footer {
	background: #e9ecef;
	padding: 2rem 0;
}

footer .contenitore {
	display: block;
}

footer .logo-categorie {
	display: flex;
	margin-bottom: 2rem;
}

footer .logo-categorie .logo-footer {
	width: 200px;
}

footer .logo-categorie .logo-footer svg {
	width: 100%;
	height: auto;
	fill: #495057;
}

footer .logo-categorie .categorie-offerte-footer {
	flex: 0 0 40%;
	margin-left: auto;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

footer .categorie-offerte-footer div {
	width: 80px;
	height: 80px;
	padding: 10px;
	margin-left: 1rem;
	border-radius: 50%;
	overflow: hidden;
	transition: all .2s ease-in-out;
}

footer .categorie-offerte-footer div:hover {
	border-radius: 0;
	transition: all .2s ease-in-out;
}

footer .categorie-offerte-footer div.tech {
  background: linear-gradient(to bottom, #EF4F9D , #e91584);
}

footer .categorie-offerte-footer div.pro {
  background: linear-gradient(to bottom, #6d6d6d , #282828);
}

footer .categorie-offerte-footer div.extra {
	background: linear-gradient(to bottom,  #0063c2, #2094d4);
}

footer .categorie-offerte-footer div.moda {
	background: linear-gradient(to bottom,  #ffbc01, #FF9800);
}

footer .categorie-offerte-footer div.play,
footer .categorie-offerte-footer div.nerd {
	background: linear-gradient(to bottom,  #4caf50, #4caf50);
}

footer .categorie-offerte-footer div a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
}

footer .categorie-offerte-footer div svg {
	width: 100%;
	fill: #FFF;
	filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));
}

/* Footer Nav */

footer #footer-nav {
	border: 1px solid #f8f9fa;
	border-width: 1px 0;
	margin: 1rem 0;
	padding: 1rem 0;
}

footer #footer-nav ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

footer #footer-nav ul li {
	display: flex;
	padding: .2rem;
}

footer #footer-nav ul li a {
	display: inline-flex;
	align-items: center;
	text-transform: uppercase;
	margin: 0 1rem;
	font-size: 1rem;
	font-weight: 600;
	font-family: 'Abel', sans-serif;
	color: #495056;
}

footer #footer-nav ul li a svg {
	height: 20px;
	width: auto;
	margin-right: .2em;
	fill: currentColor;
}

/* Footer Copy */

footer #copy {
	text-align: center;
	color: #495056;
}

footer #copy .madeby {
	display: block;
	font-size: .9rem;
}

footer #copy .hosted {
	font-size: .8rem;
}

/* ---------- */

/* Campo Cerca */

.search-form {
	display: flex;
	border: 2px solid #1398df;
	padding: .5rem;
}

.search-form label {
	flex: 1 1 auto;
}

input.search-field {
	-webkit-appearance: none;
	border-radius: 0;
	font-size: 1.2rem;
	width: 100%;
	height: 100%;
	outline: none;
	border: none;
}

.search-submit {
	-webkit-appearance: none;
	border: none;
	color: #FFF;
	line-height: 0;
	cursor: pointer;
	background: none;
}

.search-submit svg {
	height: 24px;
	width: auto;
	fill:#1398df
}

.search-form:hover {
	border-color: #e91584;
}

.search-form:hover .search-submit svg {
	fill: #e91584;
}



/*
.single .legenda {
 border-top: 1px dotted #495056;
 color: #495056;
 border-radius: 4px;
 margin: 1.5rem 0 0.6rem 0;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: center;
 padding: 10px;
}

.single .legenda h3 {
 text-align: center;
 text-transform: uppercase;
 width: 100%;
 font-size: 0.8rem;
 margin: -2px auto 5px auto;
 position: relative;
}

.single .legenda p {
	display: flex;
	font-size: 0.8rem;
	margin: .1rem .3rem;
	width: 190px;
	text-align: left;
}

.single .legenda span {
 margin-right: 5px;
}
*/

#sidebar .legenda {
color: #495056;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border: 1px solid #e9ecef;
  border-radius: 0.5rem;
  padding: 0.5rem .4rem;
  background: #e9ecef;
}

#sidebar .legenda h3 {
font-family: 'Abel', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  font-size: 1rem;
  border-bottom: 1px solid currentcolor;
  text-align: center;
  margin-bottom: 0.2em;
  width: 100%;
}

#sidebar .legenda p {
  display: flex;
  font-size: 0.7rem;
  margin: 0.4rem 0.2rem 0;
  text-align: left;
  background: #fff;
  border-radius: 1.3em;
  padding: .1em 0.4em;
}

#sidebar .legenda p:hover {
  background:  #1398df;
  color: #FFF;
}

#sidebar .legenda span {
 margin-right: 5px;
}



.bypostauthor {

}

#disclaimer {
  text-align: center;
  font-size: 0.8rem;
  font-style: italic;
  color: #495056;
  margin-bottom: 1.5rem;
}


.no-results, not-found  {
  margin: 4rem 0;
  width: 100%;
  text-align: center;
}


@media only screen and (max-width:1000px) {

	header {
		padding: .5rem;
	}

	header .logo {
		padding: 0;
		margin: 1rem;
	}

	header .contenitore {
		flex-direction: column-reverse;
	}


}/* 1000px */


@media only screen and (max-width:900px) {

	.home #sidebar,
	.single #sidebar {
		max-width: 125px;
		min-width: 125px;
	}

	.home #sidebar .widget,
	.single #sidebar .widget {
		margin-bottom: 1rem;
	}

	.home #sidebar .categorie-offerte .categoria div:first-child,
	.single #sidebar .categorie-offerte .categoria div:first-child {
		margin-right: 10px;
	}

	.home #sidebar .categorie-offerte .categoria div,
	.single #sidebar .categorie-offerte .categoria div {
		height: 15px;
	}

	.home #sidebar .categorie-offerte a,
	.single #sidebar .categorie-offerte a {
		padding: .5rem;
	}

	.home #sidebar input.search-field,
	.single #sidebar input.search-field {
		font-size: 0.8rem;
	}

	.home #sidebar .search-submit,
	.single #sidebar .search-submit {
		display: none;
	}

	.home #sidebar .ultime-offerte ul li a,
	.single #sidebar .ultime-offerte ul li a {
		flex-direction: column;
		align-items: center;
	}

	.home #sidebar .ultime-offerte ul li h4,
	.single #sidebar .ultime-offerte ul li h4 {
		font-size: 1rem;
		text-align: center;
	}

}/* 900px */

@media only screen and (max-width:700px) {
  
  .header-top .contenitore {
    justify-content: space-between;
  }
  
  #top-nav a {
    font-size: .8rem;
    margin-right: .5rem;
  }
  
  #top-nav ul li a svg {
    width: 1em;
    height: 1em;
  }

	#top-nav ul li.cerca {
		display: flex;
	}
	
	.top-social {
    margin: 0;
	}
	
	.header-top svg {
    width: 1em;
    height: 1em;
	}

	.ultime-offerte-single {
		display: none;
	}

	#categorie-mobile .contenitore {
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: .5rem 1rem;
		border-bottom: 1px solid #e9ecef;
	}

	#categorie-mobile .categorie-offerte {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		width: 100%;
	}

	#categorie-mobile .categorie-offerte .categoria {
		margin: .5rem;
		flex: 1 0 auto;
	}

	#categorie-mobile .categorie-offerte .categoria.tech {
		background: #e91584;
	}
	
	#categorie-mobile .categorie-offerte .categoria.pro {
		background: #282828;
	}

	#categorie-mobile .categorie-offerte .categoria.extra {
		background: #2094d4;
	}

	#categorie-mobile .categorie-offerte .categoria.moda {
		background: #FF9800;
	}

	#categorie-mobile .categorie-offerte .categoria.play,
	#categorie-mobile .categorie-offerte .categoria.nerd {
		background: #4caf50;
	}

	#categorie-mobile .categorie-offerte .categoria a {
		padding: .5rem 1rem;
		display: flex;
		justify-content: center;
	}

	#categorie-mobile .categorie-offerte .categoria div {
		height: 15px;
		line-height: 0;
	}

	#categorie-mobile .categorie-offerte .categoria div:first-child {
		display: none;
	}

	#categorie-mobile .categorie-offerte .categoria svg {
		height: 100%;
		width: auto;
		max-width: 100%;
		max-height: 100%;
		fill: #FFF;
	}


	#categorie-mobile .search-form {
		margin-top: .5rem;
		display: none;
	}

	#categorie-mobile .search-form.aperto {
		display: flex;
	}

	#categorie-mobile .search-form:hover input.search-field {
		border-color: #e91584;
	}

	#categorie-mobile .search-form:hover .search-submit {
		background: #e91584;
	}

	article.post {
		margin-bottom: 2rem;
		padding-bottom: 2rem;
	}

	article.post .testo {
		margin: .5rem;
	}

	article.post .categoria-post a svg {
		height: 10px;
	}

	article.post h2.titolo-post {
		font-size: 1.8rem;
	}

	article.post .contenuto-post {
		font-size: 0.8rem;
	}

	.single article.post .contenuto-post .box-link-offerta {
		margin: 1rem auto;
		/*flex-direction: column;*/
	}

	.single article.post .contenuto-post .box-link-offerta .shop-icon {
		/*margin-bottom: 0.5rem;*/
	}

	.single article.post .contenuto-post a.link-offerta-testo {
		font-size: 1em;
	}

	.footer-post {
		margin-top: .5rem;
	}

	.principale {
		flex-direction: column;
	}

	.home #sidebar,
	.single #sidebar {
		width: 100%;
		max-width: 100%;
		margin: 0;
		display: flex;
		align-items: center;
		flex-direction: initial;
		flex-wrap: wrap;
	}

	.home #sidebar .widget,
	.single #sidebar .widget {
		width: 100vw;
	}
		.home #sidebar .ultime-offerte ul li a,
		.single #sidebar .ultime-offerte ul li a {
			flex-direction: initial !important;
		}
		
		.home #sidebar .ultime-offerte ul li a h4,
		.single #sidebar .ultime-offerte ul li a h4 {
			text-align: left !important;
		}


	#offerte-cerca {
		display: none;
	}


	footer .logo-categorie .logo-footer {
		max-width: 150px;
		flex: 1 0 auto;
	}
	footer .logo-categorie .categorie-offerte-footer {
	}

	footer .categorie-offerte-footer div {
		width: 60px;
		height: 60px;
	}

	footer #footer-nav {
		margin: 0.5rem 0;
		padding: 0.5rem 0;
	}

	footer #footer-nav ul li a {
		font-size: .8rem;
		margin: 0 .5rem;
	}

	footer #copy .madeby {
		font-size: .7rem;
	}

	footer #copy .hosted {
		font-size: 0.5rem;
	}

	.navigazione {
		margin: 2rem 0;
	}

	.page .titolo-pagina h1,
	.archive .titolo-pagina h1,
	.search .titolo-pagina h1 {

		font-size: 1.5rem;
	}



}/* 700px */


@media only screen and (max-width:600px) {
  
/*   Menù mobile */
  	header .logo {
		margin: .5rem 0 0;
	}

	header .logo svg {
		max-width: 150px;
		margin: 0;
	}

	.header-top .logo-top {
		order: 2;
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		height: 40px;
		display: flex;
		align-items: center;
	}

	.header-top .logo-top svg {
		margin: 0;
	}

	#menu-toggle {
		display: flex;
		order: 1;
	}

	#menu-toggle a {
		display: inline-flex;
		align-items: center;
		text-transform: uppercase;
		font-size: 1rem;
		font-weight: 600;
		font-family: 'Abel', sans-serif;
	}

	#top-nav {
		display: flex;
		order: -1;
		width: 100%;
		height: 0;
		overflow: hidden;
	}

	#top-nav.aperto {
		height: auto;
		overflow: visible;
	}

	#top-nav ul {
		flex-direction: column;
		align-items: center;
		width: 100%;
	}

	#top-nav ul li a {
		margin: 0 0 10px;
	}

	.top-social {
		margin-left: unset;
		order: 3;
	}
	
	/*  FINE Menù mobile */
  
} /* 600 */

@media only screen and (max-width:500px) {

	.header-top .logo-top svg {
		margin-right: 1rem;
	}

	#top-nav ul li a {
		font-size: .8rem;
		margin-right: .5rem;
	}

	.top-social a {
		padding: 0;
	}

	.info-archivio .titolo-categoria {
		flex-direction: column;
	}

	.info-archivio .logo-categoria {
		margin: 0 0 1rem;
		display: none;
	}

	.info-archivio .descrizione-archivio {
		font-size: 1rem;
		text-align: center;
	}

	.condividi-home {
		position: inherit;
	}

	.condividi-home .testo-icona span {
		display: none;
	}

	.condividi-home.aperto .testo-icona {
		transform: none;
		z-index: 100;
	}

	.condividi-home .social-condividi {
		width: 100%;
		top: 0;
		transform: translateY(-50%);
		left: 0;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 2rem;
		background: rgba(255, 255, 255, 0.8);
		display: none;
	}

	.condividi-home.aperto .social-condividi {
		transform: none;
		display: flex;
	}
		.condividi-single .testo-icona {
			display: block !important;
		}

	.nav-links, .single .nav-links {
		justify-content: center;
	}

	.single .nav-links > div {
		max-width: 100%;
		width: 100%;
	}

	footer {
		padding: 1rem 0;
	}

	footer .logo-categorie {
		justify-content: center;
		margin-bottom: 1rem;

	}

	footer .logo-categorie .categorie-offerte-footer {
		display: none;
	}

}/* 500px */



@media only screen and (max-width:425px) {

	.contenitore {
		padding: 0 1rem;
	}


	#categorie-mobile .categorie-offerte .categoria {
		margin: 0.2rem;
	}

	#categorie-mobile .categorie-offerte .categoria a {
		padding: 0.4rem 0.5rem;
	}

	.principale {
		margin-top: 1rem;
	}

	article.post {
		align-items: flex-start;
	}

	article.post .immagine {
	}

	article.post h2.titolo-post {
		display: none;
	}

	article.post .categoria-post:before {
		content: none;
		display: none;
	}

	article.post .testo {
		margin: 0;
	}





	/* In Evidenza */

	article.post.sticky {
		flex-direction: column;
		align-items: center;
	}

	article.post.sticky .testo {
		padding: .5rem !important;
	}

	article.post.sticky .immagine {
		margin: 0;
	}

	/* 	Single */

	.single article.post h2.titolo-post {
		display: block;
	}

}/* 425px */