.breadcrumb-container .breadcrumb {
  padding: 20px 0;
  margin: inherit;
}

.title-att {
  text-transform: uppercase;
  font-weight: 600;
  color: #3d4955;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: .1rem;
}

/* ! sidebar nav */
.sidebar-wrapper {
  padding: 0 0 2em 0;
}

.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li a.active {
  border-left: 3px solid #0073e6;
  padding-left: 21px;
}

.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul.link-sublist li a.active {
  color: #17324d;
  text-decoration: underline;
  border-left: transparent;
  padding-left: 24px;
}

/* ! menu sidebar custom and text */
.sidebar-wrapper h3 {
  font-size: 1.2em;
  margin-top: 1px;
  margin-left: 2px;
}

.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul li a:hover span,
.link-list-wrapper ul li a:hover span {
  color: #004d99;
}

.text-normal {
  text-transform: none !important;
}

.sidebar-wrapper .sidebar-linklist-wrapper .link-list-wrapper ul.link-sublist li a {
  padding-top: .4em;
  padding-bottom: .4em;
  line-height: normal;
}

/* ! categoria e data */
.category-template {
  font-size: .77778rem;
  text-transform: uppercase;
  color: #435a70;
  margin-bottom: 16px;
}

.category-template .category {
  font-weight: bold;
}

.category-template .category:after {
  content: '—';
  display: inline-block;
  margin: 0 8px;
  font-weight: normal;
}

.card .card-body .category-template .data:before {
  content: none;
}

/* ! 3 box news */
.card.card-bg.border {
  border-color: #DDDDDD !important;
}

/* ! card con immagini di sfondo */
.boxImg-wrapper {
  align-items: normal;
  min-height: 200px;
}

.boxImg-wrapper a.read-more {
  position: absolute;
  bottom: 0;
  margin: 1em 0;
  color: #fff;
}

.boxImg-wrapper .right a {
  color: #fff;
}

/* ! shadow e card interne */
.card {
  border-right: transparent;
}

.card:after {
  width: 100%;
  margin-left: 0;
}

.me-card {
  min-height: 315px;
}

/* ! pagina uffici centrali e regionali */
.uffici {
  border-bottom: 4px solid #0066cc;
}

.uffici .link-list-wrapper ul li a {
  padding: 0;
}

.uffici .link-list-wrapper ul li a:focus,
.uffici .link-list-wrapper ul li a:active {
  display: inline;
}

.uffici .link-list-wrapper ul li a:focus>span,
.uffici .link-list-wrapper ul li a:active>span {
  text-decoration: underline;
  color: #222;
}

/* ! photo max-width */
img.rounded.float-left.img-fluid.presidente {
  max-width: 50%;
}

/* ! font-size avatar */
.avatar-wrapper.avatar-extra-text .extra-text h2.font-size {
  font-size: 1.4em;
}

/* ! custom list */
ul.alphabet {
  list-style-type: lower-alpha;
}

ul.list-text {
  list-style-type: none;
  padding: 1em 0;
}

ul.list-text li {
  padding-top: .7em;
  border-bottom: 1px solid #ddd;
}

/* ! multimedia */

/********** override bootstrap.min.css **********/
.embed-responsive {
  height: inherit !important;
}

/********** index page **********/
.card-media .chip:hover {
  background-color: #fff;
  border-color: #06c;
}

.card-media .chip:hover > .chip-label {
  color: #06c;
}

/********** detail page **********/
.chip.chip-media,
.chip.chip-media:hover {
  background-color: #06c;
  border-color: #06c;
}

.chip.chip-media .chip-label {
  color: #fff;
}

.thumb-nav.thumb-nav-custom a {
  border-radius: 4px;
}

.thumb-nav.thumb-nav-custom a:after {
  background: rgba(0, 0, 0, .15);
  border-radius: 4px;
}

.thumb-nav.thumb-nav-custom a:hover img {
  -webkit-transition: .5s;
  transition: .5s;
}

/* ! Necessaria per visualizzare multimediadetail-galleria */
.fade.gallery {
  opacity: inherit;
}

/* ! linklist option h title */
.org-list.link-list-wrapper ul li h2,
.link-list-wrapper ul li h4 {
  font-size: 1em;
  color: #17324d;
  padding: 0 24px;
}

/* ! external link per sezione agenda */
a.btn-calendar {
  color: #fff !important;
  font-size: 1.2em;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
}

a.btn-calendar:hover {
  text-decoration: underline;
}

.text-contact p {
  margin-bottom: .3em;
  overflow: auto;
}

.cdc-list-wrapper ul li .right .text-contact span.font-weight-bold {
  display: inline-block;
}

