/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
body{	
    font-family: "IBMPlexSans";
}

*{border-radius:0 !important}

#topheaderarea {
    /*background-color:#FF9751;*/
	background-color:#000;    
}
a#search-button {
    display: none;
    float: right;
    color: #fff;
    font-size: 18px;
    margin-top: 15px;
}

ul.language-switcher-locale-url{
	margin-top: 15px;
	margin-bottom: 15px;
}
ul.language-switcher-locale-url li {
    text-transform: uppercase;
	display:inline-block;
	font-family:"IBMPlexSans-ExtraLight";
}
li.en::before {
    content: "|";
	padding: 0 5px 0 5px;
	color:#fff;
}
a.language-link.active {
    font-weight: bolder;
	text-decoration: underline;
	font-family: "IBMPlexSans";
}
a.language-link{color:#fff;}

section#block-locale-language {
    float: right;
}
#hamburger-container{
	float:left;
}
#topheaderarea .icon-bar {
    background-color: #fff;
}

.navbar-toggle {
    display: block;
    float: left;
	margin-right:0px;
}
span.hamb-title {
    display: block;
    float: left;
    color: #fff;
    margin-top: 15px;
}

#homepage_news_social_container{overflow:hidden}
#footer-container-2{padding-bottom:50px;font-size:130%;padding-top:30px}
#footer-container{overflow:hidden}

section#block-custom-social-side-fixed {
  /*background:rgba(255,255,255,0.6);border-radius:5px;*/
  right:6px !important; left:auto !important; bottom:6px !important
}
section#block-custom-social-side-fixed ul{padding:0}
section#block-custom-social-side-fixed ul li{text-align:center}
section#block-custom-social-side-fixed ul img{ margin:6px auto; height:22px}

section#block-custom-social-side-fixed ul li a{width:34px; height:34px; background:#FFF; border-radius:50% !important; display:block; margin:16px 0 0 0}

@media only screen and (max-width: 600px) {

#block-menu-menu-menu-sopra-slider{top:40px !important; right:auto !important; left:20px}
}

#navbar-collapse {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:transparent}
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#333}

.view-calendario h3 {
    overflow:hidden
}
.view-calendario.view-id-calendario{overflow:hidden}

.imgcalendario{display:none}



.rowtop #title-top-container{position:absolute; z-index:100; color:#FFF; z-index:200}

.rowtop #title-top-container .verticale, .rowtop #title-top-container .orizzontale {
    color:#FFF;
}

#title-top-container .verticale, .vertmenu {
    font-family: 'IBMPlexMono-Bold';
}
#title-top-container .orizzontale, .orizmenu {
    font-family: 'IBMPlexMono';
}



#views-bootstrap-grid-1 .col-xs-12.col-sm-6.col-md-8.col-lg-8{padding-bottom:20px}


.vertmenu, .orizmenu, .closemn{display:none}
.vertmenu a{padding:0 !important; margin:0 !important}

.olmenu{position:fixed; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,0.6); display:none; z-index:7000}




/*menu*/
body{padding-top:50px}
.main-container.container{padding-top:20px}
#topheaderarea{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9000;
}


#navbar-collapse{position:fixed; top:49px; left:-100%;z-index:9000; background:#000 !important; border:0 !important; min-width:320px; max-height: calc( 100vh - 49px );height: calc( 100vh - 49px ) !important;
overflow:auto !important;  transition: left 0.2s}

#navbar-collapse a{color:#FFF !important; text-transform:uppercase; display:block; text-align:right; padding:0 20px 0 20px; margin:10px 0 10px 0; font-weight:bold}
#navbar-collapse li a{padding-top:15px}
#navbar-collapse a span{font-weight:100}
#navbar-collapse nav{padding:60px 40px 40px 40px; width:100%}

.navbar-nav {
    float: none !important;
    margin: 0;
}

#navbar-collapse li a{border-right:4px solid transparent; transition:all 0.3s}
#navbar-collapse li a:hover{border-right:4px solid #FFF; }

#navbar-collapse.collapse.in{height:calc( 100vh - 49px ) !important; left:0; transition: left 0.3s}

