@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");
@import url("./compiled/build.css");

/* CSS di base  */
body {
  /* font-family: Arial, Helvetica !important; */
  font-family: "Rubik", "Lato", "Roboto" !important;
  line-height: 1.6;
}

/*    font-family: "Rubik", "Lato", "Roboto", sans-serif !important;*/
/*    line-height: 1.6;*/
/*}*/

/* Container Bootstrap fix */
.container {
  max-width: 1160px !important;
  margin: 0 auto;
  padding: 0 !important;

  @media (min-width: 768px) {
    width: 95% !important;
  }

  @media (min-width: 1200px) {
    width: 100% !important;
  }
}

@media (max-width: 1199px) {
  .navbar.navbar-default.navbar-static-top,
  .contextual-region header,
  .contextual-region .views-exposed-form,
  .container .news-row-pag,
  footer .social > .container,
  .footer1 > .container {
    max-width: 93% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/*-------------------------------*/
/* Footer bottom menu fix */
/*-------------------------------*/
.footer_bottom .col-12.col-md-4,
.footer_bottom #block-menufooter4linknormativa.col-12.col-md-4 {
  flex: none !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  display: block !important;
}

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

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

body,
body p,
body blockquote {
  color: #000;
  font-size: 16px;
  line-height: 23px;
  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 !important;
}

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 !important;
  background-color: #172642 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
  color: #fff !important;
  background-color: #286090 !important;
  border-color: #122b40 !important;
}

.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 */
    margin-top: 1em;
    margin-bottom: 0.5em;
  }
}

header#site-header .navbar {
  background-color: white !important;
  border-bottom: 1px solid #e2e2e2;
}

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;
}

.navbar.navbar-default {
  margin-top: 0px;
}

/* header custom */
.header-orari {
  width: 300px !important;
  background: #e2e2e2 !important;
  z-index: 10;
  padding: 15px 20px 10px !important;
  position: absolute;
  margin-top: 1px !important;
  left: auto !important;
}

.header-orari::before {
  display: none !important;
}

.header-orari p {
  font-size: 18px;
  color: #3e3e3e;
  margin-bottom: 10px;
}

.header-orari p strong {
  font-weight: bolder;
  color: #1b1b1b;
}

.header-orari p a {
  padding: 0 !important;
  color: rgb(51, 122, 183) !important;
  font-size: 18px !important;
}

.header-orari p a:hover {
  color: rgb(23, 38, 66) !important;
}

/* header search */
.header-search {
  width: 300px !important;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 10;
  padding: 15px 20px 10px !important;
  position: absolute;
  margin-top: 1px !important;
  left: auto !important;
}

.header-search::before {
  display: none !important;
}

.header-search-button {
  width: 30px !important;
  height: 30px !important;
}

.header-search-button::before {
  content: "\f002";
  font-family: "FontAwesome";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  font-size: 16px;
  line-height: 1;
}

@media (min-width: 992px) {
  .navbar .header-search.show {
    animation: dropdownFadeIn forwards 1s !important;
  }
}

/* END header custom */

@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: 500;
  }

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

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

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

#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: 992px) {
  #nav-top {
    top: -50px;
  }
}

@media (min-width: 768px) {
  #nav-top {
    padding: 0;
    position: absolute;
    width: 100%;
    display: flex;
  }

  #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;
  }

  #nav-top ul.navbar-nav li a.nav-link.dropdown-toggle {
    padding-top: 20px;
  }

  /* 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 {
    display: inline-block !important;
    padding-left: 0px;
    padding-right: 0px;
  }

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

  .mobile-menu {
    display: none;
  }
}

@media (min-width: 992px) {
  #nav-top .navbar-right {
    width: 180px;
    display: flex;
  }

  .navbar-left {
    width: 80%;
  }

  #nav-top .navbar-left .navbar-nav > li > a {
    font-size: 14px;
    color: #fff;
    border-bottom: none;
    padding-top: 20px;
    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: 20px;
  font-weight: 500;
}

#nav-top .navbar-right li.en a {
  font-size: 20px;
  /*
    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 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  margin-top: 6px;
}

/*------------------------------------*/
/* 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: 15px;
  }
}

@media (min-width: 1200px) {
  .navbar-header .img-responsive {
    max-height: 100px;
    height: 100px;
    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;
    vertical-align: middle;
  }

  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 !important;
}

#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 {
    display: inline-block !important;
  }

  #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: 38px;
  }

  #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: 400;
  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: 20px;
    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.4);
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.4);
    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: 100%;
    float: left;
    padding: 0px 10px;
    margin-bottom: 5px !important;
  }

  /* 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: 400 !important;
    min-height: 0px;
    display: block;
    font-size: 16px !important;
    padding: 0 0 10px 0 !important;
  }

  #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: 16px;
  }

  #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: 300px;
    padding: 20px 20px 10px 20px !important;
  }
}

/*--------------------------------*/
/*         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;
}

@media (max-width: 1024px) {
  .social .container {
    padding: 0 10px;
  }
}

.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;*/
}

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

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

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

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

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

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

