/* sfondo */
.magazine-article{
	background-image: linear-gradient(to right bottom, #5d26c1, #6b39c7, #784acd, #855ad3, #916ad9, #737eea, #4d8ff5, #009ffb, #00b0f1, #00bbd0, #00c0a2, #59c173);
}
/* sezione content */
.site-inner {
  max-width: 100vw;
  padding:0rem 0rem 2rem;
}
/* stile Aside */
.sidebar{
	padding:20px;
	background-color:#929ebd;
	border-radius:0;
	border-bottom:1px solid black;
	border-top:1px solid black;
}
/* Colore Titoli della Sidebar */
.sidebar h3{
	color:#160844!important;
	font-size: 2rem;
}
/* div per dare flexbox ai loghi */
.container-loghi-sidebar{
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	flex-wrap:wrap;
	background-color:#055405;
	border: 2px solid black;
    border-radius: 9px;
}
/* grandezza loghi nella sidebar */
.loghi-sidebar{
	width:110px;
	height:90px;
}
/* Newsletter Sidebar */
#newsletter-mc_embed_signup{
	background-color:#929ebd!important;
	padding:10px 0;
}
#newsletter-mc_embed_signup label{
	color:white;
	font-size:1.2rem;
	font-weight:bold;
}
#newsletter-mc_embed_signup input{
	margin:10px 0;
}
#newsletter-mc_embed_signup .button{
	background-image: linear-gradient(130deg,#ff0052,#7200cc 60%);
color:white;
	box-shadow:none;
	border:none;
}
#newsletter-mc_embed_signup .button:hover{
	transform:translateY(0);
}
/* Style Immagini anteprima nella Sidebar */
.featured-content .entry-title{
	text-align:center;
	font-size:1.3rem;
}
.featured-content .entry a{
	color:white;
	text-shadow:none;
}
/* Formattazione testo Paragrafi, e liste puntate e numerate */
.content p, .content ul, .content ol {
	color:white;
}
li{
	font-size:22px;
}
/* titolo pagina articolo */
.entry-title{
	font-weight:bold;
	color:#00ff14!important;
}
/* evidenzio elementi in grassetto e titoli */
.content h1,.content h2,.content h3,.content h4,.content h5,.content h6, .content p strong, .entry-content li strong, .nota b{
	color:#00ff14;
}
a{
	text-decoration:underline;
}
/* Sezione commenti */
.comment-respond{
	padding:0rem 1rem 0rem;
}
.content{
  padding:1rem;
}

/* barra introduzione nota bene */
.nota{
	text-align:left;
	border-top:5px solid #1c7a3e;
	padding-top:10px;
}
.nota::before{
	display:none;
}
/* barra introduzione video */
.videoshow{
	text-align:left;
	font-size:18px;
	border-top:5px solid red;
	padding-top:10px;
}
.videoshow::before{
	display:none;
}
iframe{
	padding:0;
	border:none;
	border-radius:0;
	box-shadow:none;
}
/* ---------- SEZIONE ILLUSTRATIVA DEGLI ARTICOLI ---------- */
/* Contenitore griglia */
.seller-container{
	display:grid;
  grid-template-columns: 50% 50%;
	background-color:white;
	border:3px solid #2298f8;
	border-radius:5px;
}

/* Non mostro l'immagine per il telefono*/
.seller-img{
	position:relative;
}
.seller-flex{
  display: flex;
  justify-content: center;
  align-items: center;
}

