@charset "UTF-8";
@import url(menu.css);
/* 
    Created on : 5-mar-2016, 6.57.46
    Author     : alberto
*/
/* *****************************************************************************
 * sass variables
 */
/*colori*/
/*grandezze*/
/*01*/
/*45rem; /*02*/
/* calc(100% - 9rem - 33%); /*02*/
/*$navbar_liv1_height: 8rem;
$navbar_liv2_height: 8rem;*/
/* *****************************************************************************
 * scrollbar
 */
::-webkit-scrollbar {
  width: 9px; }

::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(106, 107, 107, 0.5);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1); }

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #3e3e3e; }

/* *****************************************************************************
 * resets and global html tags
 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: calc(0.625em * 0.6);
  font-family: "Voltaire",sans-serif;
  height: 100%; }

@media (min-width: 48em) {
  /*768px*/
  html {
    font-size: calc(0.625em * 0.75); } }
@media (min-width: 80em) {
  /*1280px*/
  html {
    font-size: calc(0.625em * 1.00); } }
body {
  background-color: #f8f8f8;
  /* un po'' meno "bianco sparato"*/
  height: 100%; }

ul {
  list-style-type: none; }

img {
  border: none; }

a:link, a:visited {
  color: #d16b4b;
  text-decoration: none; }

/* global css classes ********************************************/
.clear {
  clear: both; }

/* gallery css classes ********************************************/
.blueimp-gallery > .slides {
  padding: 8rem 0 4rem 0;
  /*evita la sovrapposizione del titolo nella parte alta e dei pallini nella parte bassa*/ }

.blueimp-gallery > .title {
  text-align: center;
  width: 100%;
  padding: 0 2rem;
  left: 0;
  font-size: 2rem; }

/*.blueimp-gallery>.next, .blueimp-gallery>.prev {
    width: 4rem;
    height: 4rem;
}*/
/* *****************************************************************************
 * environment
 */
#environment.env_sviluppo {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #d16b4b;
  padding: 0.5rem; }
#environment.env_produzione {
  display: none; }

/* *****************************************************************************
 * HOME PAGE
 */
#sfondo_index {
  /*  background-image: url(../img/home-sfondo.jpg); */
  background-image: url(../img/background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative; }

#main_index {
  width: 75%;
  /*float: left;*/
  max-width: 100rem;
  margin: 0 auto;
  padding-top: 9rem;
  padding-bottom: 9rem;
  font-size: 2.2rem;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.6;
  text-align: justify; }

#flags {
  width: 10%;
  float: right;
  text-align: center;
  padding-top: 9rem;
  padding-bottom: 9rem;
  position: absolute;
  width: 2.5rem;
  right: 5%;
  top: 0;
  /*$main_top_whitespace_height;/**/ }
  #flags img {
    border-radius: 50%;
    border-width: 0;
    margin: 1rem 0 3rem 0;
    width: 2.5rem;
    height: 2.0rem;
    box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.5); }

#newflags ul {
  border-bottom: 1px solid gray;
  margin-bottom: 2rem; }
  #newflags ul li {
    display: inline-block;
    padding: 0.5rem 2rem;
    border-top: 1px solid gray;
    border-right: 1px solid gray;
    border-left: 1px solid gray;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    @media only screen and (min-width: 481px) {
      #newflags ul li {
        padding: 0.5rem 4rem; } }
    #newflags ul li img {
      border-radius: 50%;
      border-width: 0;
      width: 2.5rem;
      height: 2.0rem;
      box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.5); }

p.cit {
  font-size: 2.5rem;
  font-family: 'Poiret One', cursive;
  font-weight: bold;
  text-align: center;
  margin: 1.5rem 0 1.5rem 0; }

/* *****************************************************************************
 * OPERE
 */
#main_opere {
  padding-top: 9rem;
  padding-bottom: 9rem;
  font-size: 2.5rem; }

