@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');

body {
  font-family: 'Lato', sans-serif;
}

.invisible {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
}
#banner {
	flex-wrap: wrap;
    padding: 0 2%;
    height: 100px;
}
#banner > div:first-of-type {
	flex-basis: 100%;
	padding: 1.5rem 2rem;
}
#banner .user {
	order: 3;
	margin: 1rem;
	margin-left: auto;
	color: white;
}
#Page #menu {
	color: white;
}
#Page #menu .has-sub > a {
  padding: 1rem 1vw;
}
#Page #menu .has-sub > ul a {
	color: dimgray;
}
#Page #menu .has-sub > ul a:hover {
  color: #316d37;
} 
#preferiti img {
	display: none;
}
.nomeutente::before {
	content: "";
	background-image: url("theme/images/user.svg");
	display: inline-block;
	width: 18px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: .5rem;
	vertical-align: middle;
}
#logout a {
  text-decoration: none;
  display: inline-block;
}
#logout a::before {
	content: "";
	background-image: url("theme/images/home.svg");
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: .5rem;
	vertical-align: middle;
}
.container.hero {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-evenly;
	padding: 0;
	background-color: transparent;
	color: dimgray;
	margin: 6% auto 0 auto;
	max-width: 1400px;
}
.container.hero::before {
	content: "";
	background-image: url("/theme/images/hero.svg");
	background-repeat: no-repeat;
	background-position: -100px -35px;
	background-size: 1494px auto;
	width: 680px;
	height: 315px;
    margin-right: -200px;
}
.container.hero > div {
	font-size: 24px;
	max-width: 500px;
	margin-left: 2%;
}
.container.hero h2 {
	font-size: 48px;
	margin: 0;
}
.cards {
	padding: 0;
}
.cards > .card {
	flex: 0 1 39%;
	padding: 3%;
	margin: 0 2% 2% 0;
	border: 2px solid #d3d3d3;
	border-radius: 10px;
}
.cards > .card a {
	color: black;
}
.cards > .card h4:first-of-type {
    color: #242021;
}
.cards .card-title {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-content: center;
  margin-bottom: 2rem;
}
.cards .card-title h3 {
  margin: 0;
  color: gray;
  font-size: 28px;
}
.cards .entry {
	margin-bottom: 2rem;
}
.cards .entry:hover * {
  transition: all .3s;
}
.cards .entry:hover * {
  color: #316d37;
}
.cards .entry-header {
	margin-bottom: .5rem;
	font-size: 16px;
	color: dimgray;
	display: flex;
	align-items: center;
}
.cards .entry-excerpt {
	display: none;
}
.giornale {
	width: 300px;
	border: 1px solid #d3d3d3;
	border-radius: 10px;
    box-shadow: none;
}
.giornale .immagine_giornale {
  display: none;
}
.giornale .testata_giornale a {
  color: dimgray;
  font-size: 22px;
}
.giornale .testata_giornale img {
  display: none;
}
.giornale .testata_giornale > a::before {
	content: "";
	background-image: url("theme/images/star.svg");
	display: inline-block;
	width: 33px;
	height: 31px;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: top;  
  margin-left: 1rem;  
}
.giornale.preferiti .testata_giornale > a::before {
	background-image: url("theme/images/star-green.svg");
}
.nome_giornale a {
  transition: color .3s;
}

.nome_giornale:hover a {
  color: #316d37;
}
.giornale .date {
	color: dimgray;
	display: flex;
	align-items: center;
  cursor: pointer;
}
.cards .entry-header::before,
.giornale .date::before {
	content: "";
	background-image: url("theme/images/calendar.svg");
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: .5rem;
  flex: 0 0 auto;
}

#rss {
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	overflow-x: hidden;
	padding: 2%;
	background-color: whitesmoke;
	box-shadow: inset 0 0 20px 0px gray;
	box-sizing: border-box;
  display: none;
}
#testata {
	background: none;
}
#testata div {
	font-size: 36px;
	font-weight: bold;
	background-color: transparent;
	padding: 0;
	color: dimgray;
	margin-left: 0;
}
#testata div span.titolo {
	margin-left: 0;
}
#contentRSS {
	background-color: transparent;
	padding: 0;
	margin: 2rem 0 0;
}
#contentRSS > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: center;
}
.itemLi {
	margin: 1%;
	flex: 0 0 42%;
	background-color: white;
	padding: 2%;
	border-radius: 10px;
}
.itemTitle a {
	font-size: 24px;
	text-decoration: none;
	color: dimgray;
	margin-bottom: 1rem;
	display: block;
}
.itemDate {
	font-size: 18px;
	margin: 1rem 0;
	color: dimgray;
}
.itemDate::before {
	content: "";
	background-image: url("theme/images/calendar.svg");
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: .5rem;
}

.chiudifeed a {
	content: "";
	background-image: url("theme/images/close.svg");
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: dimgray;
	padding: 1rem;
	border-radius: 100%;
}
.chiudifeed img {
  display: none;
}

