/*-------------------------------*/
/* commons */
/*-------------------------------*/

body,
html {
  font-family: 'Rubik', 'Lato', 'Roboto', sans-serif;
  background-color: #fff;
  color: #172642;
  overflow-x: hidden;
}

body,
body p,
body blockquote {
  color: #000;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

body a, body a:visited {
  color: #337ab7;
  text-decoration: none;
}

.evidenziato p > a,
.evidenziato ul a,
.evidenziato .field-item.link-evidenza {
    font-weight: 500; /* nei paragrafi con sfondo grigio i link devono essere piÃƒÂ¹ spessi per superare il contrasto */
}

.uppercase{
    text-transform: uppercase;
}
.view-id-ugov_view_degreecourse.view-display-id-page_1 .view-content .views-row{
    padding: 5px;
}

body a:hover {
  text-decoration: none;
  color: #172642;
}

body, caption, th, td, input, textarea, select, option, legend, fieldset, h1, h2, h3, h4, h5, h6 {
  font-size-adjust: 0.5;
}

b, strong {
    font-weight: 500;
}

label {
    font-weight: inherit;
}

body.page-ugov.page-ugov-degree.page-ugov-degree- {
    overflow-y: hidden; /* per non far comparire una seconda barra verticale nelle pagine OF */
}

/* tipografia per tablet e desktop */
@media (min-width: 768px) {
    body,
    body p,
    blockquote {
        color: #222;
        font-size: 18px;
        line-height: 26px;
        font-weight: 400;
    }

/* per spalla destra */
    .region.region-sidebar-second,
    .region.region-sidebar-second p,
    .region.region-sidebar-second a,
    .region-sidebar-second .titolo-paragrafo.aprichiudi-titolo {
        font-size: 16px;
    }
}

/*-----------------------------------------------------------------*/
/* Modern Scale for Web Typography                                 */
/* http://typecast.com/blog/a-more-modern-scale-for-web-typography */
/*-----------------------------------------------------------------*/


h1 {
  font-size: 2em; /*32px*/
  line-height: 1.25;
}

@media (min-width: 43.75em) {
  h1 {
    font-size: 2.5em; /*40px*/
    line-height: 1.125;
  }
}


@media (min-width: 56.25em) { /*900px*/
  h1 {
    font-size: 3em; /*48px*/
    line-height: 1.05;
  }
}

h2 {
  font-size: 1.625em; /*26px*/
  line-height: 1.15384615;
}

@media (min-width: 43.75em) {
  h2 {
    font-size: 2em;
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  h2 {
    font-size: 2.25em;
    line-height: 1.25;
  }
}

h3 {
  font-size: 1.375em;
  line-height: 1.13636364;
}

@media (min-width: 43.75em) {
  h3 {
    font-size: 1.5em; /*24px*/
    line-height: 1.25;
  }
}

@media (min-width: 56.25em) {
  h3 {
    font-size: 1.75em; /*28px*/
    line-height: 1.25;
  }
}

h4 {
  font-size: 1.125em; /*18px*/
  line-height: 1.11111111;
}

@media (min-width: 43.75em) {
  h4 {
    line-height: 1.22222222;
  }
}

blockquote {
  font-size: 20px;
  line-height: 1.25;
}

@media (min-width: 43.75em) {
  blockquote {
    font-size: 1.5em;
    line-height: 1.45833333;
  }
}

/*-------------------------------*/
/*            tabelle            */
/* https://italia.github.io/design-web-toolkit/components/preview/table--default.html */
/*-------------------------------*/

table {
    border: 0;
    border-collapse: collapse;
    max-width: 100%;
    width: 100%;
}

tr {
    border-bottom: 1px solid #e2e2e2;
}

td {
    text-align: left;
    padding: 10px!important;
    vertical-align: top;
}

/*-------------------------------*/
/*        bootstrap custom       */
/*-------------------------------*/

.btn-primary {
    color: #fff;
    background-color: #172642;
}

.head .container {
    position: relative;
}

@media (min-width: 768px) {

ul.menu.nav.navbar-nav a.active-trail.active {
    background-color: transparent !important;
}
}

/*===============================
=        LOGIN label            =
================================*/
form#user-login label {
    padding-top: 20px;
    font-weight: 500;
}

/*===============================
=        inzio HEADER           =
================================*/

@media (min-width: 768px) {
.navbar-header {
    position: relative;
    z-index: 100; /* per rendere cliccabile il logo anche quando si e' loggati */
}
}

header#site-header .navbar {
    border: none;
}

header#site-header .navbar-form {
    padding: 10px 15px;
    margin-top: 0;
    position: relative;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.navbar-default,
.navbar-default .navbar-form {
    background-color: #ffffff ;
    border-color: #ffffff;
    margin-bottom: 0px;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #fff;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #fff;
}

.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
    margin-right: 0;
    margin-left: 0;
    float: none;
}

@media (min-width: 768px) {

header#site-header {
    border-top: 35px solid #172642;
    z-index: 999;
    }


/** header#site-header body:not(.home-area) tolta perchÃƒÂ¨ spesso manca l'immagine **/

header#site-header body:not(.front),
body.html.home-area header#site-header,
body.html.home-target header#site-header,
body.html.not-front header#site-header {
    border-bottom: 1px solid #e2e2e2;
    }

body.html.front header#site-header,
body.html.home-area header#site-header {
    border-bottom: 0px;
    }

.navbar-static-top {
    border-radius: 0;
    z-index: 1000;
    }

.navbar {
    min-height: 50px;
    }
}

/*-------------------------------*/
/* navbar top sfondo blu
/*-------------------------------*/

#nav-top {
    left: 0;
    right: 0;
}

#nav-top .navbar-right ul.navbar-nav li {
    padding-left: 0px;
    padding-right: 0px;
}

#nav-top ul.navbar-nav li:first-child {
    margin-left: 0;
}

@media (max-width: 767px) {

    .desktop-menu {
    display: none;
    }

    .visible-xs {
    display: block !important;
    font-size: 12px;
    padding-top: 20px;
    }
}

@media (min-width: 768px) {

    #nav-top {
    padding: 0;
    position: absolute;
    top: -50px;
    width: 100%;
    }

    #nav-top ul.navbar-nav li {
    width: auto;
    }

    #nav-top ul.navbar-nav li a {
    font-size: 13px;
    color: #fff;
    background-color: transparent;
    border-bottom: none;
    padding-top: 22px;
    line-height: 22px;
    padding-left: 8px;
    padding-right: 8px;
    display: inline-block;
    }

    /* hover nav-top blu */
    #nav-top ul.navbar-nav li a:hover {
    background-color: transparent;
    color:#e2e2e2;
    }

    #nav-top .navbar-left .navbar-nav>li>a:hover {
    text-decoration: underline; /* hover underline nel footer1 */
    }


    #nav-top ul.navbar-nav li a.search-trigger {
    padding-right: 5px;
    }

    #nav-top .navbar-right {
    margin-right: 20px;
    width: 135px;
    }

    #nav-top .navbar-left .navbar-nav>li {
    padding-left: 0px;
    padding-right: 0px;
    }

    #nav-top .navbar-left li:not(.last):after {
    content: "|";
    color: #fff;
    display: inline-block;
    }

    .mobile-menu {
    display: none;
    }
}

@media (min-width: 992px) {

    #nav-top .navbar-right {
    width: 180px;
    }

    #nav-top .navbar-left .navbar-nav>li>a {
    font-size: 14px;
    color: #fff;
    border-bottom: none;
    padding-top: 22px;
    line-height: 24px;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
    }

    #nav-top ul.navbar-nav li a {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    }
}

@media (min-width: 1200px) {

    #nav-top .navbar-left {
    padding-left: 15px;
}
}

/*** FORM DI RICERCA IN TESTATA ***/

.block-custom-google-cse {
    position: relative;
    z-index: 5;
    background-color: white;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid;
    top: -15px;
}

form.gsc-search-box {
    margin: 0 !important;
}

table.gsc-search-box {
    margin: 0 !important;
}

@media (min-width: 768px) {
    .block-custom-google-cse {
        border: none;
    }

section#block-search-form {
    width: 300px;
    margin: 5px 0px 5px 5px !important;
    position: relative;
    z-index: 999;
    float: right !important;
}

input#edit-search-block-form--2 {
    width: 250px;
}
    }

@media (min-width: 992px) {
    section#block-search-form {
    margin: 5px 0px 5px 5px !important;
}
}

/* stile EN */
.en {
    font-size: 22px;
    font-weight: 500;
}


#nav-top .navbar-right li.en a {
    font-size: 16px;
    /*
    padding-left: 0px;
    padding-right: 0px;
    */
}


@media (min-width: 992px) {
#nav-top .navbar-right li.en a {
    font-size: 20px;
}
}

/*------------------------------------*/
/* Font Awesome http://fontawesome.io */
/*----------------------------------- */

#nav-top .fa {
    display: inline-block;
    text-rendering: auto;
    height: 35px;
    max-height: 35px;
    margin-top: 0px;
    position: relative;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 19px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

@media (min-width: 992px) {

#nav-top .fa {
    font-size: 22px;
    line-height: 22px;
    }
}

#nav-top .fa-user:before {
    content: "\f007";
}

#nav-top .fa-envelope:before {
    content: "\f0e0";
}

#nav-top .fa-search:before {
    content: "\f002";
}

/*--------------------------------*/
/* Toggle button */
/*------------------------------- */

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: none;
    color: #172642;
    }

.navbar-default .navbar-toggle .icon-bar {
    background-color: #172642;
}

.navbar-toggle .icon-bar {
    border-radius: 0;
    border-top: 3px solid #172642;
    display: block;
    height: 4px;
    width: 32px;
}


.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
    color: #172642;
    border-color: #e2e2e2;
    border-radius: 0px;
}

/* Dropdown toggle arrow    */
#nav-main a.dropdown-toggle::after {
    font-family: "FontAwesome";
    content: '\f0d7';
    font-size: 12px;
    margin-left: 8px;
    float: right;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
}


/*------------------------------------*/
/* logo e navbar-header responsive    */
/*----------------------------------- */


.navbar-header .img-responsive {
    height: 70px;
    max-height: 70px;
    margin-bottom: 10px;
    margin-top: -5px;
   }

h1 .logo {
    font-size: 20px;
}

@media (min-width: 768px) {

h1 .logo {
    font-size: 36px;
}

header#site-header h1.logo,
header#site-header a.navbar-brand {
    font-weight: 500;
    font-size: 40px;
    max-width: 140px;
    height: 90px;
    max-height: 90px;
    margin-left: -15px;
    margin-top: 14px;
    padding: 0;
    float: left;
}
}

@media (min-width: 992px) {
.navbar-header .img-responsive {
    height: 80px;
    max-height: 80px;
    margin-bottom: 5px;
   }
}

@media (min-width: 1200px) {
.navbar-header .img-responsive {
    max-height: 124px;
    height: 124px;
    padding-right: 5px;
   }
}


/*------------------------------------*/
/*         menu Mobile             */
/*----------------------------------- */

@media (max-width: 767px) {

#nav-main ul.nav.navbar-nav {
    padding-bottom: 40px;
    }

header#site-header #nav-top .nav > li >a:hover {
    max-height: 35px;
    color: #e2e2e2;
    background-color: transparent;
    }

.navbar-collapse .mobile-menu {
    background-color: #172642;
    height: 35px;
    max-height: 35px;
    }

.navbar-collapse .mobile-menu ul.navbar-nav {
    margin: 0;
    height: 35px;
    }

.navbar-collapse .mobile-menu ul.navbar-nav li a {
    font-size: 20px;
    color: #fff;
    border-bottom: none;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
    float: left;
    line-height: 35px;
    padding-top: 0px;
    padding-bottom: 0px;
    }

header#site-header #nav-main ul.navbar-nav>li>a {
    font-size: 20px;
    padding: 15px;
    margin-left: 15px;
    margin-right: 15px;
    font-weight: 400;
    border-bottom: 1px solid #eee;
    }

header#site-header #nav-main ul.navbar-nav>li>a:hover {
    background-color: #fff;
    margin-left: 15px;
    margin-right: 15px;
    }

.navbar-nav .open .dropdown-menu {
    padding-left: 15px !important;
    background-color: #fff !important;
    color: #172642 !important;
    display: block !important;
    }

#nav-main .nav > li ul.dropdown-menu li.nav-first {
    min-height: 20px !important;
    max-height: 20px;
    margin-top: 20px;
    }

header#site-header #nav-main .caret {
    position: relative;
    float: right;
    margin-top: 8px;
    margin-right: 7px;
    margin-bottom: 8px;
    }

.navbar-collapse .evidenza  {
    background-color: #ffffff !important;
    padding-left: 0px;
    padding-right: 0px;
    }

.navbar-collapse .evidenza ul.navbar-nav li a {
    color: #172642;
    padding-left: 10px;
    padding-right: 10px;
    display: inline-block;
    float: left;
    }

.navbar-collapse .visible-xs {
    font-size: 14px;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
    }

#nav-main ul {
    padding: 0px;
    padding-bottom: 10px;
    list-style-type: none;
    padding-right: 5px;
    }

#nav-main ul li {
    margin-left: 10px;
    padding-top: 5px;
    }
}

/*-------------------------------*/
/* navbar menu principale        */
/*-------------------------------*/

div#main-nav {
    overflow-y: hidden; /*per non far comparire la barra verticale nel menu mobile */
}

#nav-main .container {
    padding-left: 0px;
    padding-right: 0px;
    }

#nav-main a,
#nav-main a:visited {
    text-decoration: none;
    color: #172642;
    text-align: left;
}

#nav-main a:hover {
  text-decoration: none;
  color: #337ab7;
  }

#nav-main .navbar-nav>li>a:hover,
#nav-main .navbar-nav>li>a:active,
#nav-main .navbar-nav>li>a:focus {
    cursor: pointer;
    text-decoration: none;
    background-color: transparent;
    color: #337ab7;
}

#nav-main ul.nav.navbar-nav {
    font-size: 20px;
    font-weight: 500;
    height: auto;
    }


/* per giustificare il menu principale */

