/* Import */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

/* Palette */
:root {
  --lightWheat: #eeeeee;
  --beige: rgb(155,148,136);
  --lighterGrey: rgba(153, 153, 153, 0.22);
  --lightGrey: #999999;
  --middleGrey: #95989a;
  --grey: #626161;
  --quiteGrey: #837f7f;
  --darkGrey: #707070;
  --veryDarkGrey: #6a6975;
  --red: #9d0e29;
  --darkRed: #83081e;
  --veryDarkRed: #5e0515;
  --white: #ffffff;
  --black: #2f2f2f;
}

*:focus {
  outline: none !important;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}

#wpadminbar {
  display: none !important;
}

.no-decoration,
.no-decoration:hover,
.no-decoration:focus {
  text-decoration: none;
  color: var(--grey);
  box-shadow: none;
}

/************************************ Home *******************************************/

.home_slider {
  width: 100%;
}

.home_slider_img {
  height: 500px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5), 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
}

.home_slider_title {
  font-size: 45px;
  font-weight: 700;
  color: var(--white);
  margin-bottom: 150px;
}

.home_slider .slick-dots {
  bottom: 25px;
}

.home_slider .slick-dots li button:before {
  color: var(--white);
  font-size: 14px;
}

.home_slider.slick-dotted.slick-slider{
  margin-bottom: 0;
}

.home-settimana-banner{
  height: 500px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.home-settimana-scopri{
  padding: 8px;
  border: 1px solid var(--white);
  border-radius: 18px;
  color: var(--white);
  font-size: 20px;
  line-height: 18px;
}

.home-settimana-scopri:hover{
  text-decoration: none;
  color: var(--white);
}

.home-scopri-text {
  font-size: 2rem;
  color: var(--grey);
}

.home-banner-text {
  font-size: 1.5rem;
  color: var(--white);
  font-weight: 400;
}

.email-logo {
  height: 48px;
  width: auto;
}

.card-associato {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-size: 100%;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.7), 0px 0px 0px 0px rgba(0, 0, 0, 0.7);
}

.card-associato:hover {
  background-size: 110%;
  box-shadow: inset 0 0 0 2000px rgba(47, 47, 47, 0.6), 0px 0px 0px 0px rgba(47, 47, 47, 0.6);
}

.card-associato-title {
  color: var(--white);
  font-size: 32px;
}

.card-home-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 250px;
  width: 100%;
}

.card-home-img-hi {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 252px;
  width: 100%;
}

.card-home-container {
  height: 250px;
}

.card-home-container-hi {
  height: 252px;
}

.card-home-info {
  font-size: 13px;
  color: var(--lightGrey);
}

.card-home-title {
  height: 72px;
  color: var(--quiteGrey);
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
}

.border-red {
  border: 2px solid var(--red);
}

.border-light-grey {
  border-bottom: 2px solid var(--lighterGrey);
  border-left: 2px solid var(--lighterGrey);
  border-right: 2px solid var(--lighterGrey);
}

.discover-btn,
.discover-btn:hover {
  padding: 10px 50px;
  border-radius: 23px;
  background-color: var(--lightWheat);
  color: var(--grey);
  text-decoration: none;
}

.nohover:hover {
  text-decoration: none;
}

.nohover-w:hover {
  color: var(--white);
  text-decoration: none;
}

.nohover-w {
  color: var(--white);
  text-decoration: none;
}

.main-title {
  font-size: 48px;
  color: var(--lightGrey);
  font-weight: 400;
}

.filter-row {
  border-bottom: 1px solid var(--lightGrey);
}

.regioni-drop {
  max-height: 400px;
  overflow-y: scroll;
}

.newsletter-input {
  border: none;
  background-color: transparent;
  border-bottom: 2px solid var(--red);
  font-weight: 300;
  border-radius: 0;
  color: var(--darkGrey);
}

.newsletter-input:focus {
  box-shadow: none !important;

  background-color: transparent;
  border-bottom: 2px solid var(--red);
  font-weight: 300;
  border-radius: 0;
  color: var(--darkGrey);
  outline: none !important;
}

.newsletter-submit{
  padding: 10px 50px;
  border-radius: 23px;
  border: none;
  font-weight: 600;
  background-color: var(--red);
  color: var(--white) !important;
  z-index: 999;
}

.newsletter-submit:hover{
  background-color: var(--veryDarkRed);
}

@media (max-width: 768px) {
  .main-title {
    font-size: 36px;
  }

  .card-associato-title {
    color: var(--white);
    font-size: 30px;
  }

  .home-banner-text {
    font-size: 1.3rem;
  }

  .home-scopri-text {
    font-size: 1.3rem;
    color: var(--grey);
  }
}

/************************************ Itinerari *******************************************/

.tappa-title-red {
  color: var(--red);
  font-size: 40px;
}

.tappa-col {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 400px;
}

@media (max-width: 768px) {
  .tappa-title-red {
    color: var(--red);
    font-size: 28px;
  }
}
/************************************ End itinerari *******************************************/

/*
  Calendar customization
*/

.pignose-calendar {
  margin: 0 0 20px 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: none !important;
  border-color: #eee !important;
}

.pignose-calendar-top {
  padding: 10px 0 !important;
  box-shadow: none !important;
  border-color: #eee !important;

  /* display: none !important */
}

