/*
Theme Name: ICC
Theme URI: https://ptiozzo.net/icc
Author: Paolo ptiozzo
Author URI: https://ptiozzo.net
Description: Tema per il sito italiachecambia.org
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: icc
Tags:
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.
*/
html {
  --color-articoli: #68d8b1;
  --color-meme: #f79865;
  --color-documentari: #3d78d0;
  --color-rubriche: #f270c0;
  --color-matrix: #9370db;
  --color-ioFaccioCosi: #af0000;
  --color-libri: #9064fa;
  --color-salute: #7fd1f5;
  --color-rassegna: #a3a3a3;
  --color-regioni: #749a4f;
  --color-regioni_hover: #5d7b41;
  --color-footer: #515760;
  --color-footer_link: #fff;
  --color-chisiamo: #fff;

  --color-contribuisci: #ffc107;
  --color-pf: #999;

  --color-black: #000;
  --color-black_opacity: rgba(0, 0, 0, 0.8);
  --color-light_black: #212529;
  --color-brown: #34302c;
  --color-white: #fff;
  --color-white_collapse: rgba(0, 0, 0, 0.125);
  --color-green: #9bce8f;
  --color-gray: #d0d0d0;
  --color-very_light_gray: #dee2e6;
  --color-light_gray: #f6f6f6;
  --color-dark_gray: #6c757d;
  --color-pink: #f76576;
  --color-light_green: #a5dbb9;
  --color-blue: #0056b3;
  --color-azzurro: #72bff9;
  --color-dark_azzurro: #35a6c3;

  --btn-warning: #ffc107;
  --btn-warning_hover: #e0a800;
}

.darkmode {
  --color-articoli: rgba(103, 215, 176, 0.75);
  --color-meme: rgba(247, 152, 101, 0.75);
  --color-documentari: #3d78d0;
  --color-rubriche: #f270c0;
  --color-matrix: #9370db;
  --color-ioFaccioCosi: #af0000;
  --color-libri: rgba(144, 100, 250, 0.75);
  --color-salute: #7fd1f5;
  --color-rassegna: rgba(163, 163, 163, 0.75);
  --color-regioni: rgba(116, 154, 79, 0.75);
  --color-regioni_hover: #5d7b41;
  --color-footer: rgba(53, 58, 65, 0.75);
  --color-footer_link: rgba(221, 225, 230, 0.75);
  --color-chisiamo: #dee2e6;

  --color-black: #dee2e6;
  --color-white: #212529;
  --color-white_collapse: rgba(255, 255, 255, 0.125);
  --color-light_black: #dee2e6;
  --color-gray: rgba(221, 225, 230, 0.25);
  --color-light_gray: rgba(89, 95, 103, 1);
  --color-black_opacity: rgba(175, 168, 168, 0.87);
  --color-dark_azzurro: rgba(53, 166, 195, 0.75);
  --color-pink: rgba(247, 101, 118, 0.75);
  --color-blue: #0056b3;

  --btn-warning: #e0a800;
  --btn-warning_hover: #ffc107;
}

.fw500 {
  font-weight: 500;
}

.fs16px {
  font-size: 1rem;
}

.fs18px {
  font-size: 1.125rem;
}

.transition,
.transition *,
.transition *:after,
.transition *:before {
  transition: all 1s ease-in-out !important;
  transition-delay: 0 !important;
}

.darkmode header .logo img {
  filter: brightness(1.2) contrast(1.2);
}

.darkmode img {
  filter: brightness(0.8) contrast(1.2);
}

.darkmode .modal-content {
  background-color: var(--color-white);
}
/*
GENERAL
*/
@font-face {
  font-family: "OpenDyslexic";
  font-style: normal;
  src: url("assets/fonts/opendyslexic/OpenDyslexic-Regular.woff") format("woff");
}
@font-face {
  font-family: "OpenDyslexic";
  src: url("assets/fonts/opendyslexic/OpenDyslexic-Bold.woff") format("woff");
  font-weight: bold;
}
@font-face {
  font-family: "OpenDyslexic";
  src: url("assets/fonts/opendyslexic/OpenDyslexic-Bold-Italic.woff")
    format("woff");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "OpenDyslexic";
  src: url("assets/fonts/opendyslexic/OpenDyslexic-Italic.woff") format("woff");
  font-style: italic;
}

body {
  max-width: 1400px;
  margin: auto;
  padding-top: 0;
  background-color: var(--color-white);
  color: var(--color-light_black);
}

body.dyslexia {
  font-family: "OpenDyslexic";
  font-size: 1rem !important;
}

.admin-bar header.home {
  top: 32px;
}
.admin-bar .menu_regioni {
  top: 112px;
}

@media (min-width: 1200px), all {
  .container {
    max-width: 1000px;
  }
}

h1 {
  font-size: 33px;
  line-height: 33px;
  font-weight: 900;
}

.text-dark {
  color: var(--color-light_black) !important;
}

.fa-sun {
  color: var(--btn-warning);
}
.btn.sun {
  background: #fff;
}
.fa-moon {
  color: #f5f3ce;
}
.btn.moon {
  background: #212529;
}
.fa-laptop,
footer .btn {
  color: var(--color-light_black);
}

.icc_debug {
  border: 3px dashed gray !important;
}
.icc_debug::before {
  content: "Debug, l'area tratteggiata non sarà visibile in produzione";
  display: block;
  font-weight: 700;
}

.sidebar {
  will-change: min-height;
}

.sidebar__inner {
  transform: translate(0, 0); /* For browsers don't support translate3d. */
  transform: translate3d(0, 0, 0);
  will-change: position, transform;
  left: inherit !important;
}

@media (max-width: 1199px) {
  .sidebar__inner {
    position: relative !important;
    bottom: 0 !important;
    transform: none !important;
  }
}

.icc_debug {
  border: 3px dashed gray !important;
}
.icc_debug::before {
  content: "Debug, l'area tratteggiata non sarà visibile in produzione";
  display: block;
  font-weight: 700;
}

/*
Layout
*/

.col-lg-home-reg {
  flex: none;
  width: calc(100% - 270px);
}