@media (min-width: 768px) {

#main-nav ul.menu.nav.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    }

#main-nav ul.menu.nav.navbar-nav li.first.dropdown {
    margin-left: 0px;
    }

#main-nav ul.menu.nav.navbar-nav a.dropdown-toggle,
#main-nav ul.menu.nav.navbar-nav a.active-trail {
    display: inline-block;
}

#main-nav ul.menu.nav.navbar-nav li {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}

#main-nav ul.menu.nav.navbar-nav li.expanded.menu-mlid-1005 a.dropdown-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
}

li.expanded.menu-mlid-1005.dropdown.open a,
li.expanded.menu-mlid-1005.dropdown a {
    float: right;
}
}

/*------------------------------------*/
/* menu principale responsive         */
/*----------------------------------- */

@media (min-width: 768px) {

    #nav-main ul.menu.nav.navbar-nav {
    width: 718px; /* per giustificare il menu principale */
    margin: 0;
    }

    header#site-header #nav-main {
    margin-bottom: 0;
    }

    #nav-main ul.nav.navbar-nav li.dropdown, #nav-main ul.nav.navbar-nav {
    font-size: 14px;
    font-weight: 500;
    }

    #nav-main .navbar-nav>li>a {
    padding-left: 5px;
    padding-right: 5px;
    }

    #nav-main .menu-mlid-1011 {
    visibility: hidden;
    display: none;
    }
}

@media (min-width: 992px) {

    #nav-main ul.menu.nav.navbar-nav {
    width: 938px;  /* per giustificare il menu principale */
    margin: 0;
    }

    #nav-main ul.nav.navbar-nav li.dropdown, #nav-main ul.nav.navbar-nav {
    font-size: 16px;
    }

    #nav-main .navbar-nav {
    margin-left: -15px;
    }

    #nav-main .navbar-nav>li>a {
    padding-left: 15px;
    }
}

@media (min-width: 1200px) {

    #nav-main ul.menu.nav.navbar-nav {
    width: 1140px; /* per giustificare il menu principale */
    margin: 0;
    height: 50px;
    }

    #nav-main ul.nav.navbar-nav li.dropdown, #nav-main ul.nav.navbar-nav {
    font-size: 20px;
    }

    #nav-main .navbar-nav>li>a {
    padding-left: 15px;
    padding-right: 15px;
    }

    #nav-main ul, ol {
    margin-bottom: 0;
    }
}


/*--------------------------------*/
/* mega dropdown menu responsive */
/*--------------------------------*/

#nav-main .nav > li ul.dropdown-menu {
    font-weight: 400;
    min-height: 40px;
    }

#nav-main .nav > li ul.dropdown-menu .menu-ul-sub-liv-1 > li > a {
    font-weight: 500;
    min-height: 40px;
    font-size: 16px;
    }

@media (min-width: 768px) {

#nav-main .nav >li {
    position: static;
    }


#nav-main .nav > li.open a.dropdown-toggle,
    #nav-main .nav > li > a:hover {
    position: static;
    height: 50px;
    border-bottom: 5px solid #1C355D;
    /*margin-left: 0px;*/
}


#nav-main .nav > li > a.active-trail.dropdown-toggle {
    background-color: #fff !important;
    position: static;
    height: 50px;
    border-bottom: 5px solid #1C355D;
    margin-left: 0px;
    }

#nav-main .nav > li ul.dropdown-menu {
    background: rgba(255, 255, 255, 0.97);
    position: absolute;
    margin: 0 15px;
    left: 0px;
    top: 100%;
    border: none;
    -webkit-box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.40);
            box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.40);
    border-radius: 0;
    width: 719px;
    z-index: 99999;
    border-top: 1px solid #e2e2e2;
    }

#nav-main .nav > li ul.dropdown-menu li ul {
    display: inline;
    }
#nav-main .nav > li ul.dropdown-menu .menu-ul-sub-liv-1 > li {
    width: 25%;
    float: left;
    padding: 15px;
    margin-top: 15px;
    }

/* personalizzazione menÃ¹ Internazionale su 3 colonne */
#nav-main .nav > li.menu-mlid-1422 ul.dropdown-menu .menu-ul-sub-liv-1 > li {
    width: 33%;
    padding-left: 40px;
}

#nav-main .nav > li ul.dropdown-menu .menu-ul-sub-liv-1 > li > a {
    font-weight: 500;
    min-height: 40px;
    display: block;
    font-size: 16px;
    padding-bottom: 10px;
    }

#nav-main .nav > li ul.dropdown-menu .menu-ul-sub-liv-1 > li > ul {
    padding-top: 20px;
    border-top: 1px solid grey;
    margin-top: 20px;
    }

#nav-main .nav > li ul.dropdown-menu li ul li {
    margin-bottom: 10px;
    line-height: 18px;
    }

#nav-main ul {
    padding: 0px;
    list-style-type: none;
    }
}

@media (min-width: 992px) {

#nav-main .nav {
    position: relative;
    }

#nav-main .nav > li ul.dropdown-menu {
    top: 100%;
    width: 940px;
    line-height: 24px;
    margin: 0;
    }

body.html.front #nav-main .nav > li ul.dropdown-menu,
body.html.home-target #nav-main .nav > li ul.dropdown-menu {
    border-top: 1px solid #e2e2e2;
    top: 100%;
    }

#nav-main .nav > li ul.dropdown-menu .menu-ul-sub-liv-1 > li > a {
    font-size: 16px;
}
    }

@media (min-width: 1200px) {

#nav-main .nav > li ul.dropdown-menu .menu-ul-sub-liv-1 > li > a {
    font-size: 18px;
}

#nav-main .nav > li ul.dropdown-menu {
    font-size: 16px;
    width: 1140px;
}
}

/*--------------------------------*/
/*         menu CHI SEI           */
/*--------------------------------*/

#nav-main .menu-mlid-1005 > a {
    text-decoration: none;
    background-color: #172642;
    color: #fff;
    margin-top: 10px;
    padding: 5px 15px 5px 15px;
}

#nav-main .menu-mlid-1005 > a:hover {
    height: 50px;
    background-color: #fff;
    color: #337ab7;
    text-decoration: none;
    background-color: #f5f5f5;
    }

@media (min-width: 768px) {

#nav-main .menu-mlid-1005 > a:hover,
#nav-main .menu-mlid-1005 > a.active-trail.dropdown-toggle,
#nav-main .nav > li.menu-mlid-1005 > a.active-trail.dropdown-toggle.nolink,
#nav-main .nav > li.menu-mlid-1005.open a.dropdown-toggle.nolink {
    height: 40px !important;
    background-color: #fff;
    color: #337ab7 !important;
    text-decoration: none;
    background-color: #f5f5f5 !important;
    margin-top: 10px;
    padding: 5px 15px 5px 15px;
}

#nav-main .nav > li.menu-mlid-1005 > ul.dropdown-menu li a {
    text-decoration: none;
    color: #ffffff ;
    text-align: left;
    line-height: 30px;
    font-size: 14px;
    }

#nav-main .nav > li.menu-mlid-1005 .dropdown-menu li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    white-space: nowrap;
    }

#nav-main .nav > li.menu-mlid-1005 ul.dropdown-menu .menu-ul-sub-liv-1 > li {
    width: 100%;
    float: none;
    padding: 0;
    margin-top: 0;
    }

#nav-main .nav > li.menu-mlid-1005 > ul.dropdown-menu {
    background-color: #172642;
    position: absolute;
    left: auto;
    right: 0;
    top: 100%;
    width: 210px;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    }

    li.expanded.menu-mlid-1005.dropdown.open ul.dropdown-menu {
    border-top-width: 0px !important;
    }

    li.expanded.active.menu-mlid-1005.active.dropdown.open a {
    height: 40px;
    }
}

@media (min-width: 992px) {
    #nav-main .nav > li.menu-mlid-1005 > ul.dropdown-menu {
    top: 100%;
    width: 250px;
    }

    #nav-main .nav > li.menu-mlid-1005 > ul.dropdown-menu li a {
    font-size: 16px;
    }
}


/*-------------------------------*/
/* inizio FOOTER */
/*-------------------------------*/

.social {
    margin: 55px 0 0px 0;
    background-color: #e2e2e2;
    padding-top: 10px;
    padding-bottom: 10px;
}

.social .container {
    padding: 0;
    }

.social .navbar-nav>li>a {
    margin-left: -15px;
    padding-top: 10px;
    padding-bottom: 10px;
    }

.social .nav > li > a:hover, .social .nav > li > a:focus {
    background-color: transparent;
}

.social .fa {
    display: inline-block;
    font: normal normal normal 0.875em/1 FontAwesome;
    text-rendering: auto;
    font-size: 36px;
    color: #172642;
    width: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    }

.social .fa:hover, .social .fa:focus {
    /*margin-top: -8px;*/
    }

.social .fa-twitter-square {
    color: #1daced;
    }
.social .fa-facebook-square {
    color: #3b5999;
    }
.social .fa-linkedin-square {
    color: #006599;
    }
.social .fa-youtube-square {
    color: #be0f34;
    }

/* == icona instagram == */

span.fa.fa-instagram {
    display: none;
}

a.instagram-link {
    background-image: url(/sites/all/themes/b3unibg/img/instagram.svg);
    height: 33px;
    width: 33px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 10px;
    margin-left: 0px !important;
    margin-top: 12px;
}

a.instagram-link:hover {
    /*margin-top: 6px;*/
}

/*------------------------------------*/
/* footer responsive */
/*----------------------------------- */

.social .social-text {
    position: relative;
    float: left;
    color: #172642;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 500;
    line-height: 60px;
}

@media (max-width: 767px) {
    .social .navbar-nav {
        font-size: 12px;
        float: left;
        margin-left: 0px;
    }
    .social .nav>li {
        position: relative;
        display: inline;
        float: left;
    }
    .social .navbar-nav>li>a {
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 0px;
    }
    .social ul {
        margin-left: 5px;
    }

    a.instagram-link {
        margin-left: 5px !important;
    }
    .social .social-text {
        line-height: 72px;
    }
}

@media (min-width: 768px) {
    .social .navbar-nav {
        font-size: 14px;
    }
    .social .navbar-nav>li>a {
        padding-left: 15px;
    }
    .social .social-text {
        font-size: 14px;
        margin-left: 15px;
        margin-right: 15px;
    }
}

.footer_left .nav > li > a {
    padding-top: 0;
    padding-bottom: 8px;
    line-height: 14px;
    font-size: 14px;
    font-weight: 300;
}

.footer_left .nav > li > a:focus {
     background-color: transparent;
}

.footer_right {
    font-size: 13px;
    line-height: 18px;
    font-weight: 300;
    color: #ffffff;
    padding-bottom: 20px;
}

.footer1 {
    padding: 30px 0 0 0;
    background-color: #172642;
    color: #FFFFFF;
}
.footer1 .container {
    padding: 0;
    }

.footer1 ul {
    margin-left: -30px;
    padding-bottom: 20px;
    }

.footer1 li a, .footer li a:visited {
    text-decoration: none;
    color: #FFFFFF;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 0px;
    }

.footer1 li a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #e2e2e2;
    text-decoration: underline; /* hover underline nel footer1 */
    }

.footer1 .sigillo {
    display:block;
}

.footer1 .sigillo img {
    width: 40%;
    height: 120px;
    max-height: 120px;
    float: left;
    /*margin-left: -15px;*/
}

.footer1 .sigillo .contacts {
    display: inline-block;
    margin-right: -15px;
    padding-left: 5px;
    color: #ffffff !important;
}

@media (max-width: 767px) {
    .footer1 ul {
      margin-left: 5px !important;
    }
    .footer1 .sigillo {
    margin: 15px;
    border-top: 1px solid #fff;
    padding-top: 15px;
    }

    .footer1 .sigillo img {
    width: 30%;
    height: 120px;
    max-height: 120px;
    float: left;
    margin-left: 5px;
    margin-right: 10px;
    }
}

@media (min-width: 992px) {
.footer1 ul {
    padding-bottom: 0px;
    }
}

.footer2 {
    margin: 0;
    background-color: #172642;
    font-size: 14px;
    font-weight: 300;
    }

.footer2 li a, .footer2 li a:visited {
    text-decoration: none;
    color: #FFFFFF;
    padding: 10px 5px 10px 5px;
}

.footer2 .nav > li > a:focus {
    background-color: transparent;
}

.footer2 .container {
    padding: 0;
    }

.footer2 .navbar-nav {
    float: none;
    margin: 10px;
    text-align: center;
}

.footer2 .navbar-center>li {
    display: inline-block;
    float: none;
    margin: 0;
}

.footer2 .nav>li>a {
    display: inline-block;
    height: 10px;
    line-height: 10px;
    }

.footer2 .nav>li>a:hover {
    color: #e2e2e2;
    text-decoration: underline; /* hover underline nel footer2 */
    background-color: transparent;
    }

.footer2 .navbar-center>li:not(.last):after {
    content: "|";
    color: #FFFFFF;
    display: inline-block;
    top: -1px;
}

/*===============================
=        inizio contenuti HP    =
================================*/


/* container wide per la hp - per gestire section wide */
.container-wide {
    margin-left: auto;
    margin-right: auto;
}

/* titoli blocchi hp */

.blocco-hp .block-title {
    background-color: #fff;
    color: #172642;
    text-align: center;
    text-transform: none;
    font-weight: 500;
    font-size: 32px;
    padding: 10px 0 20px 0;
    margin-top: 0;
    }

@media (min-width: 768px) {
    .blocco-hp .block-title {
    font-size: 38px;
    }
}

@media (min-width: 992px) {
    .blocco-hp .block-title {
    font-size: 48px;
    }
}

section.component-row {
    padding-top: 50px;
    padding-bottom: 0px;
    }

/* section CERCA IL TUO CORSO */

section.cerca-corso {
    background-color: #D0D8E5;
    padding: 15px 0px 40px;
    margin-top: 20px;
}

@media (min-width: 768px) {
section.cerca-corso {
    padding: 15px 0px 8px;
}
}

.cerca-corso .btn-primary {
    color: #fff;
    background-color: #172642;
}

.cerca-corso .input-group {
    padding-right: 0px;
    padding-top: 5px;
}