.pignose-calendar-top-month {
  font-size: 14px !important;
}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-date {
  position: relative !important;
}

.pignose-calendar-top-nav {
  display: none !important;
}

.pignose-calendar-top-date {
  padding: 0 !important;
}

.pignose-calendar .pignose-calendar-unit a {
  color: gray !important;
}

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
  background-color: white;
  color: gray !important;
  box-shadow: none !important;
  font-weight: normal !important;
}

.pignose-calendar-week {
  color: black !important;
}

/* colors */
.c-white {
  color: white;
}

.bg-white {
  background: white;
}

.c-red {
  color: var(--red);
}

.bg-red {
  background: rgb(172, 0, 0);
}

.bg-musei-red {
  background: var(--red);
}

.bg-grey-07 {
  background-color: rgba(98, 97, 97, 0.7);
}

.c-beige {
  color: #695e4b;
}

.bg-beige {
  background: #695e4b;
}

.c-light-wheat {
  color: var(--lightWheat);
}

.bg-light-wheat {
  background-color: var(--lightWheat);
}

.c-light-grey {
  color: var(--lighterGrey);
}

.bg-light-grey {
  background-color: var(--lighterGrey);
}

.c-middle-grey {
  color: var(--middleGrey);
}

.c-grey {
  color: var(--grey);
}

.c-quite-grey {
  color: var(--quiteGrey);
}

.c-dark-grey {
  color: var(--darkGrey);
}

.c-musei-red {
  color: var(--red);
}

/************************************************* Header *******************************************************/
.header-div {
  padding-top: 9px;
  padding-bottom: 27px;
  background-color: var(--red);
  color: var(--white);
}

.header-logo {
  height: 70px;
}

.header-nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
}

.header-area-ris,
.header-area-ris:hover,
.header-it,
.header-it:hover,
.header-en,
.header-en:hover,
.header-ricerca,
.header-ricerca:hover,
.header-ricerca:focus{
  margin-right: 8px;
  padding: 2px 5px;
  border: 2px solid var(--white);
  border-radius: 0;
  font-size: 10px;
  color: var(--white);
  text-decoration: none;
  box-shadow: none;
}

.header-ricerca{
  vertical-align: baseline;
  line-height: normal;
}

.nav-item {
  border-bottom: 1px solid transparent;
  font-size: 13px;
  color: var(--white) !important;
}

.navbar-nav .nav-link.active,
.nav-item:hover {
  color: var(--white);
  border-bottom: 1px solid var(--white);
}

.settimana-dropdown-link{
  font-size: 13px;
  color: var(--white);
}

.settimana-dropdown-link.active,
.settimana-dropdown-link:active,
.settimana-dropdown-link:hover,
.settimana-dropdown-link:focus{
  background-color: var(--darkRed);
  color: var(--white);
}

.header-modal{
  background-color: rgba(0, 0, 0, 0.7);
}

.settimana-menu-div{
  margin: -7px;
  border-radius: 6px;
  background-color: var(--darkRed);
}

.settimana-nav-item{
  padding-left: 7px;
  padding-right: 7px;
}

.settimana-nav-item:hover{
  background-color: var(--veryDarkRed);
}

@media (min-width: 576px){
    .header-modal .modal-dialog{
        max-width: 90%;
    }
}

@media (max-width: 992px) {
  .header-nav {
    display: block;
    margin-top: 40px;
  }

  .header-btns {
    margin-top: 20px;
  }

  .nav-item {
    border-bottom: 1px solid transparent;
    font-size: 16px;
    color: var(--white) !important;
  }

  .settimana-dropdown-link{
    font-size: 16px;
  }

  .header-area-ris,
  .header-area-ris:hover,
  .header-it,
  .header-it:hover,
  .header-en,
  .header-en:hover,
  .header-en:hover,
  .header-ricerca,
  .header-ricerca:hover,
  .header-ricerca:focus {
    margin-right: 8px;
    padding: 4px 6px;
    border: 2px solid var(--white);
    font-size: 14px;
    color: var(--white);
    text-decoration: none;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .nav-item, .settimana-dropdown-link {
    font-size: 10px;
  }
}

/************************************************* Footer *******************************************************/
.footer {
  /* position: absolute;
  width: 100%;
  bottom: 0; */
  padding-top: 90px;
}

.footer-hr {
  width: 144.016px;
  margin: 12px 0;
  padding-top: 5px;
  border-bottom: 2px solid var(--white);
}

.footer-p {
  font-size: 13px;
  color: var(--white);
}

.footer-a,
.footer-a:hover {
  color: var(--white);
}

.footer-social-div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-top: 70px;
}

.footer-social {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-left: 5px;
  border-radius: 15px;
  background-color: var(--lightWheat);
  line-height: 0;
}

.footer-social a {
  color: var(--red);
  font-size: 20px;
}

.footer-toc {
  margin-bottom: 12px;
}

.footer-toc a {
  color: var(--white);
  font-size: 10px;
}

.footer-ras-div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.footer-rassegna {
  margin-bottom: 15.5px;
  padding-bottom: 8.5px;
  border-bottom: 1px solid var(--white);
  color: var(--white);
}

.footer-discover,
.footer-discover:hover {
  padding: 5px 27px;
  border-radius: 23px;
  background-color: var(--lightWheat);
  color: var(--grey);
  text-decoration: none;
}