@media (min-width: 1200px) {
  .col-lg-home1,
  .col-lg-home2 {
    width: calc(50% - 135px);
    flex: none;
    max-width: none;
  }
  .col-lg-home-reg {
    flex: none;
    width: calc(100% - 270px);
  }
  .col-lg-home3 {
    width: 270px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .col-lg-home1,
  .col-lg-home2 {
    width: calc(100% - 270px);
    flex: none;
    max-width: none;
  }
  .col-lg-home3 {
    position: absolute;
    right: 0;
  }
}
@media (max-width: 991px) {
  .col-lg-home3,
  .col-lg-home-reg {
    width: 100%;
  }
}

/*
5 COLONNE
*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-5ths {
  flex: 0 0 20%;
  float: left;
}
@media (min-width: 576px) {
  .col-sm-5ths {
    flex: 0 0 20%;
    float: left;
  }
}
@media (min-width: 768px) {
  .col-md-5ths {
    flex: 0 0 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-lg-5ths {
    flex: 0 0 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-xl-5ths {
    flex: 0 0 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-xl-5ths4cols {
    flex: 0 0 80%;
    float: left;
    max-width: 80%;
  }
}

/*
LINK
*/
.regione-attiva a {
  color: var(--color-regioni);
}
.single__articolo a {
  color: var(--color-articoli);
}
.tag-meme a {
  color: var(--color-meme);
}
.tag-documentari a {
  color: var(--color-documentari);
}
.category-rubriche a,
.tag-appunti-viaggio a,
.category-ashoka-fellow a,
.tag-diari-di-bordo-maestro-di-strada a,
.tag-dizionario-eretico a,
.category-economia-bene-comune a,
.tag-diretta-camper a,
.tag-in-un-flash a,
.tag-in-viaggio a,
.tag-invece-si-puo a,
.tag-via-uscita-dentro a,
.tag-voce-astice a,
.tag-mondo-chiama-italia a,
.tag-pensare-altro a,
.tag-pillole-transizione a,
.tag-terranave a,
.category-una-favola-puo-fare a,
.tag-una-favola-puo-fare a,
.tag-amore-che-cambia a,
.tag-voci-italia-che-cambia a {
  color: var(--color-rubriche);
}
.tag-matrix-dentro-di-noi a {
  color: var(--color-matrix);
}
.tag-io-faccio-cosi a {
  color: var(--color-ioFaccioCosi);
}
.category-nostri-libri a {
  color: var(--color-libri);
}
.category-salute-che-cambia a {
  color: var(--color-salute);
}
.rassegna-stampa a {
  color: var(--color-rassegna);
}

div.single a {
  font-weight: 700;
  text-decoration: none;
}
div.single a:hover {
  text-decoration: underline;
}

/* ! Menu */

header.home {
  z-index: 1040;
  width: 100%;
  height: 80px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background-color: var(--color-light_gray) !important;
}
.bg-light {
  background-color: var(--color-light_gray) !important;
}
header.home a {
  color: var(--color-light_black);
  font-size: 14px;
  transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
  padding: 10px;
  border-radius: 3px;
  width: 100%;
  display: block;
}

@media (max-width: 1052px) {
  header.home a {
    padding-left: 7px;
    padding-right: 4px;
  }
}

header.home .navbar-brand.logo a {
  width: 279px;
  height: 55px;
  background: url(assets/img/logo/icc_orizz_trasparente10anni_new.png) no-repeat;
  background-size: contain;
}
@media (max-width: 1195px) {
  header.home .navbar-brand.logo a {
    width: 224px;
    background-position: -40px;
  }
}

@media (max-width: 1267px) {
  header.home ul {
    padding-inline-start: 10px;
  }
}

@media (max-width: 991px) {
  header.home .navbar-brand.logo a {
    width: 230px;
    background-position: center;
  }
}

header.home .main-menu a:hover {
  background-color: var(--color-light_black);
  color: var(--color-light_gray) !important;
}

header.home li {
  list-style: none;
  align-self: center;
}

@media (max-width: 1110) {
  header.home .dropdown {
    display: none !important;
  }
}

@media (max-width: 992px) {
  header.home ul {
    padding-inline-start: 0;
  }
  header.home li {
    width: 100%;
    padding: 10px;
    /*text-align: center;*/
  }
}

header.home ul.sub-menu {
  padding: 0;
  width: max-content;
}
@media (max-width: 992px) {
  header.home ul.sub-menu {
    width: 100%;
  }
}

header.home li ul {
  display: none;
  position: absolute;
  background-color: var(--color-light_gray);
  box-shadow: 0px 5px 15px 10px rgba(0, 0, 0, 0.4);
  z-index: 1;
  width: auto;
}
@media (max-width: 992px) {
  header.home li ul {
    position: relative;
  }
}

header.home li.show > ul {
  display: block;
}

header.home li li {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
@media (max-width: 992px) {
  header.home li li {
    display: block;
  }
}
header.home ul ul ul {
  position: absolute;
  left: 100%;
}
@media (max-width: 992px) {
  header.home ul ul ul {
    position: relative;
    left: 0;
    top: 10px;
  }
}

header.home .menu-item-has-children > a::after {
  display: inline-block;
  margin-left: 0.255em;
  content: "";
  width: 0;
  height: 0;
  border-width: 0.3em 0 0.3em 0.3em;
  border-color: transparent transparent transparent var(--color-light_black);
  border-style: solid;
  transform: rotate(90deg);
  align-self: center;
}
header.home .menu-item-has-children > a:hover::after {
  border-color: transparent transparent transparent var(--color-light_gray) !important;
  transform: rotate(90deg);
}

header.home .menu-item-has-children .menu-item-has-children > a::after {
  transform: rotate(0deg);
  float: right;
  margin-top: 7px;
}

@media (max-width: 1200px) {
  header.home .menu-item-has-children .menu-item-has-children > a::after,
  header.home .menu-item-has-children > a::after {
    transform: rotate(90deg);
    float: right;
    margin-top: 7px;
  }
}

header.home .btn {
  margin: 10px 0;
}
header.home .dropdown-toggle {
  white-space: inherit;
}

header .btn-warning {
  background-color: var(--btn-warning);
  border-color: var(--btn-warning);
}

header .btn-warning:hover {
  background-color: var(--btn-warning_hover);
  border-color: var(--btn-warning_hover);
}

.manoicc {
  background-image: url("/wp-content/themes/icc/assets/img/logo/mano_bianca.png");
  background-repeat: no-repeat;
  background-position: 3px center;
  padding-left: 35px !important;
  background-size: 30px;
}

@media (max-width: 1237px) {
  .manoicc {
    padding-left: 10px !important;
    padding-right: 10px !important;
    background-image: none;
  }
}
@media (max-width: 1212px) {
  .manoicc {
    padding-left: 3px !important;
    padding-right: 3px !important;
    background-image: none;
  }
}

@media (min-width: 992px) {
  .manoicc {
    animation: BTN_Contribuisci 2s 10 ease-in-out;
    transition: all 0.3s ease-in-out;
  }
}

@keyframes BTN_Contribuisci {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(+5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@media (max-width: 1140px) {
  header.home #menu-menu-social a {
    padding-left: 3px;
    padding-right: 3px;
  }
}

@media (max-width: 1071px) {
  header.home .dropdown-toggle {
    padding-left: 3px;
    padding-right: 3px;
  }
}

.menu_regioni {
  position: sticky;
  position: -webkit-sticky;
  top: 80px;
  z-index: 1020;
  width: 100%;
}
.menu_regioni .navbar_collaborazione {
  background-color: #224c6f;
}
@media (max-width: 992px) {
  .menu_regioni .navbar_collaborazione {
    width: 100%;
  }
}
.menu_regioni .navbar_collaborazione h6 {
  font-weight: 400;
}
.navbar {
  padding: 0;
  background-color: var(--color-brown);
}
@media (max-width: 992px) {
  .navbar {
    max-height: 100vh;
    overflow: auto;
  }
}
.home .navbar-collapse {
  height: 100vh;
}
@media (min-width: 992px) {
  .home .navbar-collapse {
    height: auto;
  }
}

.navbar a {
  color: var(--color-white);
  font-size: 13px;
}
.navbar a:hover {
  text-decoration: underline;
}
.navbar a.active {
  text-decoration: underline;
  font-weight: bold;
}

.navbar .navbar-brand {
  font-size: 20px;
  background-color: var(--color-regioni);
  padding: 1rem;
}
.navbar.amore-che-cambia .navbar-brand {
  background-color: var(--color-rubriche);
}
header.home .navbar .navbar-brand {
  background: none;
}
@media (max-width: 375px) {
  header.home .navbar .navbar-brand {
    width: 80%;
  }
}

#menu-menu-footer .nav-link {
  color: var(--color-footer_link);
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  padding: 0.3rem 0.6rem;
}

/*
TITOLI HOME
*/
.head {
  padding: 15px 0;
}
.head .title {
  position: relative;
  overflow: hidden;
}
.head .title::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: var(--color-gray);
  bottom: 11px;
  left: 0;
}
.head .title h5,
.head .title h4 {
  position: relative;
  margin: 0;
  padding: 0 30px 10px 0;
  display: inline-block;
  font-size: 11px;
  line-height: 11px;
  font-weight: 900;
  background: var(--color-white);
  z-index: 1;
  color: var(--color-light_black);
}

.head .title h4 {
  font-size: 18px;
}

.sliderBacheca h5 input {
  background-color: var(--color-bacheca_widget);
  border: 0;
  font-weight: 900;
}
.sliderBacheca h5 input:hover {
  text-decoration: underline;
}

/*Contribuisci banner*/
.contribuisci-banner {
  background-color: var(--color-contribuisci);
  color: black;
  position: sticky !important;
  bottom: 40px;
  z-index: 1030;
}
.contribuisci-banner a {
  color: white;
}
.contribuisci-banner strong {
  font-weight: 600;
}
.contribuisci-banner img {
  width: 100%;
}

/*Contribuisci page*/
.contribuisci {
  background-color: var(--color-contribuisci);
}
.contribuisci--destinazione {
  background-color: var(--color-meme);
}

@media (max-width: 576px) {
  .contribuisci_form .btn {
    padding: 0.375rem 4px;
  }
}
.contribuisci_form #inlineRadio7 {
  min-width: 50px;
}