@media (min-width: 768px) {
    section.component-row h3.title-cerca-corso {
    color: #172642;
    font-weight: 500;
    font-size: 22px;
    margin-top: 7px;
    margin-left: 0;
    }
    .cerca-corso .input-group {
    padding-right: 30px;
    padding-top: 5px;
}
}

@media (min-width: 992px) {
    section.component-row h3.title-cerca-corso {
    color: #172642;
    font-weight: 500;
    font-size: 30px;
    margin-top: 3px;
    }
}

/*SEARCH */

.block-custom-google-cse .gsc-search-button {
    width: 20px;
}

.block-custom-google-cse table.gsc-search-box td.gsc-input {
    padding-right: 0;
}
.block-custom-google-cse input {
    background: none !important;
    text-indent: 0 !important;
}

.block-custom-google-cse .gsc-search-button-v2 {
    border: 0;
    padding: 4px 0;
    margin-top: 0;
}
.block-custom-google-cse .gsc-search-button-v2 svg {
    vertical-align: middle;
}

@media (min-width: 768px) {
    #contenitore-principale {
        margin-left: -15px;
        margin-right: -15px;
    }
}

/*------------------------------------------*/
/* section Tiles Primo Piano (FOTO NOTIZIA) */
/*------------------------------------------*/

section.hp-tiles {
    font-size: 20px;
    font-weight: 500;
}

.studiare-bg-hp-view .thumbnail,
.primo-piano-hp-view .thumbnail {
    border: none;
    border-radius: 0;
    background-color: #172642;
    padding: 0px;
    position: relative;
    text-align: center;
    width: 100%;
    display: inline-block; /* shrink wrap to image */
    overflow: hidden; /* hide the excess for the zoom */
  }

.studiare-bg-hp-view .thumbnail .caption,
.primo-piano-hp-view .thumbnail .caption {
    background-color: rgba(4, 51, 96, 0.79);
    bottom: 0px;
    left: 0px;
    position: absolute;
    text-align: left;
    padding-left: 35px;
    padding-right: 35px;
    line-height: 20px;
    max-width: 90%;
    bottom: 30px;
}

@media (min-width: 768px) {

.studiare-bg-hp-view .thumbnail .caption span,
.primo-piano-hp-view .thumbnail .caption span {
    color: #fff;
    margin: 0 auto;
    padding: 0px;
}

.studiare-bg-hp-view .thumbnail img,
.primo-piano-hp-view .thumbnail img {
    -webkit-transition: 0.5s opacity;
    -o-transition: 0.5s opacity;
    transition: 0.5s opacity;
    display: block; /* no whitespace */
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    }

.studiare-bg-hp-view .thumbnail:hover img,
.primo-piano-hp-view .thumbnail:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    }
}


@media (max-width: 767px) {
    .studiare-bg-hp-view .thumbnail .caption,
    .primo-piano-hp-view .thumbnail .caption {
      font-size: 20px;
      color: #fff;
}
    .view-hp-studiare-a-bergamo .block-thumbnail,
    .view-home-page-tiles .block-thumbnail {
        max-width: 350px;
        margin: 0 auto;
}

 /* crop dell'immagine rettangolare e altezza uguale alle altre immagini */
.views-field.views-field-field-foto-rettangolare .block .block-thumbnail {
    width: 320px;
    max-width: 320px;
    height: 243px;
    max-height: 243px;
    overflow: hidden;
}  /* fine crop */

.views-field.views-field-field-foto-rettangolare .block-thumbnail img {
    max-width: none;
    max-height: 243px;
}
}

/* 3 taglie mobile per crop immagine rettangolare  */

@media (max-width: 320px) {
.views-field.views-field-field-foto-rettangolare .block-thumbnail img {
    max-width: none;
    max-height: 201px !important;
}
     }
@media (max-width: 373px) {
.views-field.views-field-field-foto-rettangolare .block-thumbnail img {
    max-width: none;
    max-height: 239px;
}
    }

@media (max-width: 425px) {
.views-field.views-field-field-foto-rettangolare .block-thumbnail img {
    max-width: none;
    max-height: 243px;
}
    }

@media (min-width: 768px) {
    .studiare-bg-hp-view .thumbnail .caption,
    .primo-piano-hp-view .thumbnail .caption {
        font-size: 16px;
        padding-left: 20px;
        font-weight: 500;
}
}
@media (min-width: 992px) {
    .studiare-bg-hp-view .thumbnail .caption,
    .primo-piano-hp-view .thumbnail .caption {
    font-size: 18px;
    font-weight: 500;
}
}

@media (min-width: 1200px) {
    .studiare-bg-hp-view .thumbnail .caption,
    .primo-piano-hp-view .thumbnail .caption {
    font-size: 20px;
    font-weight: 500;
}
}

/* section EVENTI e AVVISI */

/*per gestire i margini in home page */

.front-page-content .view.view-eventi-box-elenco.view-id-eventi_box_elenco,
.front-page-content .view-eventi-avvisi-hp {
    padding-left: 30px;
    padding-right: 30px;
}

section#block-quicktabs-qt-eventi-avvisi-hp {
    line-height: 22px;
}

@media (min-width: 992px) {
.eventi-avvisi .view-content,
.eventi-avvisi .view-empty {
    height: 140px; /* fissata unÃ¢â‚¬â„¢altezza per la fascia di Eventi e Avvisi per evitare che saltando da un tab allÃ¢â‚¬â„¢altro cambi lÃ¢â‚¬â„¢altezza */
    }

.avvisi .view-empty {
    padding-top: 30px;
    }
}

.media-list {
    padding-top: 20px !important;
}

.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top;
}
.media-left, .media>.pull-left {
    padding-right: 10px;
}

#quicktabs-qt_eventi_avvisi_hp {
    background-color: #F5F5F5;
    padding: 5px 10px;
}

.eventi-avvisi ul  {
    width: auto;
    display: table;
    margin: 8px auto 15px auto;
    }

ul.nav-pills>li>a {
    padding: 5px 15px;
}

ul.nav-pills>li {
    border-radius: 0;
    background-color: #fff;
    color: #172642;
}

ul.nav-pills>li.active>a, ul.nav-pills>li.active>a:focus {
    background-color: #172642;
    color: #fff ;
    border-radius: 0;
}

.eventi .data {
    display: inline-block;
    background: transparent;
    width: 70px;
    height: 68px;
    border-right: 1px solid #ddd;
    text-align: center;
    padding-right: 10px;
 }

.eventi .mese {
    margin-top: 0;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    line-height: 32px;
    color: #172642;
}

.eventi .giorno {
    font-weight: 500;
    font-size: 48px;
    display: block;
    line-height: 36px;
    color: #172642;
    }

/* AVVISI */

.media-body .avviso-data span {
    font-size: 16px;
    font-weight: 500;
    display: block;
}

.avvisi .data {
    display: inline-block;
    background: transparent;
    width: 68px;
    height: 68px;
    border-right: 1px solid #ddd;
    text-align: center;
}

/* icona per avvisi */
.avvisi .data:after {
    font-family: "FontAwesome";
    content: '\f0a1';
    font-size: 38px;
    color: #172642;
    line-height: 1.5;
}

.media-body span, .media-body span {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
}

.media-body span a {
    color: #172642;
    text-decoration: none;
}

.media-body span a:hover {
    color: #337ab7;
    text-decoration: underline;
}

.eventi-avvisi .more-link {
    margin: 10px 60px 5px 0;
    font-size: 14px;
    font-weight: 500;
    text-align: right;
}

.eventi-avvisi .more-link a {
    color: #172642 !important;
    text-decoration: none;
}

.eventi-avvisi .more-link a:hover {
    color: #337ab7 !important;
    text-decoration: underline;
}

.separatore-avviso {
    display: table-cell;
    background: transparent;
    height: 70px;
    border-right: 1px solid #ddd;
}

#quicktabs-qt_eventi_avvisi_hp2 div.row > div:nth-child(5) .separatore-avviso {
    border: 0;
}

.views-exposed-widgets {
    margin-bottom: 30px !important;
    line-height: 22px !important;
    font-size: 18px !important;
}

/* elenco avvisi - toglie il bordino dall'ultimo avviso */
.views-row-last .node-comunicazioni {
    border: 0;
}

/*------------------------*/
/* section SEDI           */
/*------------------------*/

section.sedi {
    text-align: center;
}

.sedi .thumbnail {
    border: none;
    border-radius: 0;
    background-color: #fff;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 205px !important;
    height: 205px !important;
    margin-bottom: 0 !important;
    display: inline-block; /* shrink wrap to image */
    overflow: hidden; /* hide the excess for the zoom */
  }

.sedi .thumbnail .caption {
    background-color: transparent;
    bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    color: #172642;
    line-height: 18px;
    padding-top: 0px;
    height: 65px;
    max-height: 65px;
    width: 185px;
    position: absolute;
    -webkit-transition: 0.5s padding;
    -o-transition: 0.5s padding;
    transition: 0.5s padding;
    z-index: 999999;
}

.sedi .thumbnail img {
    -webkit-transition: 0.5s opacity;
    -o-transition: 0.5s opacity;
    transition: 0.5s opacity;
    display: block;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: 1px solid #f4f4f4;
    z-index: 999999;
    }

.sedi .thumbnail:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
    }

/*------------------------------------------------*/
/* section Unibg in cifre - nuova infografica     */
/*------------------------------------------------*/

section.infografica {
    line-height: 22px;
    background-color: #D0D8E5;
    padding: 40px 10px;
    margin-top: 50px;
}

section.infografica .block-title {
    background-color: #D0D8E5;
}

.infografica .thumbnail {
    background-color: transparent;
    border: none;
    margin-bottom: 0px;
}

.infografica .cifre-caption {
    font-weight: 500;
    font-size: 48px;
    display: block;
    color: #172642;
}

.infografica .cifre-text {
    color: #172642;
    font-weight: 500;
    font-size: 21px;
}

/* righina di separazione */

.infografica .cifre-text:before {
    display: block;
    position: relative;
    margin: 20px auto 25px auto;
    content: '';
    width: 15%;
    border-top: 2px solid #172642;
    opacity: .9;
}


/*-------------------------------*/
/* carousel % caption            */
/*-------------------------------*/
.slider-bootstrap h2.block-title {
    display: none;
}

.carousel-inner img {
      width: 100%;
      margin: auto;
}
.carousel-control .icon-next::before {
    font-weight: 900;
    font-size: 60px;
}
.carousel-control .icon-prev::before {
    font-weight: 900;
    font-size: 60px;
}

.title-caption a, .subtitle-caption a {
  color: #fff !important;
  text-decoration: none;
}

.carousel-caption h3 a, .carousel-caption p a {
  color: #fff !important;
  text-decoration: none;
}

.title-caption a:hover, .subtitle-caption a:hover  {
 color: #e2e2e2 !important;
}

.carousel-caption h3 a:hover, .carousel-caption p a:hover {
 color: #e2e2e2 !important;
}

.carousel-caption,
.hero-caption {
    position: absolute;
    bottom: 0px;
    min-height: 110px;
    max-height: 100%;
    left: 0;
    right: 0;
    z-index: 10;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff;
}

.carousel-caption h3,
.hero-caption h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 500;
    text-align: right;
    margin: 0 auto;
    margin-top: 15px;
    display: block;
}

.carousel-caption p,
.hero-caption .subtitle-caption {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  text-align: right;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 10px;
  display: block;
}

.title-caption {  /** verificare se serve **/
  color: #fff;
  font-size: 36px;
  font-weight: 500;
  text-align: right;
  margin-top: 15px;
  margin-right: 0px;
}

@media (max-width: 767px) {

    .imagebox {
        margin-bottom: 0px;
    }

    .carousel-caption,
    .hero-caption {
        position: relative;
        height: 50%;
        padding-right: 0px;
    }

    .carousel-caption h3,
    .hero-caption h2,
    .carousel-caption p,
    .hero-caption .subtitle-caption {
        margin: 0 auto;
    }

    .carousel-caption h3,
    .hero-caption h2 {
        color: #fff;
        font-size: 24px;
        font-weight: 500;
        text-align: center;
        margin-top: 25px;
        margin-right: 0;
    }

    .carousel-caption p,
    .hero-caption .subtitle-caption {
      text-align: center;
      margin-right: 0;
    }

    .carousel-caption,
    .hero-caption {
        background-color: #172642;
        color: #fff;
    }
    .carousel-caption h3,
    .hero-caption h2,
    .carousel-caption p,
    .hero-caption .subtitle-caption {
        color: #fff;
        text-shadow: none;
        padding: 0px 20px 10px 20px;
    }

    .title-caption a, .subtitle-caption a,
    .carousel-caption h3 a, .carousel-caption p a {
      color: #fff ;
      text-shadow: none;
      padding-bottom: 5px;
    }

    .title-caption a:hover, .subtitle-caption a:hover,
    .carousel-caption h3 a:hover, .carousel-caption p a:hover {
     color: #337ab7 !important;
    }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        margin-top: -100px;
    }
 }

@media screen and (min-width: 768px) {

.carousel-caption h3,
.hero-caption h2,
.carousel-caption p,
.hero-caption .subtitle-caption {
    width: 680px;
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    margin-top: -55px;
    }
}

@media (min-width: 992px) {

.carousel-caption h3,
.hero-caption h2,
.carousel-caption p,
.hero-caption .subtitle-caption {
    width: 900px;
}
}

@media (min-width: 1200px) {

.carousel-caption h3,
.hero-caption h2,
.carousel-caption p,
.hero-caption .subtitle-caption {
    width: 1100px;
}
}
/******  fine contenuti HP ******/

/*=======================================================================
=        inizio contenuti HP di SEZIONE / AREA    =
========================================================================*/

