/*
 Theme Name:   Design Comuni Italia - Comune di Mesagne
 Theme URI:    https://www.comune.mesagne.br.it
 Description:  Child theme del tema ufficiale Design Comuni Italia, con personalizzazioni per il Comune di Mesagne.
 Author:       Comune di Mesagne
 Template:     design-comuni-official
 Version:      1.0.0
 Text Domain:  design-comuni-mesagne
*/

/* ============================================================
   CSS personalizzato Comune di Mesagne
   (tutto ciò che era in coda a style.css del tema padre)
   ============================================================ */

.card-title a {
  font-family: 'Titillium Web' !important;
}

.card-body a {
  color: #0066cc !important;
}

/* Amministrazione Trasparente */
.at-tableclass ul {
  padding-left: 20px;
  margin-top: 5px;
  margin-bottom: 15px;
}

.at-tableclass {
  padding: 0px 0px 0px 5px;
  position: relative;
  min-width: 200px;
}

.at-tableclass h3 a {
  text-decoration: none;
  cursor: default;
}

.at-tableclass h3 {
  border: 1px solid #eee;
  padding: 8px 10px;
  background: #FBFBFB;
}

.at-tableclass ul li a {
  text-decoration: none;
}

/* Login */
#wp-submit {
  background-color: #0066cc;
  border-color: #0066cc;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
  border: none;
  width: 50%;
  color: #fff;
  padding: 12px 24px;
  font-size: 16px;
  white-space: initial;
  text-decoration: none;
}

/* Banner */
.banner {
  border: 1px solid #ECEFF1;
  position: relative;
  margin-bottom: 16px;
  background: #fff;
  display: flex;
  flex-flow: row;
  align-items: stretch;
  padding: 5px;
  font-size: 0.889em;
  text-decoration: none !important;
}

.banner a {
  text-decoration: none !important;
}

.banner-icon {
  order: 0;
  margin: 0;
  background: none;
  flex: 1 1 auto;
  align-self: center;
  text-align: center;
  padding: 18px 0 18px 18px;
  width: 74px;
  height: auto;
  max-width: 74px;
}

.banner-text {
  order: 1;
  flex: 1 1 auto;
  font-size: 1em;
  padding: 20px 18px 0;
}

.home-message.orange,
.home-message.orange .msg svg {
  background-color: #e48314;
  color: #fff !important;
  fill: #fff !important;
}

.page-id-7732 ol,
.page-id-7732 ul {
  margin: 0 0 30px 0;
  padding-left: 40px !important;
  list-style: auto;
}