@media (max-width: 768px) {
  .footer-social-div {
    align-items: flex-start;
    margin-top: 0;
    padding-bottom: 20px;
  }

  .footer-ras-div {
    align-items: flex-start;
    margin-bottom: 20px;
  }
}

/******************************************** Header Settimana **************************************************/
#menu {
  /* Barra laterale */
  position: fixed;
  left: 0;
  width: 40px;
  height: 100%;
  background: rgb(172, 0, 0);
  color: #fff;
  z-index: 200;
}

#btn-center {
  /* Tasto menù */
  width: 100%;
  margin-top: 40px;
  color: #fff;
  border: none;
  background: none;
  font-size: 150%;
}

#menu-open {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  position: fixed;
  width: 290px;
  height: 100%;
  padding-top: 100px;
  padding-left: 50px;
  padding-right: 10px;
  background-color: rgb(215, 59, 67);
  font-weight: 500;
  color: white;
  text-transform: uppercase;
  z-index: 102;
}

#menu-open.open {
  opacity: 1;
  visibility: visible;
}

#menu-open a,
#menu-open a:hover {
  color: white;
  text-decoration: none;
}

.menu-icon {
  position: absolute;
  width: 20px;
  height: 14px;
  left: 10px;
}

.menu-line {
  height: 2px;
  width: 100%;
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  border-radius: 2px;
  position: absolute;
  left: 0;
  background-color: white;
}

.menu-line-1 {
  top: 0;
}

.menu-line-2 {
  top: 0;
  bottom: 0;
  margin: auto;
}

.menu-line-3 {
  bottom: 0;
}

#menu.open .menu-line-1 {
  transform: rotate(-45deg);
}

#menu.open .menu-line-2 {
  opacity: 0;
}

#menu.open .menu-line-3 {
  transform: rotate(45deg);
}

#menu.open .menu-line-1 {
  transform: translateY(7px) translateY(-50%) rotate(-45deg);
}

#menu.open .menu-line-3 {
  transform: translateY(-7px) translateY(50%) rotate(45deg);
}

.menu-item {
  width: 100%;
  height: 30px;
  margin-bottom: 12px;
  border-top: 1px solid white;
}

#margin-body {
  margin-left: 40px;
}

.header-settimana-logo {
  padding-bottom: 15px;
}

.logo {
  height: 70px;
  margin: 0 auto;
}

.header-settimana-title {
  padding-top: 20px;
  padding-left: 56px;
  padding-right: 56px;
}

.header-settimana-settimana,
.filter-settimana {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 27px;
}

.header-settimana-col-settimana {
  padding-top: 45px;
}

.header-settimana-date {
  text-align: right;
}

.header-settimana-date h5 {
  font-size: 17px;
}

.date-822 {
  font-weight: bold;
  margin: 0;
  padding: 0;
  font-size: 51px;
}

@media (min-width: 1200px) {
  #menu {
    width: 60px;
  }

  .menu-icon {
    left: 20px;
  }

  #menu-open {
    padding-left: 70px;
    width: 310px;
  }

  #margin-body {
    margin-left: 60px;
  }
}

@media (max-width: 1044px) {
  .header-settimana-settimana {
    padding-top: 5px;
    font-size: 20px;
  }
}

@media (max-width: 992px) {
  .date-822 {
    padding-top: 12px;
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  #menu-open {
    width: 100%;
  }

  .header-settimana-logo {
    padding-bottom: 5px;
    margin: 0;
  }

  .logo {
    height: 52px;
    margin: 0 auto;
  }

  .hideThisOnMobile {
    display: none;
  }

  .home_slider_title {
    font-size: 32px;
  }

  .home_slider_img {
    height: 500px;
  }

  .header-settimana-title {
    padding-left: 0;
    padding-right: 0;
  }

  .header-settimana-settimana {
    font-size: 19px;
  }

  .header-settimana-col-settimana {
    padding-top: 25px;
  }

  /*.header-settimana-date{
    text-align: left;
  }*/

  .date-822 {
    padding-top: 8px;
    font-size: 29px;
  }
}

@media (max-width: 400px) {
  .date-822 {
    padding-top: 21px;
    font-size: 29px;
  }

  .big-title {
    font-size: 42px;
  }

  #outer-countdown {
    top: 421px;
  }
}

/***************************************** Coming Soon ***********************************************/
#carousel-settimana .carousel-item {
  /* Carosello */
  height: 545px;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

#carousel-settimana .carousel-indicators li{
  width: 13px;
  height: 13px;
  margin-right: 12px;
  border-radius: 50%;
}

#comingsoon .caption-overlay {
  /* Scritte carosello */
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding-top: 33px;
  text-align: left;
  text-shadow: none;
  color: var(--white);
  background-color: rgba(0, 0, 0, 0.3);
  background-blend-mode: multiply;
  z-index: 10;
}
/* Titoli interni */
#comingsoon .caption-overlay h1 {
  margin-top: 0px;
  font-size: 59px;
  text-align: left;
  font-weight: bold;
}

#comingsoon .caption-overlay h2 {
  text-align: left;
  margin-top: 0px;
  font-weight: 600;
}

#comingsoon .caption-overlay h3 {
  font-size: 19px;
  text-align: left;
  text-transform: uppercase;
}