@media (max-width: 767px) {
  .social .navbar-nav {
    font-size: 12px;
    float: left;
    margin-left: 0px;
  }

  .nav.navbar-nav.social-list {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .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;
  }

  a.unibgonair-link {
    margin-left: 5px !important;
  }

  a.threads-link {
    margin-left: 5px !important;
  }

  a.whatsapp-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: 0;
    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;
    min-width: 198px;
  }

  .footer1 .sigillo .contacts {
    display: block;
  }

  .footer_right {
    min-width: 100%;
  }
}

@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;
  margin-bottom: 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;
  padding-left: 0;
  padding-right: 0;
}

.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: 85%;
  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: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.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;
  }
}

/* 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: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.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: 0.9;
}

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

.carousel-inner img {
  width: 100%;
  margin: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.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;
  }

  .carousel-inner img {
    height: 525px !important;
    aspect-ratio: unset;
  }
}

@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: 0.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 */
  display: none; /* SDPPUB-13514 */
}

.card-inverse .btn {
  border: 1px solid rgba(0, 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: 0.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;
  line-height: 1.4;
  font-weight: 500;
}

.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 {
  margin-left: -14px;
  margin-right: -14px;
  font-size: 28px;
  padding-left: 26px;
  padding-right: 15px;
  /* padding-bottom: 25px; */
  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-right: 0;
    border-bottom: 0;
    margin-top: 20px;
    background-color: #fff;
    color: #222;
  }

  h1.page-header:after {
    content: "";
    display: block;
    margin-top: 20px;
    width: 60px;
    border-top: 2px solid #222;
  }

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

@media (min-width: 1199px) {
  .page-header {
    padding-left: 0px;
    margin-left: 0;
    margin-right: 0;
  }
}

.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: 8px;
  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: #337ab7 !important;
}

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

.breadcrumb-item:has(+ .active) .separator {
  display: none;
}

.breadcrumb li.active {
  display: none !important;
}

.breadcrumb .breadcrumb-item a {
  font-weight: 400 !important;
}

.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 */
    max-width: 260px;
  }

  .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 0.35s ease-out;
  -o-transition: height 0.35s ease-out;
  transition: height 0.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;
}

/* 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;
  border: 1px solid #cdcdcd;
  padding: 0px 1px 0 20px;
}

.evidenziato.titoloevidenziato {
  padding: 0px;
}

.evidenziato .titolo-paragrafo {
  /* padding-left: 25px; */
  padding-right: 25px;
  padding-top: 15px;
  font-weight: 500;
}

.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: 0 25px;
}

/* .aprichiudi-master.semplice .description{
    padding: 0 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;
  padding-left: 0;
  border: 0px solid #f5f5f5;
}

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

.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.evidenziato .description p {
  margin-bottom: 10px !important;
}
/*
.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;
}

.date-display-single {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
}

@media (max-width: 1199px) {
  .page-node-type--avviso #contenitore-principale > div.row {
    margin-left: 15px;
    margin-right: 15px;
  }
}

.page-node-type--avviso #contenitore-principale > div.row > div.col-12,
.page-node-type--avviso #contenitore-principale > div.row > div.col-sm-8 {
  border: 1px solid #172642;
}

.page-node-type--avviso #data.data-titolo-avviso {
  padding: 60px 20px 10px 20px;
  /* border: 1px solid #172642;
  border-bottom-width: 0; */
}

@media (max-width: 430px) {
  #data.data-titolo-avviso {
    padding-right: 15px;
    padding-left: 15px;
  }

  #data.data-titolo-avviso {
    margin-top: 20px;
    margin-left: 15px;
    margin-right: 15px;
  }
}

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;
}

.description ul,
.description ol {
  margin-bottom: 20px;
  margin-top: 20px;
}

/* 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-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-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 {
  overflow: hidden;
  cursor: pointer;
  display: -ms-grid;
  display: grid;
  /*text-transform: uppercase;*/
  color: #222;
  font-size: 20px;
  font-weight: 500;
  padding: 20px 80px 20px 20px;
  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,
    -webkit-transform 0.35s ease-out;
  position: absolute;
  right: 25px;
  bottom: 5px;
  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: translateY(0px) rotate(180deg); */
  content: "-";
  padding: 0px 15px;
  right: 10px;
  bottom: -5px;
  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;
}

/* 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: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.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: 0px;
  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;
}

.contextual-region {
  /* margin-bottom: 5px; */
}

.field--name-field-media-reference .contextual-region {
  margin-bottom: 0px;
}

/* icona generica */
.icon_file a::before {
  content: "\f15b";
  /*font-family: "Font Awesome 6 Free";*/
  font-family: "FontAwesome";
  font-weight: 300;
  color: #1c355d;
  padding-right: 5px;
  float: left;
  margin-left: -30px;
  padding-left: 0;
  font-size: 120%;
}