/*Botton per iscrizione su menu regionali*/
.btn-region {
  background-color: var(--color-regioni);
  border-color: var(--color-regioni);
}
.btn-region:hover {
  background-color: var(--color-regioni_hover);
  border-color: var(--color-regioni_hover);
}
.btn-outline-pf {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
}
.btn-outline-pf:hover {
  color: rgba(255, 255, 255, 0.75);
  text-decoration: underline;
}
.btn-link-pf {
  color: var(--color-pf);
  text-decoration: none;
  font-size: 0.9em;
}
.btn-link-pf:hover {
  color: var(--color-pf);
  text-decoration: underline;
}
.btn-link {
  color: var(--color-blue);
}

/*	Sidebar
 */

.home-page {
  width: 100%;
}
.widget_wpmailup_widget,
.btn-newsletter {
  background: var(--color-meme);
}
aside {
  width: 270px;
}
@media (max-width: 991px) {
  aside {
    width: 100%;
  }
}

.libri .row article a figure img {
  height: 100%;
}
.btn-newsletter {
  height: 70px;
}
aside.sidebar div.widget_text:nth-child(1) {
  color: var(--color-white);
  text-transform: uppercase;
}
aside.sidebar div.widget_text:nth-child(2) {
  margin-top: 10px;
  color: var(--color-white);
  text-transform: uppercase;
  padding: 0;
}
aside.sidebar div.icc_Widget_CampagneTematiche h3 {
  display: block;
  font-size: 12px;
  line-height: 14px;
  background: var(--color-pink);
  padding: 25px;
  font-weight: 700;
  color: var(--color-white);
  text-align: center;
}

aside.sidebar div h4 {
  margin: 25px 0 20px 0;
  padding: 0;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
}
aside.sidebar > div > p {
  padding: 0 10px;
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  margin-bottom: 5px;
}
aside.sidebar div.icc_Widget_UnaFavolaPuoFare p {
  font-size: 15px;
  line-height: 17px;
  text-align: inherit;
  padding: 0;
}
aside.sidebar div a,
.pcc-pianfut a {
  color: var(--color-light_black);
  text-align: center;
}
aside.sidebar div a:hover {
  text-decoration: none;
}
aside.sidebar div figure {
  margin-top: 20px;
}
aside.sidebar div figure img {
  vertical-align: middle;
  display: block;
  margin: auto;
  max-width: 100%;
  height: auto;
}
aside.sidebar > div > div {
  padding: 0;
}
aside.sidebar div h3,
.btn-newsletter,
.pcc-pianfut h3 {
  font-size: 11px;
  line-height: 11px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  color: var(--color-light_black);
  margin-top: 1rem;
}
aside.sidebar div.widget_nav_menu ul {
  margin: 12.5px 0 0 0;
  padding: 0 0 15px 0;
  list-style: none;
  border-bottom: solid var(--color-gray) 1px;
}
aside.sidebar div.widget_nav_menu ul li:not(:last-child) {
  margin-bottom: 4px;
}

aside.sidebar div.widget_nav_menu ul li a {
  display: block;
  color: var(--color-light_black);
  font-size: 11px;
  line-height: 11px;
  padding: 19px 0;
  font-weight: 700;
  color: var(--color-white);
  text-transform: uppercase;
}
aside.sidebar div.widget_nav_menu ul li {
  text-align: center;
}

