/* ==========================================================================
Pagina foglia (foglia.css.scss)
========================================================================== */
/* line 4 */
main[role="main"], #BCLbodyContent h2 {
  font-family: 'Titillium Web', Arial, sans-serif;
}

/* line 7 */
.gallerythumbs figure figcaption span {
  font-family: 'Times New Roman', Roman, serif;
  font-style: italic;
}

/* line 11 */
main[role="main"] {
  *zoom: 1;
}

/* line 13 */
main[role="main"]:before, main[role="main"]:after {
  content: "";
  display: table;
}

/* line 16 */
main[role="main"]:after {
  clear: both;
}

/* usage
  input {
      @include input-placeholder {
          color: #ccc;
          background: #F00;
      }
  }
 */
/* line 27 */
.advinner {
  text-align: center;
  margin: 1.5em 0;
}

/* line 30 */
.advinner img {
  display: none;
}

@media screen and (min-width: 768px) {
  /* line 33 */
  .advinner img {
    /**
     * min-width:768px : 1x
     * ==================================== */
    display: inline-block;
  }
}
/* line 39 */
.gmaps img {
  display: block;
  max-width: 100%;
}

/* line 43 */
main[role="main"] > article {
  width: 100%;
  margin-bottom: 2em;
  font-size: 1.4em;
  line-height: 1.7;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  /* line 50 */
  main[role="main"] > article {
    /**
     * min-width:768px : 1x
     * ==================================== */
    float: left;
    width: 66.6%;
    margin-bottom: 0;
  }
}
/* line 57 */
main[role="main"] > article > img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

/* line 61 */
main[role="main"] > aside[role="complementary"] {
  width: 100%;
  overflow: hidden;
  font-size: 1.2em;
}

@media screen and (min-width: 768px) {
  /* line 66 */
  main[role="main"] > aside[role="complementary"] {
    /**
     * min-width:768px : 1x
     * ==================================== */
    float: right;
    width: 32%;
  }
}
/* line 73 */
.fb-activity {
  width: 100% !important;
}

/* line 75 */
.fb-activity span, .fb-activity span iframe {
  width: 100% !important;
}

/* line 78 */
.fb-comments {
  width: 100% !important;
}

/* line 80 */
.fb-comments span, .fb-comments iframe {
  width: 100% !important;
}

/* line 83 */
.gallerythumbs {
  position: relative;
  z-index: 2;
  width: 100%;
  padding-bottom: 91px;
  max-width: 645px;
  overflow: hidden;
  font-size: 0.76em;
  margin: 0 auto;
}

/* line 92 */
.gallerythumbs figure {
  position: relative;
  z-index: 1;
}

/* line 95 */
.gallerythumbs figure.loading:after {
  content: "";
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  display: block;
  margin: -25px 0 0 -25px;
  background: #fff;
  width: 50px;
  height: 50px;
  display: none;
}

/* line 107 */
.gallerythumbs figure img {
  display: block;
  width: 100%;
}

/* line 110 */
.gallerythumbs figure img + img {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  opacity: 0;
}

/* line 116 */
.gallerythumbs figure figcaption {
  background: url(../images/css/bg-gray-figcaption.png);
  background: rgba(74, 72, 73, 0.85);
  width: 100%;
  max-width: 454px;
  height: 82px;
  line-height: 82px;
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 0;
}

/* line 127 */
.gallerythumbs figure figcaption span {
  font-size: 1.6em;
  color: #fff;
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  margin: 0 100px 0 30px;
}

/* line 134 */
.gallerythumbs .gallery {
  position: absolute;
  z-index: 11;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  width: 272px;
}

@media screen and (min-width: 600px) {
  /* line 143 */
  .gallerythumbs .gallery {
    /**
     * min-width:600px : 1x
     * ==================================== */
    width: 454px;
  }
}
/* line 148 */
.gallerythumbs .gallery li {
  padding-top: 10px;
  width: 91px;
  height: 100px;
  border-right: 1px solid transparent;
  position: relative;
  z-index: 1;
}

/* line 155 */
.gallerythumbs .gallery li.current:after {
  content: "";
  position: absolute;
  display: block;
  z-index: 2;
  top: 1px;
  left: 0;
  background: url(../images/css/selected-thumb.png) top left no-repeat;
  width: 100%;
  height: 100%;
}

/* line 165 */
.gallerythumbs .gallery li a {
  outline: none;
  -moz-outline: none;
}

/* line 168 */
.gallerythumbs .gallery div {
  height: 100px;
  margin: 0;
}

/* line 171 */
.gallerythumbs .gallery > [role="button"] {
  display: block;
  height: 25px;
  width: 24px;
  opacity: 1;
  background-size: 48px 25px;
  background-repeat: no-repeat;
  background-image: url(../images/css/arrow-gallery.png);
  margin: -92px 0 0 0;
}

/* line 180 */
.gallerythumbs .gallery > [role="button"].prev {
  right: 35px;
}

/* line 182 */
.gallerythumbs .gallery > [role="button"].next {
  right: 10px;
  background-position: top right;
}

/* line 185 */
.gallerythumbs .gallery > [role="button"].disabled {
  opacity: .5;
  cursor: default;
}

/* line 189 */
aside[role="complementary"] > img:first-child {
  display: none;
}

@media screen and (min-width: 768px) {
  /* line 192 */
  aside[role="complementary"] > img:first-child {
    /**
     * min-width:768px : 1x
     * ==================================== */
    display: block;
    margin-bottom: 45px;
    width: 100%;
  }
}
/* line 200 */
#BCLbodyContent {
  margin-top: 2em;
  color: #222222;
}

/* line 203 */
#BCLbodyContent h2 {
  font-size: 1.1em;
  margin-bottom: 0;
}

/* line 206 */
#BCLbodyContent p {
  font-style: italic;
}

/* line 209 */
.fb-comments {
  margin-top: 3em;
}