#leftbar_opere {
  height: 3rem;
  /*come leftbar_ricerca*/ }
  #leftbar_opere nav {
    padding-left: 9rem;
    width: 100%;
    z-index: 1;
    padding: 0.5rem; }
    #leftbar_opere nav .attivo {
      color: #66cdaa; }
    #leftbar_opere nav #leftbar_icons {
      height: 3rem; }
      #leftbar_opere nav #leftbar_icons li {
        display: inline-block; }
      #leftbar_opere nav #leftbar_icons input {
        font-family: 'Voltaire', sans-serif;
        font-size: 2rem;
        vertical-align: top;
        height: 3rem;
        width: 20rem; }
      #leftbar_opere nav #leftbar_icons button {
        vertical-align: top;
        height: 3rem;
        cursor: pointer; }
        #leftbar_opere nav #leftbar_icons button#search_button {
          width: 3rem;
          margin-left: 1rem; }
          #leftbar_opere nav #leftbar_icons button#search_button img {
            vertical-align: middle;
            text-align: center;
            height: 2rem;
            width: 2rem;
            padding: 0;
            margin: 0; }
        #leftbar_opere nav #leftbar_icons button#unzipicon {
          width: 4rem;
          margin-left: 4rem; }

button.fa {
  font-size: 1.6rem;
  margin-left: 2rem;
  width: 4rem; }
  button.fa#tema-cro {
    color: #BC3940; }
  button.fa#tema-dep {
    color: #722773; }
  button.fa#tema-ris {
    color: #D9B347; }

#temi {
  margin-top: 5rem;
  height: 7rem; }
  #temi > ul {
    width: 100%;
    text-align: center;
    z-index: 1; }
    #temi > ul li {
      display: inline-block;
      width: 32%;
      margin: 0 0.1%;
      padding: 1rem 0.5rem;
      font-size: 3rem; }
      #temi > ul li span {
        /*temi*/
        width: 100%;
        display: block;
        text-align: center;
        color: #000;
        /*#fafafa;*/
        /*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);*/
        -webkit-border-radius: 0.4rem;
        -moz-border-radius: 0.4rem;
        border-radius: 0.4rem;
        letter-spacing: 0.1rem;
        padding: 0.5rem 1rem; }
      #temi > ul li[data-tema="crocifissione"] > span {
        background-color: #BC3940; }
      #temi > ul li[data-tema="deposizione"] > span {
        background-color: #722773; }
      #temi > ul li[data-tema="resurrezione"] > span {
        background-color: #D9B347; }

/* *****************************************************************************
 * OPERA
 */
#mainOpera {
  padding: 0 1em 4em 1em;
  font-size: 2em;
  width: 100%;
  color: #909090;
  background-color: black; }
  #mainOpera h1, #mainOpera h2 {
    text-align: center;
    color: #359387; }
  #mainOpera #wrapperImmagini {
    /*        border: 1px solid white;*/
    /*        width:90%;
            @media only screen and (min-width:801px) {
                width:60%;
            }*/
    margin: 0 auto;
    padding: 4em 0;
    text-align: center; }
    #mainOpera #wrapperImmagini li {
      display: inline-block;
      vertical-align: middle;
      margin: 0 1em; }
      #mainOpera #wrapperImmagini li#prevImage, #mainOpera #wrapperImmagini li#nextImage {
        width: 150px; }
      #mainOpera #wrapperImmagini li.placeholder {
        width: 150px; }
    #mainOpera #wrapperImmagini img {
      margin: 1em 0;
      width: 100%; }
      #mainOpera #wrapperImmagini img.tema-cro {
        -webkit-box-shadow: 0px 0px 30px 5px #BC3940;
        -moz-box-shadow: 0px 0px 30px 5px #BC3940;
        box-shadow: 0px 0px 30px 5px #BC3940; }
      #mainOpera #wrapperImmagini img.tema-dep {
        -webkit-box-shadow: 0px 0px 30px 5px #722773;
        -moz-box-shadow: 0px 0px 30px 5px #722773;
        box-shadow: 0px 0px 30px 5px #722773; }
      #mainOpera #wrapperImmagini img.tema-res {
        -webkit-box-shadow: 0px 0px 30px 5px #D9B347;
        -moz-box-shadow: 0px 0px 30px 5px #D9B347;
        box-shadow: 0px 0px 30px 5px #D9B347; }
  #mainOpera table {
    width: 90%;
    max-width: 40em;
    margin: 2em auto;
    border-collapse: collapse;
    /*        .tableContents {
                background-color: #0f0f0f;
            }*/ }
    #mainOpera table .tableLabels {
      background-color: #0a0a0a; }
    #mainOpera table tr {
      vertical-align: top; }
      #mainOpera table tr td {
        text-align: left;
        padding: 0.25em 1em;
        border: 1px solid #909090; }

