@font-face {
  font-family: "TitilliumWeb";
  src: url("../fonts/TitilliumWeb/TitilliumWeb-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "TitilliumWeb";
  src: url("../fonts/TitilliumWeb/TitilliumWeb-Bold.ttf") format("truetype");
  font-weight: bold;
  font-display: swap;
}

@font-face {
  font-family: "TitilliumWeb";
  src: url("../fonts/TitilliumWeb/TitilliumWeb-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
}

body, a {font-family: 'TitilliumWeb', sans-serif;}
body {font-size: 1.2em}

h1, h2, h3, h4, h5, h5 {
font-family: 'TitilliumWeb', sans-serif;
font-weight: 700;
width: 100%
}
h1 {
  
  color: #385d1d
}
.fullwidth h1{color: #fff}
.row{
    max-width: 80rem;
}
a {
  color: #164d8f
}
.coloreuno, a.coloreuno{
    color: #333
}
a:hover{
    text-decoration: underline !important
}

.nopadding {padding: 0}
/* colori */
.box-bg-uno{
    background: #660000;
}
.box-bg-due{
    background: #dff1ff;
    color:#fff;
}
.box-bg-uno a{
    color:#fff;
}
.box-bg-tre{
    background: #25272A;
}
.grigio-lineare {
    background: #fff;
    /*background: -moz-linear-gradient(left, #fff 0%, #fff 57%, #fafafa 57%, #fafafa 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #fff), color-stop(57%, #fff), color-stop(57%, #fafafa), color-stop(100%, #fafafa));
    background: -webkit-linear-gradient(left, #fff 0%, #fff 57%, #fafafa 57%, #fafafa 100%);
    background: -o-linear-gradient(left, #fff 0%, #fff 57%, #fafafa 57%, #fafafa 100%);
    background: -ms-linear-gradient(left, #fff 0%, #fff 57%, #fafafa 57%, #fafafa 100%);
    background: linear-gradient(to right, #fff 0%, #fff 57%, #fafafa 57%, #fafafa 100%);*/
    padding-bottom: 50px;
    padding-top:170px;
}
.entry-thumbnail{
  text-align: center;
}
:focus{ outline: 1px solid #2ba6cb; }
header #testata, .sticky{
    background: #fff;
    color: #000;
}
.sticky {border-bottom: 2px solid #175A8B;}
header #testata a {color: #000}
.cbp-af-inner{box-shadow: 0px 0px 5px 0px #1c457c;}
.fullwidth {
  background: #477725
}
.fullwidth .entry-header {margin-bottom: 20px; width: 100%}
.fullwidth .entry-header,
.fullwidth .breadcrumbs li {color: #fff; border: 0 none; font-weight: 700 }
.fullwidth .breadcrumbs a {color: #fff; border: 0 none; }

.breadcrumbs{
    margin: 2rem 0 1rem;
}
.breadcrumbs li{
    font-size: 1rem;
}

.margintop{margin-top: 3em}
.margintop.big{margin-top: 6em}

.spaziosotto{padding-bottom: 3em}

/* HOME */
.news-evidenza-home li{
  border-bottom: 1px solid #074e68; margin-bottom:5px;
}
.news-evidenza-home .categorie-link, .tabs-content .categorie-link {
  color: #25272A; text-transform: lowercase; display: block; margin-bottom: 10px
}
#panel-evidenza {font-size: 1.2rem}
#panel-evidenza h6 {font-size: 1.2rem}
.tabs-content .categorie-link:first-letter {text-transform: uppercase !important;}
section#news-home h2{height: 90px; line-height: 90px;}
section#news-home{
    padding-top: 3em;
    background-color: #fafafa;
    border-top: 2px solid #074e68;
    margin-bottom: 60px
}
section#slide {box-shadow: 0 0 10px rgb(50,50,50) }

.hero{
    background: url(../images/panorama.html);
    background-size: cover;
    background-position: center center;
    height: 30em;
    margin-bottom: 30px;
}
.hero-content{
    background: rgba(255,255,255,.9);
    padding: 25px 15px;
    height: calc(30em - 60px);
    margin: 30px 0;
    overflow-y: scroll;
}

.k-bordo-bottom{
    border-bottom: 2px solid #175A8B;
    /*padding-left: 15px;*/
    text-transform: uppercase;
    letter-spacing: 1px;
    /*font-size: 26px;*/
    color: #25272A;
    padding-bottom: 10px
}

.sottomenu{ background:#175A8B;  }
.sottomenu nav a{color:#fff; line-height: 1.6}

/*elenchi news*/
.border-bottom{
    border-bottom: 1px solid #eee;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
}
.header-title{
    font-size: 1.2rem;
}
a.catetorie-link{

}
.news-date{
    font-size: 1rem;
    color:#666;
}
/* SHOW NEWS */
.margina {margin: 2em 0}

footer#footer{padding-top:5rem; color: #fff}
footer#footer a{color: #a5d9ff}
.li-bordo li{ border-bottom: 1px solid #5a6772;}

/*offcanvas*/
.off-canvas{
    background: #fafafa;
}
.position-left.is-transition-push {
    box-shadow: none;
}
.off-canvas-content.is-open-left.has-transition-push {
   /*background: rgba(0, 0, 0, 0.4);*/
}
/*
.position-left.is-transition-push:after{
    box-shadow: none ;
    border-right: 1px solid #eee
}*/
.position-left{
    width: 400px;
    transform: translateX(-400px);
}
.header-menu {line-height: 2rem}
.menu.vertical>li{
   border-bottom: 1px solid #eee;
}
.menu.vertical li>a{
    /*color: #000;*/
    padding-top: 1rem;padding-bottom: 1rem; font-size: 1.2rem
}
#servizi-home .menu.vertical li>a{ display: block;
  padding: 1rem 0; font-size: 1.25rem;
  padding-left: 0
}
#servizi-home .menu.vertical {margin-bottom: 30px}
.nested{
   border-left: 2px solid #eee;
}
.menu.vertical>li.current{
  background: #efefef;
}
#uffici .accordion-title{
    font-size: 1.5rem
}

.sidebar{
    /*background:#fafafa; border: 1px solid #eee*/
}
.sidebar .subnav{margin: 0 2em}
.sidebar .subnav li a{}

@media screen and (max-width: 32.25em) {
    .vedi-tutti {font-size:1rem }
}

/* Small only */
@media screen and (max-width: 39.9375em) {
    header#header h1.header-titleLink a{
        font-size: 1rem; font-weight: 700;
    }
    header#header h1.header-titleLink, .is-stuck header#header h1.header-titleLin {max-width: auto}
    h1.header-titleLink img{
        width: 1.875em
    }
    #btn-offcanvas.menu-icon{top: 1.875em; left: 2em }
    .hero {height:20em}
    h3 {font-size: 1.9rem}
    .vedi-tutti {font-size:1em}
}

/* Medium and up */
@media screen and (min-width: 40em) {
  header#header h1.header-titleLink, .is-stuck header#header h1.header-titleLin {max-width: auto}
}


@media screen and (max-width: 87.500em) {
    header#header h1.header-titleLink, .is-stuck header#header h1.header-titleLin { margin-left: 60px !important;}
    #btn-offcanvas.menu-icon {left: 20px !important}
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
}

/* Large and up */
@media screen and (min-width: 64em) {
}
@media screen and (min-width: 64.1em) {
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

.social {margin-top: 28px}
.social li i{ font-size: 2.5em; color:#999; transition: all .2s ease-in-out;}
.social li i:hover{ color:#175A8B; transform:scale(1.2);  }
.menu.social a {padding: 0 20px 10px 0}
  /* Scroll to top */
  .scroll-top-wrapper {
      position: fixed;
      font-size: 1.5em;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 9999999;
    background-color: #777777;
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .scroll-top-wrapper:hover {
    background-color: #888888;
  }
  .scroll-top-wrapper.show {
      visibility:visible;
      cursor:pointer;
      opacity: 1.0;
  }
  .scroll-top-wrapper fa.fa {
  line-height: inherit;
  }

.button {
  background-color: #008e00
}
.button:focus,
.button:hover {
  background-color: #008e00
}

.freccia-grande {
  font-size: 3rem;
  position: absolute;
  bottom:30px
}
.top-search { padding-top: 5px}

.masonry-css {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

@media screen and (min-width: 25em) {
  .masonry-css {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

@media screen and (min-width: 37.5em) {
  .masonry-css {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

@media screen and (min-width: 50em) {
  .masonry-css {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

@media screen and (min-width: 68.75em) {
  .masonry-css {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
}

.masonry-css-item {
  -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 1rem;
}
.tabs {  border: 0 none}
.tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
  background: none;
  color: #258faf;
}
.tabs-title h2 {margin-left: 1rem}
.tabs-content {border: 0 none}

/* LISTA GIORNI */
#agenda {color: #aaa}
#agenda a {color: #fff; padding: 12px 0}
#agenda p {padding: 10px; margin: 0}
#agenda .link-data {display: block;}
#agenda .lista-giorni {background-color: none; font-size: 1.3em}

#agenda .lista-giorni a:hover { background: #6693B2;}
#agenda .lista-giorni a.attivo { background: #175A8B;}

.appuntamento {background: #175A8B}
.appuntamento .column {border-right: 1px solid #fff; margin: 20px 0}
.appuntamento .column:last-child {border-right: none}

/* ICONE DOCS */
.menu-allegati {margin:0; margin-top: 30px}
.menu-allegati a {display: block; margin-bottom: 20px}
.menu-allegati p {line-height: 1.2;margin:1rem 0 0; font-weight: 700}
.iconadoc {
  width: 50px;
  height:50px;
  text-align: center;
  background: #175A8B;
  color: #fff;
  line-height: 60px;
  border-radius: 3px;
  transition: all .2s ease-in-out;
  float: left;
  margin-right: 20px
}
.iconadoc:hover {transform:scale(1.2)}

/* data EVENTI *
.date-as-calendar {
  color: black;
  background: #eee;
  border: 1px solid #888;
  overflow: hidden;
}
.date-as-calendar .weekday,
.date-as-calendar .day,
.date-as-calendar .month,
.date-as-calendar .year {
  text-align: center;
  line-height: 1.0;
}
.date-as-calendar .month {
  text-transform: uppercase;
  background: #B11;
  color: white;
}
/*
.inline-flex.date-as-calendar {
  display: inline-flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 4em;
  height: 4em;
}
.inline-flex.date-as-calendar .weekday,
.inline-flex.date-as-calendar .day,
.inline-flex.date-as-calendar .month,
.inline-flex.date-as-calendar .year {
  display: block; flex: 1 1 auto;
}
.inline-flex.date-as-calendar .month {
  order: 1; font-size: 0.75em; padding: 0.1em 0;
}
.inline-flex.date-as-calendar .weekday {
  order: 2; font-size: 0.6125em;
}
.inline-flex.date-as-calendar .day {
  order: 3; font-size: 1.5em;
}
.inline-flex.date-as-calendar .year {
  order: 4; font-size: 0.87750em;
}*/
/* VEDI TUTTI */
.vedi-tutti {
  font-size: 1.3em;
  font-weight: 700;
  line-height: 4em

}
/*bannerini*/
.bannerini img {height:50px; margin: 0 10px}

#elenco-cani dt {
  float: left;
  clear: left;
  text-align: right;
  font-weight: bold;
  color: #D96D00;
}

#elenco-cani dd {
  margin: 0 0 0 110px;
  padding: 0 0 0.5em 0;
}

#blockbtn-slide {
  position: absolute;
  top: 10%;
  right: 100px;
  z-index: 3;
}

#blockbtn-slide ul li {
  margin-bottom: 5px;
}

#blockbtn-slide ul li a.button {
  text-align: left;
  background: rgba(68, 92, 68, 0.8) !important;
  font-size: 1em;
  font-weight: 700
}

@media screen and (min-width: 41em) {
  #blockbtn-slide {
    top: 30%;
    right: 100px;
  }
  #blockbtn-slide ul li a.button {
    font-size: 1.2em;
  }
}