aside .pcc-provincie a {
  display: block;
  font-size: 11px;
  line-height: 11px;
  padding: 19px 0;
  text-transform: uppercase;
  background: var(--color-light_green);
  color: var(--color-white) !important;
}
.pcc-pianfut .btn-group,
.pcc-pianfut > button,
.pcc-pianfut input {
  width: 100%;
  border: 1px solid var(--color-dark_gray);
}
.pcc-pianfut > button,
.pcc-pianfut input {
  background: var(--color-meme);
}
.pcc-pianfut > button:hover {
  background: var(--color-meme);
}
.pcc-pianfut .dropdown-menu {
  text-transform: none;
}
aside.sidebar .pcc-provincie > p {
  padding: 0;
  margin-bottom: 5px;
}
.widget h3 {
  font-size: 11px;
  line-height: 11px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  color: var(--color-light_black);
}
.widget p {
  font-size: 15px;
  line-height: 17px;
}
.widget img {
  max-width: 100%;
  height: auto;
}
.icc_Widget_UnaFavolaPuoFare {
  padding-top: 0 !important;
}

/*	Vista griglia per categorie
*/

div.content-no-sidebar,
div.content {
  padding: 0 30px;
}
div.contenuti_header {
  padding: 20px 30px;
}
div.contenuti_header select {
  margin-right: 15px;
  align-items: center;
  border: var(--color-light_black) solid 1px;
}
.category-contenuti h1 {
  margin: 0;
  padding: 0;
  font-size: 33px;
  line-height: 33px;
  color: var(--color-light_black);
  font-weight: 900;
}

.cat2 {
  padding: 30px 30px 90px 30px;
  margin-bottom: -90px;
  background: var(--color-regioni);
}

.cat2 a {
  /*color: var(--color-blue);*/
}

.cat2 h1 {
  color: var(--color-white);
}

.tag-meme .cat2 {
  background: var(--color-meme);
}
.tag-documentari .cat2 {
  background: var(--color-documentari);
}
.cat2.category-rubriche,
.tag-appunti-viaggio .cat2,
.cat2.category-ashoka-fellow,
.tag-diari-di-bordo-maestro-di-strada .cat2,
.tag-dizionario-eretico .cat2,
.cat2.category-economia-bene-comune,
.category-diretta-camper .cat2,
.tag-in-un-flash .cat2,
.tag-in-viaggio .cat2,
.tag-invece-si-puo .cat2,
.tag-via-uscita-dentro .cat2,
.tag-voce-astice .cat2,
.tag-mondo-chiama-italia .cat2,
.tag-pensare-altro .cat2,
.tag-pillole-transizione .cat2,
.tag-terranave .cat2,
.tag-una-favola-puo-fare .cat2,
.cat2.category-una-favola-puo-fare,
.tag-amore-che-cambia .cat2,
.tag-voci-italia-che-cambia .cat2 {
  background: var(--color-rubriche);
}
.tag-matrix-dentro-di-noi .cat2 {
  background: var(--color-matrix);
}
.tag-io-faccio-cosi .cat2 {
  background: var(--color-ioFaccioCosi);
}
.cat2.category-nostri-libri {
  background: var(--color-libri);
}
.cat2.category-salute-che-cambia {
  background: var(--color-salute);
}
.cat2.category-rassegna-stampa {
  background: var(--color-rassegna);
}

/*
row
*/
.row {
  position: relative;
}
.row .title h3 {
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}
.row article {
  padding: 5px 0 0 10px;
}
.row article a {
  display: block;
  color: var(--color-light_black);
  text-decoration: none;
}
.row article a:hover {
  text-decoration: none;
}
.row article a .category {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 30px);
  height: 150px;
  justify-content: space-between;
  padding: 0 10px 0;
}
.contenuti .row article a:hover .category {
  background: var(--color-articoli);
}

.contenuti .row article.regione-attiva a:hover .category {
  background: var(--color-regioni);
}
.contenuti .row article.tag-meme a:hover .category {
  background: var(--color-meme);
}
.contenuti .row article.tag-documentari a:hover .category {
  background: var(--color-documentari);
}
.contenuti .row article.tag-appunti-viaggio a:hover .category,
.contenuti .row article.category-ashoka-fellow a:hover .category,
.contenuti .row article.tag-diari-di-bordo-maestro-di-strada a:hover .category,
.contenuti .row article.tag-dizionario-eretico a:hover .category,
.contenuti .row article.category-economia-bene-comune a:hover .category,
.contenuti .row article.category-diretta-camper a:hover .category,
.contenuti .row article.tag-in-un-flash a:hover .category,
.contenuti .row article.tag-in-viaggio a:hover .category,
.contenuti .row article.tag-invece-si-puo a:hover .category,
.contenuti .row article.tag-via-uscita-dentro a:hover .category,
.contenuti .row article.tag-voce-astice a:hover .category,
.contenuti .row article.tag-mondo-chiama-italia a:hover .category,
.contenuti .row article.tag-pensare-altro a:hover .category,
.contenuti .row article.tag-pillole-transizione a:hover .category,
.contenuti .row article.tag-terranave a:hover .category,
.contenuti .row article.tag-una-favola-puo-fare a:hover .category,
.contenuti .row article.category-una-favola-puo-fare a:hover .category,
.contenuti .row article.tag-voci-italia-che-cambia a:hover .category,
.contenuti .row article.tag-amore-che-cambia a:hover .category,
.contenuti .row article.category-rubriche a:hover .category {
  background: var(--color-rubriche);
}
.contenuti .row article.tag-io-faccio-cosi a:hover .category {
  background: var(--color-ioFaccioCosi);
}
.contenuti .row article.tag-salute-che-cambia a:hover .category {
  background: var(--color-salute);
}
.contenuti .row article.rassegna-stampa a:hover .category {
  background: var(--color-rassegna);
}
.contenuti .row article.tag-matrix-dentro-di-noi a:hover .category {
  background: var(--color-matrix);
}

.row article a figure {
  position: relative;
  margin-top: 10px;
}
.row article a figure img {
  width: 100%;
  object-fit: cover;
}