.field--name-field-media-reference .icon_file a::before,
.icon_file.application-pdf a::before {
  content: "\f1c1";
  /*font-family: "FontAwesome";*/
  font-weight: 300;
  font-size: 18px;
  transform: translateY(-1px);
  width: 20.44px;
  height: 25px;
}

.icon_file.application-rtf a::before,/* RTF */
.icon_file.x-office-document a::before,/* DOC */
.icon_file.application-msword a::before,/* DOC */
.icon_file.application-vnd-oasis-opendocument-text a::before,/* ODT */
.icon_file.application-vnd-openxmlformats-officedocument-wordprocessingml-document a::before,/* DOCX */
.icon_file.text-plain a::before /* TXT */ {
  content: "\f1c2";
}

.icon_file.application-vnd-ms-excel a::before,/* XLS */
.icon_file.application-vnd-openxmlformats-officedocument-spreadsheetml-sheet a::before,/* XLSX */
.icon_file.x-office-spreadsheet a::before, /* ODS */
.icon_file.text-csv a::before /* CSV */ {
  content: "\f1c3";
}

.icon_file.application-vnd-oasis-opendocument-presentation a::before/* ODP */,
.icon_file.application-vnd.ms-powerpoint a::before/* PPT */,
.icon_file.application-ppt a::before/* PPT */,
.icon_file.application-vnd-openxmlformats-officedocument-presentationml-presentation a::before/* PPTX */ {
  content: "\f1c4";
}

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

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

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

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

.field--name-field-media-reference .icon_file a,
.icon_file.application-pdf a {
  /* text-transform: capitalize; */
  font-size: 18px;
}

/* ========  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;
  margin-left: 18px;
}

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

div .fa-calendar {
  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-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 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: 0.5em 0 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,
.view-uo-per-embed .views-field-view-3 .wiews-label,
.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;
}

/*** oembed fix ***/

body .field-name-field-link-per-embed .collapse {
  display: block;
}
body .field-name-field-link-per-embed h2.node__title {
  display: none;
}
body .field-name-field-link-per-embed {
  margin-bottom: 2em;
}

body .menu-block-6 li.menu-mlid-7566,
body .menu-block-6 li.menu-mlid-7567 {
  position: relative;
}

body .menu-block-6 li.menu7mlid-7566 > a,
body .menu-block-6 li.menu-mlid-7567 > a {
  position: relative;
  font-family: FontAwesome;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: -999999px;
}

@media (min-width: 992px) {
  body .menu-block-6 li.menu-mlid-7566 > a:before,
  body .menu-block-6 li.menu-mlid-7567 > a:before {
    font-size: 22px;
    line-height: 22px;
  }
}

body .menu-block-6 li.menu-mlid-7566 > a:before,
body .menu-block-6 li.menu-mlid-7567 > a:before {
  position: absolute;
  left: 0;
  content: "\f015";
  text-indent: 0px;
}

/* SDPPUB-8406 */
body .link_home {
  margin-top: 5%;
  margin-left: 35%;
  padding: 5px;
  display: block;
}

body .link_home > a,
body .link_home > a:hover,
body .link_home > a:visited {
  font-size: 18px;
}

body .link_home > a:hover {
  text-decoration: underline !important;
}

/* SDPPUB-10942 */
@media (min-width: 768px) {
  .view-hp-studiare-a-bergamo .col-sm-4 {
    width: 25%;
  }
}

/* SDPPUB-11988 */
.biblio #searchForm1 a,
.biblio #searchForm1 a:visited,
.biblio #searchForm1 a:active {
  color: #222 !important;
  text-decoration: none;
}

.biblio #searchForm1 a:hover {
  color: #337ab7 !important;
  text-decoration: underline !important;
}

/* Nuove viste embed */

.view-uo-per-embed .views-field-view-3 ul {
  list-style: none;
  padding: 0;
}