.big-title {
  /* Coming soon */
  font-size: 120px;
  font-weight: 600;
  line-height: 170px !important;
}
/*******************/

#outer-countdown {
  /* Div esterno countdown */
  position: absolute;
  top: 395px;
  left: 0;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 20;
}

#countdown {
  width: 100%;
  font-size: 45px;
}

#countdown span {
  /* Singola casella countdown */
  display: block;
  float: left;
  width: 17%;
  border-left: 1px solid white;
  border-right: 1px solid white;
  color: white;
  font-size: 76px;
  font-weight: normal;
  text-align: center;
}

#outer-countdown label {
  /* Giorni/ore/minuti/secondi */
  clear: both;
  display: block;
  font-size: 24px;
  margin-top: -19px;
}

@media (max-width: 835px) {
  .big-title {
    font-size: 112px;
    line-height: 120px !important;
  }
}

@media (max-width: 768px) {
  /* Aggiustamenti per schermi piccoli */
  .date-822 {
    padding-top: 10px;
  }

  .header-settimana-fluid {
    padding-left: 0;
    padding-right: 0;
  }

  .header-settimana-date h5 {
    font-size: 15px;
  }

  .header-settimana-logo {
    padding-bottom: 8px;
  }

  #comingsoon .caption-overlay {
    padding-top: 0;
  }

  /* Titoli interni */
  #t1 {
    margin-bottom: 20px;
  }

  #t2 {
    margin-bottom: -5px;
  }

  #t3 {
    margin-bottom: 15px;
  }

  .coming-on-mobile {
    position: absolute;
    top: 312px;
  }

  #comingsoon .caption-overlay h1 {
    font-size: 40px;
  }

  #comingsoon .caption-overlay h2 {
    font-size: 20px;
    font-weight: 600;
  }

  .big-title {
    font-size: 43px;
    line-height: 73px !important;
  }
  /*******************/

  #outer-countdown {
    top: 418px;
  }

  #countdown {
    font-size: 28px;
  }

  #countdown span {
    width: 24%;
    font-size: 47px;
  }

  #outer-countdown label {
    font-size: 12px;
    margin-top: -3px;
  }
}

@media (max-width: 357px) {
  .date-822 {
    padding-top: 14px;
  }

  .header-settimana-date h5 {
    font-size: 10px;
  }
}

/******************************************** Home **************************************************/
/*************************** Intro *****************************/
.container-nop {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

#intro-box {
  padding-top: 30px;
  padding-bottom: 227px;
  padding-left: 35px;
  padding-right: 35px;
  background-position: center center !important;
  background-size: cover !important;
  background-blend-mode: multiply;
}

#intro-box hr {
  display: inline-block;
  width: 162px;
  margin-top: 8px;
  margin-bottom: 34px;
  border-top-style: solid;
  border-top-width: 3px;
  border-top-color: white;
}

#intro-box h1 {
  margin-top: 0px;
  color: white;
  font-weight: bold;
  font-size: 61px;
}

#intro-box h2 {
  color: white;
  font-weight: bold;
  font-size: 53px;
}

#intro-box h3 {
  margin-top: 0;
  color: white;
  font-weight: bold;
  font-size: 30px;
}

#intro-box h4 {
  margin-top: -13px;
  color: white;
  font-weight: bold;
  font-size: 20px;
}

@media (max-width: 768px) {
  #intro-box h1 {
    font-size: 46px;
  }

  #intro-box h3 {
    font-size: 22px;
  }

  #intro-box h4 {
    font-size: 17px;
  }
}

/*************************** Events *****************************/
.box-1 {
  padding-top: 18px;
  padding-bottom: 30px;
  padding-left: 8px;
  padding-right: 8px;
  background: rgb(135, 126, 111);
  color: rgb(221, 218, 214);
  font-size: 16px;
  font-weight: bold;
}

.box-2 {
  padding-top: 18px;
  padding-bottom: 30px;
  padding-left: 8px;
  padding-right: 8px;
  background: rgb(221, 218, 214);
  color: rgb(135, 126, 111);
  font-size: 16px;
  font-weight: bold;
}

.box-title {
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 20px;
  font-weight: bold;
}

.home-carousel-1 a,
.home-carousel-1 a:hover,
#tiles-programma a,
#tiles-programma a:hover {
  color: inherit;
  text-decoration: none;
}

.home-carousel-2 a,
.home-carousel-2 a:hover {
  color: inherit;
  text-decoration: none;
}

.tile-event {
  /* height: 500px; */
  margin: 20px 20px;
  /* border: 1px solid var(--lighterGrey); */
  background-color: white;
}

.tile-event h4 {
  margin-top: 10px;
  font-weight: bold;
}

.tile-event h5 {
  margin-bottom: 0;
  color: rgb(94, 83, 65);
  text-transform: uppercase;
  font-weight: bold;
}

.tile-event h6 {
  margin-top: 2px;
  margin-bottom: 0;
  color: black;
  font-weight: bold;
  font-size: 12px;
}