.imagebox {
  background: #172642;
  padding: 0;
  position: relative;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

.imagebox img {
  opacity: 1;
  -webkit-transition: 0.5s opacity;
  -o-transition: 0.5s opacity;
  transition: 0.5s opacity;
  margin: 0 auto;
   width: 100%;
}

.hp-area .imagebox {
  background: #fff;
}

/* CARD */

.paragraphs-item-card-tile.view-mode-full {
    cursor: pointer;
}

.card {
    font-size: 16px;
    overflow: hidden;
    padding: 0;
    padding-bottom: 10px;
    margin-top: 20px;
    margin-left: -5px;
    margin-right: -5px;
    border: none;
    border-radius: 0;
}

/* tolto effetto 3d su hover
.card:hover {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}
*/

.card-block {
    font-size: 14px;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.paragraphs-item-card-tile.view-mode-full a, .paragraphs-item-card-tile.view-mode-full a:visited {
    color: #172642;
    background-color: #fff;
}

.paragraphs-item-card-tile.view-mode-full a:hover,
.paragraphs-item-card-tile.view-mode-full a:focus {
    color: #337ab7;
    background-color: #fff;
}

.card-img-top {
    display: block;
    width: 100%;
    height: auto;
}

.card-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2857em;
    height: 46px;
}

.card-text {
    clear: both;
    margin-top: .5em;
    display: block;
    display: -webkit-box;
    height: 90px;    /* da qui in poi per gestire il troncamento */
    max-height: 90px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -o-text-overflow: "[...]";
       text-overflow: "[...]";
    }

@media screen and (min-width: 768px) {
.card-text {
    height: 135px;
    max-height: 135px;
    -webkit-line-clamp: 5;
    }
}

div.card-overlay.card-link {
    font-size: 0; /*nasconde il link */
    }

.card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05);
}


/*   per fare andare le card in monocolonna  */
@media only screen and (max-width: 767px)  {
    .card {
        margin: 20px auto;
        width: 250px;
    }
    .paragraphs-item-card-tile {
        padding-bottom: 0;
    }
    .card-overlay {
        display: none;
    }
}

@media only screen and (max-width: 525px) {
.card-wrapper {
    float: none;
    margin: 10px auto;
    width: 100%;
}
.card {
    margin: 30px auto;
    width: 100%;
    height: auto;
    max-width: 360px;
}
}

@media (min-width: 768px) {
    .no-spalla .card {
        height: auto;
    }
    .card {
    max-width: 360px;
        height: auto;
}
}


@media only screen and (min-width: 999px)  {
.card-block {
    /*height: 15em;*/
    height: auto;
    }
}

@media only screen and (min-width: 1000px)  {
.card-block {
    /*height: 16em;*/
    }
}

@media only screen and (min-width: 1200px)  {
.card-block {
    /*height: 12em;*/
    }
}

/*    fine HP di SEZIONE   */

/*=======================================================================
=        inizio contenuti HP di PROFILO   =
========================================================================*/

.titolo-profilo {
    color: #172642;
    font-weight: 500;
    font-size: 36px;
    padding: 25px 0 20px 0;
    margin-top: 0;
    }


/*====================================
=      MASONRY hp di profilo        =
====================================*/

.masonry {
  display: block;
-webkit-column-gap: 2.25rem;
column-gap: 3rem;
}


/*-4 columns------*/
.masonry.masonry-columns-4{
-webkit-column-count: 4;
column-count: 4;
}

/*-3 columns------*/
.masonry.masonry-columns-3{
-webkit-column-count: 3;
column-count: 3;
}

/*-2 columns------*/
.masonry.masonry-columns-2{
-webkit-column-count: 2;
column-count: 2;
}

/*-1 columns------*/
.masonry.masonry-columns-1{
-webkit-column-count: 1;
column-count: 1;
}


/*--------Responsive---------*/

@media(max-width: 991px){
.masonry.masonry-columns-4,
  .masonry.masonry-columns-3,
  .masonry.masonry-columns-2{
-webkit-column-count: 2;
column-count: 2;
}
}

@media(max-width: 540px) {
  .masonry.masonry-columns-4,
  .masonry.masonry-columns-3,
  .masonry.masonry-columns-2{
-webkit-column-count: 1;
column-count: 1;
}
}

.masonry .masonry-item {
    display: inline-block !important;
    max-width: 100% !important;
    position: relative;
    background-color: #F5F5F5;
    border: 1px solid #e5e5e5;
    border-radius: .25rem;
    float: none !important;
    margin-right: 0 !important;
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
    padding: 0px 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.masonry .masonry-item:hover {
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: opacity 0.4s ease-in;
    -o-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in;
}

.masonry .masonry-item div.media {
    padding: 0px;
}

.masonry .masonry-item p {
      color: #222;
}

.masonry .masonry-item a,
.masonry .masonry-item a:visited {
    color: #172642;
    background-color: transparent;
}

.masonry .masonry-item a:hover,
.masonry .masonry-item a:focus {
    color: #337ab7;
    background-color: transparent;
    text-decoration: underline;
}

.masonry .masonry-item .read-more {
      color: #1C355D;
}

.masonry .masonry-item .post-title {
      font-size: 20px;
      text-transform: uppercase;
}

.masonry ul,
.masonry li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.masonry ul {
  margin: 1em 0;
}

.masonry li {
  margin: 0.5em 1em;
  margin-left: 3em;
}

.masonry li:before {
  content: '\f0da';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.2em;
  color: #337ab7;
}


div.btn-masonry {
  margin-top: 20px;
  margin-bottom: 20px;
}

.masonry-item img.img-responsive {
    margin-bottom: 10px;
    margin-top: 10px;
}


/*=====  End of masonry Page  ======*/



/*--------------------------------*/
/* SubNav Toggle button */
/*------------------------------- */


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

#button_subNav {
    background-color: transparent;
    background-image: none;
    color: #172642;
    position: relative;
    float: right;
    border: 0;
    padding-top: 0px;
    margin-bottom: 5px;
}

#sidebar-subNav div.title {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
    float: left;
    width: 100%;
    color: #172642;
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-color: #1C355D #eee #eee #eee;
    border-style: solid;
    border-width: 5px 1px 1px 1px;
    text-transform: uppercase;
    }

#sidebar-subNav ul li.first {
    margin-top: 10px;
}
}

@media only screen and (min-width: 768px) {

#button_subNav {
    display: none;
    }

#button_naviga_sezione {
    display: none;
    }
}


/*=========================================
=   SUBNAV- Navigazione locale a destra =
=      pagine interne e home di area    =
=========================================*/


div#subNav.collapse.navbar-collapse a {
    padding-left: 0px;
    padding-right: 0px;
}

#sidebar-subNav {
    overflow: hidden;
    padding: 0;
    border: none;
    border-radius: 0;
    margin-bottom: 20px;
}

.home-area #sidebar-subNav {
    margin-top: 18px;
}

#sidebar-subNav ul li.first {
    border-bottom: 1px solid #e2e2e2;
    line-height: 1.3em;
}

#sidebar-subNav ul li {
    border-bottom: 1px solid #e2e2e2;
    line-height: 1.3em;
    padding: 5px 0;
}

#sidebar-subNav ul li a,
#sidebar-subNav ul li a:visited {
    color: #172642;
    background-color: #fff;
}

#sidebar-subNav ul li a:hover,
#sidebar-subNav ul li a:focus {
    color: #337ab7;
    background-color: #fff;
}


@media only screen and (min-width: 768px) {

#sidebar-subNav div.title {
    font-size: 18px;
    color: #172642;
    margin: 0;
    width: 100%;
    position: relative;
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-color: #1C355D #eee #eee #eee;
    border-style: solid;
    border-width: 5px 1px 1px 1px;
    text-transform: uppercase;
    }

#sidebar-subNav {
    margin-bottom: 50px;
    }
}


/*================================
=         Pagina interna         =
=================================*/

/* Titolo di pagina */

.page-header {
    font-size: 28px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin-top: 0px;
    background-color: #172642;
    color: #fff;
    font-weight: 300;
}

/* titolo hp di profilo nel mobile */
h1.page-header.titolo-profilo {
    background-color: #fff;
    color: #172642;
    font-weight: 500;
}


@media (min-width: 768px) {
.page-header {
    font-size: 32px;
    font-weight: 500;
    padding-top: 0px;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 0;
    margin-top: 20px;
    background-color: #fff;
    color: #222;
    }
h1.page-header:after {
    content: '';
    display: block;
    margin-top: 30px;
    width: 60px;
    border-top: 2px solid #222;
    }

h1.page-header.titolo-profilo:after {
    content: none;
}
}

.font-medium {
  font-weight: 500;
}

/* Titolo generico in pagina e in spalla destra */

.block-title {
    padding: 0px 0px 5px 0px;
    margin-top: 0px;
}


/* usato per i paragrafi */
.well {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0); /* serve a nascondere barretta grigia */
    padding: 0px;
}

/* per lasciare un bordo al testo quando presente spalla destra */

@media (min-width: 992px) {
.region.region-content {
    padding-right: 2.5em;
}

.col-sm-12.no-spalla div.region.region-content {
    padding-right: 0px;
}
}

.contatti .block-title { /*titolo Contatti box a destra */
    font-weight: 400;
    font-size: 20px;
    background-color: transparent;
    padding-top: 10px;
}

.contatti .block-title:after {
    content: '';
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 60px;
    border-top: 2px solid #222;
}

@media (min-width: 1200px) {
.contatti .block-title {
    font-size: 22px;
    }
}

@media (min-width: 768px) {
.contatti a.mailto {
    width: 180px; /*per gestire il troncamento del testo della mail */
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    /* per forzare altezza linea e togliere spazio dopo la mail */
    display: inline-block;
    height: 28px;
    vertical-align: middle;
    }
}

@media (min-width: 1200px) {
.contatti a.mailto {
    width: 240px;
    }
}

.sidebar-box { /* box a destra per Contatti e correlati*/
    padding: 0 15px 15px 15px;
    border-color: #eee;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 15px;
    margin-top: 30px;
    background-color: #f5f5f5; /* sfondo grigio per box in spalla destra per mobile */
}

.breadcrumb {
    color: #fff;
    padding: 12px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #172642;
    padding-top: 20px;
    font-size: 14px;
    border-radius: 0;
}

ol.breadcrumb {
    padding-left: 15px;
    padding-right: 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
}

ol.breadcrumb li,
ol.breadcrumb li a {
    color: #fff !important;
}

ol.breadcrumb li a:hover {
    text-decoration: underline;
}

.breadcrumb li.active {
    display: none;
}

.sidebar-box ul {
    padding-left: 18px;
    }

@media (min-width: 768px) {

.sidebar-box {
    padding: 10px 15px 20px 15px;
    margin-top: 0px;
    margin-bottom: 30px;
    background-color: #fff; /* sfondo bianco per box in spalla destra per desktop */
    }

.contatti .block-title { /*titolo Contatti box a destra */
    padding-top: 5px;
}

.breadcrumb {
    color: #000;
    padding: 12px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #fff;
    margin-top: 20px;
    font-size: 14px;
}
ol.breadcrumb {
    margin-left: 0px;
    padding-left: 0px;
    }

ol.breadcrumb li {
    color: #000 !important;
}

ol.breadcrumb li a {
    color: #337ab7 !important;
}
}

/* per mobile spalla destra sotto i contenuti */

div#spalla-dx {
    margin-top: 40px;
}

@media (min-width: 768px) {
div#spalla-dx {
    margin-top: 0px;
}
}


/* link in evidenza dentro i paragrafi */

.field-item .link-evidenza {
    padding-right: 10px;
    padding-left: 30px;
    /*margin-left: 5px;*/
    display: list-item;
    list-style: none;
}

.field-item .link-evidenza::before {
  font-family: "FontAwesome";
  content: '\f0da';
  color: #1C355D;
  padding-right: 5px;
  float: left;
  margin-left: -40px;
  padding-left: 25px;
}


/* accordion */