/* ! ricerca nel sito */
.form-check.form-check-group {
  margin-bottom: 40px;
  margin-top: -10px;
  box-shadow: none;
}

.item-search-result em {
  font-weight: 700;
  font-style: normal;
}

.item-search-result .icon {
  font-size: 0.85em;
  color: #5a768a;
}

.item-search-result .icon.active {
  color: #06c;
}

.item-search-result .body {
  border-bottom: 1px solid #ccc;
  flex-grow: 1;
}

.item-search-result a,
.item-search-result .details a {
  text-decoration: none;
  font-weight: 600;
}

.item-search-result a:hover {
  text-decoration: underline;
}

.item-search-result .title {
  font-weight: bolder;
}

.item-search-result .body>.title {
  color: #5a768a;
  font-weight: bolder;
}

.item-search-result .text {
  margin-bottom: .5rem;
  word-break: break-word;
}

.item-search-result .details a:hover {
  text-decoration: none;
}

.item-search-result .date {
  font-weight: 700;
  letter-spacing: .9px;
  text-transform: uppercase;
  color: #435a70;
  font-size: .77778rem;
}

.item-search-result .org-emitt {
  text-transform: uppercase;
  color: #435a70;
  font-size: .77778rem;
}

.item-search-result .org-emitt:before {
  content: '—';
  display: inline-block;
  margin: 0 8px;
}

.item-search-result .chip {
  background-color: #f9f9f9;
  min-width: inherit;
  border-color: #ccc;
}

.item-search-result .chip.chip-simple {
  margin: 4px;
}

.item-search-result .chip:hover {
  background: #06c;
  border-color: #06c;
  color: #fff;
}

.item-search-result .chip-icon {
  height: 32px;
  margin-right: 4px;
}

.item-search-result .chip-label {
  text-transform: uppercase;
  font-size: .7778rem !important;
  color: #06c;
  transform: translateY(-6px) !important;
}

#modalAdvancedSearchInfo ul {
  font-size: .88889rem;
}

#modalAdvancedSearchInfo .modal-lg {
  max-width: 1000px;
}

#icon-info {
  position: absolute;
  right: 10px;
  bottom: 0;
  display: block;
  transform: translateY(-50%);
  top: 50%;
}

#icon-info .fa-lg {
  font-size: 1.666em;
}

/* ! amministrazione trasparente */
.tab-content>.active>.collapse-div>.collapse-header [aria-expanded=true] {
  border-bottom: 1px solid #e3e4e6;
}

.overflow-panel {
  max-height: 400px;
  overflow-y: scroll;
}

.cdc-gare-detail .title {
  font-weight: 400;
  color: #3d4955;
  font-size: 1.2em;
}

.cdc-gare-detail span {
  font-weight: bold;
}

/* ! agenda */
.btn-add-event {
  padding: .3em .5em;
  border-radius: 4px;
}

.btn-add-event:hover {
  background: #eee;
  color: #19191a !important;
}

/* ! accredito giornalisti */
.callout-w100 {
  max-width: 100%;
}

#formRegistrazione .form-check.form-check-group {
  background-color: #e6ecf2;
  padding: 1em;
  border: 3px solid #fff;
  border-radius: 8px;
  box-shadow: 0 0 8px 3px rgb(0 0 0 / 15%);
}

#formRegistrazione #sel-evento .invalid-feedback {
  margin-bottom: 2em;
  margin-top: -2.5em;
}

#formRegistrazione .form-check .form-text {
  opacity: .8;
}

#formRegistrazione fieldset .form-check [type=checkbox]+label::after,
#formRegistrazione fieldset .form-check [type=checkbox]+label::before {
  top: 1em;
}

#formRegistrazione .form-check.active {
  border-color: #06c;
  box-shadow: rgb(0 102 204 / 15%);
}

#formRegistrazione fieldset .form-check [type=checkbox]+label::before {
  margin-top: 8px;
}

/* ! hero postcard */
.banner {
  position: relative;
  display: flex;
  flex-flow: row;
  align-items: stretch;
}

.banner .banner-text {
  /* order: 1; */
  flex: 1 1 50%;
  font-size: 1em;
  padding: 18px;
  margin-bottom: 2em;
}

.banner .banner-image {
  /* order: 2; */
  flex: 1 1 50%;
  position: relative;
  min-height: 280px;
}

.banner .banner-image img {
  height: 100%;
  width: 100%;
  position: absolute;
  object-fit: cover;
}

.banner a.read-more {
  position: absolute;
  bottom: 24px;
}

@media (max-width: 767.98px) {
  .banner {
    flex-flow: column-reverse;
  }

  .banner .banner-image {
    min-height: 300px;
  }
}