.tile-img {
  height: 191px;
  padding-top: 3px;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.tile-title{
  height: 75px;
  color: var(--quiteGrey);
  font-weight: 700;
  font-size: 20px;
  line-height: 25px;
}

.tile-arrow,
.tile-arrow:hover,
.tile-arrow:focus {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  padding: 9px 17px;
  border-radius: unset;
  background-color: rgba(172, 0, 0, 0.7);
  color: white;
  font-size: 36px;
}

.box1-arrow-left {
  left: 47px;
  margin-top: -237px;
}

.box1-arrow-right {
  right: 7px;
  margin-top: -237px;
}

.box2-arrow-left {
  left: 47px;
  margin-top: -237px;
}

.box2-arrow-right {
  right: 7px;
  margin-top: -237px;
}

@media (min-width: 1200px) {
  .box1-arrow-left {
    left: 67px;
  }

  .box2-arrow-left {
    left: 67px;
  }
}

@media (max-width: 1380px) {
  .tile-event h4 {
    font-size: 15px;
  }
}

/*************************** Info *****************************/
.prog2019 {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: var(--red);
  color: white;
  font-size: 28px;
  font-weight: bold;
}

.prog2019 a,
.prog2019 a:hover {
  color: inherit;
  text-decoration: none;
}

.sett {
  font-size: 27px;
  font-weight: bold;
  color: rgb(172, 0, 0);
}

.box-info {
  padding-top: 23px;
  padding-bottom: 30px;
  background-color: rgb(126, 120, 105);
  color: white;
}

.info-why {
  padding-bottom: 30px;
  font-size: 27px;
  font-weight: bold;
}

/*************************************** Single eventi **********************************************/
#single-eventi hr {
  border-top-color: #666;
}

.event-head {
  margin-bottom: 15px;
  padding: 15px;
}

.event-head h1 {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.event-head h2 {
  width: 130px;
  margin: 0;
  padding: 0;
  font-size: 42px;
  font-weight: bold;
}

.event-head h5 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
}

.event-date {
  padding-right: 20px;
}

.change-date {
  font-size: 34px !important;
}

.event-title {
  border-left: 2px solid white;
  padding-left: 20px;
}

.event-icn {
  text-align: center;
}

.event-share .fab {
  margin-left: inherit;
  color: white;
}

.single-title {
  color: var(--red);
  font-size: 22px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .event-date {
    border-right: none;
    padding-bottom: 20px;
  }

  .event-title {
    padding-left: inherit;
    border-left: inherit;
  }

  .event-icn {
    justify-content: left;
  }
}

.box-descrizione,
.box-descrizione p,
.box-descrizione span,
.box-descrizione i,
.box-descrizione b,
.box-descrizione strong,
.box-descrizione u {
  font-family: "Raleway", sans-serif !important;
}

.single-eventi-buttons .btn-outline-danger{
  border-color: var(--red);
  color: var(--red);
}

.single-eventi-buttons .btn-outline-danger:hover,
.single-eventi-buttons .btn-outline-danger:active
.single-eventi-buttons .btn-outline-danger:focus{
  background-color: var(--red);
  color: var(--white);
  box-shadow: none;
}

/***************************************** Programma ************************************************/
#margin-filter-page {
  margin-left: 282px;
}

#btn-filter,
#btn-reset-filter {
  /* width: 100%; */
  /* margin-top: 30px; */
  color: rgb(0, 0, 0);
  border: none;
  background: none;
  font-size: 150%;
}

/* #btn-close{
  position: absolute;
  top: 8px;
  left: 0;
  border: none;
  background: none;
  color: white;
  font-weight: 400;
} */

#filter-menu {
  /* opacity: 1;
  visibility: visible; */
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease-in-out;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 8px;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  background-color: var(--red);
  font-weight: 500;
  color: white;
  text-transform: uppercase;
  z-index: 101;
}

#filter-menu.filter-open {
  opacity: 1;
  visibility: visible;
}

#margin-body.filter-open {
  margin-left: 290px;
}

.jvectormap-zoomin {
  opacity: 0;
  visibility: hidden;
}

.jvectormap-zoomout {
  opacity: 0;
  visibility: hidden;
}

.filter-icn {
  transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#menu.filter-open .filter-icn {
  transform: rotate(-180deg);
}

/* .filter-settimana si trova in ** header-settimana ** */

.category-btn {
  margin-top: 9px;
  padding: 0;
  border: none;
  background: none;
  color: var(--lightGrey);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.btn-login {
  background-color: var(--red);
  color: var(--white);
}

.btn-login:hover {
  color: var(--white);
}

.category-not-selected {
  color: rgb(158, 40, 47);
}

.category-btn:hover,
.category-selected {
  color: white;
}

#calendar.hide-calendars {
  pointer-events: none;
  opacity: 0.8;
}

#calendar.jsCalendar table {
  background-color: var(--darkRed);
  border-color: #942329;
  border-radius: 2px;
  color: white;
}

#calendar.jsCalendar-title-name {
  margin-top: -22px;
  margin-left: 86px;
  padding: 0 !important;
  color: white;
  font-size: 10px !important;
  font-weight: bold !important;
}

#calendar.jsCalendar-title-row th {
  padding-bottom: 0;
}

#calendar.jsCalendar-week-days th {
  margin-top: -38px !important;
  width: 21px !important;
  height: 27px !important;
}

#calendar.jsCalendar tbody {
  margin-top: -5px;
}

#calendar.jsCalendar thead .jsCalendar-week-days th{
  display: table-cell !important;
}