.accordion-panel {
  margin: 50px auto;
  width: 100%;
}
.accordion-panel .accordion {
  padding-top: 40px;
}
.accordion-panel .accordion dt {
  display: block;
  padding: 20px;
  background: #f5f5f5;
  color: #444;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.accordion-panel .accordion dd {
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease-out;
  -o-transition: height .35s ease-out;
  transition: height .35s ease-out;
  margin-left: 0;
  margin-bottom: 20px;
  background: #F4F4F4;
}
.accordion-panel .accordion .content {
  padding: 25px;
  overflow: auto;
}
.accordion-panel .plus-icon {
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  -webkit-transition: -webkit-transform 0.35s ease-out;
  transition: -webkit-transform 0.35s ease-out;
  -o-transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
  position: absolute;
  right: 35px;
  top: 50%;
  margin-top: -12px;
}
.accordion-panel .plus-icon:before,
.accordion-panel .plus-icon:after {
  content: '';
  background: #1C355D;
  position: absolute;
}
.accordion-panel .plus-icon:before {
  width: 2px;
  height: 15px;
  margin-left: -0.5px;
  left: 50%;
}
.accordion-panel .plus-icon:after {
  width: 15px;
  height: 2px;
  margin-top: -0.5px;
  top: 50%;
  opacity: 1;
  -webkit-transition: opacity 0.35s ease-out;
  -o-transition: opacity 0.35s ease-out;
  transition: opacity 0.35s ease-out;
}
.accordion-panel .is-open .plus-icon {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.accordion-panel .is-open .plus-icon:after {
  opacity: 0;
}
.accordion-panel .hidden {
  display: none;
}
.accordion-panel .open-btn,
.accordion-panel .close-btn {
  cursor: pointer;
  position: absolute;
    right: 15px;
    width: 120px
}
.accordion-panel .buttons-wrapper {
  position: relative;
}
.accordion-panel .buttons-wrapper .plus-icon {
  position: absolute;
  right: 10px;
  top: 12px;
}

/***********************************/
/*        Stili PARAGRAFI      */
/***********************************/

/* foto dentro il paragrafo */

.paragraphs-item-foto > h2.block-title {
    padding: 10px 0px 5px 0px;
    font-size: 22px;
}

.foto-paragrafo {
  float: left;
  margin-left: 0px;
  margin-right: 25px;
  margin-bottom: 5px;
}

/** modifica per posizionamento foto **/
.paragraphs-item-completo.img_left .foto-paragrafo {
  float: left;
  margin-left: 0px;
  margin-right: 25px;
  margin-bottom: 5px;
}
.paragraphs-item-completo.img_right .foto-paragrafo {
  float: right;
  margin-left: 25px;
  margin-right: 0;
  margin-bottom: 5px;
}
.paragraphs-item-completo.img_normal .foto-paragrafo {
    max-width: 200px;
}
.paragraphs-item-completo.img_big .foto-paragrafo {
    max-width: 360px;
}
.paragraphs-item-completo.img_small .foto-paragrafo {
    max-width: 100px;
}
.paragraphs-item-completo.img_bigger .foto-paragrafo {
    max-width: 700px;
}
.paragraphs-item-completo .foto-paragrafo img {
    height: auto;
    width: 100%;
}



.evidenziato .foto-paragrafo,
.aprichiudi-master .foto-paragrafo {
    padding: 15px 25px 10px 25px;
}

.aprichiudi-master .foto-paragrafo {
    padding-top: 0px;
}

@media (max-width: 524px) {
.paragraphs-item-completo .foto-paragrafo,
.paragraphs-item-completo.img_left .foto-paragrafo,
.paragraphs-item-completo.img_right .foto-paragrafo,
.foto-paragrafo {
  float: none;
  margin: auto;
  }

.paragraphs-item-completo .foto-paragrafo img,
.foto-paragrafo img {
  margin: 0 auto;
  }
}

/* settare dei margini sulla galleria owl sembra confondere lo strumento */
.paragraphs-item-foto div.owl-item {
    margin-right: 0;
    margin-left: 0 !important;
}

.paragraphs-item-foto div.file-image {
    padding: 4px;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
}


/* stili paragrafo */

.field-name-field-titolo-paragrafo,
.titolo-paragrafo {
    color: #172642;
    font-size: 20px;
    font-weight: 500;
    display: -ms-grid;
    display: grid;
    border-bottom: 1px solid #e2e2e2;
    padding: 14px 0px 14px 0;
}

.semplice {
    background-color: inherit;
    border: 0;
    border-radius: 0;
}

.semplice div.field-items {
    padding-left: 0px;
}

.paragraphs-item-documento div.field-items {
    padding: 0 0 10px 0;
    display:inline-block;
}

.evidenziato div.field-items {
    padding-left: 25px;
    padding-right: 25px;
}

.semplice.media {
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
}

.evidenziato {
    background-color: #f5f5f5;
    border-radius: 0;
}
.evidenziato .titolo-paragrafo {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 15px;
}

.titoloevidenziato .titolo-paragrafo {
    border-left: 4px solid #1C355D;
    padding: 14px 10px;
    background-color: #f5f5f5;
    display: -ms-grid;
    display: grid;
    font-weight: 500;
}

.aprichiudi-master.semplice div.field-items {
    padding-left: 25px;
    padding-right: 25px;
}

/*****  modifica per SAFARI per definire altezza dei documenti *****/

.field-name-field-documento .field-items .field-item.even,
.field-name-field-documento .field-items .field-item.odd {
    display: grid;
    margin-bottom: 5px;
}


/***************************************************/
/* margin e padding BOTTOM titoli-paragrafi-liste  */
/***************************************************/

.stile-apri-chiudi .panel-title,
.stile-apri-chiudi div:not(.panel-title),
.stile-apri-chiudi .panel-title a:not(.collapsed),
.titolo-paragrafo.panel-title,
.titolo-paragrafo.aprichiudi-titolo.aprichiudi-default,
.entity-paragraphs-item.paragraphs-item-card-tile.view-mode-full {
    margin-bottom: 0;
}

div.evidenziato .titolo-paragrafo.panel-title,
div.evidenziato .titolo-paragrafo.aprichiudi-titolo,
.field-name-avvisoidi .well {
    margin-bottom: 0px !important;
}

.field-name-field-titolo-paragrafo,
.titolo-paragrafo,
.titolo-paragrafo.aprichiudi-titolo,
.aprichiudi-master .aprichiudi-titolo,
.aprichiudi-master .aprichiudi-titolo.aprichiudi-active {
    margin-bottom: 15px;
}

.paragraphs-item-correlazioni div.field-item,
.paragraphs-item-normativa div.field-item,
.paragraphs-item-documentazione-trasparenza div.field-item {
    padding-bottom: 15px;
}

.evidenziato .titoloevidenziato .field-name-field-descrizione,
.evidenziato .field-name-field-descrizione {
    margin-top: 15px;
    margin-bottom: 15px;
}

/*
.aprichiudi-master div:not(.aprichiudi-titolo) {
    margin-bottom: 20px;
}
*/

div.view-avvisi-comunicazioni-pagine .entity-paragraphs-item.paragraphs-item-documento.view-mode-full.well.semplice.semplice {
    margin-bottom: 10px !important;
}

.paragraphs-item-normativa .block-title,
.paragraphs-item-documentazione-trasparenza .block-title  {
    padding: 10px 10px;
    margin-bottom: 20px;
}

.paragraphs-item-correlazioni.evidenziato .field-name-field-titolo-paragrafo {
    padding-bottom: 0;
}

div.node-news,
div.node-evento {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

div.node-comunicazioni {
    margin-bottom: 30px;
    padding-bottom: 15px;
}

div#paragraphs-item-documento-full-group-innercontent--10 {
    padding-bottom: 15px;
}

.field.field-name-field-documento .field-type-file.field-label-hidden {
    padding-top: 5px;
}

/* liste UL e OL  dentro i paragrafi */
.entity-paragraphs-item ol li {
    margin-bottom: 15px;
}

/* per separare i paragrafi fra di loro */
.entity-paragraphs-item.paragraphs-item-completo.view-mode-full,
.entity-paragraphs-item.paragraphs-item-completo.view-mode-full.aprichiudi-master,
.entity-paragraphs-item.paragraphs-item-completo.view-mode-full.stile-apri-chiudi,
.entity-paragraphs-item.paragraphs-item-correlazioni.view-mode-full,
.entity-paragraphs-item.paragraphs-item-foto.view-mode-full,
.entity-paragraphs-item.paragraphs-item-video.view-mode-full,
.entity-paragraphs-item.paragraphs-item-mappa.view-mode-full,
.entity-paragraphs-item.paragraphs-item-card-tile-riga.view-mode-full,
.entity-paragraphs-item.paragraphs-item-documento.view-mode-full.well.semplice.evidenziato,
.entity-paragraphs-item.paragraphs-item-documento.view-mode-full.well.semplice.semplice,
.entity-paragraphs-item.paragraphs-item-normativa.view-mode-full,
.entity-paragraphs-item.paragraphs-item-documentazione-trasparenza.view-mode-full {
    margin-bottom: 15px !important;
}


@media (min-width: 678px) {
        /* per separare i paragrafi fra di loro */
.entity-paragraphs-item.paragraphs-item-completo.view-mode-full,
.entity-paragraphs-item.paragraphs-item-completo.view-mode-full.aprichiudi-master,
.entity-paragraphs-item.paragraphs-item-completo.view-mode-full.stile-apri-chiudi,
.entity-paragraphs-item.paragraphs-item-correlazioni.view-mode-full,
.entity-paragraphs-item.paragraphs-item-foto.view-mode-full,
.entity-paragraphs-item.paragraphs-item-video.view-mode-full,
.entity-paragraphs-item.paragraphs-item-mappa.view-mode-full,
.entity-paragraphs-item.paragraphs-item-card-tile-riga.view-mode-full,
.entity-paragraphs-item.paragraphs-item-documento.view-mode-full.well.semplice.evidenziato,
.entity-paragraphs-item.paragraphs-item-documento.view-mode-full.well.semplice.semplice,
.entity-paragraphs-item.paragraphs-item-normativa.view-mode-full,
.entity-paragraphs-item.paragraphs-item-documentazione-trasparenza.view-mode-full {
    margin-bottom: 30px !important;
}
}


 /*******************
 PARAGRAFI APRICHIUDI
 ********************/

a.apri-chiudi-a {
    font-weight: 400;
    color: #172642;
}

.aprichiudi-titolo a.apri-chiudi-a {
    font-weight: 500;
    text-decoration: none;
    color: #172642;
}

.panel-title a.accordion-toggle.collapsed:active {
    text-decoration: none;
}

.aprichiudi-master .aprichiudi-titolo,
.stile-apri-chiudi .panel-title {
    cursor: pointer;
    display: -ms-grid;
    display: grid;
    /*text-transform: uppercase;*/
    color: #222;
    font-size: 20px;
    font-weight: 500;
    padding: 20px 80px 20px 20px;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border: 4px solid #f5f5f5;
}

.stile-apri-chiudi .panel-title {
    border: 0;
}

.aprichiudi-master .aprichiudi-titolo::after,
.stile-apri-chiudi .panel-title a.accordion-toggle.collapsed::after {
    content: '+';
    -webkit-transition: -webkit-transform 0.35s ease-out;
    transition: -webkit-transform 0.35s ease-out;
    -o-transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out;
    transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
    position: absolute;
    right: 25px;
    bottom: 22px;
    margin-top: 0px;
    color: #1C355D;
    font-size: 40px;
    font-weight: 100;
    padding-top: 0px;
    padding-right: 0px;
    line-height: inherit;
}

.aprichiudi-master .aprichiudi-titolo.aprichiudi-active:after {
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
    content: '-';
    padding: 0px 15px;
    right: 10px;
    font-size: 58px;
    line-height: inherit;
}

.stile-apri-chiudi .panel-title a.accordion-toggle::after {
    content: '-';
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg);
    position: absolute;
    font-size: 58px;
    font-weight: 100;
    right: 25px;
    bottom: 22px;
    margin-top: 0px;
    color: #1C355D;
    font-weight: 100;
    padding-top: 0px;
    padding-right: 0px;
    line-height: inherit;
}

.aprichiudi-master div:not(.aprichiudi-titolo),
.stile-apri-chiudi .panel div:not(.panel-heading) {
    margin-left: 0;
}

.aprichiudi-master.titoloevidenziato .aprichiudi-titolo,
.stile-apri-chiudi.titoloevidenziato .panel-title {
    display: -ms-grid;
    display: grid;
    color: #222;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-weight: 500;
    padding: 20px 60px 20px 20px;
    position: relative;
    border-left: 4px solid #1C355D;
}


/****************************************************************************
STILE apri/chiudi 'Testi Descrittivi' per Scheda corso - attivita'  formativa
****************************************************************************/

h2.views-field-regdid-id.block-title.aprichiudi-titolo.aprichiudi-default,
h2.views-field-regdid-id.block-title.panel-title {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

h2.views-field-regdid-id.block-title.aprichiudi-titolo.aprichiudi-default::after,
h2.views-field-regdid-id.block-title.panel-title::after {
    bottom: 0;
}

body.page-ugov .region-content h4.panel-title {
    color: #172642;
    text-transform: uppercase;
    padding: 20px 80px 20px 0px;
    background-color: #fff;
    font-size: 20px;
    font-weight: 400;
    border-bottom: 1px solid #1C355D;
    margin-top: 20px;
    line-height: inherit;
}

/******** sovrascrivo stili panel di bootstrap  ******/

.panel-group .panel-default > .panel-heading {
    background-color: #fff;
    padding: 0;
    border: 0;
}

.panel-group .panel-default {
    border-color: #fff;
}

.panel-default > .panel-heading {
    background: #f5f5f5;
    padding: 20px 20px 20px 15px;
    border-bottom: 3px solid #1C355D;
    color: #222;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    font-weight: 400;
}

.panel-title a.accordion-toggle.collapsed {
    text-decoration: none;
}

@media (min-width: 768px) {

.panel-default > .panel-heading {
    padding: 20px 50px 20px 15px;
    }
}

fieldset .panel-heading a.panel-title {
    color: inherit;
    display: block;
    margin: 0;
    padding: 0;
    color: #222;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    font-weight: 400;
    padding-right: 60px;
    text-decoration: none;
}

fieldset.panel {
    border: none;
    padding: 0
}

a.panel-title.fieldset-legend.collapsed:after {
    font-family: "FontAwesome";
    content: '\f078';
    position: absolute;
    right: 0px;
    margin-top: 0px;
    color: #1C355D;
    font-size: 16px;
    font-weight: 100;
    padding-top: 0;
    padding-right: 0px;
    background-color: #f5f5f5;
}

a.panel-title.fieldset-legend:after {
    font-family: "FontAwesome";
    content: '\f077';
    position: absolute;
    right: 0px;
    margin-top: 0px;
    color: #1C355D;
    font-size: 16px;
    font-weight: 100;
    padding-top: 0;
    padding-right: 0px;
    background-color: #f5f5f5;
}


/******************************************************

/* STILI  paragrafi normativa e trasparenza */

.paragraphs-item-normativa div.titolo_h3,
.paragraphs-item-documentazione-trasparenza div.titolo_h3 {
    font-weight: 400;
    padding-right: 80px;
    padding-bottom: 10px;
    margin-right: 0px;
    border-bottom: 1px solid #1C355D;
    position: relative;
}

.paragraphs-item-normativa .block-title,
.paragraphs-item-documentazione-trasparenza .block-title  {
    text-transform: none;
    background-color: #f5f5f5;
    }

div.node-documentazione-trasparenza,
div.node-normativa,
div.node-news,
div.node-evento {
    padding-left: 15px;
}

div.node-documentazione-trasparenza,
div.node-normativa {
    margin-top: 10px;
    cursor: pointer;
}

.paragraphs-item-correlazioni.evidenziato .field-name-field-titolo-paragrafo {
    padding-bottom: 0;
}

.entity-paragraphs-item.paragraphs-item-correlazioni.view-mode-full.evidenziato.correlatospeciale.clearfix .field-items {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* freccia giu per apri chiudi */
.field-name-field-trasparenza h3::after,
.field-name-field-normativa h3::after,
.field-name-field-trasparenza .titolo_h3::after,
.field-name-field-normativa .titolo_h3::after {
    font-family: "FontAwesome";
    content: '\f078';
    position: absolute;
    right: 13px;
    margin-top: 0px;
    color: #1C355D;
    font-size: 1.125em;
    font-weight: 100;
    padding-top: 0;
    padding-right: 20px;
}


/* STILI FOTO GALLERY */


.sb-image.sb-gallery.sb-gallery-field_foto_album img {
    border-right: 0.5px solid #e2e2e2;
    border-bottom: 0.5px solid #e2e2e2;
}

.field.field-name-body.field-type-text-with-summary.field-label-hidden {
    padding-bottom: 10px;
    margin-right: 15px;
}

/* colorbox per galleria immagini - si usa Example 3 come stile colorbox */
#cboxOverlay {
    background: #fff;
}
#cboxWrapper {
    background-color: #000;
}
/* stile per il colorbox */
#cboxTitle {
    top: unset;
    bottom: 0px;
    z-index: 10;
    padding: 0 4px 4px 4px;
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff;
    font-size: 14px;
    line-height: 14px;
}