#preferiti span,
a[valore='addfeed'] span {
  display: none !important;
}
a[valore='addfeed']::before {
  content: 'Aggiungi un ffeed';
}
#preferiti > a::before {
  content: "Preferiti";
}

.link-to-category::before {
  content: "";
  background-image: url("theme/images/arrow.svg");
  display: inline-block;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 425px) {
  #banner {
    border-bottom: 4px solid #04703b;
  }
  .container.hero {
    flex-flow: column nowrap;
  }
  .container.hero::before {
    content: "";
    background-position: -30px 0;
    width: 100%;
    height: 234px;
    margin-right: 0;
    background-image: url("/theme/images/mobile-hero.svg");
    background-size: 410px auto;
    order: 2;
  }
  .container.hero > div {
    margin: 0 5%;
  }
  .container.hero h2 {
    font-size: 28px;
    margin: 0;
  }
  .container.hero > div > p {
    font-size: 16px;
    margin-top: .3rem;
  }
  .cards > .card {
    flex: 1 1 100%;
    padding: 5%;
    margin: 0;
    border-top: 1px solid lightgray;
    border-radius: 0;
    border-width: 1px 0 0 0;
  }
  .cards .card-title {
    margin-bottom: 0;
  }  
  .cards .card-title h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 160%;
  } 
  .cards .card-title .link-to-category::before {
    width: 26px;
    height: 26px;
    background-size: 100%;
    vertical-align: top;
  }  
  .page-categories .cards .card-body {
    display: none;
  }
  .card-body .entry {
    margin: 1rem 0;
  }
  #giornali {
    padding: 0;
  }
  .page-feeds .giornale .testata_giornale a {
    font-size: 20px;
  }
  .giornale {
    width: 100%;
    margin: 0;
    padding: 5%;
    border: 1px solid lightgray;
    border-radius: 0;
    border-width: 0 0 1px 0;
  }
  .giornale .date {
    font-size: 16px;
  }

  .page-feeds #menu {
  	margin-bottom: 0;
  }

  #testata div span.titolo {
    font-size: 22px;
  }
  .chiudifeed a {
    width: 30px;
    height: 30px;
    padding: 0;
    background-size: 12px auto;
  }
#rss {
  padding: 5%;
  background-color: white;
  box-shadow: none;
}
  #contentRSS {
    margin-top: 5%;
  }  
.itemLi {
  flex: 1 1 100%;
  display: flex;
  flex-flow: column;
  border-bottom: 1px solid lightgray;
  padding-bottom: 2rem;
  border-radius: 0;
}
.itemTitle {
  order: 1;
}
.itemTitle a {
  font-size: 18px;
  color: black;
  margin-bottom: 0;
}
.itemContent {
  order: 2;
}
  
  #preferiti,
  #preferiti_add {
    display: none;
  }
  
  #mobile_menu::before {
    content: "";
    background-image: url("theme/images/menu.svg");
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
  }
}

.read-more {
  display: block;
  padding: .8rem 1rem;
  margin-top: 1rem;
  background-color: #F3F3F3;
  border: 1px solid #E9EAE9;
  border-radius: 8px;
  color: black;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
}

footer {
  padding: 2%;
  background-color: black;
  color: white;
  text-align: center;
  font-size: 14px;
}
footer a {
  color: white;
}

.firstfeed .title {
  cursor: pointer;
}
.mm-spn.mm-spn--dark {
  color: #ddd;
  background: black;
}
.mm-spn a:not(:last-child)::after {
  border-right: none;
}


/* **********************************
    PERSONALIZZAZIONI PVE
    ****************************** */
body {
    background-color: white;
}
a {
    color: #ff5722;
}
a:hover {
    color: #009688;
}
#banner,
footer {
    background-color: #009688;
}
#menu {
    background-color: whitesmoke; 
}
#menu a {
    text-transform: uppercase;
    color: #333333;
}
#Page #menu .has-sub > ul a:hover {
    color: #009688;
}
.logo {
    background-image: url("/theme/images/bimetrove.png");
    background-repeat: no-repeat;
    padding-left: 380px !important;
    color: white;
    background-position: left center;
}
.logo span::before {
    content: "|";
    padding-right: 30px;
}
.logo span {
    font-size: 30px;
}
.container.cards .card {
    background-color: white;
}
.container.hero h2 {
    color: #ff5722;
    text-align: center;
}
.container.hero p {
    color: #009688;
    text-align: center;
}
.cards .card-title h3 {
    color: #009688;
}
.cards .entry:hover * {
  color: #ff5722;
}
#feed_giornale_link a {
    color: #ff5722;
}
.giornale .testata_giornale a {
    color: #009688;
}
.giornale {
    border: 2px solid lightgray;
}
.link-to-category::before {
    background-image: url("/theme/images/next.png");
    background-size: 32px auto;
}

.chiudifeed {
  float: right;
}