#calendar.jsCalendar tbody td {
  display: table-cell !important;
  margin: 0px 2px !important;
  border-top: 1px solid white;
  border-radius: 0;
  /* width: 21px !important; */
}

#calendar.jsCalendar tbody td:hover {
  border-radius: 0;
  background-color: rgb(175, 47, 53);
}

#calendar.jsCalendar tbody td.jsCalendar-previous {
  color: #999999;
}

#calendar.jsCalendar tbody td.jsCalendar-current {
  background-color: transparent;
  border-radius: 0;
}

#calendar .jsCalendar-selected{
  height: inherit !important;
  background-color: rgb(215, 59, 67) !important;
  border: 2px solid transparent;
  border-bottom: 2px solid var(--white);
}

#btn-remove-filter,
#btn-close {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 50px;
  padding: 5px;
  border: none;
  background-color: white;
  color: rgb(215, 59, 67);
  font-weight: bold;
}

@media (min-width: 1200px) {
  #margin-filter-page {
    margin-left: 302px;
  }

  #margin-body.filter-open {
    margin-left: 310px;
  }
}

@media (max-width: 1000px) {
  .filter-settimana {
    margin-top: 7px;
    font-size: 19px;
  }
}

@media (max-width: 768px) {
  #filter-menu {
    width: 100%;
    /* padding-right: 43px; */
  }

  #margin-body.filter-open {
    margin-left: inherit;
  }
}

/**************************************** La Settimana **********************************************/
.reduce77 {
  font-size: 11px;
}

@media (max-width: 1199px) {
  .reduce77 {
    font-size: 11px;
  }
}

@media (max-width: 992px) {
  .reduce77 {
    font-size: 9px;
  }
}

@media (max-width: 767px) {
  .reduce77 {
    font-size: inherit;
  }
}

/***************************************** Precedenti ************************************************/
.box-prev {
  padding-right: 0;
  padding-left: 0;
  height: 231px;
  color: var(--red);
  font-weight: bold;
}

.box-prev hr {
  margin-top: 0;
  margin-bottom: 3px;
  border-top: 1px solid black;
}

.box-prev a {
  text-decoration: none;
  color: white;
}

.box-prev-img {
  height: 150px;
  margin-bottom: 3px;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.box-prev-a {
  width: 100%;
  height: 23px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: rgb(197, 197, 197);
  text-align: center;
  font-weight: bold;
}

.box-prev-a:hover {
  background-color: #aa2626;
}

/******************************************* Stampa *************************************************/
.stampa-contatti a {
  color: white !important;
}

/******************************************* Footer Settimana *************************************************/
.beige-box {
  padding-top: 32px;
  padding-bottom: 15px;
  background-color: rgb(214, 209, 199);
}

.footer-btn {
  width: 100%;
  padding: 5px;
  border-width: 2px;
  border-style: solid;
  border-color: rgb(152, 146, 133);
  color: rgb(152, 146, 133);
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
}

.footer-btn a {
  color: rgb(152, 146, 133);
  text-decoration: none;
}

.footer-btn:hover,
.footer-a:hover {
  border-color: rgb(172, 0, 0);
  color: rgb(172, 0, 0) !important;
  text-decoration: none !important;
}

.fab {
  color: rgb(152, 146, 133);
  font-size: 32px;
  margin-left: 7px;
}
.fab:hover {
  background-color: rgb(172, 0, 0);
}

.center-icn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.circle-icn {
  width: 32px;
  padding: 7px;
  font-size: 18px;
  border-radius: 50%;
  background-color: rgb(152, 146, 133);
  color: rgb(214, 209, 199);
}

@media (max-width: 767px) {
  #footer-2 {
    margin-top: 20px;
  }

  .center-icn {
    margin-top: 20px;
  }
}

.bottom-text {
  color: rgb(104, 108, 107);
  font-size: 12px;
}