/**** paragrafo video *****/

.paragraphs-item-video div,
.paragraphs-item-video div.file-video {
    text-align: center;
}

.paragraphs-item-video div.titoloevidenziato {
    text-align: left;
}

iframe.media-youtube-player {
    max-width: 802px;
}

/* STILI MAPPA  */

.paragraphs-item-mappa div.field-name-field-descrizione {
    font-size: 14px;
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

div.field-name-field-geoposizione {
    margin-top: 10px;
}

/* per non far comparire i pulsantini della mappa sopra il menu*/
.leaflet-top, .leaflet-bottom {
        z-index: 998;
}


/* STILI AVVISI E COMUNICAZIONI */

.field-name-avvisoidi .field-name-field-descrizione ul
{
    margin-left: 20px;
    padding-bottom: 10px;
    list-style-position: inherit;
}

.field-name-avvisoidi .field-name-field-descrizione ul > li
{
    list-style: disc outside none;
    margin-left: 40px;
}


.field-name-avvisoidi h2.block-title {
    color: #222;
    text-transform: uppercase;
    padding: 10px 10px;
    background-color: #f5f5f5;
    font-size: 20px !important;
    font-weight: 400 !important;
}

.field-name-avvisoidi .field-items h2 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    text-transform: none;
}

.field-name-avvisoidi .semplice {
    background-color: transparent;
}

.field-name-avvisoidi .titoloevidenziato > h2.block-title {
    border-left: 4px solid #1C355D;
    padding: 10px;
    background-color: #f5f5f5;
    display: -ms-grid;
    display: grid;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
    color: #172642;
}


.field-name-avvisoidi  .field-items ul,
.field-name-avvisoidi  .field-items li {
  padding: 0;
  margin: 0;
  list-style: none;
}

div.node-comunicazioni {
    margin-top: 10px;
    border-bottom: 1px solid #1C355D;
    margin-left: 15px;
    margin-right: 15px;
    padding-top: 15px;
}

.field.field-name-avvisoidi.field-type-ds.field-label-hidden .icon_file a::before {
    margin-left: -30px;
}


/* stili AVVISI e COMUNICAZIONI in pagina */

.view-avvisi-comunicazioni-pagine {
    border: 1px solid #e2e2e2;
}

div.view-avvisi-comunicazioni-pagine .entity-paragraphs-item.paragraphs-item-documento.view-mode-full.well.semplice.semplice .icon_file a.application-pdf::before {
    padding-left: 0px;
}

/*====================================
=      MASONRY wall di foto          =
====================================*/

.masonry-foto {
    display: block;
    -webkit-column-gap: 0;
    column-gap: 0;
}

/*-3 columns------*/
.masonry-foto.masonry-columns-3 {
-webkit-column-count: 3;
column-count: 3;
}

/*--------responsive---------*/

@media (max-width: 767px) {
.masonry-foto.masonry-columns-3 {
-webkit-column-count: 2;
column-count: 2;
}
}

@media(max-width: 540px) {
.masonry-foto.masonry-columns-3 {
-webkit-column-count: 1;
column-count: 1;
}
}

/* per centrare le foto dei wall fotografici */
.node-album-fotografico.view-mode-full img,
.vocabulary-ritratti.view-mode-full img {
    margin: 0 auto;
}

/*======== Modale RITRATTI ========*/

.col-md-6.ritratto-col-sx > img {
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 15px;
    display: block;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: 1px solid #f4f4f4;
    width: 50%;
}

.col-md-6.ritratto-col-sx:hover > img {
    /* transform: scale(1.1); tolto lo zoom sul ritratto in hover */
}

.col-md-6.ritratto-col-dx {
    padding-right: 30px;
}

.ritratto-biografia {
    border: 1px solid #f4f4f4;
    padding: 20px;
    margin: 20px 20px 0px 20px;
    background-color: #f5f5f5;
    border-radius: 10px;
}

button.close.ctools-close-modal.ctools-close-modal-processed:focus {
    outline-color: transparent; /* tolto il focus alla x di dettaglio */
}

button.close.ctools-close-modal.ctools-close-modal-processed {
    outline-color: #337ab7;
}


/** files icons **/

.scheda-documentale .icon_file a {
  margin: 0 0 8px;
  padding: 0;
  background: none !important;
}

.file-document {
  margin-bottom: 5px;
}


div.node-comunicazioni span.icon_file,
div.node-documentazione-trasparenza span.icon_file,
div.node-normativa span.icon_file {
    padding-left: 0px;
    padding-right: 10px;
    padding-left: 30px;
    margin-left: 0px;
    display: list-item;
    list-style: none;
}

span.icon_file {
    padding-right: 10px;
    padding-left: 30px;
    margin-left: 15px;
    display: inline-block;
    list-style: none;
    padding-bottom: 3px;
    padding-top: 3px;
}

/* icona generica */
.icon_file a::before {
    content: "\f15b";
    font-family: FontAwesome;
    color: #1C355D;
    padding-right: 5px;
    float: left;
    margin-left: -30px;
    padding-left: 0;
}

.icon_file a.application-pdf::before {
    content: "\f1c1";
}

.icon_file a.application-rtf::before,
.icon_file a.x-office-document::before {
    content: "\f1c2";
}

.icon_file a.x-office-spreadsheet::before,
.icon_file a.text-csv::before {
    content: "\f1c3";
}

.icon_file a.x-office-presentation::before {
    content: "\f1c4";
}

.icon_file a.image-jpeg::before,
.icon_file a.image-gif::before,
.icon_file a.image-png::before,
.icon_file a.image-x-generic::before {
    content: "\f1c5";
}

.icon_file a.package-x-generic::before {
    content: "\f1c6";
}

.icon_file a.application-xml::before {
    content: "\f121";
}

.icon_file a.text-calendar::before {
    content: "\f073";
}

/* ========  Icona Stampa Evento ======== */

.field-name-stampa {
    position: absolute;
    right: 0;
    margin-right: 40px;
    /*display: block;
    text-align: end;
    padding-bottom: 15px;*/
}

.field-name-stampa a, .field-name-stampa a:visited {
    font-size: 28px;
    color: #172642;
}

span.fa.fa-print {
    cursor: pointer;
}

.field-name-icona-stampa {
    display: block;
    text-align: end;
    padding-bottom: 15px;
}

.field-name-icona-stampa a, .field-name-icona-stampa a:visited {
    font-size: 28px;
    color: #172642;
}

.fa-calendar:before {
    content: "\f073";
    font-size: 26px;
    color: #172642;
}

div .fa-calendar {
    position: absolute;
    right: 90px;
    top: 22px;
}

/* STILI  Pagina NEWS ed EVENTI  / pagina AVVISI  */

div.node-evento, div.node-news {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
}

div.node-news .point-separator, div.node-evento .point-separator {
    font-size: 20px;
    font-weight: 400;
    padding-left: 5px;
    border-left: 5px solid #1C355D;
    margin-bottom: 10px;
    margin-top: 15px;
}

div.node-news .field-name-field-data-news,
div.node-evento .field-name-field-data-news,
div.view-avvisi div.views-row span.date-display-single {
    font-weight: 500;
}

form#views-exposed-form-avvisi-block-2 div.views-exposed-form {
   margin-bottom: 30px;
}

div.view-avvisi div.views-row {
    color: #222;
    margin-top: 10px;
    margin-bottom: 30px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e2e2e2;
    border-left: 5px solid #1C355D;
}


/********************************************/
/*  pagina dettaglio evento/ news e avvisi  */

div.node-evento.view-mode-full .date-display-single,
div.node-news.view-mode-full .date-display-single,
div.node-avviso.view-mode-full .date-display-single {
    padding-top: 50px;
    margin-top: 0;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    color: #172642;
}

@media (min-width: 768px) {
div.node-evento.view-mode-full .date-display-single {
    padding-top: 30px;
}
}

div.node-evento.view-mode-full,
div.node-news.view-mode-full,
div.node-avviso.view-mode-full {
    border: 1px solid #1C355D;
    padding: 20px;
    color: #172642;
}

div.node-evento.view-mode-full .field-type-text-with-summary,
div.node-news.view-mode-full .field-type-text-with-summary,
div.node-avviso.view-mode-full .field-type-text-with-summary {
    border: 0;
    margin-top: 10px;
    padding: 30px 10px 10px 10px;
    background-color: #fff;
    border-top: 2px solid #1C355D;
    line-height: 22px;
}

div.node-evento.view-mode-full .field-name-field-note,
div.node-news.view-mode-full .field-name-field-note,
div.node-avviso.view-mode-full .field-name-field-note {
    border: 0;
    margin: 10px 30px 10px 10px;
    padding: 20px;
    border: 1px solid #e2e2e2;
}

div.node-evento.view-mode-full div.paragraphs-items-field-paragrafo-allegati,
div.node-news.view-mode-full div.paragraphs-items-field-paragrafo-allegati,
div.node-avviso.view-mode-full div.paragraphs-items-field-paragrafo-allegati {
    border: 0;
    margin-top: 10px;
    padding: 10px;
    background-color: #fff;
}


/* elenchi in pagina e bandi */

.node-normativa .group-left,
.node-documentazione-trasparenza .group-left,
.node-bando .group-left {
  width: auto;
  float: none;
}

.node-normativa .group-right,
.node-documentazione-trasparenza .group-right,
.node-bando .group-right {
    width: auto;
    float: none;
    padding: 0 15px;
    border-left: 1px solid #e2e2e2;
    margin-top: 20px;
    margin-bottom: 20px;
}

.node-normativa .field-name-field-file-normativa.field-type-file {
    padding-top: 15px;
}

.node-normativa h2.block-title,
.node-documentazione-trasparenza h2.block-title,
.node-bando h2.block-title {
  background: none;
  color: #000000;
  padding-left: 0;
  font-size: 22px;
}

.node-normativa ul li,
.node-documentazione-trasparenza ul li,
.node-bando ul li {
  margin-left: 0;
}

.view-bandi-in-pagina .views-row {
  margin-top: 10px;
  border-top: 5px solid #77BFE0;
  background: #F1F1F1;
}

.view-bandi-in-pagina .views-row .group-left {
  padding: 5px 10px;
}

.view-bandi-in-pagina .views-row h2,
.view-bandi-in-pagina .views-row h3 {
  margin: 1em 0;
  font-size: 24px;
}

@media (min-width: 768px) {
    .node-normativa .group-left,
    .node-documentazione-trasparenza .group-left,
    .node-bando .group-left {
      float: left;
      width: 70%;
    }

    .node-normativa .group-right,
    .node-documentazione-trasparenza .group-right,
    .node-bando .group-right {
      float: right;
      width: 24%;
    }
}

/* esito bandi */

.esito-file ul {
    padding-left: 0px;
}

.field-name-esito-bando ul li {
  list-style: none;
  margin-left: 0;
}


/* ancora elenchi in pagina + bandi */

.node-normativa .group-right .field-label,
.node-documentazione-trasparenza .group-right .field-label,
.node-bando .group-right .field-label {
  font-weight: 500;
}

.field-name-field-file-del-bando {
  background: #F5F5F5;
  padding: 15px 0px;
  margin-right: 15px;
  margin-bottom: 10px;
}

.node-normativa h2.block-title,
.node-documentazione-trasparenza h2.block-title,
.node-bando h2.block-title {
  background: none;
  color: #000000;
  padding-left: 0;
  font-size: 20px;
}

.node-normativa ul li,
.node-documentazione-trasparenza ul li,
.node-bando ul li {
  margin-left: 0;
}

.view-bandi-in-pagina .views-row {
  margin-top: 0px;
  margin-bottom: 10px;
  border-top: 5px solid #e2e2e2;
  background: #ffffff;
}

.view-bandi-in-pagina .views-row .group-left {
  padding: 5px 10px;
}

.view-bandi-in-pagina .views-row h2,
.view-bandi-in-pagina .views-row h3 {
  margin: 1em 0;
  font-size: 20px;
  font-weight: 400;
}

@media (min-width: 768px) {
    .node-normativa .group-left,
    .node-documentazione-trasparenza .group-left,
    .node-bando .group-left {
      float: left;
      width: 70%;
    }

    .node-normativa .group-right,
    .node-documentazione-trasparenza .group-right,
    .node-bando .group-right {
      float: right;
      width: 30%;
    }
}

/* no Document Found  */
.no-cache h2 {
    font-size: 20px;
    font-style: oblique;
}


/* elenchi Albo */

.view-albo-elenco.view-id-albo_elenco .views-row {
    margin-top: 20px;
    border-top: 5px solid #1C355D;
    background: #f5f5f5;
    padding: 15px;
}

.view-albo-elenco .views-field.views-field.views-field-file {
    padding-top: 10px;
}

.view-albo-elenco .views-field.views-field.views-field-file li {
    padding-left: 0px;
    padding-right: 10px;
    margin-left: 0px;
    display: list-item;
    list-style: none;
}

.view-albo-elenco .views-field.views-field.views-field-file li a::before {
    content: '\f0da';
    font-family: FontAwesome;
    color: #1C355D;
    float: left;
    margin-left: -70px;
    padding-left: 55px;
}

.view-albo-elenco h2.block-title {
    font-size: 18px;
}

.field-name-field-allegati .field-label {
    font-weight: 400 !important;
}

.field-name-field-allegati .field-item.even,
.field-name-field-allegati .field-item.odd {
    margin-bottom: 0px;
}


/****************************/
/*     dettaglio bando      */

.node-bando.view-mode-full.field-type-text-with-summary {
    padding-bottom: 0px;
    border-bottom: 0;
    line-height: 28px;
    padding: 5px;
    }