/*-------------------------------------*/
#main_secoli {
  margin: 5rem 0 0 0;
  /*stacco l'elenco dal box di ricerca*/
  text-align: center; }
  #main_secoli li.secolo {
    font-family: Voltaire, sans-serif;
    position: relative;
    /* margin: 2rem 0 0 0; il margin non va impostato: causa uno "scatto" nel dropdown jQuery*/ }
    #main_secoli li.secolo.hide {
      display: none; }
    #main_secoli li.secolo:after {
      content: ' ';
      position: absolute;
      right: 1%;
      /*$main_left_whitespace_width; */
      left: 1%;
      /*$main_left_whitespace_width;*/
      top: 2rem;
      border-top: 1px solid #d16b4b;
      z-index: -1; }
    #main_secoli li.secolo span.nomesecolo {
      width: 20%;
      cursor: pointer;
      background-color: #f8f8f8;
      /*$color_link;*/
      /*nasconde il filetto che passa dietro*/
      color: #d16b4b;
      letter-spacing: 0.1rem;
      padding: 0.5rem 0;
      display: inline-block;
      margin-right: -4rem;
      margin-bottom: 2rem; }
      @media only screen and (min-width: 801px) {
        #main_secoli li.secolo span.nomesecolo {
          width: 10%; } }
    #main_secoli li.secolo .tag {
      font-size: 1rem;
      padding: 0.2rem 1rem;
      margin-left: 2px;
      color: white;
      font-weight: bold;
      border-radius: 4px;
      vertical-align: top;
      display: none; }
    #main_secoli li.secolo span[data-tema="crocifissione"] {
      background-color: #BC3940; }
    #main_secoli li.secolo span[data-tema="deposizione"] {
      background-color: #722773; }
    #main_secoli li.secolo span[data-tema="resurrezione"] {
      background-color: #D9B347; }
    #main_secoli li.secolo > ul {
      /*il contenitore dei tre temi*/
      display: none; }
      #main_secoli li.secolo > ulspan.fa {
        border: 0;
        /*per evitare di veder ruotare il bordo quando lo spinner è attivo*/ }
      #main_secoli li.secolo > ul > li {
        /*tema*/
        display: inline-block;
        width: 32%;
        vertical-align: top;
        margin: 0 0.1%;
        padding: 1rem 0.5rem;
        margin-bottom: 2rem;
        cursor: pointer; }
        #main_secoli li.secolo > ul > li .iconview {
          display: block;
          vertical-align: middle;
          padding: 0.5rem;
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px; }
          #main_secoli li.secolo > ul > li .iconview > div {
            display: inline-block;
            margin: 0.5rem; }
        #main_secoli li.secolo > ul > li .listview {
          font-size: 2rem;
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px; }
          #main_secoli li.secolo > ul > li .listview div {
            display: table-row; }
            #main_secoli li.secolo > ul > li .listview div a {
              display: table-cell;
              padding: 1rem;
              width: 10rem;
              height: auto; }
            #main_secoli li.secolo > ul > li .listview div span {
              display: table-cell;
              vertical-align: middle;
              text-align: left;
              cursor: default; }