/************************************ template-about.php *******************************************/
.about-featured-img {
  height: 500px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.about-title-div {
  border-bottom: 1px solid var(--darkGrey);
}

.about-title {
  font-size: 48px;
  color: var(--lightGrey);
}

.accordion .btn:focus {
  box-shadow: none;
}

.accordion .btn-link:focus,
.accordion .btn-link:hover {
  text-decoration: none;
}

.accordion .card {
  border: 0;
}

.accordion-el {
  padding: 6px 0;
  border-bottom: 1px solid var(--darkGrey);
  border-radius: 0;
}

.accordion .card-header {
  padding: 12px 0;
  background-color: transparent;
}

.card-header {
  border-bottom: none;
}

.chi-siamo-bg {
  background-image: url("./images/chi-siamo.jpg");
}

.accordion-title {
  font-size: 38px;
  font-weight: 400;
  color: var(--lightGrey);
}

.accordion-chevron {
  margin-left: 5px;
  font-size: 25px;
  color: var(--red);
}

@media (max-width: 576px) {
  .about-featured-img {
    height: 195px;
  }
}

@media (max-width: 768px) {
  .accordion-title {
    font-size: 26px;
  }

  .about-title-div {
    padding-bottom: 20px;
  }

  .about-title {
    font-size: 36px;
  }

  .chi-siamo-bg {
    background-image: url("./images/chi-siamo-mobile.jpg");
  }
}

/************************************ Archive iniziative *******************************************/
/* Filtri */
.iniziative-filter-row {
  padding-bottom: 23px;
  border-bottom: 1px solid var(--lightGrey);
}

.iniziative-filter-button,
.iniziative-filter-button:focus {
  width: 100%;
  padding: 2px 25px;
  border: 1px solid var(--middleGrey);
  border-radius: 20px;
  background-color: var(--lightWheat);
  color: var(--grey);
  font-size: 0.9rem;
  box-shadow: none;
}

.iniziative-drop:active {
  background-color: var(--red);
}

.iniziative-search-div {
  display: flex;
  justify-content: flex-end;
}

.iniziative-search-icon {
  height: auto;
  padding: 2px 2px 2px 12px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border: 1px solid var(--middleGrey);
  border-right: none;
  background-color: var(--lightWheat);
  font-size: 1rem;
}

.iniziative-search-input,
.iniziative-search-input:focus {
  height: auto;
  padding: 2px 12px 2px 5px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  box-shadow: none;
  border: 1px solid var(--middleGrey);
  border-left: none;
  background-color: var(--lightWheat);
  font-size: 0.9rem;
}

.form-control:focus {
  border-color: none;
}

@media (max-width: 992px) {
  .iniziative-tip-col {
    padding-bottom: 15px;
  }

  .iniziative-anno-col {
    padding-bottom: 15px;
  }

  .iniziative-search-div {
    display: block;
  }
}

/* Card */
.iniziative-card-row {
  height: 504px;
  margin: 0 0 40px;
  border: 2px solid var(--middleGrey);
}

.iniziative-card-title {
  color: var(--quiteGrey);
  font-size: 36px;
  font-weight: bold;
}

#iniziative-container .iniziative-card-title {
  line-height: 38px;
}

.iniziative-card-p {
  color: var(--grey);
  font-size: 15px;
}

.iniziative-card-img {
  height: 500px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

#load-container {
  display: flex;
  justify-content: center;
}
#load-container-musei {
  display: flex;
  justify-content: center;
  width: 100%;
}

#load-container-musei-archive {
  display: flex;
  justify-content: center;
  width: 100%;
}

.btn-load-more {
  padding: 8px 28px;
  border-radius: 30px;
  background-color: var(--lightWheat);
  color: var(--veryDarkGrey);
}

@media (max-width: 576px) {
  .iniziative-card-row {
    height: auto;
  }

  .iniziative-card-title {
    font-size: 27px;
  }

  .iniziative-card-img {
    height: 250px;
  }

  .iniziative-info-box {
    height: auto;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .iniziative-card-row {
    height: 780px;
  }

  .iniziative-card-img {
    width: 100%;
    height: 400px;
  }

  .iniziative-info-box {
    height: 376px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .iniziative-reduce-title {
    font-size: 26px;
    line-height: 31px !important;
  }
}

/******************************** Area riservata **************************************/
.card-cat-area {
  background-color: var(--lightWheat);
  color: var(--red);
  font-size: 34px;
  justify-content: center;
}

.area-card {
  color: var(--red);
  font-size: 34px;
}

.area-card-box {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: var(--lightWheat);
}

.area-link:hover {
  color: var(--lightGrey);
}

.area-card-info {
  display: flex;
  flex-direction: column;
  padding-left: 21px;
}

.area-card-img-mobile {
  height: 105px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.area-card-file {
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 30px;
  border: 1px solid var(--middleGrey);
  border-radius: 14px;
  font-size: 12px;
  color: var(--lightGrey);
}

/******************************** Archive Rassegna stampa **************************************/
#rassegna-calendar {
  position: absolute;
  z-index: 100;
}

.jsCalendar.custom-red tbody td.jsCalendar-current {
  background-color: transparent;
  color: var(--black);
}
.jsCalendar.custom-red *::selection {
  background: var(--red);
}
.jsCalendar.custom-red *::-moz-selection {
  background: var(--red);
}
.jsCalendar.material-theme.custom-red thead {
  background-color: var(--red);
}
.jsCalendar.material-theme.custom-red thead .jsCalendar-nav-left:hover,
.jsCalendar.material-theme.custom-red thead .jsCalendar-nav-right:hover {
  background-color: var(--red);
}
.jsCalendar.classic-theme.custom-red thead {
  background-color: var(--red);
}
.jsCalendar.classic-theme.custom-red thead .jsCalendar-nav-left:hover,
.jsCalendar.classic-theme.custom-red thead .jsCalendar-nav-right:hover {
  background-color: var(--red);
}

#rassegna-calendar .jsCalendar-selected,
#news-calendar .jsCalendar-selected{
    border-color: var(--white);
    background-color: var(--red);
    color: var(--white);
}

.rassegna-title p {
  margin-bottom: 0px;
}

.rassegna-card {
  display: flex;
  padding: 21px;
  background-color: var(--lightWheat);
  color: var(--red);
  font-size: 34px;
}

.rassegna-card-icn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 21px;
}