.node-bando.view-mode-full.file-bando  {
    padding-top: 0.1px;
    background-color: #fff;
    margin-bottom: 20px;
    border-bottom: 1px solid #e2e2e2;
    }

.view-id-bandi_in_pagina .view-empty {
    margin-bottom: 30px;
}

.file-bando.field.field-name-field-documento-trasparenza {
    padding-bottom: 15px;
}


/*********************************************/
/* pagina ACCORDI INTERNAZIONALI */

.view-accordi-internazionali .views-row {
    padding-bottom: 20px;
}

.view-accordi-internazionali h2 {
    font-size: 32px;
    font-weight: 400;
}

#block-views-accordi-internazionali-block-3 .view-filters .views-exposed-form,
#block-views-accordi-internazionali-block-2 .view-filters .views-exposed-form {
  text-align: center;
  background-color: #FFFFFF;
}

#block-views-accordi-internazionali-block-3 .view-filters .views-exposed-widgets,
#block-views-accordi-internazionali-block-2 .view-filters .views-exposed-widgets {
  display: inline-block;
  width: auto;
}
#block-views-accordi-internazionali-block-2 .views-row,
#block-views-accordi-internazionali-block-3 .views-row,
#block-views-accordi-internazionali-block-3 .view-empty {
  margin: 10px 0;
}

#block-views-accordi-internazionali-block-3 .view-content {
  margin: 10px 0;
}

div.node-accordi-universita .block-title {
    font-size: 1.5em;
    font-weight: 500;
    border-left: 4px solid #1C355D;
    padding: 10px 10px;
    background-color: #f5f5f5;
}

div.node-accordi-universita h3 {
    font-size: 18px;
    font-weight: 500;
}

div.node-accordi {
    line-height: 24px;
    padding-bottom: 20px
}

div.node-accordi li {
    list-style: inherit;
}

.view-id-accordi_internazionali .view-footer {
    margin-top: 30px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    padding: 20px 0px;
    font-size: 16px;
    text-align: right;
}

.view-id-accordi_internazionali .accordi-legenda {
    font-size: 16px;
    font-weight: 500;
    color: #172642;
    text-align: left;
    padding: 0px 0px 20px 15px;
    font-variant-caps: small-caps;
}

.view-id-accordi_internazionali .accordi-img {
    margin-left: -10px;
    padding-left: 0px;
}

.view-id-accordi_internazionali .view-footer img {
    padding-top: 2px;
}


@media (max-width: 767px) {
.view-id-accordi_internazionali .view-footer {
        text-align: left;
    }
}

@media (min-width: 768px) {

    .accordi-riga {
    display: flex;
    flex-direction: row-reverse;
    }

    .view-id-accordi_internazionali .accordi-img {
    margin-left: 0px;
    padding-left: 0px;
    text-align: center;
    }

    .view-id-accordi_internazionali .view-footer {
    text-align: left;
    }
}

/*********************************************/
/* pagina Mappa sito */

.mappasito .block-menu-block-8 {
    line-height: 24px;
    font-size: 16px;
}

.mappasito .region-content li a,
.mappasito .region-content li span {
    color: #222;
    padding: 0;
}

.mappasito .region-content li ul li a:before {
    content: "\f0da";
    font-family: fontAwesome;
    position: absolute;
    color: #1C355D;
    top: 0;
    left: -10px;
}

.mappasito .region-content .menu-mlid-1417 a.nolink,
.mappasito .region-content .menu-mlid-1418 a.nolink,
.mappasito .region-content .menu-mlid-1419 a.nolink,
.mappasito .region-content .menu-mlid-1420 a.nolink,
.mappasito .region-content .menu-mlid-1421 a.nolink,
.mappasito .region-content .menu-mlid-1422 a.nolink {
    font-weight: 500;
    color: #222;
    border-bottom: 3px solid #1C355D;
    margin-top: 30px;
}

.mappasito .region-content .menu-mlid-1005 a.nolink {
    font-weight: 500;
    color: #222;
    border-bottom: 3px solid #172642;
    margin-top: 30px;
}

.mappasito .region-content .menu-mlid-1011 a.nolink {
    font-weight: 500;
    color: #222;
    border-bottom: 3px solid #e2e2e2;
    margin-top: 30px;
}

.mappasito .block-title {
    font-size: 16px;
    font-weight: 500;
    padding: 0px 0px 5px 0px;
    margin-top: 0px;
}

.mappasito ul.menu.nav {
    padding-left: 20px;
}

/*****************************************/
/*  Albero della Struttura Organizzativa */

ul.menu.nav.albero_ramo {
    padding-left: 30px;
}

ul.menu.nav.albero_ramo li a {
    padding: 5px 15px
}

ul.menu.nav.albero_radice a.nolink {
    color: #222;
}

ul.menu.nav.albero_ramo li a:before {
    content: "\f0da";
    font-family: fontAwesome;
    position: absolute;
    color: #1C355D;
    left: 0px;
}

/*menu link a Normativa */
.mappasito .menu-block-17 .navbar-nav > li {
    float: none;
    display: list-item;
    height: 28px;
}

/*********************************************************/
/*********************************************************/
/*  STILI x OFFERTA FORMATIVA ****************************/
/*********************************************************/
/* selezionare cosa mantenere e cambiare, cosa eliminare */
/*********************************************************/

span.views-field.views-field-rendered-entity {
    margin-top: 10px;
    display: block;
}

/*valutare  se modificare in apri chiudi e/o in accordion */

.list-closed {
  height: 0;
  visibility: hidden;
  overflow: hidden;
}


.list-open {
    height: auto;
    visibility: visible;
    padding: 10px 10px 30px 15px;
}

/* elenco link ricerca un Corso */

.view-ugov-corsi-di-studio-ricerca span.field-content::before {
    font-family: "FontAwesome";
    content: '\f0da';
    color: #1C355D;
    padding-right: 10px;
    display: inline-block;
    margin-top: 5px;
}

/*** titoli elenco corsi triennale ***/
a#LT,
a#L5,
a#LM,
a#LC {
    color: #222;
}

.node-pagina-area0 .entity-paragraphs-item ul > li {
    list-style-position:inherit ;
    padding-bottom: 10px;
}

/**** quicktab per pagina elenco corsi ****/

#quicktabs-ugov_elenco_corsi_laurea .quicktabs-tabpage,
#quicktabs-ugov_elenco_corsi_magistrale .quicktabs-tabpage,
#quicktabs-ugov_elenco_corsi .quicktabs-tabpage {
  margin-top: 2em;
}

#quicktabs-ugov_elenco_corsi .quicktabs_main.quicktabs-style-basic {
  border: none;
  padding: 0px;
  margin-bottom: 2em;
  height: auto !important;
}

#quicktabs-ugov_elenco_corsi ul.quicktabs-tabs.quicktabs-style-basic {
  border-bottom: 1px solid #1C355D;
  height: auto;
}

#quicktabs-ugov_elenco_corsi ul.quicktabs-tabs.quicktabs-style-basic li {
  background-image: none;
  margin-right: 5px;
  width: auto;
  height: auto;
  color: #337ab7;
  font-weight: normal;
}

#quicktabs-ugov_elenco_corsi ul.quicktabs-tabs.quicktabs-style-basic li.active {
  border: 1px solid #1C355D;
  border-bottom: 1px solid #fff;
  padding-top: 5px;
}

#quicktabs-ugov_elenco_corsi ul.quicktabs-tabs.quicktabs-style-basic a {
  font-size: 1.2em !important;
  font-weight: normal !important;
  text-decoration: none;
  color: #337ab7;
  padding: 10px 15px;
}

#quicktabs-ugov_elenco_corsi ul.quicktabs-tabs.quicktabs-style-basic li.active a {
  font-weight: 500 !important;
}

.elencocorsi .view-display-id-block_7 .item-list ul,
#quicktabs-ugov_elenco_corsi_laurea .view-display-id-block_7 .item-list ul,
#quicktabs-ugov_elenco_corsi_magistrale .view-display-id-block_7 .item-list ul,
#quicktabs-ugov_elenco_corsi .view-display-id-block_7 .item-list ul {
  margin-bottom: 0;
}

div.elencocorsi h3 {
    font-size: 20px;
}

.elencocorsi li {
    margin-bottom: 15px;
}


/** pagina cds e af  **/

body.page-ugov .group-info-af p,
body.page-ugov .group-info2-af p,
body.page-ugov .group-info-cds p,
.paragraphs-item-embed-avanzato .group-info-af p,
.paragraphs-item-embed-avanzato .group-info2-af p,
.paragraphs-item-embed-avanzato .group-info-cds p {
  margin: 0;
}

#section-content .paragraphs-item-embed-avanzato .group-info-af .block .content,
#section-content .paragraphs-item-embed-avanzato .group-info2-af .block .content,
#section-content .paragraphs-item-embed-avanzato .group-info-cds .block .content,
body.page-ugov #section-content .group-info-af .block .content,
body.page-ugov #section-content .group-info2-af .block .content,
body.page-ugov #section-content .group-info-cds .block .content {
  padding: 0;
}

.elencocorsi h2.block-title,
#block-quicktabs-ugov-elenco-corsi-laurea h2.block-title,
#block-quicktabs-ugov-elenco-corsi-magistrale h2.block-title,
#block-quicktabs-ugov-elenco-corsi h2.block-title,
/*.paragraphs-item-embed-avanzato h2.block-title,*/
body.page-ugov .region-content h2.block-title,
.group-info-cds.separatore.gruppo-di-campi h2,
.title-af h2  {
    color: #172642;
    text-transform: uppercase;
    padding: 30px 0px 10px;
    background-color: #fff;
    font-size: 20px;
    font-weight: 400;
    border-bottom: 1px solid #1C355D;
}

#block-quicktabs-ugov-elenco-corsi h2.block-title {
    border: none;
}

#block-quicktabs-ugov-elenco-corsi-laurea h2.block-title,
#block-quicktabs-ugov-elenco-corsi-magistrale h2.block-title {
    display: none;
}

.elencocorsi .titolo_h3,
#quicktabs-ugov_elenco_corsi_laurea .titolo_h3,
#quicktabs-ugov_elenco_corsi_magistrale .titolo_h3,
#quicktabs-ugov_elenco_corsi .titolo_h3,
.paragraphs-item-embed-avanzato .titolo_h3,
body.page-ugov .titolo_h3,
body.page-ugov h3 {
  background: #f5f5f5;
  padding: 20px 60px 20px 15px;
  border-bottom: 3px solid #1C355D;
  color: #222;
  font-size: 18px;
  cursor: pointer;
  position: relative;
  font-weight: 400;
}

.elencocorsi .titolo_h3::after,
#quicktabs-ugov_elenco_corsi_laurea .titolo_h3::after,
#quicktabs-ugov_elenco_corsi_magistrale .titolo_h3::after,
#quicktabs-ugov_elenco_corsi .titolo_h3::after,
.paragraphs-item-embed-avanzato .titolo_h3::after,
body.page-ugov .titolo_h3::after {
    font-family: "FontAwesome";
    content: '\f078';
    position: absolute;
    right: 10px;
    margin-top: 0px;
    color: #1C355D;
    font-size: 16px;
    font-weight: 100;
    padding-top: 0;
    padding-right: 20px;
    background-color: #f5f5f5;
}

.field-name-title h3 {
    margin: 0;
}

.paragraphs-item-embed-avanzato .quadro_a2a,
body.page-ugov .quadro_a2a {
  margin-bottom: 12px;
}

.paragraphs-item-embed-avanzato .quadro_a2a_profilo,
.paragraphs-item-embed-avanzato .ugov-uppercase,
body.page-ugov .quadro_a2a_profilo,
body.page-ugov .ugov-uppercase {
    font-size: 20px;
    font-weight: 500;
    /* text-transform: uppercase; */
    margin: 30px 0 10px 0;
    padding-bottom: 3px;
    border-bottom: 1px solid #e2e2e2;
    display: inline-block;
}

.paragraphs-item-embed-avanzato .quadro_a4b_area,
body.page-ugov .quadro_a4b_area {
  font-size: 20px;
  margin: 1em 0 .5em;
}

body.page-ugov #region-sidebar-first h2.block-title {
  color: #fff;
  background: #172642;
  padding: 14px 10px 10px;
}

.paragraphs-item-embed-avanzato .field-name-ugov-of-pds-cds,
body.page-ugov .field-name-ugov-of-pds-cds {
  background-color: #fff;
  padding: 10px 10px;
  font-size: 18px;
}

body.page-ugov #region-sidebar-first #block-views-ugov-view-degreemanager-block-4 {
  clear: both;
}

body.page-ugov #region-sidebar-first #block-views-ugov-view-degreecourse-block h2.block-title,
body.page-ugov #region-sidebar-first #block-views-296323cb50308633b7d1952f8bc8a8ab h2.block-title,
body.page-ugov #region-sidebar-first #block-views-ugov-view-degreemanager-block-4 h2.block-title,
body.page-ugov #region-sidebar-first #block-views-ugov-view-degreemanager-block-6 h2.block-title,
body.page-ugov #region-sidebar-first #block-views-ugov-view-date-block h2.block-title {
  color: #000000;
  background: #f5f5f5;
}

#block-views-ugov-view-degreecourse-block-18 h3 {
  margin-bottom: 0;
}

.paragraphs-item-embed-avanzato #block-views-ugov-view-degreecourse-block-18 h3 {
  margin-top: 0;
  margin-bottom: 0;
}

#section-content .block-views-ugov-view-degreecourse-block-2.block .content,
#section-content .block-views-ugov-view-degreecourse-block-3.block .content,
#section-content .block-views-ugov-view-degreecourse-block-5.block .content,
#section-content .block-views-ugov-view-degreecourse-block-12.block .content,
#section-content .block-views-ugov-view-degreecourse-block-14.block .content {
    padding: 0;
}

.block-views-ugov-view-degreecourse-block-2 .views-row,
.block-views-ugov-view-degreecourse-block-3 .views-row,
.block-views-ugov-view-degreecourse-block-5 .views-row,
.block-views-ugov-view-degreecourse-block-12 .views-row,
.block-views-ugov-view-degreecourse-block-14 .views-row {
  width: 96%;
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  border: 1px solid #1C355D;
  padding: 1%;
}