/* paragrafo descrittivo sull'illustrazione*/
.seller-description{
	margin:15px 5px 15px 5px;
	color:black!important;
	font-size:12px;
}
/* ---------- FINE SEZIONE ILLUSTRATIVA ---------- */
/* PRO-CONTRO lista prodotti */
.pro-contro{
	display:flex;
  flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	font-size:1rem;
}
.pro{
	width:300px;
	padding:5px;
	margin-bottom:5px;
}
.pro p{
	background-color:#00d084;
	text-align:center;
	padding:2px;
	font-weight:bold;
	font-size:1.2rem;
	color:black;
	border:3px solid black;
	border-radius:9px;
}
.contro p {
	background-color:#ff5d5d;
	text-align:center;
	padding:2px;
	font-weight:bold;
	font-size:1.2rem;
	color:black;
	border:3px solid black;
	border-radius:9px;
}
.contro{
	width:300px;
	padding:5px;
	margin-bottom:5px;
}
/* CLASSE PER IDENTIFICARE I PRO E CONTRO DEGLI ARTICOLI NUOVI*/
.contro-pro{
	border: 4px solid black;
	border-radius:99px;
	padding:10px!important;
}
/* Titolo immagini articolo */
.site-container .wp-block-audio figcaption, .site-container .wp-block-embed figcaption, .site-container .wp-block-image figcaption{
	color:white;
	text-align:center;
}
/* codice per anteprima Twitter in article */
.twitter-tweet{
	  display: flex;
    max-width: 550px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
	  margin-left: auto;
    margin-right: auto;
}
/* pulsanti di navigazione fine articolo */
.navigazione{
	display:flex;
	justify-content:center;
}
/* pulsante youtube */
.iltubo{
  font-size:0.5em;
  position: relative;
  width: 70px;
  height: 70px;
  border: none;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  background-image: url('https://www.gamestutorial.it/wp-content/uploads/2020/01/YouTube-GamesTutorial-Pulsante.png');
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	margin-bottom:5rem;
}
.iltubo:focus{
	outline:none;
}
/* animazione pulsante youtube */
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
/* formattazione colore del testo anteprima copia mazzo */
form{
	font-size:1rem;
	color:hsla(0,0%,100%,.8);
}
/* stile sezione commenti */
#comment{
	border:3px solid black;
	border-radius:9px;
}
/* stile pulsante commenti */
input[type="submit"]{
	color: #00ff14;
  text-shadow: 0 0 1vw #00ff14;
  border-radius: 9px;
  position: relative;
  background-color: #2f2a2a;
  border: 1px solid #00ff14;
  transition: all 0.5s ease-in-out;
  -webkit-box-shadow: 0px 15px 10px -10px rgba( 0,0,0,0.6);
  box-shadow: 0px 15px 10px -10px rgba( 0,0,0,0.6);
}
input[type="submit"]:active{
	color: red;
  border-color: red;
  text-shadow: 0 0 1vw red;
  transition: all 0.5s ease-in-out;
}
input[type="submit"]:focus{
	outline:none;
}
/* distanza dal footer */
.footer-widgets{
	margin-top:15px;
}
/* PULSANTE BLUESTACKS */
#bluestacks-text{
	text-align:center;
}
.buttonbluestacks{
	background-color:black;
	color:#00ff14;
}
.buttonbluestacks:focus{
	outline:none;
}
@media only screen and (min-width: 479px) {
.seller-container{
	display:grid;
	grid-template-columns:50% 50%;
}
}
@media only screen and (min-width: 768px) {
/* margine del contenuto dell'articolo */
.site-inner{
	padding:4rem 0.9rem 2rem;
}
/* Sfondo scurito del contenuto articolo */
.content{
  background-color:rgba(0,0,0,0.3);
  border-radius:9px;
}
/* effetto grafico ELETTROCARDIOGRAMMA su menu */
  /* HEARTHSTONE */
.magazine-article .site-header:after{
  background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxpdmVsbG9fMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNTBweCIgaGVpZ2h0PSIxMDAuNXB4IiB2aWV3Qm94PSIwIDAgMjUwIDEwMC41IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNTAgMTAwLjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gcG9pbnRzPSIyMDUuMDgzLDEwMSAyMTAuMzI2LDgyLjMzNCAyMTQuNzU3LDEwMSAiLz4NCjxwb2x5Z29uIHBvaW50cz0iMTI1LDEwMC44MzQgMTQyLjg2OSw0MC4wODMgMTUyLjc1LDEwMC41ICIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxMjUuMTE2IiB5MT0iMTAwIiB4Mj0iMTUzLjE4OCIgeTI9IjEwMC4wMzkiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMjAzLjU2MSIgeTE9IjEwMC4wNiIgeDI9IjIxNS45MzgiIHkyPSIxMDAuMDYiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwRkYxNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIwIiB5MT0iMTAwIiB4Mj0iMTI1LjExNiIgeTI9IjEwMCIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBGRjE0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxMjUuMTE2IiB5MT0iMTAwLjAzOSIgeDI9IjE0Mi44NjkiIHkyPSIzOC41MzIiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwRkYxNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTQyLjg2OSIgeTE9IjM4LjUzMiIgeDI9IjE1My4xODgiIHkyPSIxMDAuMDM5Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMEZGMTQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjIwNC43MTYiIHkxPSIxMDAuMDg1IiB4Mj0iMjEwLjMyNiIgeTI9IjgwLjY0MiIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBGRjE0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyMTAuMzI2IiB5MT0iODAuNjQyIiB4Mj0iMjE0Ljc4NSIgeTI9IjEwMC4wODUiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMDAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTU5LjI5NiIgeTE9IjEwMC4wNiIgeDI9IjE3MS42NzQiIHkyPSIxMDAuMDYiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwRkYxNCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIyMTQuMzUzIiB5MT0iMTAwIiB4Mj0iMjUwIiB5Mj0iMTAwIi8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMwMEZGMTQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTUzLjE4OCIgeTE9IjEwMC4wNiIgeDI9IjIwNC43MTYiIHkyPSIxMDAuMDYiLz4NCjxwb2x5Z29uIHBvaW50cz0iMTYwLjc1LDEwMSAxNjYuMDYyLDY5LjMwNSAxNzAuNzUsMTAxICIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBGRjE0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxNjAuNDUxIiB5MT0iOTkuNDQ2IiB4Mj0iMTY2LjA2MiIgeTI9IjY2LjQzMSIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDBGRjE0IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxNjYuMDYyIiB5MT0iNjYuNDMxIiB4Mj0iMTcxLjEyNSIgeTI9IjEwMC41Ii8+DQo8L3N2Zz4NCg==');
  content:"";
  background-position:center;
  background-size: cover;
  background-repeat:repeat-y;
  display:inline-block;
  width: 300px;
  height:67px;
  z-index:-1;
  position:absolute;
  left:0px;
  top:0.04rem;
  }

/* barra introduzione nota bene */
.nota::before{
	content:"NOTA";
	display:block;
	margin-left:-30px;
	background-color:#1c7a3e;
	color:white;
	font-weight:bold;
	padding:10px 20px;
	float:left;
	margin-right:10px;
}
/* barra introduzione video */	
.videoshow::before{
	content:"VIDEO";
	display:block;
	margin-left:-30px;
	background-color:red;
	color:white;
	font-weight:bold;
	padding:10px 20px;
	float:left;
	margin-right:10px;
}
}
@media only screen and (min-width: 960px) {
/* margine del contenuto dell'articolo */
	.site-inner{
	padding:7rem 5rem 0.1rem;
	}
/* sidebar */
.sidebar{	
	border:2px solid black;
	border-radius:9px;
	}
/* ----- SEZIONE ILLUSTRATIVA ----------*/
.seller-container{
  grid-template-columns: 50% 50%;
	}
.seller-description{
	display:block;
	font-size:1rem;
	}
}
@media only screen and (min-width: 1200px) {
/* barra introduzione nota bene */
.nota::before{
	content:"NOTA";
	margin-left:-70px;
	background-color:#1c7a3e;
	color:white;
	font-weight:bold;
	padding:10px 20px;
	float:left;
	margin-right:10px;
}
/* barra introduzione video */
.videoshow::before{
	content:"VIDEO";
	margin-left:-70px;
	background-color:red;
	color:white;
	font-weight:bold;
	padding:10px 20px;
	float:left;
	margin-right:10px;
}
/* effetto Hover pulsante commenti */
input[type="submit"]:hover{
	color: #0a9415;
	border-color: #0a9415;
	text-shadow: 0 0 1vw #0a9415;
 	transition: all 0.2s ease-in-out;
 	transition-timing-function: linear;
	-webkit-transform: translateY(7px);
  	transform: translateY(3px);
	box-shadow:none;
	}
/* stile pulsante youtube su articoli */
.iltubo{
  	width:100px;
  	height:100px;
  	font-size:0.8em;
}
/* tolgo l'animazione con hover */
.iltubo:hover,.lahome:hover,.laguida:hover
{
	-webkit-animation: none;
 	-moz-animation: none;
 	-ms-animation: none;animation: none;
	}
/* PULSANTE BLUESTACKS */
.buttonbluestacks:hover{
 	text-shadow: 0px 0px 1vw #00ff14;
}
}