/*PTL-6048*/
/* Rubrica */
.rubrica form {
  display: grid;
  grid-template-columns: auto;
}
.rubrica form input,
.rubrica form select {
  max-width: unset;
}
.rubrica form label {
  margin-bottom: 5px;
}
.rubrica__wrapper {
  border: 1px solid black;
  border-radius: 5px;
  padding: 1rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  word-break: break-word;
}
.rubrica__wrapper.unifind {
  justify-content: space-between;
}
.rubrica__name {
  font-size: 20px;
  font-weight: 400;
  padding-left: 10px;
  border-left: 12px solid #1c355d;
  margin-bottom: 10px;
}
.rubrica__role::before {
  content: "";
  display: inline-block;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/sites/all/themes/b3unibg/images/user-solid.svg);
  width: 1em;
  height: 1em;
}
.rubrica__phone::before {
  content: "";
  display: inline-block;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/sites/all/themes/b3unibg/images/phone-solid.svg);
  width: 1em;
  height: 1em;
}
.rubrica__email::before {
  content: "";
  display: inline-block;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/sites/all/themes/b3unibg/images/at-solid.svg);
  width: 1em;
  height: 1em;
}
#edit-field-organizational-affiliation-target-id-verf option[value="272"],
#edit-field-organizational-affiliation-target-id-verf option[value="26910"] {
  display: none;
}
.rubrica__struttura::before {
  content: "";
  display: inline-block;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/sites/all/themes/b3unibg/images/landmark-solid.svg);
  width: 1em;
  height: 1em;
}
.rubrica__sede ul {
  margin: 0 !important;
}
.rubrica__sede li {
  padding: 0 !important;
}
.rubrica__sede::before {
  content: "";
  display: inline-block;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/sites/all/themes/b3unibg/images/location-dot-solid.svg);
  width: 1em;
  height: 1em;
}
.rubrica__sede .field-content {
  padding-left: 5px;
}
.rubrica__button {
  margin-top: 0.5em;
}
.rubrica .pagination {
  padding-left: 0;
  display: grid;
  grid-template-columns: 33% 33% 33%;
}
.rubrica .pagination li span,
.rubrica .pagination li a {
  display: flex;
  justify-content: center;
}
.rubrica .pagination li:nth-of-type(1),
.rubrica .pagination li:nth-of-type(2),
.rubrica .pagination li:nth-of-type(3) {
  grid-row: 1 / 1;
}
.rubrica .pagination li:nth-of-type(4),
.rubrica .pagination li:nth-of-type(5),
.rubrica .pagination li:nth-of-type(6) {
  grid-row: 2 / 2;
}
.rubrica .pagination .pager__item--next,
.rubrica .pagination li:last-of-type {
  grid-row: 3 / 3;
}
.rubrica .pagination .pager__item--next {
  grid-row: 3 / span 2;
}
@media (min-width: 48rem) {
  .rubrica form {
    display: grid;
    grid-template-columns: 50% 50%;
  }
  .rubrica .pagination {
    padding-left: inherit;
    display: flex;
  }
}
ul.group-componenti {
  list-style: none;
  padding: 0rem;
}

@media (min-width: 992px) {
  ul.group-componenti {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.8rem;
    row-gap: 0.5rem;
  }
}
@media (min-width: 1300px) {
  ul.group-componenti {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0rem;
  }
}

ul.group-componenti li .views-field.views-field-nothing {
  height: 100%;
}

@media (max-width: 767px) {
  #nav-top-mobile .navbar-nav {
    display: flex;
    order: 1;
    width: unset;
  }

  #nav-top-mobile .block-custom-header-config {
    order: 2;
    padding-right: 1.5rem;
  }

  #nav-top-mobile .region-mobile-menu-pre {
    display: flex;
    justify-content: space-between;
  }
}
/* Supporto per classi Bootstrap classiche */
.col-sm-6 {
  width: 50%;
}

.col-sm-12 {
  width: 100%;
}

.col-md-4 {
  width: 33.333333%;
}

.col-md-8 {
  width: 66.666667%;
}

.col-lg-4 {
  width: 33.333333%;
}

.col-lg-8 {
  width: 66.666667%;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 576px) {
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .col-md-4 {
    display: flex;
    justify-content: center;
    text-align: center;
  }
}

@media (min-width: 768px) {
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  #block-block-6 {
    min-width: 160px;
  }
  #it-region-user-second {
    margin-left: 50px;
    display: flex;
  }
}

@media (min-width: 992px) {
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
}

/* Opzione 1: Tutti gli elementi della lista verticali */
.footer_left .menu.nav {
  display: contents;

  /* flex-direction: column; */
}

/* Opzione 2: Solo elementi specifici vanno a capo */
.footer_left .menu.nav li.menu-item {
  display: block;
  width: 100%;
}

/* Opzione 3: Forza a capo dopo il primo elemento */
.footer_left .menu.nav li.first::after {
  content: "";
  display: block;
  width: 100%;
}

/* Opzione 4: Lista verticale tradizionale */
.footer_left .menu.nav {
  list-style: none;
  padding: 0;
}

.footer_left .menu.nav li {
  display: block;
}

.footer_left .menu.nav li a {
  display: block;
  text-decoration: none;
}

.footer_left .menu-block-wrapper {
  padding: 0 20px;
}