.block-views-ugov-view-degreecourse-block-2 .views-row .views-row,
.block-views-ugov-view-degreecourse-block-3 .views-row .views-row,
.block-views-ugov-view-degreecourse-block-5 .views-row .views-row,
.block-views-ugov-view-degreecourse-block-12 .views-row .views-row,
.block-views-ugov-view-degreecourse-block-14 .views-row .views-row {
  width: 100%;
  margin-left: 0;
  float: none;
  border: 0;
  padding: 0;
}

div.group-info-cds.separatore {
  margin-bottom: 20px;
  margin-top: 20px;
}


/** offerta erogata **/

.view-ugov-view-degree-erogate .views-exposed-form {
  margin-bottom: 2em;
}

.paragraphs-item-embed-avanzato h3,
.page-ugov-insegnamenti .view-display-id-page_1 h3,
.view-ugov-view-degree-erogate h3 {
  margin: .5em 0 .5em;
  font-weight: 500;
}

.paragraphs-item-embed-avanzato ul,
.page-ugov-insegnamenti .view-display-id-page_1 ul,
.view-ugov-view-degree-erogate ul {
  list-style: disc outside none;
  font-size: inherit; /* SDPPUB-4132 , 16px; */
}

#section-content .paragraphs-item-embed-avanzato ul li,
.page-ugov-insegnamenti #section-content .view-display-id-page_1 ul li,
#section-content .view-ugov-view-degree-erogate ul li {
  list-style: inherit;
  list-style: none;
  margin-bottom: 5px;
}

#section-content .paragraphs-item-embed-avanzato .paragraphs-item-completo ul li {
  list-style: disc outside none;
}

@media (min-width: 768px) {
    .block-views-ugov-view-degreecourse-block-2 .views-row,
    .block-views-ugov-view-degreecourse-block-3 .views-row,
    .block-views-ugov-view-degreecourse-block-5 .views-row,
    .block-views-ugov-view-degreecourse-block-12 .views-row,
    .block-views-ugov-view-degreecourse-block-14 .views-row {
      width: 30%;
      margin-right: 0;
    }
}

.view-ugov-view-degreecourse .views-field.views-field-view {
    padding-bottom: 10px;
}

.view-ugov-view-degreecourse .views-field-view .field-content {
    display: -ms-grid;
    display: grid;
}

.view-ugov-view-degreecourse span.views-field.views-field-nome-esteso {
    font-weight: 400;
}

/* offerta, pagina AF
 * verificare i selettori migliori!!!
 */
.views-field-view .field-content {
    display: inline-table;
}

/*
personalizzazioni di Christian
poi con Elena si fa il merge degli stili
*/

.leaflet-bottom.leaflet-right {
    display: none;
}

.ui-autocomplete-no-match {display:none;}


/******************+**************************************/
/**                 CSS PER LA STAMPA                   **/
/******************+**************************************/

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; -webkit-filter:none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }

    body {
    font-family: Georgia, serif;
    background: none;
    color: black;
}
#page {
    width: 100%;
    margin: 0; padding: 0;
    background: none;
}
#header, #menu-bar, #sidebar, h2#postcomment, form#commentform, #footer {
    display: none;
}
.entry a:after {
    content: " [" attr(href) "] ";
}
#printed-article {
    border: 1px solid #666;
    padding: 10px;
}
}


/******************+***********************************/
/**   SOVRASCRITTURA CLASSI DEI SEGUENTI CSS:        **/
/**   field.css                                      **/
/**   date_repeat_field.css                          **/
/**   views.css                                      **/
/******************+***********************************/

.field .field-label,
.date-repeat-input.byday-day label,
.date-clear.bymonthday .field-suffix,
.views-exposed-form label {
  font-weight: 500;
}



/******************+***********************************/
/**   SOVRASCRITTURA CLASSI DEL CSS:                 **/
/**   eu_cookie_compliance.css                       **/
/******************+***********************************/

#sliding-popup .eu-cookie-compliance-default-button,
#sliding-popup .eu-cookie-compliance-hide-button,
#sliding-popup .eu-cookie-compliance-more-button-thank-you,
#sliding-popup .eu-cookie-withdraw-button,
#sliding-popup .popup-content #popup-text,
#sliding-popup .popup-content #popup-text h1,
#sliding-popup .popup-content #popup-text h2,
#sliding-popup .popup-content #popup-text h3,
#sliding-popup .popup-content #popup-text p {
  font-weight: 500;
}

#sliding-popup .popup-content #popup-text p,
#sliding-popup .eu-cookie-compliance-more-button,
#sliding-popup .eu-cookie-compliance-default-button,
#sliding-popup .eu-cookie-compliance-secondary-button {
    font-size: 14px;
}

button.agree-button.eu-cookie-compliance-secondary-button {
    margin-right: 5px !important;
    overflow: visible !important;
    width: auto !important;
    margin-top: 1em !important;
    vertical-align: middle !important;
    padding: 4px 8px !important;
    box-shadow: inset 0 1px 0 0 #ffffff !important;
    background-color: #ededed !important;
    /*background-image: linear-gradient(to bottom,Ã‚ #edededÃ‚ 5%,Ã‚ #dfdfdfÃ‚ 100%);*/
    border-radius: 6px !important;
    border: 1px solid #dcdcdc !important;
    color: #000 !important;
    font-family: Arial, sans-serif !important;
    text-decoration: none !important;
    text-shadow: 1px 1px 0 #ffffff !important;
    cursor: pointer !important;
}


/* SDPPUB-3866 */
.view-avvisi-box-elenco.view-id-avvisi_box_elenco .paragraphs-items-field-paragrafo ul {
    padding-top: inherit;
    padding-bottom: 10px;
}

.view-avvisi-box-elenco.view-id-avvisi_box_elenco .paragraphs-items-field-paragrafo ul li {
    list-style: disc;
    line-height: initial;
    padding-bottom: 5px;
}


/************************************/
/*          RUBRICA                 */
/************************************/

.ugov-alfabetico-allegato li {
    display: inline;
}

.inline-block{
    display:inline-block;
}

.view-persona .fa-user-o {
  font-size: 150px;
  border: 1px solid;
  padding: 30px 40px;
}

@media (min-width: 768px){
  #contenitore-principale .no-spalla .view-persona .fa-user-o {
    font-size: 100px;
  }
  
  #contenitore-principale .col-md-9 .view-persona .fa-user-o {
    font-size: 80px;
    padding: 20px 20px;
  }
}

@media (min-width: 992px) {
  #contenitore-principale .no-spalla .view-persona .fa-user-o {
    font-size: 150px;
  }
  
  #contenitore-principale .col-md-9 .view-persona .fa-user-o {
    font-size: 100px;
    padding: 30px 30px;
  }
}

@media (min-width: 1200px) {
  #contenitore-principale .col-md-9 .view-persona .fa-user-o {
    font-size: 130px;
    padding: 30px 30px;
  }
}

.field-name-persona-dettagli {
  margin-bottom: 20px;
}
/*
.field-name-ugov-persona-pubblicazioni ul {
  list-style-type: none;
  padding: 0px;
}
*/
.field-name-ugov-persona-pubblicazioni li {
/*  list-style-type: none;*/
  margin-bottom: 10px;
}

.views-field-field-foto-personale {
  margin-bottom: 20px;
}
.font-16 {
  font-size: 16px;
}

/******************************************/
/*********** Paragrafo INFOGRARICA ********/
/******************************************/

/* accoppiate colori icone e numeri */

.card-infografiche .wcolor-bluprincipale {
    color: #1C355D;
    color: #172642; 
}
.card-infografiche .infographic-number.wcolor-bluprincipale {
    color: #ffffff;
}

.card-infografiche .wcolor-azzurochiaro {
    color: #D0D8E5;
}
.card-infografiche .infographic-number.wcolor-azzurochiaro {
    color: #333333;
}

.card-infografiche .wcolor-grigio {
    color: #9BA2A7;
    color: #e0e2e3;
}
.card-infografiche .infographic-number.wcolor-grigio {
    color: #333333;
}

/* colore scuro per icone vuote */ 
span .fas.fa-desktop.wcolor-bluprincipale.fa-stack-2x + span.infographic-number.fa-stack-1x.wcolor-bluprincipale {
    color: #333333 !important
}

/* personalizzazione calendario - esiste anche in altri punti del sito */ 
.card-infografiche span.fas.fa-calendar {
    top: 0;
}
.card-infografiche .fas.fa-calendar:before {
    font-size: inherit;
    color: inherit;
}

.card-infografiche .block-infographic .titolo-paragrafo {
    padding-left: 15px;
}

.card-infografiche .block-infographic .titolo-paragrafo.titolo-paragrafo-dx {
    border: 0;
    text-align: center;
}

.card-infografiche .block-infographic {
    background-color: #f5f5f5;
}

/* .card-infografiche .block-infographic-dx .infographic-content, */
.card-infografiche .infographic-content {
    background-color:#f5f5f5;
    padding: 15px 0
}

.card-infografiche .infographic-box {
    display: block;
    background-color: #fff;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    padding: 0
}

.card-infografiche .infographic-box span.infographic-number {
    font-size: 3.4rem;
    margin: 0px auto;
    font-weight: 500;
}

.card-infografiche .link-infografica {
    text-align: center;
    padding: 15px 5px 0;
    margin-top: 40px;
    height: auto;
}

.card-infografiche .field-item.even:nth-child(5),
.card-infografiche .field-item.even:nth-child(9) {
    clear: left;
}

.card-infografiche span.fa-stack.fa-3x.infographic-fa {
    width: 100%;
    font-size: 6.6rem;
}

.card-infografiche .block-infographic-dx .infographic-box {
    width: 100%;
}
    

/*personalizzazioni dimensioni icone */

.card-infografiche span.fas.fa-award {
    font-size: 2.825em;
}
.card-infografiche span.fas.fa-comment,
.card-infografiche span.fas.fa-bell {
    font-size: 2.1em;
}
.card-infografiche span.fas.fa-desktop {
    font-size: 2.4em;
}
.card-infografiche span.fas.fa-lightbulb {
    font-size: 2.6em;
}
.card-infografiche span.fas.fa-calendar {
    font-size: 2.16em;
}

/* personalizzazione 1 icona */
.card-infografiche .field-item.odd:nth-last-child(1) > div.infographic-box:only-of-type {
    width: 100%;
}

@media (min-width: 768px) {
    
    .card-infografiche .infographic-content {
        padding: 0 0 30px;
    }
        
    .card-infografiche .infographic-box {
        margin-left: -15px;
        margin-right: 15px
    }

    .card-infografiche .block-infographic-dx .infographic-box {
        margin: 0
    }
        
    .card-infografiche .infographic-content {
        background-color: #ffffff;
    }

    .card-infografiche span.fa-stack.fa-3x.infographic-fa {
        font-size: 5.6rem;
    }
            
    .card-infografiche .infographic-box span.infographic-number {
        font-size: 3rem;
    }

    .field-item.odd.infografic-wrapper.infografic-two-boxes .infographic-box .infographic-content {
        width: 50%;
        margin-left: auto;
        margin-right:0;
    }

    .field-item.odd.infografic-wrapper.infografic-two-boxes .infographic-box {
        width: 50%;
        margin-left: 0;
        margin-right:auto
    }
}

@media (min-width: 992px) {
    .card-infografiche .region.region-content {
        padding-right: 0;
    }
        
    .card-infografiche .infographic-box span.infographic-number {
        font-size: 3.4rem;
    }
}

@media (min-width: 1200px) {
    .card-infografiche span.fa-stack.fa-3x.infographic-fa {
        font-size: 6.5rem;
    }
}


/********************/
/*****   IRIS   *****/
/********************/

.iris-titolo {
  font-style: italic;
}

/********************/

/**  personale page pubb **/

.hidepub .group-informazioni {
  display: none;
}


/* SDPPUB-6778 - elenchi docenti in Rubrica e in contenuti embeddati */

/* responsabili struttura */
body.page-ugov .ugov-unitaorganizzativa .field-name-responsabili h3,
.paragraphs-item-embed-avanzato .ugov-unitaorganizzativa .field-name-responsabili h3 {
    background: none;
    padding: 0;
    border-bottom: 1px solid #e2e2e2;
    color: #222;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    font-weight: 500;
}

body.page-ugov .ugov-unitaorganizzativa .field-name-responsabili ul,
.paragraphs-item-embed-avanzato .ugov-unitaorganizzativa .field-name-responsabili ul {
    margin-left: 10px
}

/* personale afferente */
.ugov-unitaorganizzativa .group-componenti.panel.panel-default {
    margin-top: 20px;
    border: 0
}
.ugov-unitaorganizzativa .group-componenti .panel-body {
    padding-top: 0px
}

.ugov-unitaorganizzativa .panel-heading {
    border: 0;
    border-radius: 0;
    background-color: #ffffff;
    font-size: 20px;
    display: block;
    margin-bottom: 0px;
    color: #172642;
    font-weight: 500;
    border-bottom: 1px solid #e2e2e2;
    padding: 14px 0px 14px 0
}

.ugov-unitaorganizzativa .panel-heading .panel-title {
    font-size: 20px
}

body.page-ugov .ugov-unitaorganizzativa .group-componenti h3,
.paragraphs-item-embed-avanzato .ugov-unitaorganizzativa .group-componenti h3 {
  padding: 0;
  border: 0;
  font-size: 18px;
  font-weight: 500;
  padding: 10px;
  background-color: #f5f5f5;
  margin-top: 20px
}

.group-componenti .view-ugov-unita-organizzativa ul li {
    padding-bottom:0
}

/* SP_1-1528 student documents */
/* stdc*/
.view-ugov-pagina-personale.view-display-id-block_9 .views-field-field-student-doc ul,
/* www */
.view-persona.view-display-id-block_13 .views-field-field-student-doc ul{
    list-style: none;
    padding-left: 0;
    margin-left: -15px;
}
/* stdc*/
.view-ugov-pagina-personale.view-display-id-block_9 .views-field-field-student-desc,
/* www */
.view-persona.view-display-id-block_13 .views-field-field-student-desc{
    margin-bottom: 20px;
}