/* *****************************************************************************
 * ARTISTI
 */
#breadcrumbs {
  font-size: 1.6rem;
  padding: 1rem;
  min-height: 5.6rem; }
  #breadcrumbs button.fa {
    cursor: pointer;
    height: 3rem;
    font-size: 1.6rem;
    vertical-align: top; }
    #breadcrumbs button.fa.attivo {
      color: #66cdaa; }
  #breadcrumbs ul {
    display: inline-block;
    width: 90%; }
    #breadcrumbs ul li {
      font-family: 'Poiret One', sans-serif;
      font-size: 2rem;
      line-height: 1.4;
      margin-left: 8px;
      margin-bottom: 8px;
      padding: 0 8px;
      display: inline-block;
      /*            border: solid 1px $color_link;
                  border-radius: 4px;*/ }
      #breadcrumbs ul li a {
        font-weight: 600; }
        #breadcrumbs ul li a span::before {
          margin-right: 4px;
          font-size: 1.6rem;
          vertical-align: top; }

#main_artisti {
  padding-top: 9rem;
  width: 95%;
  position: relative;
  /*padding-left: $main_left_whitespace_width; /*01*/ }

#leftbar_artisti {
  width: 90%;
  background-color: #f8f8f8;
  /*un po' meno "bianco sparato"*/
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  position: absolute;
  left: 0;
  box-shadow: 3px 3px 5px 0 #777777;
  z-index: 2; }
  @media only screen and (min-width: 801px) {
    #leftbar_artisti {
      width: 33%; } }
  #leftbar_artisti span {
    display: inline-block;
    font-size: 3rem;
    margin-top: 1rem; }
    #leftbar_artisti span#leftbar_icon {
      color: #1b5081;
      cursor: pointer;
      float: right;
      margin-right: 2rem; }
  #leftbar_artisti iframe {
    width: 100%;
    min-height: 40rem;
    border: 0; }
  #leftbar_artisti #quote {
    width: 80%;
    max-width: 900px;
    margin-left: 3rem;
    margin-bottom: 3rem;
    padding: 3rem 3rem 2rem 3rem;
    font-size: 1.8rem;
    /*            background-color: #f0f0f0;*/
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }
    #leftbar_artisti #quote #author {
      text-align: right;
      font-weight: bolder; }