.orizmenu{position:absolute; color:#FFF !important; left:6px; top:23px; display:block; font-size: 1.15em; font-weight:bold}
.vertmenu{position:absolute; color:#FFF !important; left:-77px; top:139px; display:block; transform: rotate(-90deg); text-transform:uppercase;font-weight: bold;
 font-size: 1.15em;}
 
.closemn{display:block; color:#FFF; font-size:220%; position:absolute;top:25px; right:10px; line-height:1;cursor:pointer}
.navbar-header{display:none}
#navbar {
    height: 0;
    margin: 0;
    padding: 0;
    min-height: 0;
}

.navbar-nav > li {
    float: none;
}

#navbar-collapse li a {
    font-size: 115%;
	padding-top:1px; padding-bottom:4px;
	font-family:'IBMPlexSans-bold'
}

img:not(.icona_attivita){max-width:100%}



@media only screen and (max-width: 767px) {
#navbar-collapse.collapse.in{left:15px}
#navbar-collapse nav {
    padding-right:0

}
#navbar-collapse{min-width:100%}
}

@media only screen and (min-width: 768px) {
#navbar-collapse{padding-left:calc( ( 100vw - 750px ) / 2 - 4px )}


#navbar-collapse li a{font-size:170%; margin-top:30px; padding-left:35px}
}

@media only screen and (min-width: 992px) {
#navbar-collapse{padding-left:calc( ( 100vw - 970px ) / 2 - 4px )}


#navbar-collapse li a{font-size:220%; margin-top:40px; padding-left:45px}
}


@media only screen and (max-width: 1199px) {
section#block-easy-breadcrumb-easy-breadcrumb {
    top: 60px;
    left: 60px!important;
}
}

@media only screen and (min-width: 1200px) {
#navbar-collapse{padding-left:calc( ( 100vw - 1170px ) / 2 - 4px )}
#navbar-collapse nav {
    padding-top:80px
}
.orizmenu{left:46px;top:20px }
.vertmenu{ left:-38px;top:136px }
.closemn {

    top: 25px;
    right: 25px;

}
#navbar-collapse li a{font-size:320%; margin-top:70px; padding-left:55px;}

}

@media only screen and (max-width: 700px) {
    .view-calendario.view-id-calendario .contenitore_campi {
        width: 100% !important;
        float: none!important;
        
    }
    .view-calendario.view-id-calendario .contenitore_immagine {
        display:none
    
    }
    .imgcalendario{display:block}
    .imgcalendario img {
        display:block; 
        width:100%;
        height: 250px;
        width: calc(100% - 15px);
        object-fit: cover;
    }
    .view-calendario.view-id-calendario .col-md-1.col-lg-1{width:55px !important; padding-left:0 !important}
    .view-calendario.view-id-calendario .col-md-11.col-lg-11 {
        width: calc( 100% - 55px ) !important;
    }
}

.verticale {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 92px;
    left: -138px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.15em;
	color:#333
}
.orizzontale {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 27px;
    left: 2px;
    text-transform: uppercase;
    font-size: 1.15em;
    font-weight: bold;
	color:#333
}
.verticale {
  z-index: 10;
  -ms-transform: rotate(-90deg); /* IE 9 */
  transform: rotate(-90deg); /* Standard syntax */
}
.orizzontale span {
    font-weight: 100;
}



.verticale{padding-top:4px}


element.style {
    position: absolute;
    left: 0px;
    top: 0px;
}
.stream li {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 7px 11px 0px rgba(194,184,194,1) !important;
    -moz-box-shadow: 0px 7px 11px 0px rgba(194,184,194,1) !important;
    box-shadow: 0px 7px 11px 0px rgba(194,184,194,1) !important;
    font-size: 14px;
    padding: 0 0 35px 0 !important;
    width: 280px;
    position: relative;
    margin: 0 15px 30px 15px !important;
    font-family: "IBMPlexSans", sans-serif !important;
    line-height: 1.5em;
	border-radius:12px;
	overflow:hidden
}
.dcsns-content a{color:#999 !important}
.stream li.dcsns-twitter .section-intro, .filter .f-twitter a:hover, .filter .f-twitter a.iso-active {
    background-color: #000 !important; margin-top:4px; color:#FFF !important
}


.stream li.dcsns-twitter .section-text img {
    margin: -15px 0 10px -15px !important;
    border: 0 !important;
    padding: 0 !important;
    background: #fff;
    /* max-width: 192px; */
    max-width: 280px !important;
	width: 280px !important
}

.stream li .section-text {
    margin-bottom: 10px !important
}


.container{width: calc( 100% - 30px )!important}
.vertfix {
    position:fixed; left:-78px; top:188px; display:block; transform: rotate(-90deg); text-transform:uppercase;font-weight: bold; font-size: 1.15em;z-index:0; color:#333;
    font-family: 'IBMPlexMono-Bold';
}

#footer-container, .container-flex.area-slider,#homepage_themes {
    position:relative; z-index:10
}