.rassegna-card-box {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.rassegna-card-info {
  display: flex;
  flex-direction: column;
  padding-left: 21px;
  border-left: 1px solid var(--lightGrey);
}

.rassegna-card-source {
  color: var(--darkGrey);
  font-size: 13px;
  font-style: italic;
}

.rassegna-card-title {
  font-size: 24px;
  line-height: 37px;
}

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

.rassegna-card-file {
  display: flex;
  align-items: center;
  padding: 3px 10px;
  border: 1px solid var(--middleGrey);
  border-radius: 14px;
  font-size: 12px;
  color: var(--lightGrey);
}

@media (max-width: 393px) {
  .rassegna-card-file {
    font-size: 10px;
  }
}

@media (max-width: 768px) {
  .rassegna-col {
    margin-bottom: 20px;
  }
}

/********************************** Single associato ****************************************/
.s-ass-ban-container {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.s-ass-shadow {
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5), 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
}

.s-ass-col-title {
  margin-bottom: 40px;
}

.s-ass-ban-marchio {
  color: var(--white);
  text-transform: uppercase;
  font-size: 19px;
}

.s-ass-ban-title {
  color: var(--white);
  font-size: 40px;
}

.s-ass-content-container {
  margin-top: 60px;
}

.s-ass-desc {
  color: var(--red);
}

.s-ass-desc-p {
  color: var(--grey);
}

.s-ass-col-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.s-ass-logo {
  width: 100%;
  height: 200px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.s-ass-hr {
  width: 70px;
  border-bottom: 1px solid var(--darkGrey);
}

.s-ass-about {
  padding: 25px 30px;
  background-color: rgba(153, 153, 153, 0.1);
  color: var(--darkGrey);
}

.s-ass-pin {
  color: var(--red);
  font-size: 18px;
}

.s-ass-it-title {
  color: var(--red);
}

.s-ass-about a:hover {
  text-decoration: var(--red);
}

.s-ass-it-exc {
  color: var(--darkGrey);
}

.s-ass-ingresso {
  color: var(--red);
  text-transform: uppercase;
}

.s-ass-social {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  margin-left: 5px;
  border-radius: 15px;
  background-color: var(--black);
  line-height: 0;
}

.s-ass-social a {
  color: var(--white);
  font-size: 20px;
}

.s-ass-gallery-title {
  margin: 50px 0 17px;
  color: var(--red);
}

.s-ass-video {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.5), 0px 0px 0px 0px rgba(0, 0, 0, 0.5);
  color: var(--white);
  font-size: 104px;
}

.s-ass-image-button {
  height: 300px;
}

@media (max-width: 576px) {
  .s-ass-col-title {
    margin-bottom: 6px;
  }

  .s-ass-ban-marchio {
    font-size: 14px;
  }

  .s-ass-ban-title {
    font-size: 29px;
    line-height: 27px;
  }

  .s-ass-content-container {
    margin-top: 12px;
  }
}

@media (min-width: 768px) {
  .s-ass-modal {
    max-width: 754px;
  }
}

/******************************** Archive Approfondimenti **************************************/
.appr-title p {
  margin-bottom: 0;
}

.appr-card-row {
  height: 480px;
  margin: 0 0 40px;
  border: 2px solid var(--middleGrey);
}

.appr-info-box {
  height: 200px;
}

.appr-card-img {
  height: 300px;
  width: 100%;
}

@media (max-width: 576px) {
  .appr-card-row {
    height: auto;
  }

  .appr-info-box {
    height: auto;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .appr-card-row {
    height: 780px;
  }

  .appr-info-box {
    height: 476px;
  }
}

/******************************** template-news.php **************************************/
#news-calendar {
  position: absolute;
  z-index: 100;
}

/******************************** Archive Itinerari **************************************/
.itinerari-card {
  height: 100%;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  align-content: stretch;
}

.itinerari-card-img-small {
  width: 100%;
  height: 200px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.itinerari-card-img-big {
  width: 100%;
  height: 682px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.itinerari-card-box {
  height: 250px;
}

@media (max-width: 768px) {
  .itinerari-card-img-small,
  .itinerari-card-img-big {
    height: 320px;
  }
}

/******************************** Archive Musei **************************************/
.associati-search-div {
  width: 100%;
  height: 200px;
  position: absolute;
  background-color: var(--white);
  z-index: 100;
}

/******************************* Nuova Settimana *************************************/
.header-div-settimana{
  padding: 7px 0;
  color: var(--white);
  font-size: 20px;
  background-color: var(--darkRed);
}

.settimana-menu-link,
.settimana-menu-link:hover{
  margin-right: 5px;
  color: var(--white);
  font-size: 10px;
}

.settimana-statistiche{
  height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}

.settimana-container-associazione{
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: var(--beige);
  color: var(--white);
}

.settimana-programma-titolo{
  margin-left: 9px;
  font-size: 34px;
  font-weight: bold;
  color: var(--red);
}

.change-programma h5{
  font-size: 14px;
}

/******************************* archive-biblioteca. single-biblioteca *************************************/
.libro-link-div{
  padding: 20px;
}

.libro-link-div:hover{
  background-color: var(--lightWheat);
}

.libro-link,
.libro-link:hover,
.libro-link:focus{
  text-decoration: none;
  box-shadow: none;
  color: var(--black);
}

.libro-content{
  font-size: 18px;
}

.libro-title{
  padding-bottom: 5px;
  border-bottom: 1px solid var(--darkGrey);
  color: var(--quiteGrey);
  font-size: 32px;
}

@media (max-width: 576px) {
  .libro-content{
    font-size: 16px;
  }

  .libro-title{
    font-size: 25px;
  }
}