.element-invisible {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/* Alternativa moderna */
.sr-only,
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (min-width: 768px) {
  .mobile {
    display: none;
  }
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-toggle {
  background-color: transparent;
  background-image: none;
  border: none;
  color: #172642;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

/* CSS forzato per Bootstrap Italia override */

/* Force horizontal layout */
#nav-top ul.navbar-nav,
#nav-top .nav.navbar-nav {
  display: flex !important;
  flex-direction: row !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#nav-top ul.navbar-nav li,
#nav-top .nav.navbar-nav li {
  display: inline-block !important;
  width: auto !important;
  float: none !important;
}

/* Override Bootstrap Italia styles */
.region-user-first ul.navbar-nav,
.region-user-second ul.navbar-nav,
.region-user-first .nav.navbar-nav,
.region-user-second .nav.navbar-nav {
  flex-direction: row !important;
  display: flex !important;
}

.region-user-first ul.navbar-nav li,
.region-user-second ul.navbar-nav li,
.region-user-first .nav.navbar-nav li,
.region-user-second .nav.navbar-nav li {
  display: inline-block !important;
  width: auto !important;
}

.masonry-item .entity-paragraphs-item .media {
  max-height: 338px;
  overflow: hidden;
  margin-bottom: 10px;
}

.toolbar {
  height: 0 !important;
}

.region-news-hp {
  padding: 0 20px;
}

.news-hp .block-title {
  display: inline-flex;
  text-decoration: none;
  background-color: #fff;
  line-height: 22px;
  font-size: 18px;
  font-weight: 400;
  color: #337ab7;
  font-size-adjust: 0.5;
  padding: 5px 15px;
  margin: 0 auto 30px auto;
}

.news-hp .region-news-hp .field-content a:hover {
  color: rgb(51, 122, 183);
}

.div-cerca-il-corso .input-cerca-il-corso {
  border-radius: 4px !important;
  border: 1px solid #ccc !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition:
    border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
}

.div-cerca-il-corso .input-cerca-il-corso:focus {
  border-color: #66afe9 !important;
  outline: 0;
  box-shadow:
    inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6) !important;
}

.thumbnail .caption span div {
  padding: 10px 0;
  font-weight: 500;
}

.page-header.title-news {
  font-weight: 500;
  letter-spacing: 1px;
  padding-bottom: 40px;
}

.page-header.title-news::after {
  margin-top: 20px;
}

.title-titolo {
  margin: 0;
  font-weight: 500;
}

.views-exposed-form .form-textfield.form-control {
  border-radius: 4px !important;
}

nav.pagination-wrapper {
  justify-content: center !important;
  margin-top: 3rem !important;
}

.page-item.pager__item.active,
.page-item.pager__item.active:hover {
  background-color: #337ab7 !important;
}

.page-item.pager__item.active .page-link,
.page-item.pager__item.active .page-link:hover {
  color: #fff !important;
}

.page-item.pager__item .page-link {
  border: solid 1px #ddd !important;
  /* color: rgb(51, 122, 183) !important; */
  border-radius: 0 !important;
  font-weight: 300 !important;
  height: 2.4rem !important;
  min-width: 1.9rem !important;
  font-size: 18px !important;
}

.pagination .page-item.is-active :is(.page-link, .page-link:hover) {
  background-color: #337ab7;
  border-color: #337ab7;
  color: #fff;
}

.page-item.pager__item:hover {
  background-color: #eee !important;
}

.page-item.pager__item {
  margin-right: 0 !important;
}

.breadcrumb-container .breadcrumb {
  /* padding-left: 15px !important; */
  padding-bottom: 6px !important;
  margin-bottom: 0 !important;
}

@media (max-width: 767px) {
  #it-block-breadcrumbs {
    margin-bottom: 0 !important;
  }

  .breadcrumb-container {
    background-color: #172642;
    margin-bottom: 25px;
  }

  .page-header.title-news {
    padding-bottom: 10px;
    font-weight: 300;
    margin-bottom: 30px;
  }
}

/* .navbar-toggle-1.active .icon-bar:nth-child(3) {
    transform: rotate(-45deg) translate(0px, 0px) !important;
} */

/* .contextual-region.block-core {
  position: absolute;
  top: 87px;
  z-index: 1001;
  left: 390px;
} */

.sidebar-box ul a,
.sidebar-box ul p {
  font-size: 16px;
  line-height: 26px;
}

.sidebar-box p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 10px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.dropdown-menu li.leaf.active-trail.active a {
  background-color: transparent !important;
  border-left-color: transparent !important;
}

.footer_bottom.footer2 ul.menu {
  font-size: 14px !important;
}

.unibg-title h3 {
  font-weight: 500;
  margin: 25px 0 16px;
}

.unibg-box ul {
  padding-left: 40px;
}

.unibg-box ul li {
  padding-bottom: 10px;
}

/* .sidebar-box.contatti a[href^="mailto:"]
{
  padding-right: 13px;
  background: url(/themes/custom/biblio/images/extlink_s.png) right center no-repeat;
  text-decoration: underline;
}

.sidebar-box.contatti a[href^="mailto:"]:hover {
  text-decoration: none;
} */

