/**
*  B.P. Dicembre 2019
**/

/* Colore di sfondo sito */
body {
  background-color: #79b5f1;
}

/* REGOLA classe CSS del layout title */
.blu {
  background-color: #2E6DAB;
}

/* Colora barra dei menu */
header#sp-header {
  background-color: #2E6DAB;
}

/* Sweep To Left */
.sp-menu-item {
  /* background-color: #2E6D00; */
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sp-menu-item:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.sp-menu-item:hover:before, .sp-menu-item:focus:before, .sp-menu-item:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.sp-megamenu .sp-dropdown li.sp-menu-item >a:hover {
    background: yellow;
	border: 1px solid rgba(0,0,0,0.1);
	content: '';
	color: red;
	content: attr(data-hover);
}

/*  Vedi https://www.disegnareilweb.cloud/HUB4/index.php/header-style/header-4 */

/* Per allineare il menu a sinistra.  */
.sp-megamenu-parent { 
 list-style: none; 
 padding: 0; 
 margin: 0 -15px;  
 z-index: 99; 
 display: block; 
 float: left; 
 position: relative; 
 }

/* Per allineare il logo a destra.  */
#sp-header .logo { 
 height: 60px; 
 display: inline-flex; 
 margin: 0; 
 align-items: center; 
 float: right; 
}

/* Questa regola reimposta a 0 il margin-top dell'header quando raggiunge la posizione sticky */
#sp-header.header-sticky { 
  position: fixed;
  z-index: 9999;
  margin-top: 0px; 
  transition: all ease-out 0.5s; 
  -webkit-transition: all ease-out 0.5s; 
  border-bottom: solid 1px #ed0404;
}

/* REGOLA classe CSS del layout Component */
.centro {
  /* background: #18fefb; */
  margin: 0;
  padding: 1px;
}

/* REGOLA classe CSS del layout right */
.barra {
  background: #181e2b; background:url(../images/bg.jpg);
}

/* allineamento - Riduzione spazio tra i moduli a dx - In originale nel  template.css margin-top: 50px; */
#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 5px;
  border: 1px solid #f3f3f3;
  padding: 30px;
  border-radius: 3px;
}

.article-list {
  margin-top: 10px;
}

.article-list .article {
/*
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: rgb(223, 232, 138);
background: -moz-linear-gradient(90deg, rgb(223, 232, 138) 7%, rgb(255, 221, 103) 70%);
background: -webkit-linear-gradient(90deg, rgb(223, 232, 138) 7%, rgb(255, 221, 103) 70%);
background: -o-linear-gradient(90deg, rgb(223, 232, 138) 7%, rgb(255, 221, 103) 70%);
background: -ms-linear-gradient(90deg, rgb(223, 232, 138) 7%, rgb(255, 221, 103) 70%);
background: linear-gradient(0deg, rgb(223, 232, 138) 7%, rgb(255, 221, 103) 70%);
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
box-shadow:         9px 4px 8px rgba(76, 172, 119, 0.64);
*/
  background-color: white;
}  
  
/* Impostare il bordo al titolo di un testo */
.bordo
{
    text-align: Center;
    text-shadow: 0px -1px 0px rgba(0, 0, 30, 0.8);
    filter: Wave(Add=1, Freq=1, LightStrength=200, Phase=5, Strength=1);
    filter: Glow(color=#000000, Strength=1);
    color: #FF0000;
    font-size: 14px;
    font-family: 'Arial Black';
    height: 1px;
}

/* Impostare grafica categorie */
.item-title {

	font: italic bold 14px arial, tahoma, sans-serif;    
    filter: Wave(Add=1, Freq=1, LightStrength=200, Phase=5, Strength=1);
    filter: Glow(color=#000000, Strength=1);
    color: #0000FF;
    height: 1px;
}

/* Modulo personalizzato per slide foto */
.modulo-black{
	background-color: #3e3e3e;
	border: 1px solid #e3e3e3;
	border-radius: 8px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.5) inset;
	color: blue;
	margin-bottom: 20px;
	min-height: 20px;
	padding: 12px 12px 12px 12px;
}

/* Modulo personalizzato per il login */
.modulo-verde{
	background-color: #009900;
	border: 1px solid #e3e3e3;
	border-radius: 28px;
	box-shadow: 0 1px 1px rgba(0,0,0,0.5) inset;
	color: blue;
	margin-bottom: 20px;
	min-height: 20px;
	padding: 12px 12px 12px 12px;
}

/* cornice con ombra per contatore */
div.cornice {
 background-color: #CCE0FF; 
  border: 1px solid #6495ED;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
   box-shadow: 1px 1px 2px #0000cd;
   color: black;
}

div.cornice  h3{

  background-color: #CCE0FF; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
   text-align: center;
}  

/* Sfondo per lista raccolta foto-disegni Raccontiamo */
.lista {
background: #F0FFFF; /* sfondo lista video browsers  background: #F5FFFA; */
}

/* TABELLA categoria singola vista con righe colorate alternate */

/* TITOLO prima riga */
.category.table.table-bordered th { background-color: #C9E3FE; } 
/* alternare sfondo righe pari ( even ) che dispari ( odd ) con colori differenti di una tabella */
.category.table.table-bordered tr:nth-child(odd) { background-color: #FFFFE0; }
.category.table.table-bordered tr:nth-child(even) { background-color: #FFF8DC; }

/* passaggio del mouse */ 
.category.table.table-bordered tr:nth-child(n+1):hover {
    text-decoration:underline;
    background:#ffffCC;
    color:white;
    cursor:pointer;
}

/*spegniamo etichetta featured*/
.article-list .article .featured-article-badge{
  display:none;
}