@media (min-width: 576px) {
  .row article a figure img {
    height: 170px;
  }
}
@media (min-width: 768px) {
  .row article a figure img {
    height: 145px;
  }
}
@media (min-width: 992px) {
  .row article a figure img {
    height: 150px;
  }
}
@media (min-width: 1200px) {
  .row article a figure img {
    height: 145px;
  }
}
.row article a .autore {
  font-size: 11px;
  line-height: 13px;
  color: var(--color-rassegna);
  margin-top: 10px;
}
.row article a .autore b {
  text-transform: uppercase;
}
.row article a .title {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}
.row article a p {
  margin: 10px 0 1rem 0;
  font-size: 15px;
  line-height: 17px;
}
.row article a .cta {
  display: inline-block;
  position: relative;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  padding-bottom: 3px;
  text-decoration: underline;
}
/* PAGE
*/
.wp-block-image img {
  height: auto;
}

/* SINGLE
*/

.single .single__nav__category {
  padding: 30px;
  background: var(--color-articoli);
}

@media (max-width: 768px) {
  .single .single__nav__category {
    padding: 15px;
  }
}
.single .regione-attiva .single__nav__category {
  background: var(--color-regioni);
}
.single .tag-meme .single__nav__category {
  background: var(--color-meme);
}
.single .tag-documentari .single__nav__category {
  background: var(--color-documentari);
}
.single .category-rubriche .single__nav__category,
.single .tag-appunti-viaggio .single__nav__category,
.single .category-ashoka-fellow .single__nav__category,
.single .tag-diari-di-bordo-maestro-di-strada .single__nav__category,
.single .tag-dizionario-eretico .single__nav__category,
.single .tag-economia-bene-comune .single__nav__category,
.single .tag-diretta-camper .single__nav__category,
.single .tag-in-un-flash .single__nav__category,
.single .tag-in-viaggio .single__nav__category,
.single .tag-invece-si-puo .single__nav__category,
.single .tag-via-uscita-dentro .single__nav__category,
.single .tag-voce-astice .single__nav__category,
.single .tag-mondo-chiama-italia .single__nav__category,
.single .tag-pensare-altro .single__nav__category,
.single .tag-pillole-transizione .single__nav__category,
.single .tag-terranave .single__nav__category,
.single .category-una-favola-puo-fare .single__nav__category,
.single .tag-una-favola-puo-fare .single__nav__category,
.single .tag-amore-che-cambia .single__nav__category,
.single .tag-voci-italia-che-cambia .single__nav__category {
  background: var(--color-rubriche);
}
.single .tag-matrix-dentro-di-noi .single__nav__category {
  background: var(--color-matrix);
}
.single .tag-io-faccio-cosi .single__nav__category {
  background: var(--color-ioFaccioCosi);
}
.single .category-salute-che-cambia .single__nav__category {
  background: var(--color-salute);
}
.single .rassegna-stampa .single__nav__category {
  background: var(--color-rassegna);
}

.single .single__nav__category a,
.single .single__nav__category span,
.single .single__nav__category .btn-link {
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 35px;
  font-weight: 900;
  color: var(--color-white);
  display: inline;
}
.single .single__nav__category a,
.single .single__nav__category span,
.single .single__nav__category .btn-link {
  font-weight: 900;
}

.single .single__nav__category a:after {
  content: " - ";
}
.single .single__nav__category a:last-of-type:after {
  content: " ";
}

.single .single__torna__contenuti {
  border: 1px solid var(--color-white);
}
.single a.single__torna__contenuti {
  font-weight: 400;
}
.single .single__thumbnail {
  margin-top: 0px;
  margin-bottom: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.single .single__category {
  padding: 0 90px;
}
.single .single__head {
  padding-top: 20px;
  border-top: solid 1px var(--color-gray);
  border-bottom: solid 1px var(--color-gray);
  margin-top: 20px;
}
.single .nostri-libri .single__head {
  border-top: none;
}

.single .single__tag a {
  font-size: 13px;
  display: inline-block;
  font-weight: 500;
  padding: 15px 20px;
  color: var(--color-white);
  margin-top: 30px;
  background: var(--color-articoli);
}

.single .regione-attiva .single__tag a {
  background: var(--color-regioni);
}
.single .tag-meme .single__tag a {
  background: var(--color-meme);
}
.single .category-documentari .single__tag a {
  background: var(--color-documentari);
}
.single .category-rubriche .single__tag a,
.single .tag-appunti-viaggio .single__tag a,
.single .category-ashoka-fellow .single__tag a,
.single .tag-diari-di-bordo-maestro-di-strada .single__tag a,
.single .tag-dizionario-eretico .single__tag a,
.single .tag-economia-bene-comune .single__tag a,
.single .tag-diretta-camper .single__tag a,
.single .tag-in-un-flash .single__tag a,
.single .tag-in-viaggio .single__tag a,
.single .tag-invece-si-puo .single__tag a,
.single .tag-via-uscita-dentro .single__tag a,
.single .tag-voce-astice .single__tag a,
.single .tag-mondo-chiama-italia .single__tag a,
.single .tag-pensare-altro .single__tag a,
.single .tag-pillole-transizione .single__tag a,
.single .tag-terranave .single__tag a,
.single .category-una-favola-puo-fare .single__tag a,
.single .tag-una-favola-puo-fare .single__tag a,
.single .tag-amore-che-cambia .single__tag a,
.single .tag-voci-italia-che-cambia .single__tag a {
  background: var(--color-rubriche);
}
.single .tag-matrix-dentro-di-noi .single__tag a {
  background: var(--color-matrix);
}
.single .tag-io-faccio-cosi .single__tag a {
  background: var(--color-ioFaccioCosi);
}
.single .category-salute-che-cambia .single__tag a {
  background: var(--color-salute);
}

.single .single__head .single__date {
  color: var(--color-rassegna);
  font-size: 11px;
  line-height: 11px;
  padding-top: 10px;
  text-transform: uppercase;
}
.single .single__head .single__title {
  margin: 20px 0 10px 0;
  padding: 0;
  font-size: 32px;
  line-height: 32px;
  font-weight: 900;
  color: var(--color-light_black);
}
.single .single__head .single__author,
.single__author a {
  font-size: 15px;
  color: var(--color-rassegna);
}
.single__author b {
  text-transform: uppercase;
}
.single .single__head .single__metaDescription {
  margin: 20px 0 10px 0;
  padding: 0;
  font-size: 18px;
  line-height: 18px;
  color: var(--color-light_black);
}
.single .single__articolo {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .single__articolo {
    font-size: 1.1rem;
  }
}

.single__articolo img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
}
.single__articolo .wp-caption {
  width: 100% !important;
}
.single__articolo .wp-caption-text,
figcaption {
  font-size: 13px;
  color: var(--color-rassegna);
  font-style: italic;
}
.wp-block-gallery {
  margin-top: 0;
  margin-bottom: 1em;
}
.wp-block-gallery .blocks-gallery-item {
  margin: 0;
}
.wp-block-media-text__media img {
  height: 100%;
}