@media (max-width: 767px) {
  .navbar-right-mobile .header-search {
    width: 200px !important;
    margin: 0px !important;
    padding: 0px !important;
    max-height: 30px !important;
    min-height: 30px !important;
  }

  .navbar-right-mobile #block-block-6 ul li {
    padding: 0px !important;
    max-height: 30px !important;
    min-height: 30px !important;
  }

  .navbar-right-mobile #block-block-6 ul li a {
    background-color: #172642 !important;
  }

  .navbar-right-mobile .nav-item.dropdown.open {
    display: flex !important;
  }

  .navbar-right-mobile .nav-item.dropdown.open button.btn {
    max-height: 30px;
    padding: 4px 10px;
    border-radius: 0;
  }

  .navbar-right-mobile .nav-item.dropdown.open input.form-control {
    max-height: 30px !important;
    min-height: 30px !important;
  }
}

@media (max-width: 499px) {
  .navbar-right-mobile .header-search {
    width: 150px !important;
  }

  .navbar-right-mobile #block-block-6 ul li a {
    background-color: #172642 !important;
    margin-left: 8px !important;
    margin-right: 10px !important;
  }

  .navbar-right-mobile #block-block-6 ul li a:hover {
    background-color: #172642 !important;
    margin-left: 8px !important;
    margin-right: 10px !important;
  }
}

.node--type-homepage section > h1.page-header {
  display: none;
}

@media (max-width: 668px) {
  .row {
    display: block !important;
  }
}

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;
  border-top-width: 0px;
  border-top-style: none;
  border-top-color: currentcolor;
  margin-top: 10px;
  padding: 30px 10px 10px 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border-top: 2px solid #1c355d;
  line-height: 22px;
}

.field--type-text-long.field--name-field-note.field--view-mode-full {
  /* tuo stile qui */
  border: 0;
  margin: 10px 30px 10px 10px;
  padding: 20px;
  border: 1px solid #e2e2e2;
}
.form-item-field-data-evento-value-date {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
}
.field--name-field-note:first-of-type {
  font-weight: 500 !important;
}

.form-group label {
  color: hsl(0, 0%, 10%) !important;
  padding-bottom: 2px !important;
}
.select-wrapper label {
  padding-bottom: 5px !important;
}

/*Offerta formativa*/
.hero__text {
  background-color: #172642;
  color: #fff;
  font-size: clamp(1.75rem, 1.5326rem + 1.087vw, 2.375rem);
  text-align: center;
}

.hero__text .container {
  padding-right: 30px !important;
  padding-left: 30px !important;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 68.75em) {
  .hero__text {
    position: absolute;
    top: 50%;
    right: 1%;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.54);
    color: #fff;
  }
}

@media (max-width: 74em) {
  .info-corso__info {
    text-align: center;
  }

  .info-corso__dati {
    text-align: center;
  }

  .info-corso__dati::before {
    display: block;
    width: 100%;
    height: 2rem;
    background-position: center;
  }
}

.info-corso__info div {
  width: fit-content;
  text-align: center;
  margin: 0 auto;
}

.info-corso__img img {
  width: 3rem;
  height: 3rem;
  filter: brightness(0) saturate(100%) invert(46%) sepia(17%) saturate(1913%)
    hue-rotate(166deg) brightness(90%) contrast(88%);
  margin: 1rem 0;
}

@media (min-width: 75em) {
  .info-corso.info-corso--cdl .info-corso__info {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2rem;
    row-gap: 3rem;
    margin-bottom: 3rem;
  }
}

.info-corso__dati::before {
  height: 2rem;
  /* filter: brightness(0) saturate(100%) invert(11%) sepia(20%) saturate(2309%) hue-rotate(185deg) brightness(97%) contrast(93%); */
  filter: brightness(0) saturate(100%) invert(46%) sepia(17%) saturate(1913%)
    hue-rotate(166deg) brightness(90%) contrast(88%);
  background-repeat: no-repeat;
  background-position: center;
}

.view-id-cdl.view-display-id-block_3 a {
  width: fit-content;
  padding: 5px 15px;
  border-radius: 4px;
  margin-bottom: 2rem;
  font-weight: 400;
  background-color: #172642;
  color: white;
  font-size: 1.3rem;
}

.view-id-cdl.view-display-id-block_3 a:hover {
  background-color: #337ab7;
}

.view-id-cdl.view-display-id-block_4,
.view-id-cdl.view-display-id-block_2,
.view-id-cdl.view-display-id-block_6 {
  margin: 2rem 0;
}
.view-id-cdl.view-display-id-block_7 .field-content {
  margin-top: 2rem;
  display: grid;
  align-items: center;
  justify-items: center;
}

.view-id-cdl.view-display-id-block_7 a {
  text-align: center;
  width: 100%;
  padding: 1rem;
  background-color: #172642;
  margin-bottom: 2rem;
  font-weight: 500;
  color: #ffff;
  font-size: 18px;
}

.view-id-cdl.view-display-id-block_7 a:hover {
  text-decoration: none;
  color: #ffff;
}

@media (min-width: 48em) and (max-width: 75em) {
  .view-id-cdl.view-display-id-block_7 .field-content {
    grid-template-columns: auto auto;
    column-gap: 1.5rem;
  }
}

.block-views.block-views-blockcdl-block-1 {
  padding: 0;
}