.node-type-attivita #block-system-main article,
.node-type-pagina-informativa #block-system-main article,
.node-type-pagina-di-snodo #block-system-main article, 
body.page-taxonomy #block-system-main {
    font-size:150%; 
    padding-top:35px;
}

/* NASCONDO I NODI ASSOCIATI AL TERMINE TASSONOMICO NELLA PAGINA DEL TERMINE TASSONOMICO E LA RELATIVA PAGINAZIONE */
body.page-taxonomy-term article, body.page-taxonomy-term ul.pagination {
    display: none;
}

.header_nodo_attivita{margin-bottom:-16px; margin-top:16px}
.icona_attivita_nodo{height:18px; margin-left:9px}


#block-system-main .field-name-field-sottotitolo{font-family:'IBMPlexSans-bold'; margin-bottom:18px}


.container-fluid.container-riferimenti-er{padding-right:0 !important}
.row.row-riferimenti-er{margin-right:-30px !important}
.container-fluid.container-riferimenti-er a{color:#333 !important}
.container-fluid.container-riferimenti-er h1{text-transform:uppercase;font-size:150%}

#footer-container{margin-top:20px}

@media (min-width: 1200px){
    #footer-container{margin-top:40px}
    .container {
        width: calc( 100% - 200px ) !important;
    }
    #topheaderarea .container { width: calc( 100% - 120px ) !important;}
    .vertfix{left:-38px}
    .verticale{left:-185px}
    .orizzontale {
        left: -40px;
    }
    #block-views-space-block-block-space, .newsocialcontainer.container .region-home-news-social-container {
        margin-left:-40px; margin-right:-40px;
    }

    .node-type-stampa #block-system-main article,
    .node-type-notizie #block-system-main article,
    .node-type-attivita #block-system-main article,
    .node-type-pagina-informativa #block-system-main article,
    .node-type-pagina-di-snodo #block-system-main article,
    body.page-taxonomy #block-system-main {
        font-size:200%; padding-top:55px;
    }

    .header_nodo_attivita {
        margin-bottom:-28px; margin-top:28px; font-size:120%
    }
}


@media (min-width: 1600px){
    #footer-container{margin-top:50px}
}

@media (max-width: 600px){
#footer-container{margin-top:4px}
.node-type-attivita #block-system-main article,
.node-type-pagina-informativa #block-system-main article,
.node-type-pagina-di-snodo #block-system-main article{font-size:105%; padding-top:20px}
.header_nodo_attivita{margin-bottom:-6px; margin-top:6px}

    body.front section#block-easy-breadcrumb-easy-breadcrumb {
        top: 70px;
        left: 35px !important;
    }

}


#block-menu-menu-attivit-{display:block !important}

.node-type-notizie .field.field-name-field-data,
.node-type-stampa .field.field-name-field-data {
    border-bottom: 1px solid #888;
    margin-bottom: 1em;
}


/*--------BREADCRUMB---------*/
section#block-easy-breadcrumb-easy-breadcrumb {
    position: absolute;
    top: 60px;
    left: 100px;
    z-index: 200;
    color: #fff;
}
#block-easy-breadcrumb-easy-breadcrumb a{
	color:#fff;
}
/*---------------------------*/
.node-stampa .field-name-field-allegati .table-hover{
	margin-top:40px;
}

body.page-user.not-logged-in .main-container ul.tabs--primary li:not(:first-child) {
    display: none;
}

/* NASCONDO IL LANGUAGE SWITCHER */
#block-locale-language {
    display: none;
}

.titolo-body {
    font-size:180%;
}