.single__articolo img {
  width: 100%;
  height: auto;
}
.single__articolo table td:nth-child(2) img {
  width: auto;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 1rem;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* BLOCKQUOTE */

blockquote {
  background: #f9f9f9;
  border-left: 5px solid var(--color-light_black);
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: var(--color-light_black);
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
  font-style: italic;
}
blockquote cite {
  display: block;
  font-size: small;
  padding-top: 5px;
}

.single__attivati {
  background-color: var(--color-articoli);
  font-weight: 500;
  color: var(--color-white);
}
.single__pianetafuturo {
  background-color: var(--color-azzurro);
}
.single__attivati,
.single__pianetafuturo {
  align-items: center;
  position: relative;
  display: flex;
  font-size: 22px;
  line-height: 23px;
  min-height: 100px;
}

.single__attivati2 {
  font-size: 30px;
  font-weight: 900;
}

.single__pianetafuturo2 {
  font-size: 60px;
  font-weight: 300;
}
.single__pianetafuturo2 b {
  font-weight: 900;
}
.single__pianetafuturo img {
  max-width: 500px;
}
.single__attivati img {
  width: 60%;
}

@media (max-width: 992px) {
  .single__attivati img,
  .single__pianetafuturo img {
    width: 50%;
  }
}
@media (max-width: 767.99px) {
  .single__attivati img {
    width: 25%;
  }
  .single__pianetafuturo2 {
    font-size: 30px;
    line-height: 32px;
  }
}

.single__action {
  position: sticky;
  top: 30vh;
}

@media (max-width: 768px) {
  .col_single_action {
    position: sticky;
    bottom: 40px;
    background-color: var(--color-white);
    z-index: 1000;
  }
}

.single__action div {
  width: 60px;
  height: 60px;
}
.single__action p {
  font-size: 10px;
  margin: 0;
}

.single__action button,
.single__action button:hover {
  height: auto;
  color: inherit;
}

.single__action {
  color: var(--color-articoli);
}

.single .regione-attiva .single__action {
  color: var(--color-regioni);
}
.single .tag-meme .single__action {
  color: var(--color-meme);
}
.single .category-documentari .single__action {
  color: var(--color-documentari);
}
.single .category-rubriche .single__action,
.single .tag-appunti-viaggio .single__action,
.single .category-ashoka-fellow .single__action,
.single .tag-diari-di-bordo-maestro-di-strada .single__action,
.single .tag-dizionario-eretico .single__action,
.single .tag-economia-bene-comune .single__action,
.single .tag-diretta-camper .single__action,
.single .tag-in-un-flash .single__action,
.single .tag-in-viaggio .single__action,
.single .tag-invece-si-puo .single__action,
.single .tag-via-uscita-dentro .single__action,
.single .tag-voce-astice .single__action,
.single .tag-mondo-chiama-italia .single__action,
.single .tag-pensare-altro .single__action,
.single .tag-pillole-transizione .single__action,
.single .tag-terranave .single__action,
.single .tag-una-favola-puo-fare .single__action,
.single .category-una-favola-puo-fare .single__action,
.single .tag-amore-che-cambia .single__action,
.single .tag-voci-italia-che-cambia .single__action {
  color: var(--color-rubriche);
}
.single .tag-matrix-dentro-di-noi .single__action {
  color: var(--color-matrix);
}
.single .tag-io-faccio-cosi .single__action {
  color: var(--color-ioFaccioCosi);
}
.single .category-salute-che-cambia .single__action {
  color: var(--color-salute);
}
.single .rassegna-stampa .single__action {
  color: var(--color-rassegna);
}

.single__contribuisci,
.sponsored,
.single__correlati {
  border-top: 1px solid;
  border-color: var(--btn-warning);
  background-color: var(--color-light_gray);
}

.single__article__contribuisci {
  border-top: 4px solid;
  border-bottom: 4px solid;
  border-color: var(--btn-warning);
  background-color: var(--color-light_gray);
  font-size: 1rem;
}
@media (min-width: 992px) {
  .sponsored {
    font-size: 0.9rem;
  }
}
.single__contribuisci img,
.single__article__contribuisci img {
  height: 25px;
  width: auto !important;
}

/*
RASSEGNA STAMPA
*/
.home-page .carousel .rassegna-stampa {
  position: relative;
  max-height: 376px;
  overflow: hidden;
}
.single .rassegna-stampa .single__thumbnail {
  margin-top: 20px;
  width: 100%;
}
.single .rassegna-stampa .single__metaDescription {
  background: var(--color-rassegna);
  color: var(--color-white);
}
.rassegna-stampa img {
  width: 100%;
  max-height: 374px;
}
.rassegna-stampa article {
  position: absolute;
  background-color: var(--color-black_opacity);
  max-width: calc(100% - 30px);
  bottom: 15px;
  left: 15px;
  padding: 5px 20px;
  color: var(--color-white);
}
.rassegna-stampa article .date {
  font-size: 11px;
  line-height: 13px;
}
.rassegna-stampa article h5 {
  margin: 15px 0 0 0;
  padding: 0;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}
.rassegna-stampa article .info {
  margin: 15px 0 0 0;
  font-size: 11px;
  line-height: 13px;
}

.rassegna-stampa .single__tag a {
  background-color: var(--color-rassegna);
}
.rassegna__footer h3 {
  font-size: 33px;
}
.rassegna__footer,
.rassegna__footer .card {
  background: var(--color-light_gray);
}

.pwp_tag_list span {
  font-size: 1.2rem;
}

.rassegna_seguici h3 {
  font-size: 9pt;
  font-weight: bold;
}

/*
PAGE
*/
h3.chi-siamo-title {
  padding-top: 40px;
  border-top: solid 1px var(--color-gray);
  font-size: 32px;
  line-height: 32px;
  font-weight: 900;
}

h3.orange,
p.orange {
  background-color: var(--color-meme);
}

main.chi-siamo > section.content > .description > .title {
  margin-top: 80px;
}

main.chi-siamo > section.head > .info {
  background: var(--color-meme);
  color: var(--color-chisiamo);
}
main.chi-siamo > section.content > .description.orange {
  background: var(--color-meme);
  color: var(--color-light_black);
}
main.chi-siamo > section.content > .description > .actions > ul > li {
  background: var(--color-meme);
}
main.chi-siamo
  > section.content
  > .description
  > .actions
  > ul
  > li
  .left-col
  .description {
  color: var(--color-light_black);
}

.custom-select {
  background: var(--color-white)
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
    no-repeat right 0.75rem center/8px 10px;
  color: var(--color-light_black);
}
.form-control,
input[type="text"],
input[type="file"],
input[type="tel"],
input[type="email"],
input[type="url"] {
  background: var(--color-white);
  color: var(--color-light_black);
}
/*
CAROUSEL
*/
a.carousel-more {
  color: var(--color-light_black);
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: 500;
}
.carousel-indicators {
  bottom: -10px;
  margin-right: 0;
  margin-left: 0;
  left: unset;
  position: relative;
  z-index: 0;
}
.carousel-indicators li {
  display: none;
}
.carousel-indicators li.active {
  text-indent: 0;
  margin-right: 10px;
  display: contents;
}

.carousel-control-prev,
.carousel-control-next {
  top: unset;
  bottom: unset;
  opacity: 1;
  width: unset;
}
#carouselLeNostreStorie .card,
#carouselLeNostreStorieMobile .card,
#carouselPodcast .card,
#carouselPodcast .carousel-item {
  background: var(--color-light_gray);
  min-height: 374px;
}
#carouselRassegnaEvidenza.controll-visible,
#carouselLeNostreStorie,
#carouselPodcast,
#carouselEvidenza.controll-visible {
  margin-top: -26px;
}