.hero__img img {
  height: auto;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* Piano di studi */
.views-field-view .field-content {
  display: block;
}
.piano-studi .view-content {
  margin-top: 1.6rem;
}

@media (max-width: 75em) {
  .piano-studi .nav-item {
    flex: 0 0 auto;
    width: 100%;
  }
}
.piano-studi .nav-link {
  height: 100%;
  width: 100%;
  word-break: break-word;
  color: #3b3b3b !important;
  padding: 1rem 2rem;
  border: 1px solid #d6d6d6;
}

.piano-studi .nav-link.active {
  /* font-weight: 700; */
  border-color: #9d9ea1;
  border: 1px solid #3b3b3b;
  background-color: #f5f5f5;
}

.piano-studi .views-field-field-study-plan {
  margin-left: 0;
  padding: 3rem;
  border: 1px solid #dfe1e8;
}

@media (min-width: 48em) {
  .piano-studi .piano-studi__header span {
    display: inline-block;
  }

  .piano-studi .nav-item {
    flex: 1;
  }

  .piano-studi .tab-content {
    margin-top: 0;
  }

  .piano-studi .nav-link.active {
    border-color: #24203e;
  }
}

.views-field-field-study-plan .field-content div:not(:first-child) {
  margin-top: 2rem;
}

.views-field-field-study-plan .field-content div:not(:last-child) {
  border-bottom: 1px solid #3b3b3b;
  padding-bottom: 1rem;
}

.views-field-field-study-plan .field-content div {
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.piano-studi .insegnamento-label {
  display: block;
  margin: 2rem 0 0;
  color: #172642;
  font-size: 1.3rem;
  font-weight: 500;
  border-left: 0.25rem solid #172642;
  padding: 0.875rem 0.625rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e2e2e2;
  line-height: 1.3 !important;
}

.piano-studi .list-group {
  margin-bottom: 0.8rem;
}

.piano-studi .list-group li {
  position: relative;
  padding-left: 0.4rem;
  font-weight: 400;
}

.piano-studi .list-group-item {
  border: unset;
}

.piano-studi .views-field-field-study-plan li {
  border-left: 2px solid #3b3b3b;
}
.views-field-field-study-plan li * {
  padding-left: 0.5rem;
}

.piano-studi .piano-studi__periodo {
  font-style: italic;
}

.piano-studi .unibg-box ul {
  margin: 1rem 0;
  padding-left: unset;
}

/* Fine Piano di studi */

@media (min-width: 64em) {
  .hero__img img {
    width: 100%;
    max-height: 600px;
  }
}

.field--name-field-grouped-text header {
  font-family: Rubik, Lato, Arial, Verdana, sans-serif;
  margin-bottom: 2rem;
}

.unibg-title--collapse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.unibg-title--collapse::after {
  margin-left: 2rem;
}

.unibg-title--underline,
.unibg-title--underline_collapse {
  position: relative;
  padding-bottom: 0.625rem;
  padding-right: 1rem;
  margin-bottom: 0.9375rem;
  border-bottom: 1px solid #172642;
}

.unibg-title--outline_collapse,
.unibg-title--highlight_collapse {
  padding: 1.5625rem;
}

.unibg-title--outline_collapse::after,
.unibg-title--highlight_collapse::after {
  content: "+";
  color: #172642;
  font-size: 1.5625rem;
  -webkit-transition: -webkit-transform 0.35s ease-out;
  transition: -webkit-transform 0.35s ease-out;
  -o-transition: -o-transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
  transition:
    transform 0.35s ease-out,
    -webkit-transform 0.35s ease-out,
    -o-transform 0.35s ease-out;
}

.unibg-title--outline_collapse[aria-expanded="true"]::after,
.unibg-title--highlight_collapse[aria-expanded="true"]::after {
  content: "";
  background-image: url("/themes/custom/unibg_en/img/minus.svg");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.unibg-title--outline_collapse {
  border: 4px solid #f5f5f5;
  margin: 1.5rem 0;
}

.unibg-title--highlight_collapse {
  background-color: #f5f5f5;
}

.unibg-title--underline_collapse {
  margin-bottom: 0;
}

.unibg-title--underline_accent_collapse {
  margin-bottom: 0;
  padding: 1rem 1.5625rem;
  background-color: #f5f5f5;
  border-bottom: 4px solid #172642;
  font-weight: normal;
}

.unibg-title h4 {
  color: #172642;
  font-size: 1.25rem;
}
.unibg-box--outline_collapse .unibg-box__content {
  padding: 1rem 1.5625rem;
}

.unibg-title--collapse::after {
  content: "";
  background-image: url("/themes/custom/unibg_en/img/plus.svg");
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 21px;
  width: 21px;
  height: 25px;
  background-size: 20px;
}

@media (min-width: 75em) {
  .view-id-cdl.view-display-id-block_7 .field-content {
    display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 5rem;
  }
}

.block-field-blockcoursedegree-programmefield-grouped-text h3 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

@media (min-width: 75rem) {
  .block-field-blockcoursedegree-programmefield-grouped-text h3 {
    font-size: 1.96875rem;
  }
}

.views-field .views-field-field-link-informazioni-utili {
  font-size: 18px;
}

/*FINE Offerta formativa*/

/* Elenchi offerta */
.view-media-modulistica .views-exposed-form input,
.block-views-blockcorsi-di-laurea-block-1 .views-exposed-form input,
.block-views-blockcorsi-di-laurea-block-2 .views-exposed-form input,
.block-views-blockcorsi-di-laurea-block-3 .views-exposed-form input,
.view-id-corsi_di_laurea.view-display-id-block_1 .views-exposed-form input {
  width: 100%;
  max-width: unset;
}

.view-media-modulistica .views-exposed-form input.button,
.block-views-blockcorsi-di-laurea-block-1 .views-exposed-form input.button,
.block-views-blockcorsi-di-laurea-block-2 .views-exposed-form input.button,
.block-views-blockcorsi-di-laurea-block-3 .views-exposed-form input.button,
.view-id-corsi_di_laurea.view-display-id-block_1
  .views-exposed-form
  input.button {
  width: unset;
  max-width: unset;
}

.view-media-modulistica .views-exposed-form .form-control,
.block-views-blockcorsi-di-laurea-block-1 .views-exposed-form .form-control,
.block-views-blockcorsi-di-laurea-block-2 .views-exposed-form .form-control,
.block-views-blockcorsi-di-laurea-block-3 .views-exposed-form .form-control,
.view-id-corsi_di_laurea.view-display-id-block_1
  .views-exposed-form
  .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.5;
  color: #343a40;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  -webkit-transition:
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition:
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  -o-transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}

.btn-outline-danger {
  box-shadow: none !important;
}

.elenco-corsi__card {
  border: 1px solid black;
  border-radius: 5px;
  padding: 1rem;
  height: 100%;
  font-size: 18px;
}
.elenco-corsi__nome {
  margin-bottom: 1.5rem;
}

.view-id-corsi_di_laurea [class^="col"] {
  margin-bottom: 2rem;
}

.view-media-modulistica .views-exposed-form form-group,
.block-views-blockcorsi-di-laurea-block-1 .views-exposed-form form-group,
.block-views-blockcorsi-di-laurea-block-2 .views-exposed-form form-group,
.block-views-blockcorsi-di-laurea-block-3 .views-exposed-form form-group,
.view-id-corsi_di_laurea.view-display-id-block_1 .form-group {
  margin-bottom: 0.188rem !important;
}

.views-exposed-form input,
.views-exposed-form select {
  padding-top: 0.188rem;
  padding-bottom: 0.188rem;
}

.view-media-modulistica .views-exposed-form select,
.block-views-blockcorsi-di-laurea-block-1 .views-exposed-form select,
.block-views-blockcorsi-di-laurea-block-2 .views-exposed-form select,
.block-views-blockcorsi-di-laurea-block-3 .views-exposed-form select,
.view-id-corsi_di_laurea.view-display-id-block_1 .views-exposed-form select {
  max-width: 100%;
  margin-bottom: 1rem !important;
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 0.1875rem);
  font-size: 1.125rem;
  font-weight: normal;
  line-height: 1.5;
  color: #343a40;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  -webkit-background-size: 16px 12px;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition:
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition:
    border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  -o-transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.view-id-corsi_di_laurea .pagination {
  margin-bottom: 3rem;
  flex-wrap: wrap;
}

.views-field.views-field-nothing {
  height: 100%;
}
.info-corso__label {
  margin-bottom: 0.8rem;
  font-size: 2rem;
}

.info-corso__info .info-corso__label {
  font-size: 19px;
  margin-bottom: 0px;
}

@media (min-width: 75em) {
  .block-views-blockcorsi-di-laurea-block-1 .views-exposed-form,
  .block-views-blockcorsi-di-laurea-block-2 .views-exposed-form,
  .block-views-blockcorsi-di-laurea-block-3 .views-exposed-form {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

/*Fine Elenchi offerta */

/*scheda corso*/
h1.hero__titolo {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

@media (min-width: 75rem) {
  h1.hero__titolo {
    font-size: 2.8125rem;
  }
}

.course .unibg-title--outline_collapse h3 {
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  color: #172642;
  font-size: 1.25rem;
}

.scopri-corso .info-corso__dati {
  font-size: 18px;
  line-height: 1.3;
}

#documento.evidenziato {
  background-color: #f5f5f5 !important;
  border-radius: 0 !important;
  border: 1px solid #cdcdcd !important;
  padding: 0px 1px 0 20px !important;
}

.paragraph-completo-item.well.evidenziato .paragraph-completo-body {
  display: block !important;
}

.field--type-entity-reference-revisions
  #documento.evidenziato
  .paragraph-completo-body {
  padding: 0 0 0 0 !important;
}