#rightside_artisti {
  float: right;
  /**/
  /*width: 95%;*/
  padding-bottom: 9rem; }
  @media only screen and (min-width: 801px) {
    #rightside_artisti {
      width: 67%; } }
  #rightside_artisti #container_artisti {
    width: 95%;
    margin: 0 auto; }
    #rightside_artisti #container_artisti h2 {
      text-align: center;
      line-height: 1;
      font-size: 3.5rem;
      color: #359387;
      font-family: 'Voltaire', sans-serif;
      margin: 0 0 3rem 3rem; }
    #rightside_artisti #container_artisti #contenuto_artista {
      max-width: 100rem;
      margin: 0 auto; }
      #rightside_artisti #container_artisti #contenuto_artista #galleria {
        margin: 3rem 0 3rem 3rem;
        padding: 1rem;
        /*    float: left;  */
        /*    width: 90rem; */
        min-height: 60rem;
        background-color: #eee;
        clear: both; }
        #rightside_artisti #container_artisti #contenuto_artista #galleria button.fa {
          margin-left: 0;
          cursor: pointer;
          height: 3rem;
          font-size: 1.6rem; }
          #rightside_artisti #container_artisti #contenuto_artista #galleria button.fa.attivo {
            color: #66cdaa; }
        #rightside_artisti #container_artisti #contenuto_artista #galleria h3 {
          text-align: center;
          width: 100%;
          padding: 0 2rem;
          left: 0;
          font-size: 2rem; }
        #rightside_artisti #container_artisti #contenuto_artista #galleria .blueimp-gallery-carousel {
          padding-bottom: 80%;
          /*display: none; /*adf.01.ins*/ }
        #rightside_artisti #container_artisti #contenuto_artista #galleria .blueimp-gallery > .slides {
          padding: 8rem 0 4rem 0;
          /*evita la sovrapposizione del titolo nellaparte alta e dei pallini nella parte bassa*/ }
        #rightside_artisti #container_artisti #contenuto_artista #galleria #biografia {
          /* width: 85rem; */
          margin-top: 3rem;
          color: black;
          font-size: 2rem;
          font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
          line-height: 1.6em;
          text-align: justify;
          padding: 1.6em; }
          #rightside_artisti #container_artisti #contenuto_artista #galleria #biografia .artista {
            display: inline-block; }
            #rightside_artisti #container_artisti #contenuto_artista #galleria #biografia .artista::first-letter {
              font-family: 'Pinyon Script', cursive;
              /*@media only screen and (min-width:801px) {*/
              font-size: 1.8em;
              /*}*/
              margin-right: 0.1rem;
              margin-left: 0.5rem;
              letter-spacing: 0.05rem;
              font-weight: bolder; }
          #rightside_artisti #container_artisti #contenuto_artista #galleria #biografia i, #rightside_artisti #container_artisti #contenuto_artista #galleria #biografia em {
            /*color: darkgreen;*/ }
          #rightside_artisti #container_artisti #contenuto_artista #galleria #biografia b, #rightside_artisti #container_artisti #contenuto_artista #galleria #biografia strong {
            color: green; }
          #rightside_artisti #container_artisti #contenuto_artista #galleria #biografia a {
            color: #0033ff;
            font-weight: bold; }
          #rightside_artisti #container_artisti #contenuto_artista #galleria #biografia ol {
            margin-left: 4rem; }
          #rightside_artisti #container_artisti #contenuto_artista #galleria #biografia ul.opere li {
            color: #000;
            letter-spacing: 0;
            display: block;
            display: none;
            margin: 0; }
            #rightside_artisti #container_artisti #contenuto_artista #galleria #biografia ul.opere li a {
              line-height: 1;
              font-size: 1.6rem;
              color: #aaa; }
    #rightside_artisti #container_artisti #links {
      /* float: right;*/
      /*margin: 1rem 1rem; /*margin: 3rem 1rem; */
      width: 100%;
      /*width: 29rem; */
      min-height: 10rem;
      text-align: center; }
      #rightside_artisti #container_artisti #links .singola_icona {
        width: 150px;
        /* px, non rem*/
        display: inline-block;
        margin: 1.5rem;
        vertical-align: top; }
        #rightside_artisti #container_artisti #links .singola_icona .figura {
          height: 150px;
          position: relative; }
          #rightside_artisti #container_artisti #links .singola_icona .figura div {
            width: 100%;
            position: absolute;
            bottom: 0; }
            #rightside_artisti #container_artisti #links .singola_icona .figura div.image_overlay {
              display: none;
              background-color: rgba(255, 255, 255, 0.7);
              bottom: 3px; }
              #rightside_artisti #container_artisti #links .singola_icona .figura div.image_overlay li {
                display: inline-block;
                font-size: 1.4em; }
                #rightside_artisti #container_artisti #links .singola_icona .figura div.image_overlay li a {
                  background-color: #66cdaa;
                  border-radius: 50%;
                  padding: 10px;
                  color: #fff; }
        #rightside_artisti #container_artisti #links .singola_icona .titolo {
          font-size: 16px;
          padding: 10px 0; }