#carouselMappa article,
#carouselMappaMobile article {
  display: flex;
}
#carouselMappa .left,
#carouselMappaMobile .left {
  width: 50%;
  flex-shrink: 0;
  background: var(--color-dark_azzurro);
}
#carouselMappa .right,
#carouselMappaMobile .right {
  width: 50%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
#carouselMappa .right img,
#carouselMappaMobile .right img {
  max-width: 100%;
}
#carouselMappa .left .list,
#carouselMappaMobile .left .list {
  margin: 0;
  list-style: none;
  padding: 25px;
}
#carouselMappa .left .list img,
#carouselMappaMobile .left .list img {
  float: right;
}
#carouselMappa .left .list li,
#carouselMappaMobile .left .list li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 15px 0;
}
#carouselMappa .left .list .cta,
#carouselMappaMobile .left .list .cta {
  display: block;
  background: var(--color-green);
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  padding: 20px;
  width: 100%;
  text-align: center;
  color: var(--color-white);
}
#carouselMappa .left .list .info,
#carouselMappaMobile .left .list .info {
  display: flex;
  align-items: baseline;
}
#carouselMappa .left .list .number,
#carouselMappaMobile .left .list .number {
  font-size: 42px;
  line-height: 42px;
  font-weight: 900;
  color: var(--color-green);
}
#carouselMappa .left .list .text,
#carouselMappaMobile .left .list .text {
  font-size: 17px;
  line-height: 20px;
  font-weight: 700;
  color: var(--color-white);
}
#carouselMappa .carousel-item,
#carouselMappaMobile .carousel-item {
  height: 347px;
}

#carouselMappa .miniatura-mappa {
  height: 350px;
}
#carouselMappa .miniatura-mappa .left {
  background-color: #58a4c0;
}
#carouselMappa .miniatura-mappa .left span:nth-child(2) {
  font-size: 40px;
}
#carouselMappa .miniatura-mappa .left span:nth-child(3) {
  font-size: 24px;
}
#carouselMappa .miniatura-mappa .left span:nth-child(4) {
  font-size: 32px;
}
#carouselMappa .miniatura-mappa .left .btn-miniatura-mappa {
  padding: 6px 24px;
  background-color: #a5cd95;
  border-radius: 4px;
}
#carouselMappa .miniatura-mappa .right {
  background-color: #fff;
}
#carouselMappa .regione-slider {
  background: var(--color-regioni);
  height: 67px;
  padding: 5px;
  margin-bottom: 10px;
}
#carouselMappa .relta__mappata,
#carouselMappaMobile .relta__mappata {
  position: relative;
  max-height: 170px;
}
#carouselMappa .relta__mappata__detail,
#carouselMappaMobile .relta__mappata__detail {
  position: absolute;
  bottom: 15px;
  left: 15px;
  padding: 5px 20px;
  background: rgba(0, 0, 0, 0.8);
  text-transform: capitalize;
}
#carouselMappa .relta__mappata_regione,
#carouselMappaMobile .relta__mappata_regione {
  font-size: 16px;
}
#carouselMappa .relta__mappata_nome,
#carouselMappaMobile .relta__mappata_nome {
  font-size: 18px;
}
.mb-7px {
  margin-bottom: 7px;
}
#carouselLibri .card,
#carouselLibriMobile .card {
  height: 370px;
}

.card {
  background: var(--color-white);
  border: 1px solid var(--color-white_collapse);
}
.card-title {
  margin: 10px 0 0 0;
  padding: 0;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}
.card-text {
  font-size: 15px;
  line-height: 17px;
}

.card .date {
  font-size: 11px;
  line-height: 13px;
  color: var(--color-rassegna);
}

.carousel-control-top .carousel-control-prev {
  left: unset;
}

.carousel-control-top .carousel-control-next-icon {
  background-image: url("assets/img/icons/arrow-white-right.svg");
  height: 10px;
  width: 25px;
}
.carousel-control-top .carousel-control-prev-icon {
  background-image: url("assets/img/icons/arrow-white-left.svg");
  height: 10px;
  width: 25px;
}
.carousel-control-top .carousel-indicators {
  bottom: -15px;
  font-size: 12px;
  margin-right: auto;
  margin-left: auto;
}

.icc_Widget_PodcatAbbonati .carousel-control-top .carousel-indicators {
  bottom: -7px;
}
.icc_Widget_PodcatAbbonati .carousel-control-top .carousel-indicators p {
  font-size: 12px;
}

.slider-top {
  width: 85px;
  float: right;
  height: 15px;
}
/*
CARD HOME
*/

.category span {
  display: block;
  position: relative;
  z-index: 1;
  padding: 5px 0px;
  font-size: 11px;
  line-height: 13px;
  color: var(--color-white);
  font-weight: 700;
}

.card article .category-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  height: 180px;
  border-top: 180px solid var(--color-articoli);
  border-right: 240px solid transparent;
}

.card img {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 100%;
  padding: 1.25rem;
}
.card .nostri-libri img {
  width: auto;
  height: auto;
}

