@font-face {
font-family: 'archiui-social';
src: url('../font/archiui-social.eot?35809635');
src: url('../font/archiui-social.eot?35809635#iefix') format('embedded-opentype'),
url('../font/archiui-social.woff2?35809635') format('woff2'),
url('../font/archiui-social.woff?35809635') format('woff'),
url('../font/archiui-social.ttf?35809635') format('truetype'),
url('../font/archiui-social.svg?35809635#archiui-social') format('svg');
font-weight: normal;
font-style: normal;
}
/* Body */
body {
font-family: 'Open Sans', sans-serif;
position: relative;
font-size: 16px;
}
/* headings */
h1, h2, h3, h4, h5, h6 {
font-family: 'Arimo', sans-serif;
margin: 0;
font-weight: 700;
}
/* link */
a {color: #444444;}
a.border-b {border-bottom: 1px solid #444;}
a:hover {text-decoration: none;}
a.text-color:hover {opacity: 0.9;}
a.box-text-color:hover {color: #ffffff;}
.pointer{cursor: pointer;}
:focus {outline: none;}
a.text-sm {font-size: 14px;}
.text-sm {font-size: 14px;}
a.inventario span {
font-size: 12px;
top: 0px;
padding: 5px;
}
.pswp a{
color:#fff;
}
.wpgdprc-consents-settings-link{
color:rgba(151,0,27,1);
}
/* Square */
.square {
position: relative;
width: 100%;
overflow:hidden;
}
.content {
position: absolute;
width: 100%;
height: 100%;
}
.square:after {
content: "";
display: block;
padding-bottom: 100%;
}
.item-perc .square {
border-top-right-radius: 40px;
}
.owl-item.active.centerbg. .item-perc .bg-color-perc {background-color: rgba(151,0,27,0.50);}
.item-perc .bg-color-perc {
background-color: rgba(0,0,0,0.50);
-webkit-transition: background-color 300ms ease-in;
-moz-transition: background-color 300ms ease-in;
-ms-transition: background-color 300ms ease-in;
-o-transition: background-color 300ms ease-in;
transition: background-color 300ms ease-in;
}
.item-perc:hover .bg-color-perc {background-color: rgba(151,0,27,0.70);}
/* COLORI DOCBI */
a:hover {color: rgba(151,0,27,1);}
.text-color {color:rgba(151,0,27,1);}
.elenco-link a {color:rgba(151,0,27,1);}
.elenco-link.box-text-color a {color:#ffffff;}
.bg-color-utente {background-color:rgba(151,0,27,1);}
.bg-color-utente-090 {background-color: rgba(151,0,27,0.90);}
.bg-color-utente-085 {background-color: rgba(151,0,27,0.85);}
.bg-color-utente-080 {background-color: rgba(151,0,27,0.80);}
.bg-color-utente-075 {background-color: rgba(151,0,27,0.75);}
.bg-color-utente-070 {background-color: rgba(151,0,27,0.70);}
.bg-color-utente-060 {background-color: rgba(151,0,27,0.60);}
.bg-color-utente-050 {background-color: rgba(151,0,27,0.50);}
.bg-color-utente-025 {background-color: rgba(151,0,27,0.25);}
.bg-color-utente-lt {background-color:#c40023;}
.bg-color-utente-dr {background-color:#870018;}
.border-top-5 {border-top: 5px solid rgba(151,0,27,1);}
.border-bottom-5 {border-bottom: 5px solid rgba(151,0,27,1);}
.currentPage a {color: rgba(151,0,27,1);}
.tools-nav .menuItem.currentPage a:hover {color: rgba(151,0,27,0.85);}
.border-top-3 {border-top: 3px solid rgba(151,0,27,1);}
.border-color-utente {border-color: rgba(151,0,27,1)!important;}
.item.single-slide {background-color: rgba(151,0,27,1);}
.bg-cerca, .bg-menu {background-color: rgba(151,0,27,1);}
#wpca_hierarchy .current-item a, #wpca_hierarchy a:hover {color:rgba(151,0,27,1);}
#wpca_hierarchy .current-item a span.with-media .glyphicon {color:rgba(151,0,27,1);}
.aui-card-info {border-color: rgba(151,0,27,1);}
a.prev-card:before {background-color: rgba(151,0,27,1);}
a.next-card:after {background-color: rgba(151,0,27,1);}
.icona-chiudi::before, .icona-chiudi::after {background: rgba(151,0,27,1);}
.super-select.order ul.aperto:after {background: rgba(151,0,27,1)!important;}
.super-select.order ul li.init a {color: rgba(151,0,27,1)!important;}
.filter-active-item {color: rgba(151,0,27,1);}
#filterActive li a {color: rgba(151,0,27,1)}
span.arrow.color-utente {border-color: rgba(151,0,27,1);}
.btn.border-utente {border-color:rgba(151,0,27,1);}
#menu-affix ul li a:hover h5 {color: rgba(151,0,27,1);}
.hr-short-utente {background-color: rgba(151,0,27,1);}
.social a:hover {color:rgba(151,0,27,1);}
.aui-gallery-primary:hover .counter-images {color:rgba(151,0,27,1)}
.pswp a:hover{ color:rgba(151,0,27,1);}
share-button .sb-social ul li:hover { background-color:rgba(151,0,27,1)!important;}
.startpage--overlay {
background: -moz-linear-gradient(left, rgba(151,0,27,1) 1%, rgba(151,0,27,1) 55%, rgba(151,0,27,0.70) 85%, rgba(151,0,27,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(151,0,27,1) 1%,rgba(151,0,27,1) 55%,rgba(151,0,27,0.70) 85%,rgba(151,0,27,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(151,0,27,1) 1%,rgba(151,0,27,1) 55%,rgba(151,0,27,0.70) 85%,rgba(151,0,27,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cca243', endColorstr='#66cca243',GradientType=1 ); /* IE6-9 */
}
.pswp__counter--bar {background-color: rgba(151,0,27,1);}
/* Apertura home */
.apertura-home {
padding-top: 250px;
}
@media (max-width:768px) {
.apertura-home {
padding-top: 100px;
}
}
.apertura-home__title {
color: #ffffff;
font-size: 68px;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
text-shadow: 1px 1px 2px #000;
}
.apertura-home__title span {
font-family: 'Arimo', sans-serif;
font-weight: 700;
}
.apertura-home__sup {
font-size: 28px;
font-weight: 300px;
}
.apertura-home__actions {
margin-left: -7.5px;
margin-right: -7.5px;
}
.apertura-home__button {
padding: 10px 15px;
border-radius: 10px;
display: inline-block;
font-weight: 700;
margin: 0 7.5px 15px;
border: 1px solid transparent;
opacity: 1;
transform: scale(1);
background-color: rgba(0,0,0,0.2);
}
.apertura-home__button.with-border {
border: 1px solid #fff;
}
.apertura-home__button:hover {
background-color: rgba(151,0,27,1)!important;
color: #fff!important;
opacity: 1;
border: 1px solid transparent;
}
.apertura-home__button:focus {
outline: none;
outline-offset: 0;
text-decoration: none;
color: rgba(151,0,27,1);
}
.apertura-home__button.with-border:focus {
color: #ffffff;
}
.apertura-home__button:active {
transform: scale(0.95);
}
/* CUSTOM POST LIST HOME */
.cp-container__img.taglio-immagine {
padding-bottom: 35%;
border-top-right-radius: 20px;
}
.cp-container__type {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
}
.cp-container__info span {
font-size: 14px;
}
/* list */
ul {
padding: 0;
margin: 0;
list-style: none;
}
b, strong {font-weight: 600;}
.glyphicon.glyphicon-2x { font-size: 25px;}
/*
* Row with equal height columns
* --------------------------------------------------
*/
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.aggregator ul { display: inline-block; }
.aggregator ul li{
display: inline-block;
line-height: 2em;
padding-right: 5px;
}
.aggregator ul li a {
color: #FFF;
background: rgba(0,0,0,0.3);
padding: 2px 5px;
}
.aggregator ul li a:hover {
background: rgba(0,0,0,0.5);
}
/* header */
#masthead {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 99;
}
@media (max-width:768px) {
#masthead .navbar-right {
float:right;
padding-top:15px!important;
}
}
.navbar-toggle {display: inline-block;}
/* Menu e Cerca */
.menu-actions em {font-style: normal;}
.chiudi-search, .chiudi-nav {z-index: 99;}
#site-navigation, #panel-cerca {
opacity: 0;
transition: all 300ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
#panel-cerca .vertical-align-wrapper {
position: relative;
top: 90px;
left: 0;
transform: none;
z-index: 1;
}
.wrapper-cerca {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
z-index: 9999!important;
}
.archiui-nav {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
z-index: 9999!important;
}
/* Cerca: form */
#mega-form .form-group {
width: 100%;
position: relative;
}
#mega-form .form-inline {
width: 90%;
margin: 0 auto;
height: 65px;
padding: 0;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#mega-form input.form-control {
width: 100%;
height: 65px;
position: relative;
border: 0;
box-shadow: none;
outline: 0;
background: rgba(255,255,255,0.1);
font-size: 16px;
color: #fff;
letter-spacing: 0.01em;
padding: 10px;
margin-bottom: 30px;
}
#mega-form .form-control::-webkit-input-placeholder {color: #ffffff;}
#mega-form .btn {
float: right;
background-color: transparent;
border: none;
color: #ffffff;
font-size: 22px;
vertical-align: middle;
line-height: 2.5em;
outline: none;
height: 65px;
padding: 0px;
}
ul.archiui-menu li{padding-bottom: 15px;}
ul.archiui-menu li a{
color: #fff;
font-size: 20px;
position: relative;
}
ul.archiui-menu li .dropdown-menu {
float: none;
display: block;
position: relative;
background: transparent;
box-shadow: none;
padding-top: 15px;
padding-bottom: 0;
margin: 0;
border: 0;
}
ul.archiui-menu li .dropdown-menu li:last-child {padding-bottom: 0;}
ul.archiui-menu li .dropdown-menu > li > a {
display: inline-block;
padding: 0 5px;
clear: both;
font-weight: normal;
line-height: normal;
white-space: nowrap;
transition: all 300ms ease-in-out;
}
ul.archiui-menu li a:before {
content: '';
position: absolute;
left: 0;
width: 3px;
height: 100%;
background-color: #000;
transition: all 300ms ease-in-out;
opacity: 0;
}
ul.archiui-menu li a:hover:before {
width: 100%;
height: 100%;
opacity: 0.2;
z-index: -1;
}
ul.archiui-menu li.active a:before {
content: '';
width: 100%;
height: 100%;
opacity: 0.2;
z-index: -1;
position: absolute;
left: 0;
background-color: #000;
transition: all 300ms ease-in-out;
}
ul.archiui-menu li .dropdown-menu > li > a:hover,
ul.archiui-menu li .dropdown-menu > li > a:active,
ul.archiui-menu li .dropdown-menu > li > a:focus {
background: transparent;
color: #fff;
outline: 0;
}
/* ALBERO */
.albero {
overflow: hidden;
transition: all 300ms ease-in-out;
}
.albero.chiuso {
height: 1px!important;
padding: 0!important;
}
/* logo */
.logo {
max-width: 200px;
width: 40%;
float: left;
}
.logo.fab {
max-width: 160px;
}
.logo-footer img {
width: 150px;
float: right;
margin-top: -10px;
margin-left: 10px;
}
/* Menu */
.menu-actions {min-width: 150px;}
.menu-label {
position: absolute;
left: -42px;
top: 3px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
.navbar-toggle.apri-nav .icon-bar {background-color: #000000;}
.navbar-toggle .icon-bar {
display: block;
width: 15px;
height: 1px;
border-radius: 1px;
}
a#cerca-archivio, a#menu-archivio {
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
display: block;
color: #333333;
display: inline-block;
padding-left: 15px;
}
.ico-archiui {
width: 15px;
height: 15px;
background: #fff;
display: inline-block;
margin-bottom: -2px;
margin-right: 7.5px;
transform: perspective( 30px ) rotateY( -45deg );
-webkit-transform: perspective( 30px ) rotateY( -45deg );
-moz-transform: perspective( 30px ) rotateY( -45deg );
-o-transform: perspective( 30px ) rotateY( -45deg );
}
.titolo-menu {
color: #fff;
font-size: 14px;
font-weight: 600;
}
/* Wrapper */
.vertical-align-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.archiui-menu.orizontal-align-wrapper {
position: absolute;
top: 30%;
left: 0;
right: 0;
margin: auto;
width: 80%;
max-width: 400px;
}
/* Backgrounds */
.full-bg {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.bg-grey-dark {background-color: #333333;}
.bg-grey-med {background-color: #666666;}
.bg-grey-lig {background-color: #eff0ef;}
.bg-grey-light {background-color: #eeeeee;}
.bg-grey-light-2 {background-color: #e1e1e1;}
.bg-white {background-color: #fff;}
.bg-transparent {background-color: transparent;}
.apertura-home .bg-gradient {opacity: 0.05;}
.bg-gradient {
background: -webkit-linear-gradient(40deg, rgba(19, 3, 1, 0.8) 21%, rgb(39, 31, 32) 54%, rgba(245, 245, 245, 0) 103%);
background: -o-linear-gradient(40deg, rgba(19, 3, 1, 0.8) 21%, rgb(39, 31, 32) 54%, rgba(245, 245, 245, 0) 103%);
background: linear-gradient(50deg, rgba(19, 3, 1, 0.8) 21%, rgb(39, 31, 32) 54%, rgba(245, 245, 245, 0) 103%);
}
/* .bg-color-utente-dr.currentPage {background-color: #fff}
.bg-color-utente-lt.currentPage {background-color: #fff}
.bg-color-utente.currentPage {background-color: #fff} */
.menuItem.currentPage:last-child {background-color: #fff;}
.currentPage .bg-color-utente-dr {background-color: #fff}
.currentPage .bg-color-utente-lt {background-color: #fff}
.currentPage .bg-color-utente {background-color: #fff}
/* .tools-nav .menuItem:first-child, .tools-nav .menuItem:nth-child(2){
background-color: rgba(255,255,255,1);
} */
.tools-nav div a{
position: relative;
display: inline-block;
min-height: 50px;
line-height: 50px;
width: 100%;
padding: 0 20px;
border-top-right-radius: 40px;
}
@media(max-width:768px) {
.tools-nav div a{
border-top-right-radius: 0px;
}
}
.tools-nav .menuItem:first-child a:before {
content: '';
position: absolute;
left: -100%;
display: inline-block;
width: 100%;
min-height: 50px;
background-color: inherit;
z-index: -1;
}
.tools-nav .menuItem:last-child a:after {
content: '';
position: absolute;
right: -100%;
display: inline-block;
width: 100%;
min-height: 50px;
background-color: inherit;
z-index: -1;
}
.tools-nav div a:hover{
color: rgba(255,255,255,0.85);
}
.tools-nav div a.currentPage {
padding-left: 15px;
}
.round-top-right {
border-top-right-radius: 40px;
}
.tools-nav.selected-2 .menuItem:first-child {
background-color: rgba(255,255,255,1);
}
.tools-nav.selected-3 .menuItem:nth-child(2) {
background-color: rgba(255,255,255,1);
}
/* Elenchi link */
.elenco-link a {
display: block;
font-size: 16px;
line-height: 1.2em;
}
.pos-bottom {
position: absolute!important;
bottom: 30px;
}
/* Elenco filtri */
#SearchFilters.in,
#SearchFilters.collapsing {
display: block!important;
}
.elenco-filtri .form-control-wrap {
border: 1px solid #444444;
background: #ffffff;
}
.elenco-filtri .form-control {
display: inline-block;
width: 80%;
background-color: #ffffff;
border-radius: 0px;
border: 0;
box-shadow: none;
}
.elenco-filtri .btn-default {
color: #333333;
background-color: #ffffff;
border: none;
float: right;
outline: none;
padding: 7px 15px;
}
.elenco-filtri .input-group {border: 1px solid #444444;}
.control-label {
font-size: 16px;
padding-top: 5px;
}
button.btn.btn-default.special {
border: 1px solid #444;
font-size: 14px;
background: #444;
color: #fff;
}
.inactive .arrow {opacity: 0.3;}
/**
* Card Info
*/
.aui-card-pos {
width: 100%;
height: 150px;
position: relative;
display: inline-block;
transition: all 300ms ease-in-out;
margin-bottom: 10px;
}
a.prev-card:before {
content: '';
display: inline-block;
position: absolute;
left: 0;
width: 15%;
height: 150px;
z-index: 2;
background-image: url(../img/arrow-r.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 25px 25px;
}
a.next-card:after {
content: '';
display: inline-block;
position: absolute;
right: 0;
width: 15%;
height: 150px;
z-index: 2;
background-image: url(../img/arrow-l.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 25px 25px;
}
.prev-card .aui-card-info {
position: absolute;
width: 85%;
height: 150px;
right: 0px;
padding: 15px;
border-width: 1px;
border-style: solid;
background-color: #ffffff;
z-index: 1;
}
.next-card .aui-card-info {
position: absolute;
width: 85%;
height: 150px;
left: 0px;
padding: 15px;
border-width: 1px;
border-style: solid;
background-color: #ffffff;
z-index: 1;
}
/* filtri off canvas
@media screen and (max-width: 768px) {
.row-offcanvas {
position: relative;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.row-offcanvas-left.active {
left: 33%;
}
.row-offcanvas-left.active .sidebar-offcanvas {
left: -33%;
position: absolute;
top: 0;
width: 100%;
margin-left: 5px;
z-index: 99;
background: #ccc;
}
#sidebar, #sidebar a, #sidebar-footer a {
padding-left:3px;
}
#sidebar {
width: 100%;
background: #cccccc;
}
.nascosto {
display: none;
}
.visibile {
display: block;
}
}
.nascosto {
display: block;
}
.visibile {
display: none;
} */
/* Risultati */
.label-risultati {
position: absolute;
bottom: 30px;
}
/* @media (max-width:768px) {
.label-risultati {
position: relative;
margin-top: 50px;
}
} */
/* Wrapping */
.wrap {
display: inline-block;
width: 100%;
}
/* Arrow */
span.arrow.black {border-color: #000000;}
span.arrow {
display: inline-table;
margin-top: 1px;
margin-left: 5px;
width: 10px;
height: 10px;
border-left: 3px solid #fff;
border-top: 3px solid #fff;
}
span.arrow.down{transform: rotate(-135deg);}
span.arrow.right{transform: rotate(135deg);}
span.arrow.up {transform: rotate(45deg);}
span.arrow.left {transform: rotate(-45deg);}
span.big.arrow {
display: inline-table;
margin-top: 1px;
margin-left: 5px;
width: 25px;
height: 25px;
border-left: 5px solid #fff;
border-top: 5px solid #fff;
}
/* Progetto */
.descrizione-progetto a{
font-size: 14px;
}
.vertical-align-wrapper.intro {
position: absolute;
width: 100%;
top: inherit;
bottom: 0;
left: 0;
transform: none;
margin-bottom: 0!important;
}
.vertical-align-wrapper.intro .p-tot-6 {
padding: 30px!important;
}
/* Percorso */
#percorsi .titolo-percorso {
font-size: 26px;
line-height: 1.35em;
}
.little-thumb {
height: 0;
padding-bottom: 65px;
width: 65px;
vertical-align: middle;
margin-right: 30px;
display: inline-block;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.pos-bottom-static.special-percorsi {
position: absolute;
bottom: 30px;
overflow: hidden;
min-height: 100px;
}
.inizia-tour {
position: absolute;
bottom: -20px;
opacity: 0;
transition: all 300ms ease-in-out;
}
#home-carousel .item-perc:hover .inizia-tour {
bottom: 0px;
opacity: 1;
}
#home-carousel .owl-item {
cursor: pointer;
}
#home-carousel .item-perc .img-active-overlay, #home-carousel .item-perc .img-active-overlay {
width: 0%;
height: 100%;
position: absolute;
transition: all 300ms ease-in-out;
overflow: hidden;
}
#home-carousel .item-perc:hover .img-active-overlay, #home-carousel .item-perc:hover .img-active-overlay {
width: 100%;
}
#home-carousel .owl-dots {
position: absolute;
left: 0;
right: 0;
text-align: center;
bottom: -45px;
display:block!important;
}
#home-carousel .owl-dots .owl-dot {
height: 10px;
width: 10px;
background: #ccc;
display: inline-block;
z-index: 999;
margin: 6px;
border-radius: 50%;
}
#home-carousel .owl-dots .owl-dot.active {
background: rgba(151,0,27,1);
}
/* Menu Affix */
#affix-placeholder {
position: relative;
width: 100%;
height: 46px;
}
#menu-affix.affix {
top: 0;
width: 100%;
z-index: 99;
}
#menu-affix ul {display: flex;}
#menu-affix ul li.menu-b:hover {background: #fff;}
#menu-affix ul li.active {background: #fff;}
#menu-affix ul li.active a h5 {color: #444444;}
#menu-affix ul li a:hover {
background: none;
color: #444;
}
#menu-affix ul li a:focus {
background: none;
color: #444;
}
#menu-affix ul li a:hover h5 {color: #444;}
#menu-affix ul li a:focus h5 {color: #444;}
/* Filtri attivi */
#label-filtri {
display: inline-block;
}
#filterActive {
list-style: none;
display: inline;
padding-left: 5px;
margin: 0;
}
#filterActive li {
display: inline;
margin-right: 15px;
}
.filter-active-item {
padding: 5px;
background: #ffffff;
}
#filterActive li a {font-size: 14px;}
.filter-active-item a .glyphicon {top: 2px;}
#filterActive li:nth-child(2) {margin-left: 0px;}
#removeAll {
border-top-right-radius: 25px;
background: transparent;
color: #000;
padding: 5px 20px 5px 15px;
margin-top: 0px;
background: rgba(0,0,0,0.05);
margin-right: 0!important;
}
#removeAll a {
color: #333!important;
font-size: 14px;
}
/* Taglio immagine */
.taglio-immagine-cerca {
height: 0;
padding-bottom: 15%;
}
/* Carousel */
#home-carousel .item-perc.single-slide {
background-size: 50% auto;
background-position: right center;
}
#home-carousel .item-perc.single-slide .img-overlay-gradient-black-large {
width: 50%;
right: 0;
}
/* overlays */
.overlay-img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.img-overlay-gradient-black {
position: absolute;
width: 100%;
height: 100%;
opacity: 1;
background: -moz-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 42%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(42%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 42%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 42%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 42%, rgba(0,0,0,1) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 42%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
}
.img-overlay-gradient-black-large {
position: absolute;
width: 100%;
height: 100%;
opacity: 1;
background: -moz-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(15%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(270deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,1) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 );
}
.img-overlay-utente {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.15;
}
.img-overlay-utente.no-trasp {opacity: 1;}
/* Map */
.acf-map {
width: 100%;
height: 300px;
border: #ccc solid 1px;
}
/* Header placeholder */
.header-placeholder {
height: 150px;
}
/* Carousel pagina singola */
.single-carousel .owl-item {
height: 520px;
text-align: center;
padding-bottom: 20px;
}
.single-carousel .owl-item:focus {
outline-offset: 0;
outline: none;
}
.single-carousel .owl-item:active {
outline-offset: 0;
outline: none;
}
.single-carousel img {
max-height: 540px;
width: auto!important;
max-width: 100%;
margin: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.single-carousel .owl-item .slide__caption {
position: relative;
z-index: 999;
color: black;
color: #000;
font-size: 80%;
font-weight: 300;
letter-spacing: 0.02em;
padding-top: 2px;
}
.single-carousel .owl-nav {
width: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 99;
}
.single-carousel .owl-prev {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
float: left;
background:#fff;
}
.single-carousel .owl-next {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
float: right;
background:#fff;
}
.single-carousel span.didascalia{
display: block;
position: absolute;
bottom: 0;
background-color: rgba(255,255,255,0.8);
width: 100%;
padding: 20px;
}
/* Buttons */
.btn {
border-radius: 0;
padding: 10px 30px;
}
.btn-full-w {width: 100%;}
.btn-white {
background-color: #fff;
color: #444;
position: relative;
z-index: 2;
transition: all 500ms ease-in-out;
}
.btn-trasparent {
border-color: #fff;
position: relative;
background-color: none;
z-index: 2;
transition: all 500ms ease-in-out;
}
.btn-trasparent.no-border {
border-color: transparent;
border:0;
}
a.btn-trasparent:hover {color: #000;}
.btn-trasparent:after{
content: '';
width: 0%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #fff;
border:0px solid #fff;
z-index: -1;
transition: all 300ms ease-in-out;
}
.btn-trasparent:hover:after{
width: 100%;
border:1px solid #fff;
}
.btn-trasparent:hover .arrow {
border-color: #000;
transition: all 500ms ease-in-out;
}
.btn.special-button {
width: 100%;
left: 0;
bottom: 0px;
padding: 15px 0;
border: 0;
border-top: 1px solid;
}
/* owl */
.owl-theme .owl-controls {margin-top: 0px;}
.owl-theme .owl-controls .owl-buttons div {
position: absolute;
top: 50%;
background: transparent;
font-size: 28px;
opacity: 1;
margin:0;
padding:0;
border-radius: 0;
}
.owl-theme .owl-controls .owl-buttons div.disabled {opacity: 0.5;}
.owl-prev {left: 25px;}
.owl-next {right: 25px;}
/* Font transform */
.upp {text-transform: uppercase;}
.no-bold {font-weight: 400;}
.bold {font-weight: 700;}
/* Font color */
.white {color: #ffffff;}
.grey {color:#777777;}
.white.no-hov:hover {color: #ffffff;}
.black {color: #444444;}
.box-text-color {color:#ffffff;}
/* Positioning */
.pos-r {position: relative;}
.pos-bottom-static {
position: absolute;
bottom: 30px;
}
.v-center-right {
position: absolute;
top: 50%;
right: 0;
transform: translate(0%, -50%);
}
/* Icona Chiudi */
.icona-chiudi {
position: relative;
display: inline-block;
width: 32px;
height: 32px;
overflow: hidden;
transition: all 300ms;
background: white;
border-radius: 50%;
border: 2px solid #fff;
text-align: center;
}
.icona-chiudi::before, .icona-chiudi::after {
content: '';
position: absolute;
height: 4px;
width: 65%;
top: 50%;
left: 5px;
margin-top: -2.5px;
transition: all 100ms;
}
.icona-chiudi::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.icona-chiudi::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.icona-chiudi:hover {opacity: 0.9;}
/* Separators */
.black-left-1 {
border-left: 1px solid #efefef;
}
.black-bottom-1 {
border-bottom: 1px solid #efefef;
}
.grey-light-bottom-1 {
border-bottom: 1px solid #efefef;
}
.hr-short-white {
border: 0;
width: 30px;
height: 3px;
background-color: #ffffff;
display: inline-block;
margin: 0;
margin-top: 40px;
}
.hr-short-utente {
border: 0;
width: 30px;
height: 3px;
display: inline-block;
margin: 0;
margin-top: 40px;
}
/* overflow */
.oh {overflow: hidden}
.oh-x {overflow-x: hidden}
.oh-y {overflow-y: hidden}
/* padding and margin */
.p-tot {padding: 15px!important;}
.p-tot-2 {padding: 30px!important;}
.p-tot-3 {padding: 45px!important;}
.p-tot-4 {padding: 60px!important;}
.p-tot-6 {padding: 90px!important;}
.m-tot {margin: 15px!important;}
.m-tot-2 {margin: 30px!important;}
.m-tot-3 {margin: 45px!important;}
.m-tot-4 {margin: 60px!important;}
.p-top {padding-top: 15px!important;}
.p-top-half {padding-top: 7px!important;}
.p-bottom {padding-bottom: 15px!important;}
.p-bottom-half {padding-bottom: 7px!important;}
.p-left {padding-left: 15px!important;}
.p-left-half {padding-left: 7px!important;}
.p-right {padding-right: 15px!important;}
.p-right-half {padding-right: 7px!important;}
.p-top-2 {padding-top: 30px!important;}
.p-bottom-2 {padding-bottom: 30px!important;}
.p-left-2 {padding-left: 30px!important;}
.p-right-2 {padding-right: 30px!important;}
.p-top-3 {padding-top: 45px!important;}
.p-bottom-3 {padding-bottom: 45px!important;}
.p-left-3 {padding-left: 45px!important;}
.p-right-3 {padding-right: 45px!important;}
.p-top-4 {padding-top: 60px!important;}
.p-bottom-4 {padding-bottom: 60px!important;}
.p-left-4 {padding-left: 60px!important;}
.p-right-4 {padding-right: 60px!important;}
.p-top-6 {padding-top: 90px!important;}
.m-top {margin-top: 15px!important;}
.m-bottom {margin-bottom: 15px!important;}
.m-left {margin-left: 15px!important;}
.m-right {margin-right: 15px!important;}
.m-top-half {margin-top: 7px!important;}
.m-bottom-half {margin-bottom: 7px!important;}
.m-left-half {margin-left: 7px!important;}
.m-right-half {margin-right: 7px!important;}
.m-top-2 {margin-top: 30px!important;}
.m-bottom-2 {margin-bottom: 30px!important;}
.m-left-2 {margin-left: 30px!important;}
.m-right-2 {margin-right: 30px!important;}
.m-top-3 {margin-top: 45px!important;}
.m-bottom-3 {margin-bottom: 45px!important;}
.m-left-3 {margin-left: 45px!important;}
.m-right-3 {margin-right: 45px!important;}
.m-top-4 {margin-top: 60px!important;}
.m-bottom-4 {margin-bottom: 60px!important;}
.m-left-4 {margin-left: 60px!important;}
.m-right-4 {margin-right: 60px!important;}
.m-top-5 {margin-top: 90px!important;}
.m-auto {margin: 0 auto!important;}
.no-p {
padding-left: 0!important;
padding-right: 0!important;
}
.no-p-top {padding-top: 0!important;}
.no-p-bottom {padding-bottom: 0!important;}
.no-p-right {padding-right: 0!important;}
.no-p-left {padding-left: 0!important;}
.no-m {
margin-left: 0!important;
margin-right: 0!important;
}
.no-m-top {margin-top: 0!important;}
.no-m-bottom {margin-bottom: 0!important;}
.no-m-left {margin-left: 0!important;}
.no-m-right {margin-right: 0!important;}
/* Altezze fisse */
.fix-h-100 {height: 100px;}
.fix-h-200 {height: 200px;}
.fix-h-300 {height: 300px;}
.fix-h-400 {height: 400px;}
.fix-h-500 {height: 500px;}
.fix-h-540 {height: 540px;}
.h-100 {min-height: 100px;}
.h-200 {min-height: 200px;}
.h-300 {min-height: 300px;}
.h-400 {min-height: 400px;}
.h-500 {min-height: 500px;}
.h-600 {min-height: 600px;}
/* FIVE COLUMNS BOOTSTRAP */
.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-20 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-20 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-20 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-20 {
width: 20%;
float: left;
}
}
@media (min-width: 768px) {
/* Cerca: form */
/*#mega-form .form-group {
width: 100%;
}*/
#mega-form .form-inline {
width: 80%;
margin: 0 auto;
float: none!important;
padding: 0;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#mega-form input.form-control {
width: 100%;
height: 65px;
position: relative;
border: 0;
box-shadow: none;
outline: 0;
background: rgba(255,255,255,0.1);
font-size: 24px;
color: #fff;
letter-spacing: 0.01em;
padding: 10px;
margin-bottom: 15px;
border-radius: 0;
}
#mega-form .form-control::-webkit-input-placeholder {color: #ffffff;}
#mega-form .btn {
float: right;
background-color: transparent;
border: none;
color: #ffffff;
font-size: 22px;
vertical-align: middle;
line-height: 2.5em;
outline: none;
height: 65px;
padding: 0 30px;
}
#SearchFilters{
display: block!important;
visibility:visible!important;
}
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
ul.archiui-menu li a {
position: relative;
padding: 0 5px 3px;
color: #fff;
font-size: 20px;
z-index: 2;
}
ul.archiui-menu.progetto li{
padding-bottom: 10px;
}
ul.archiui-menu.progetto li a{
font-size: 20px;
}
.archiui-cerca.orizontal-align-wrapper {
position: absolute;
top: 30%;
left: 0;
right: 0;
margin: auto;
width: 90%;
}
/**
* Card Info
*/
.aui-card-pos {
width: 40%;
float: left;
height: 150px;
position: relative;
display: inline-block;
transition: all 300ms ease-in-out;
margin-bottom: 10px;
}
.aui-card-pos.next-card {
float: right;
}
a.prev-card:before {
content: '';
display: inline-block;
position: absolute;
left: 0;
width: 15%;
height: 150px;
z-index: 2;
background-image: url(../img/arrow-r.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 25px 25px;
}
a.next-card:after {
content: '';
display: inline-block;
position: absolute;
right: 0;
width: 15%;
height: 150px;
z-index: 2;
background-image: url(../img/arrow-l.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 25px 25px;
}
.prev-card .aui-card-info {
position: absolute;
width: 85%;
height: 150px;
right: 0px;
padding: 15px;
border-width: 1px;
border-style: solid;
background-color: #ffffff;
z-index: 1;
}
.next-card .aui-card-info {
position: absolute;
width: 85%;
height: 150px;
left: 0px;
padding: 15px;
border-width: 1px;
border-style: solid;
background-color: #ffffff;
z-index: 1;
}
}
@media (min-width: 1025px) {
#panel-cerca .vertical-align-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
#mega-form .form-inline {
width: 98%;
}
.vertical-align-wrapper.intro {
position: absolute;
top: 45%;
left: 50%;
bottom: inherit;
transform: translate(-50%,-50%);
width: auto;
margin-bottom: 30px!important;
}
.vertical-align-wrapper.intro .p-tot-6 {
padding: 90px!important;
}
}
@media (min-width: 1300px) {
/**
* Card Info
*/
.aui-card-pos {
width: 50px;
height: 150px;
position: fixed;
top: 50%;
z-index: 99;
overflow: hidden;
transition: all 300ms ease-in-out;
}
.aui-card-pos:hover {
width: 350px;
}
.aui-card-pos.prev-card {
left: 0;
}
.aui-card-pos.next-card {
right: 0;
}
a.prev-card:before {
content: '';
display: inline-block;
position: absolute;
width: 50px;
height: 150px;
top: 0;
left: 0;
z-index: 2;
background-image: url(../img/arrow-r.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 25px 25px;
}
a.next-card:after {
content: '';
display: inline-block;
position: absolute;
width: 50px;
height: 150px;
top: 0;
right:0;
z-index: 2;
background-image: url(../img/arrow-l.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 25px 25px;
}
.next-card .aui-card-info, .prev-card .aui-card-info {
position: absolute;
width: 250px;
height: 150px;
padding: 15px;
top: 0;
left: inherit;
border-width: 1px;
border-style: solid;
background-color:#ffffff;
z-index: 1;
}
a.prev-card .aui-card-info{
border-left: 0px;
left:-300px;
transition: all 300ms ease-in-out;
}
a.next-card .aui-card-info{
border-right: 0px;
right:-300px;
transition: all 300ms ease-in-out;
}
a.prev-card:hover .aui-card-info{
left:50px;
}
a.next-card:hover .aui-card-info{
right:50px;
}
}
@media (max-width: 1024px) {
#mega-form .form-inline {
width: 98%;
}
#mega-form .form-group {
width: 100%;
position: relative;
}
.archiui-cerca.orizontal-align-wrapper {
position: absolute;
top: 10%;
left: 0;
right: 0;
margin: auto;
width: 90%;
}
.inizia-tour {
bottom: 0px;
opacity: 1;
}
}
@media (max-width: 768px) {
#mega-form .form-inline {
width: 80%;
}
.taglio-immagine-cerca {
padding-bottom: 40%;
}
.taglio-immagine {
padding-bottom: 40%;
}
button.btn.btn-default.special {
float: none;
margin-top: 15px;
}
.archiui-cerca.orizontal-align-wrapper {
position: absolute;
top: 10%;
left: 0;
right: 0;
margin: auto;
width: 90%;
z-index: 1;
}
}
@media (max-width: 767px) {
.no-float-mob {float: left!important;}
.menu-wrap.full-h-tot {
min-height: initial!important;
height: auto!important;
}
#site-navigation .full-h-tot-menu {
min-height: 1px !important;
height auto!important;
display: inline-block;
position: relative;
}
.archiui-menu.pos-bottom-static {
position: relative;
bottom: 0;
padding: 30px 0;
}
.archiui-menu.orizontal-align-wrapper {
position: relative;
bottom: 0;
padding: 30px 0;
}
.titolo-menu.m-bottom-4 {
margin-bottom: 30px;
}
#panel-cerca .vertical-align-wrapper {
position: relative;
bottom: 0;
padding: 30px 0;
}
.pswp__zoom-wrap .vertical-align-wrapper {
position: relative;
top: 0;
left: 0;
transform: inherit;
bottom: 0;
padding: 30px 15px;
}
.pswp__zoom-wrap .vertical-align-wrapper h2 {
font-size: 20px;
}
.pswp__zoom-wrap .vertical-align-wrapper a {
font-size: 12px;
width: 67%;
display: inline-block;
float: right;
vertical-align: middle;
padding-top: 15px;
}
#mega-form .form-inline {
width: 100%;
}
#mega-form .form-group {
margin-top: -30px;
}
.hr-short-utente {
margin-top: 15px;
}
}
@media (max-width: 420px) {
#site-navigation {
overflow-y: scroll;
overflow-x: hidden;
}
#panel-cerca {
overflow-y: scroll;
overflow-x: hidden;
}
#panel-cerca .menu-wrap .full-h-tot {
min-height: 700px!important;
height: 100%;
}
#site-navigation .img-overlay-utente {
position: fixed;
}
#panel-cerca .img-overlay-utente {
position: fixed;
}
#mega-form .form-inline {
height: 40px;
background: rgba(255,255,255,0.1);
}
#mega-form .form-group {
}
#mega-form input.form-control {
width: 100%;
height: auto;
position: relative;
border: 0;
box-shadow: none;
outline: 0;
background: rgba(255,255,255,0.2);
font-size: 16px;
color: #fff;
letter-spacing: 0.01em;
padding: 10px;
padding-right: 0;
border-radius: 0;
}
#mega-form .btn {
float: right;
background-color: transparent;
border: none;
color: #ffffff;
font-size: 22px;
vertical-align: middle;
line-height: 0;
outline: none;
height: auto;
padding: 0px 10px;
}
.archiui-menu.orizontal-align-wrapper {
width: 100%;
padding: 0!important;
margin-bottom: 15px;
}
.archiui-menu.orizontal-align-wrapper li {
padding-left: 16px;
}
.vertical-align-wrapper.intro .hr-short-white {
display: none;
}
.no-p-mobile {
padding-left: 0!important;
padding-right: 0!important;
}
.no-border-mobile{
border: 0;
}
.menu-actions {
min-width: 65px;
}
.navbar-toggle .icon-bar {
display: block;
width: 20px;
height: 2px;
border-radius: 1px;
}
a#cerca-archivio {font-size: 20px;}
a#menu-archivio {font-size: 20px;}
button.btn.btn-default.special {
border: 1px solid #444;
font-size: 14px;
background: #444;
color: #fff;
float: left;
margin-top: 20px;
padding: 10px 20px;
}
.taglio-immagine-cerca {
height: 0;
padding-bottom: 35%;
}
#filterActive {
list-style: none;
display: inline-block;
width: 100%;
padding-left: 0px;
margin: 0;
line-height: 3em;
padding: 0px;
}
#removeAll {
padding: 0;
margin-top: 5px;
display: block!important;
}
.archiui-cerca.orizontal-align-wrapper {
position: relative;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
}
}
/*************************** COMPONENTS ***************************************/
/**
* Loader
*/
@-webkit-keyframes fade {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.aui-loader {
position: absolute;
top: inherit;
left: 0;
z-index: 9999;
width: 100vw;
min-height: 100vh;
height: 100%;
background: rgba(238, 238, 238, 0.5);
}
.aui-loader.firstLoad {
top: 0;
background: rgba(238, 238, 238, 1);
}
.aui-loader .aui-loader__container {
position: fixed;
top: 45%;
left: 50%;
margin-left: 155px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.aui-loader .aui-loader__container .block {
height: 180px;
position: absolute;
vertical-align: center;
-webkit-animation-duration: 4000ms;
animation-duration: 4000ms;
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.aui-loader .aui-loader__container .block:nth-child(1) {
right: 65px;
width: 120px;
-webkit-transform: perspective(350px) rotateY(-29deg);
transform: perspective(350px) rotateY(-29deg);
}
.aui-loader .aui-loader__container .block:nth-child(2) {
right: 90px;
width: 160px;
-webkit-transform: perspective(350px) rotateY(-38deg);
transform: perspective(350px) rotateY(-38deg);
}
.aui-loader .aui-loader__container .block:nth-child(3) {
right: 115px;
width: 200px;
-webkit-transform: perspective(350px) rotateY(-47deg);
transform: perspective(350px) rotateY(-47deg);
}
.aui-loader .aui-loader__container .block:nth-child(1), .hierarchy-loader .block:nth-child(1) {
-webkit-animation-delay: 200ms;
animation-delay: 200ms;
}
.aui-loader .aui-loader__container .block:nth-child(2), .hierarchy-loader .block:nth-child(2) {
-webkit-animation-delay: 400ms;
animation-delay: 400ms;
}
.aui-loader .aui-loader__container .block:nth-child(3), .hierarchy-loader .block:nth-child(3) {
-webkit-animation-delay: 600ms;
animation-delay: 600ms;
}
.loader--fade .block {
-webkit-animation-name: fade;
animation-name: fade;
-webkit-animation-duration: 2000ms;
animation-duration: 2000ms;
}
/* breadcrumbs */
ul.aui-breadcrumbs__container {
font-size: 12px;
}
li.aui-breadcrumbs__item i.glyphicon {
font-size: 12px;
margin-bottom: 5px;
top: -1px;
right: 3px;
}
/**
* Gallery
.aui-gallery {
position: relative;
right: 0;
}
.aui-gallery__container figure {
cursor: pointer;
}
.aui-gallery__container .aui-gallery-thubnails {
overflow-x: scroll;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.aui-gallery__container .aui-gallery-thubnails .aui-gallery-item {
display: inline-block;
margin: 0 0.5%;
}
.aui-gallery__container .aui-gallery-primary {
margin: 2% auto;
}
.aui-gallery__container .aui-gallery-primary img {
margin: 0 auto;
display: block;
max-width: 100%;
} */
/**
* Gallery
*/
.aui-gallery {
position: relative;
right: 0;
}
.aui-gallery__container .aui-gallery-thubnails .aui-gallery-item {
height: 0;
padding-bottom: 70%;
position: relative;
cursor: pointer;
}
.aui-gallery__container .aui-gallery-primary {
height: 0;
padding-bottom: 70%;
position: relative;
cursor: pointer;
}
.aui-gallery-primary .img-active-overlay,
.aui-gallery-item .img-active-overlay {
width: 0%;
height: 100%;
position: absolute;
transition: all 300ms ease-in-out;
overflow: hidden;
}
.aui-gallery-primary .img-active-overlay .lente,
.aui-gallery-item .img-active-overlay .lente {
position: absolute;
top: 50%;
left: -100%;
transform: translate(-50%,-50%);
color: #fff;
font-size: 24px;
opacity: 0;
transition: all 400ms ease-in;
}
.aui-gallery-primary:hover .img-active-overlay .lente,
.aui-gallery-item:hover .img-active-overlay .lente {
left: 43%;
opacity: 1;
}
.aui-gallery-primary:hover .img-active-overlay .lente.singola,
.aui-gallery-item:hover .img-active-overlay .lente.singola {
left: 50%;
opacity: 1;
}
.aui-gallery-primary:hover .img-active-overlay,
.aui-gallery-item:hover .img-active-overlay {
width: 100%;
}
.counter-images {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0px;
margin: auto;
text-align: center;
z-index: 99;
font-weight: bold;
width: 40px;
height: 40px;
line-height: 40px;
transition: all 200ms ease-in;
background-color: #fff;
}
.aui-gallery-primary:hover .counter-images {
left: 40px;
background-color: #fff;
}
.aui-gallery__container .icons {
position: absolute;
bottom: 2px;
left: 6px;
z-index: 99;
}
.embed-responsive-archiui{
padding-bottom: 80vh;
}
/**
* Breadcrumbs
*/
/*.aui-breadcrumbs__item {display: inline-block;}*/
.aui-breadcrumbs__item {
margin: 0 5px;
}
li.aui-breadcrumbs__item{
margin: 10px 0 4px 10px
}
/* Spinnner */
.spinner {
margin: 0 5px;
width: 15px;
text-align: center;
}
.spinner > span {
width: 10px;
height: 10px;
background-color: rgba(101, 100, 100, 0.63);
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
/* Dettaglio */
.dettaglio h3 {
width: 80%;
font-weight: 200;
font-size: 26px;
}
.dettaglio .list-metadati li {
font-weight: 600;
}
.relation_detail{
font-size: 12px
color:#B3B3B3;
}
/* Select filtro */
.super-select {display: inline-block;}
.super-select ul {
position: absolute;
top: -10px;
width: 200px;
height: 35px;
padding:5px;
list-style: none;
overflow: hidden;
border:10px;
}
.super-select ul.aperto {
height: auto;
top: -16px;
margin-left: -5px;
overflow: visible;
border: 10px solid #ffffff;
padding: 0;
z-index: 9990;
}
.super-select ul.aperto:after {
content: '';
display: block;
width: 200px;
height: 5px;
background: #0c3a4a;
position: absolute;
bottom: -10px;
z-index: 9990;
left: -10px;
}
.super-select ul li {
width: 100%;
height: 35px;
background: #EDEDED;
padding: 5px;
}
.super-select ul li a{color: #333;}
.super-select ul li.init span {margin-bottom: 2px;}
.super-select ul li.init a {color: #444444;}
.super-select ul li {
z-index: 2;
position: relative;
background: #EDEDED;
}
.super-select ul li:not(.init) { float: left; width: 100%; display: none; background: #ffffff; }
.super-select ul li:not(.init):hover, .super-select ul li.selected:not(.init) { background: #ffffff; }
.super-select li.init { cursor: pointer; }
/* Select or */
.super-select.order {display: inline-block;}
.super-select.order ul {
position: absolute;
top: -10px;
right: 0;
width: 185px;
height: 35px;
padding: 5px;
list-style: none;
overflow: hidden;
padding: 5px 10px;
}
.super-select.order ul.aperto {
height: auto;
top: -16px;
margin-left: -5px;
overflow: visible;
border: 10px solid #ededed;
padding: 0;
z-index: 9990;
}
.super-select.order ul.aperto:after {
content: '';
display: block;
width: 185px;
height: 5px;
background: #0c3a4a;
position: absolute;
bottom: -10px;
z-index: 9990;
left: -10px;
}
.super-select.order ul li {
width: 100%;
height: 35px;
background: #ffffff;
padding: 5px;
}
.super-select.order ul li a{color: #333;}
.super-select.order ul li.init a {color: #CA2918;}
.super-select.order ul li {
z-index: 2;
position: relative;
background: #ffffff;
}
.super-select.order ul li:not(.init) { float: left; width: 100%; display: none; background: #ededed; }
.super-select.order ul li:not(.init):hover, .super-select.order ul li.selected:not(.init) { background: #ededed; }
.super-select.order li.init { cursor: pointer; }
@media (max-width: 420px) {
.super-select.mobile ul {
width: 100%;
border-top: 3px solid #ebebeb;
margin-top: 10px;
}
.super-select.order ul.aperto:after {
width: 100%;
left: 0;
}
}
/*hierarchy scroll*/
/* Hierarchy-tree */
#wpca_hierarchy {
color: black;
font-size: 18px;
}
#wpca_hierarchy a {
font-weight: 200;
color: black;
text-decoration: none;
}
#wpca_hierarchy #root {
color: #000;
font-size: 24px;
}
#wpca_hierarchy .hierarchy-wrap {
margin-left: 0px;
position: relative;
}
#wpca_hierarchy ul.no-bullet {
list-style: none;
margin-left: 0;
padding: 0 0px;
font-size: initial;
}
#wpca_hierarchy .wpca-parent-container {
margin: 0 auto;
padding: 0!important;
border-bottom: 1px solid #ccc;
}
#wpca_hierarchy .wpca-parent-container span {
cursor: pointer;
}
#wpca_hierarchy .wpca-parent-container .toggler {
margin-right: 4px;
padding: 3px 3px 0 3px;
border-radius: 3px;
color: #656464;
font-size: smaller;
width: 20px;
}
#wpca_hierarchy .wpca-parent-container .toggler span.fa:hover {
color: #d32828;
}
#wpca_hierarchy .wpca-parent-container .with-media {
color: #656464;
right: 5vw;
position: absolute;
}
#wpca_hierarchy .current-item {
background-color: transparent;
padding: 5px;
font-style: normal;
}
#wpca_hierachy_items ul li:first-child .wpca-parent-container {
border-top: 1px solid #ccc;
}
#wpca_hierachy_items ul li.level-0 .wpca-parent-container {
border-top: 0px solid #ccc;
}
#wpca_hierarchy .wpca-parent-container.container .wpca-parent-container.container {
display: inline-block;
margin-top: 15px;
border-bottom: 0;
padding-bottom: 0;
}
/*#wpca_hierarchy .wpca-parent-container .wpca-parent-title {
max-width: 85%;
display: inline-block;
float: left;
}*/
#wpca_hierarchy .wpca-parent-container .wpca-parent-title a i.fa {
display: inline-block;
padding-right: 5px;
}
/*hierarchy scroll*/
#wpca_hierarchy .wpca-parent-title a {
max-width: 85%;
}
#wpca_hierarchy .wpca-parent-title.intestazione {
color: #666;
pointer-events: none;
cursor: default;
}
#hierarchy_wrapper{
position: relative;
}
#chiudi-albero{
overflow: scroll;
max-height: 95vh;
position: relative;
}
#apri-albero {text-align: center;}
.img-tree {
width: 100px;
height: 75px;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.level-0 {background-color: #ffffff;}
#wpca_hierarchy .level-0 .wpca-parent-container .container {padding-left: 30px!important;}
.level-1 {background-color: #e8e8e8;}
#wpca_hierarchy .level-1 .wpca-parent-container .container {padding-left: 60px!important;}
.level-2 {background-color: #f5f5f5;}
#wpca_hierarchy .level-2 .wpca-parent-container .container {padding-left: 90px!important;}
.level-3 {background-color: #fdfdfd;}
#wpca_hierarchy .level-3 .wpca-parent-container .container {padding-left: 120px!important;}
.level-4 {background-color: #e2e2e2;}
#wpca_hierarchy .level-4 .wpca-parent-container .container {padding-left: 150px!important;}
.level-5 {background-color: #f2f2f2;}
#wpca_hierarchy .level-5 .wpca-parent-container .container {padding-left: 180px!important;}
.level-6 {background-color: #ffffff;}
#wpca_hierarchy .level-6 .wpca-parent-container .container {padding-left: 210px!important;}
.level-7 {background-color: #fafafa;}
#wpca_hierarchy .level-7 .wpca-parent-container .container {padding-left: 240px!important;}
.level-10 {background-color: #a2a2a2;}
#wpca_hierarchy .level-10 .wpca-parent-container .container {padding-left: 30px!important;}
.level-11 {background-color: #b2b2b2;}
#wpca_hierarchy .level-11 .wpca-parent-container .container {padding-left: 60px!important;}
.level-12 {background-color: #c2c2c2;}
#wpca_hierarchy .level-12 .wpca-parent-container .container {padding-left: 90px!important;}
.level-13 {background-color: #d2d2d2;}
#wpca_hierarchy .level-13 .wpca-parent-container .container {padding-left: 120px!important;}
.level-14 {background-color: #e2e2e2;}
#wpca_hierarchy .level-14 .wpca-parent-container .container {padding-left: 150px!important;}
.level-15 {background-color: #f2f2f2;}
#wpca_hierarchy .level-15 .wpca-parent-container .container {padding-left: 180px!important;}
.level-16 {background-color: #ffffff;}
#wpca_hierarchy .level-16 .wpca-parent-container .container {padding-left: 210px!important;}
.level-17 {background-color: #fafafa;}
#wpca_hierarchy .level-17 .wpca-parent-container .container {padding-left: 240px!important;}
/* Map */
.pac-card {
margin: 10px 10px 0 0;
border-radius: 2px 0 0 2px;
box-sizing: border-box;
-moz-box-sizing: border-box;
outline: none;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
background-color: #fff;
font-family: 'Open Sans', sans-serif;
}
#pac-container {
padding-bottom: 12px;
margin-right: 12px;
}
.pac-logo:after {
content: none;
}
.pac-controls {
display: inline-block;
padding: 5px 11px;
}
.pac-controls label {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 300;
}
.pac-item {
padding: 5px;
font-size: 10px;
}
.pac-item:first-child {
border-top: none;
}
#pac-input {
background-color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 400;
padding: 10px;
text-overflow: ellipsis;
width: 30%;
max-width: 400px;
position: absolute;
z-index: 6;
left: 0px;
outline: none;
margin: 20px;
border: 1px solid #e6e6e6;
}
.pac-container {
border-radius: 0px;
border-top: none!important;
border: 1px solid #e6e6e6;
font-family: Arial,sans-serif;
box-shadow: none;
box-sizing: content-box;
}
.mapList {padding-top: 10px;}
.mapList__item {
margin-bottom: 5px;
white-space: nowrap;
text-overflow: ellipsis;
width: 400px;
display: block;
overflow: hidden;
}
.mapList__item a {
text-decoration: none;
border: none;
color: #97001b;
opacity: 0.85;
}
.mapList__item a:hover {opacity: 1;}
/* Spinnner */
/*.spinner {
margin: 0 5px;
width: 15px;
text-align: center;
}*/
.spinner {
margin: 5px auto;
width: 35px;
text-align: center;
display: block;
}
.spinner > span {
width: 10px;
height: 10px;
background-color: rgba(101, 100, 100, 0.63);
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
@media (max-width: 767px) {
#wpca_hierarchy .wpca-parent-container span {
cursor: pointer;
text-indent: 0px;
}
#wpca_hierarchy .wpca-parent-container .wpca-parent-title a i.fa {margin-left: 0px;}
}
#chiudi-albero{
overflow: scroll;
max-height: 95vh;
position: relative;
}
#apri-albero {
text-align: center;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'archiui-social';
src: url('../font/archiui-social.svg?35809635#archiui-social') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "archiui-social";
font-style: normal;
font-weight: normal;
font-size: 20px;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 16px;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-right: 10px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.social a:focus, .social a:active {text-decoration: none;color: inherit;}
.icon-child:before { content: '\e800'; } /* 'î €' */
.icon-calendar:before { content: '\e801'; } /* 'î ' */
.icon-bookmark:before { content: '\e802'; } /* 'î ‚' */
.icon-tags:before { content: '\e803'; } /* 'î ƒ' */
.icon-location:before { content: '\f031'; } /* '' */
.icon-facebook:before { content: '\f052'; } /* 'ï’' */
.icon-twitter:before { content: '\f058'; } /* 'ï˜' */
.icon-gplus:before { content: '\f05a'; } /* 'ïš' */
.icon-linkedin:before { content: '\f05c'; } /* 'ïœ' */
.icon-instagram:before { content: '\f05d'; } /* 'ï' */
.icon-database:before { content: '\f1c0'; } /* '' */
.aui-404 {
width: 100%;
height: 100%;
}
.aui-404 .aui-404__container .block {
height: 180px;
top: 50px;
position: absolute;
vertical-align: center;
-webkit-animation-duration: 4000ms;
animation-duration: 4000ms;
-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.aui-404 .aui-404__container .block:nth-child(1) {
right: 65px;
width: 120px;
-webkit-transform: perspective(350px) rotateY(-29deg);
transform: perspective(350px) rotateY(-29deg);
}
.aui-404 .aui-404__container .block:nth-child(2) {
right: 90px;
width: 160px;
-webkit-transform: perspective(350px) rotateY(-38deg);
transform: perspective(350px) rotateY(-38deg);
}
.aui-404 .aui-404__container .block:nth-child(3) {
right: 115px;
width: 200px;
-webkit-transform: perspective(350px) rotateY(-47deg);
transform: perspective(350px) rotateY(-47deg);
}
.message-box {
padding: 5%;
text-align: center;
font-size: 3rem;
}
.message-box h1 {
font-size: 5rem;
}
@media print {
html, body {
width: 768px;
}
body {
margin: 0 auto;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666666666666%;
}
.col-md-10 {
width: 83.33333333333334%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666666666666%;
}
.col-md-7 {
width: 58.333333333333336%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666666666667%;
}
.col-md-4 {
width: 33.33333333333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.666666666666664%;
}
.col-md-1 {
width: 8.333333333333332%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.block-grid-sm-3 > .block-grid-item:nth-of-type(3n+1) {
clear: both;
}
.block-grid-sm-3 > .block-grid-item:nth-of-type(n) {
clear: none;
}
.block-grid-sm-3 > .block-grid-item {
width: 33.333333333333336%;
}
}