/*formattazione delel citazioni*/
blockquote {
	margin: 20px 40px;
	padding: 2px 8px 2px 20px;
	border-left: 5px solid #ccc;
	font-style: italic;
	
}
/* *****************************************************************************
 * CONTATTI
 */
#content_form {
  width: 60rem;
  margin: 0 auto;
  padding: 6rem 1rem 0 1rem;
  font-family: 'Poiret One', cursive;
  font-weight: 600; }

#content_form h1 {
  color: #a1313d;
  font-size: 4rem;
  letter-spacing: 0.3rem;
  line-height: 9rem;
  padding-left: 2rem;
  text-transform: uppercase; }

#content_form p {
  border-bottom: solid 1px #000;
  padding-bottom: 2rem;
  font-size: 2.5rem;
  color: #656565;
  letter-spacing: 0.1rem; }

form {
  padding: 2rem 1rem; }

#content_form .form {
  font-size: 2.3rem;
  border: 0; }

#content_form .form input, #content_form .form textarea {
  width: 100%;
  height: 3.5rem;
  font-size: 2rem;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: solid 1px #d9d9d9;
  border-radius: 0.5rem;
  padding: 0.3rem; }

#content_form .form textarea {
  height: 20rem; }

#content_form input[type=submit] {
  width: 100%;
  text-align: center;
  display: block;
  height: 3rem;
  margin-top: -1rem;
  background-color: #a1313d;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer; }

#content_form span.messaggio {
  color: #a1313d;
  font-size: 2rem;
  padding-left: 0.5rem;
  margin: 1rem 0 0 0; }

/* *****************************************************************************
 * MAPPE
 */
#main_mappe #breadcrumb {
  width: 95%;
  margin: 0 auto; }
  #main_mappe #breadcrumb li {
    font-family: 'Poiret One', sans-serif;
    font-size: 3rem;
    line-height: 2;
    margin: 0;
    display: inline-block; }
    #main_mappe #breadcrumb li:not(:last-of-type)::after {
      font-size: 2rem;
      letter-spacing: 0;
      color: #d16b4b;
      content: '>>  '; }
#main_mappe #googleMap {
  width: 90%;
  margin: 0 auto;
  height: 70rem; }
#main_mappe #links {
  background-color: #000;
  text-align: center;
  line-height: 12rem;
  min-height: 12rem;
  padding: 1rem;
  overflow-x: auto;
  overflow-y: scroll;
  border-bottom: 1px solid #fff; }
  #main_mappe #links a {
    padding: 0 1rem; }

/* *****************************************************************************
 * MAPPE
 */
#section_wrapper {
  max-width: 100rem;
  margin: 0 auto -15rem;
  min-height: calc(100% - 12rem);
  padding: 8rem;
  font-size: 2rem;
  text-align: justify; }

/* *****************************************************************************
 * FOOTER
 */
#push_footer {
  height: 15rem; }

section.white_frame {
  background-image: url("/img/white_frame.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 2rem; }
  section.white_frame h1 {
    text-align: center; }

footer {
  padding: 4rem 0;
  background-color: #000;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
  text-align: center; }
  footer #footer_contenitore {
    font-family: 'Voltaire', sans-serif;
    font-size: 2rem; }
    footer #footer_contenitore li {
      width: 100%;
      height: 6.6rem;
      margin: 0 auto;
      padding: 2rem;
      display: block;
      vertical-align: middle; }
      footer #footer_contenitore li:last-child {
        margin-top: 4rem; }
      @media only screen and (min-width: 801px) {
        footer #footer_contenitore li {
          display: inline-block;
          width: 15%; }
          footer #footer_contenitore li:not(:last-child) {
            border-right: 1px solid #d16b4b; }
          footer #footer_contenitore li:last-child {
            margin-top: 0; } }
      footer #footer_contenitore li img {
        max-width: 100%;
        height: auto; }

#infografica_cookie {
  margin: 2rem auto;
  text-align: center; }

/*# sourceMappingURL=style.css.map */