body{ color:#555;}

.navbar-expand-lg>.container{ padding-right: 15px; padding-left: 15px;}

a,a:hover,a:focus {

  -webkit-transition-duration: 500ms;

  transition-duration: 500ms;

  text-decoration: none;

  outline: 0 solid transparent;

  color: #555; }

.fab{background: var(--primary); padding: .5rem;border-radius: 50%; width:30px; height:30px; text-align:center;}

#scopri-area .fab.fa-2x{width:48px; height:48px;}

[data-toggle="collapse"] .fas:before,.dropdown.show .dropdown-toggle .fas:before {  

  content: "\f107";

}

[data-toggle="collapse"].collapsed .fas:before,.dropdown .dropdown-toggle .fas:before {

  content: "\f105";

}

.carousel-control-prev, .carousel-control-next{ opacity:1;}

.carousel-indicators li { opacity: 1; width: 20px; height:20px; border:0; border-radius: 50%; background:#fff; position:relative; text-indent: 0;}

.carousel-indicators li.active:before {

    content: '';

    background: var(--primary);

	position:absolute;

	top:5px;

	left:5px;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    margin: 0;

    opacity: 1;}

#formsearchid .select2-container--bootstrap4 .select2-selection--single,#formsearchid .btn-primary{ height:45px !important; border-radius:0;}

#formsearchid .select2-container--bootstrap4 .select2-selection--single{ background:#F5F5F5; border:0;}

#formsearchid .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{ line-height:45px;}

.navbar-expand-lg .navbar-nav .nav-link{ padding:0.7rem 0 .4rem; font-size:18px; border-bottom:9px solid var(--primary);}

.navbar-expand-lg .navbar-nav .nav-link:hover,.navbar-expand-lg .navbar-nav .nav-link.act { border-bottom-color:#fff;}

.navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle::after{ display:none;}

.navbar-light .navbar-nav .nav-item.show{ position: static; }

.navbar-expand-lg .navbar-nav .nav-item.show .nav-link { border-bottom-color:#F5F5F5;}

.dropdown-menu.show {

    width: 100% !important;

    border: 0;

    border-bottom: 8px solid  var(--primary);

    margin-top: 0;

	background: #F5F5F5 url(/media/stemma.png) no-repeat;

	background-position: right 15% center;

	background-size:auto 90%;

	border-radius:0;}

.dropdown-menu.show .dropdown-item {

	font-size:.875rem;

	color: #555;

	text-transform:lowercase;

	padding: 0.25rem 0;

	white-space:normal;}



/*** ARTICOLI ***/

.item{ background:#F5F5F5; font-size: .75rem}

.item .info{ min-height:130px;}

.item .info .badge{ position:absolute; top:0; left:15px; font-size:.75rem; text-transform:uppercase; padding:.4rem 1.5rem}

.item .info h4{ font-size:1.375rem; color:var(--primary); margin-top: .5rem;}

#evidenza-area{ margin-top:60px; }

#news-area{background:#F5F5F5 url(/media/stemma.png) no-repeat; background-position: left 13% center; margin-top:60px; padding:40px 0;}

#news-area .carousel-indicators {position: relative; margin: 0; justify-content: left; left:15px; bottom:-23px;}

#news-area .view-all{ color:#19A2B8; font-weight:bold; display:inline-block;}

.pagination{ font-size:22px;}

.pagination .page-item.active .page-link{ color:#C3C3C3; background-color:transparent}

.pagination .fa{ font-size:1.5em;}

#dettaglio,.post{ font-size:12px;}

#dettaglio h1,.post h1{ font-size:2.375rem}

#dettaglio .item .info{ min-height:inherit;}

.post h2{ color:var(--primary);}

#filtro,#filtro .custom-select{ font-size:12px;}

#filtro .custom-select option {background-color: var(--primary) !important;}

/*** ARTICOLI ***/



/*** SX ***/

.nav-pills .nav-item:hover a,.nav-pills .nav-item.active a{ color:var(--primary); }

.nav-pills .nav-item.active a{ font-weight:700;}

.nav-pills .nav-item .nav-pills .nav-item.active a{ color:var(--primary) !important }

.nav-pills .nav-link{ font-size:12px; padding:0 1rem}

.nav-pills .nav-link > .nav-pills .nav-link{ color:#F00} 

/*** SX ***/



/*** FOOTER ***/

#eventi-area{ padding:3.75rem 0;}

/*#eventi-area .item .info{background: transparent linear-gradient(180deg, #00000000 0%, #00000014 49%, #000000 100%) 0% 0% no-repeat padding-box; }*/

#eventi-area .carousel-control-prev{ left:-10%;}

#eventi-area .carousel-control-next{ right:-10%;}

#scopri-area #scopriCarousel .carousel-caption{ min-height:485px; left:15px; right:0; bottom:35px; padding:25px 45px 0 25px; font-size:12px; color:#555}

#scopri-area #scopriCarousel .carousel-caption .thumb{height:220px; overflow:hidden; position: absolute; left:0; bottom:0;}

#scopri-area #scopriCarousel .carousel-caption .thumb img{ transform:translate(0,-25%);}



#scopri-area #scopriCarousel .carousel-control-prev,#scopri-area #scopriCarousel .carousel-control-next{ margin-top:-27.5%;}

#scopri-area #scopriCarousel .carousel-control-prev{ left:40%;}

#scopri-area #scopriCarousel .carousel-control-next{ right:15%;}

footer{ font-size:.75rem; color:#fff}

footer ul{ font-size:.625rem; padding:0; list-style:none;}

footer a{color:#fff;}

footer .fab,#scopri-area .fab{background: var(--white); color:#005DA4;}

/*** FOOTER ***/



@media (max-width: 576px) {

  #evidenza-area{ margin-top:0;}

  .offcanvas-collapse{ padding:0;}

  .navbar-expand-lg .navbar-nav .nav-link{ font-size:28px; border-bottom:0; padding: 0.5rem 1rem;}

  .dropdown-menu.show{ background:#F5F5F5; position:relative !important; transform:none !important}

  .dropdown-menu.show .dropdown-item{ padding:0.25rem 1rem}

  #map{ height:260px !important;}

  /*#eventi-area .item{ height: 226px !important;}*/

  #eventi-area .item .info h4{ font-size:.875rem}

  #scopri-area{ background:rgba(0,102,162,1) !important; background-size:inherit !important;}

  #scopri-area #scopriCarousel .carousel-caption{ position:relative; left:inherit;}

  #scopri-area #scopriCarousel .carousel-control-prev img,#scopri-area #scopriCarousel .carousel-control-next img{ height:30px}

  #scopri-area #scopriCarousel .carousel-control-prev, #scopri-area #scopriCarousel .carousel-control-next { bottom: inherit; margin-top: -35%;}

  #scopri-area #scopriCarousel .carousel-control-prev{ left:5%;}

  #scopri-area #scopriCarousel .carousel-control-next{ right:5%;}

  

  #news-area{ margin-top:0; background-image:none; background-position:inherit;}

  #news-area .carousel-indicators{ display: inline-flex;}

  #banner-area .banner img,#bann-area .banner img{ width: 100%; height: auto;}

}



@media (min-width: 768px) {

  .multi-item-carousel .carousel-inner .carousel-item {

    margin-right: inherit;

  }

  .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item,

  .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item + .carousel-item {

    display: block;

  }

  .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),

  .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,

  .multi-item-carousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {

    -webkit-transition: none;

    transition: none;

  }

  .multi-item-carousel .carousel-inner .carousel-item.active + .carousel-item + .carousel-item + .carousel-item {

    position: absolute;

    top: 0;

    right: -33.33333333%;

    z-index: -1;

    display: block;

    visibility: visible;

  }

  .multi-item-carousel .carousel-inner .carousel-item-next,

  .multi-item-carousel .carousel-inner .carousel-item-prev {

    position: relative;

    -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

  }

  .multi-item-carousel .carousel-inner .carousel-item-prev.carousel-item-right {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    display: block;

    visibility: visible;

  }

  .multi-item-carousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,

  .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item,

  .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,

  .multi-item-carousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {

    position: relative;

    -webkit-transform: translate3d(-100%, 0, 0);

            transform: translate3d(-100%, 0, 0);

    visibility: visible;

  }

  .multi-item-carousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,

  .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item,

  .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,

  .multi-item-carousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {

    position: relative;

    -webkit-transform: translate3d(100%, 0, 0);

            transform: translate3d(100%, 0, 0);

    display: block;

    visibility: visible;

  }
 
	 #banner-area .banner img,#bann-area .banner img{ width: 100%; height: auto;}

}