/*
COLORI HOME
*/
.card article.regione-attiva .category-bg {
  border-top: 180px solid var(--color-regioni);
}
.card article.tag-meme .category-bg {
  border-top: 180px solid var(--color-meme);
}
.card article.tag-documentari .category-bg {
  border-top: 180px solid var(--color-documentari);
}
.card article.category-rubriche .category-bg,
.card article.tag-appunti-viaggio .category-bg,
.card article.category-ashoka-fellow .category-bg,
.card article.tag-diari-di-bordo-maestro-di-strada .category-bg,
.card article.tag-dizionario-eretico .category-bg,
.card article.tag-economia-bene-comune .category-bg,
.card article.tag-diretta-camper .category-bg,
.card article.tag-in-un-flash .category-bg,
.card article.tag-in-viaggio .category-bg,
.card article.tag-invece-si-puo .category-bg,
.card article.tag-via-uscita-dentro .category-bg,
.card article.tag-voce-astice .category-bg,
.card article.tag-mondo-chiama-italia .category-bg,
.card article.tag-pensare-altro .category-bg,
.card article.tag-pillole-transizione .category-bg,
.card article.tag-terranave .category-bg,
.card article.category-una-favola-puo-fare .category-bg,
.card article.tag-una-favola-puo-fare .category-bg,
.card article.tag-voci-italia-che-cambia .category-bg,
.card article.tag-amore-che-cambia .category-bg,
.card article.tag-rubriche .category-bg {
  border-top: 180px solid var(--color-rubriche);
}
.card article.tag-matrix-dentro-di-noi .category-bg {
  background: var(--color-matrix);
}
.card article.tag-io-faccio-cosi .category-bg {
  border-top: 180px solid var(--color-ioFaccioCosi);
}
.card article.category-salute-che-cambia .category-bg {
  border-top: 180px solid var(--color-salute);
}
.card article.rassegna-stampa .category-bg {
  border-top: 180px solid var(--color-rassegna);
}
.card article.mappa .category-bg {
  border-top: 180px solid var(--color-mappa_blue);
}

.card article.nostri-libri .category-bg {
  border-top: 150px solid var(--color-libri);
  width: 150px;
  border-right: 150px solid transparent;
}

/*
CAMPAGNE TEMATICHE
*/
.campagne-tematiche .single__thumbnail {
  margin-top: 0;
}

/*
SFONDI
*/
.bg-regione-ita {
  background: var(--color-articoli) !important;
}
.bg-regione-ger {
  background: var(--color-dark_azzurro) !important;
}

/*
CERCA
*/
.cerca,
#cercaHome,
.quattrozeroquattro {
  background: var(--color-meme);
}

.cerca .autore {
  color: var(--color-light_black) !important;
}

.cerca ::placeholder {
  font-size: small;
}

#cercaHome {
  display: none;
  transition: all 1.5s ease-in-out;
}

#cercaHome.active {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #f79865;
}

@media all and (min-width: 992px) {
  #cercaHome.active {
    top: 190px;
  }
  .admin-bar #cercaHome.active {
    top: 222px;
  }
}

/*
PAGINATION
*/

.pagination .page-link {
  color: var(--color-light_black);
}
.pagination .active .page-link,
.pagination span {
  background-color: var(--color-black);
  border-color: var(--color-black);
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  border: 1px solid var(--color-very_light_gray);
  font-size: 1rem;
}
.pagination span {
  background: var(--color-white);
}

main.piemonte-che-cambia > .page-content > section.right > aside {
  position: unset;
}
/*
FOOTER
*/
footer {
  background: var(--color-footer);
  padding: 50px 40px;
}
footer article {
  color: var(--color-rassegna);
  font-size: 12px;
}
footer article b {
  color: var(--color-footer_link);
}
footer .widget h3 {
  color: var(--color-footer_link);
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  padding: 0.3rem 0.6rem;
}
footer .widget p {
  color: var(--color-rassegna);
  font-size: 12px;
}

footer .widget_media_image {
  display: inline-block;
  height: 64px;
  width: 64px;
  margin: 0.25rem;
}

footer .fab {
  color: var(--color-footer_link);
}
header.menu_regioni .fab {
  color: inherit;
}

header .fab {
  color: var(--color-light_black);
}

/*
404
*/
.quattrozeroquattro a {
  color: var(--color-light_black);
  text-decoration: underline;
}
/*
VISIONE2040
*/
main.visione > section.content > .list > ul > li .box {
  position: relative;
}

/*
MAPPA
*/
.reti a {
  text-decoration: none;
}
.liguria-che-cambia .card img {
  min-height: 150px;
  object-fit: cover;
}
.realtaliguria .card-body,
.mappa .card-body {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 2;
}

/*
PROVINCE
*/
.province h1 {
  text-transform: capitalize;
}

/*
NEWSBAR
*/
.newsbar {
  background: var(--color-light_gray);
  position: sticky;
  position: -webkit-sticky;
  bottom: 0;
  z-index: 1000;
  color: var(--color-green);
  font-weight: 900;
}
.newsbar .contribuisci img {
  width: 100%;
}
.newsbar .time {
  background: var(--color-green);
  color: var(--color-white);
  font-weight: 600;
}
.newsbar a {
  text-decoration: none;
  color: var(--color-light_black);
}
.newsbar a:hover {
  text-decoration: none;
}
.newsbar h3 {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
}
.marquee {
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  margin: 0 auto;
}
.marquee span {
  display: inline-block;
  padding-left: 100%;
  will-change: transform;

  /* Apply animation to this element */
  -moz-animation: marquee 40s linear infinite;
  -webkit-animation: marquee 40s linear infinite;
  animation: marquee linear 40s infinite;
}

.marquee span:hover {
  animation-play-state: paused;
}
/* Move it (define the animation) */
@-moz-keyframes marquee {
  0% {
    -moz-transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-100%);
  }
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes marquee {
  0% {
    -moz-transform: translateX(0); /* Firefox bug fix */
    -webkit-transform: translateX(0); /* Firefox bug fix */
    transform: translateX(0);
  }
  100% {
    -moz-transform: translateX(-100%); /* Firefox bug fix */
    -webkit-transform: translateX(-100%); /* Firefox bug fix */
    transform: translateX(-100%);
  }
}

/*FAVOLA*/
.category-una-favola-puo-fare .single__title,
.category-una-favola-puo-fare .single__metaDescription,
.category-una-favola-puo-fare .single__articolo {
  font-family: "OpenDyslexic";
  font-size: 1.2rem !important;
}
.category-una-favola-puo-fare .single__title {
  font-size: 32px !important;
}
.category-una-favola-puo-fare .single__metaDescription {
  font-size: 1rem !important;
  line-height: 1.1rem !important;
}

body .is-layout-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}