/*!
 * Theme Name: portale-comunale-sito-servizi
 * Author: Bidata SRL
 * Description: Design Comuni Italia Django
 * Version: 2.4.3
 * License: licenza
 * Text Domain: design_comuni_italia
*/

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300&display=swap');

body {
  font-family: 'Titillium Web', sans-serif;
}

:root {
  --w-color-primary: #d4d3d3e8;
  /* Any valid CSS format is supported. */
  --w-color-primary-200: #a8a8a8;
  /* Set each HSL component separately to change all hues at once. */
  --w-color-secondary-hue: 180;
  --w-color-secondary-saturation: 100%;
  --w-color-secondary-lightness: 25%;
  --w-color-secondary: #184464;
  --w-color-secondary-400: #184464;
}

.w-header,
.w-header h1,
.w-header h2 {
  color: #184464;
}

/* Cambio il colore delle icone delle sezioni "Vivere il comune" e "Video" con i colori di sistema */
.icon-view {
  color: var(--w-color-secondary);
}

.icon-media {
  color: var(--w-color-secondary);
}

.icon-media:hover {
  color: var(--w-color-secondary);
}

.card-admin-teaser {
  display: inline-flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 24px;
}

.card-admin {
  border-radius: 6px;
  border: none;
  padding: 0;
  position: relative;
  width: 100%;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15) !important;
}

.card-admin-teaser-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.card-admin-link {
  padding: 0; 
  margin-bottom: 0; 
  font-size: 1.3rem; 
  margin-top:2px !important;
}

.card-admin-text {
  padding: 0; 
  margin-bottom: 0; 
  font-size: 1.3rem; 
  margin-top:2px !important;
}

.card-admin-link:hover {
  text-decoration: underline;
  color:#0f2f38;
}

/* stile per bottone dropdown */
.dropbtnnew {
  min-width: 100px;
  border-radius:8px;
  background-color: rgb(62, 134, 198);
  color: white;
  padding: 10px;
  font-size: 18px;
  border: none;
  cursor: pointer;
}

.dropbtnnew:hover, .dropbtn:focus {
  background-color: rgb(62, 134, 198);
}

.dropdownnew {
  position: relative;
  display: inline-block;
}

.dropdown-contentnew {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-contentnew a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-contentnew a:hover {background-color: #ddd;}

.shownew {display:block;}


/* Lista degli elementi (sulla sinistra)*/
.modeladmin .changelist-filter h2 {
  background-color: var(--w-color-secondary);
  color: white;
  border-bottom: 1px solid var(--w-color-grey-100);
  font-size: 13px;
  line-height: 31px;
  margin-top: 0;
  padding-inline-start: 8px;
}

.button {
  -webkit-font-smoothing: auto;
  border: 1px solid var(--w-color-secondary);
}

.menuitem-label {
  color: var(--w-color-secondary);
}

/* Bottone barra laterale*/

.sidebar-sub-menu-panel > h2 {
  color: var(--w-color-secondary);
}

.c-page-explorer__item__title {
  color: var(--w-color-secondary);
}

.c-page-explorer__header__title__inner {
  color: var(--w-color-secondary);
}

.login {
  background: var(--w-color-primary);
  background: var(--w-login-fullscreen-background, var(--w-color-primary));
  color: var(--w-color-secondary);
}


/* icone sezioni */
.icon--menuitem{
  fill: var(--w-color-secondary);
}
/* icone frecce elementi menu e sinistr sopra logo urba */
.icon-arrow-right{
  fill: var(--w-color-secondary);
}
/* icona telefono sopra anteprima pagina */
.icon-mobile-alt{
  fill: var(--w-color-secondary);
}

/* icona cerca */
.icon-search{
  fill: var(--w-color-secondary);
}

/* icone frecce sopra logo urba */
.icon-expand-right{
  fill: var(--w-color-secondary);
}

.icon-doc-full-inverse{
  fill: var(--w-color-secondary);
}
.icon-image{
  fill: var(--w-color-secondary);
}

.icon-cross{
  fill: var(--w-color-secondary);
}

.sidebar-sub-menu-panel__footer{
  display: none;
}

.icon-home{
  fill: var(--w-color-secondary);
}
.icon-edit{
  fill: var(--w-color-secondary);
}
.w-field__label {
  color: var(--w-color-secondary);
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 0.75rem;
}

.dropdown .bicolor + .dropdown-toggle {
  background-color: white;
}

.dropdown .bicolor + .dropdown-toggle:hover {
  background-color: var(--w-color-secondary);
}

.dropdown.open .dropdown-toggle {
  background-color: var(--w-color-secondary);
}

.dropdown .bicolor:hover {
  background-color: var(--w-color-secondary);
}

.listing .title .title-wrapper,
.listing .title h2 {
  color: var(--w-color-secondary);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.w-panel__heading--label {
  color: var(--w-color-secondary);
}

.footer li:last-child {
  background-color: var(--w-color-secondary);
}

.modeladmin .changelist-filter a:hover {
  background-color: var(--w-color-secondary);
}

.w-header .button:hover {
  background-color: var(--w-color-secondary);
}

.sidebar-footer__account-label {
  color: var(--w-color-secondary);
}

h2,
h3 {
  color: var(--w-color-secondary);
}

/* Cerca */
.placeholder\:\!w-text-white-80::placeholder {
  color: var(--w-color-secondary) !important;
}

/* Rimozione della scritta "Write something..." in ogni campo RichTextField */
.Draftail-block--unstyled.Draftail-block--empty::before {
  text-indent: -9999px;
  line-height: 0;
}

/* Nella pagine delle immagini nascondo la scritta in inglese "Entries per page" 
e mostro quella in italiano */
label[for="entries_per_page_label"] {
  visibility: hidden;
  text-indent: -270px;
}
label[for="entries_per_page_label"]::after {
  text-indent: -50px;
  visibility: visible;
  content: "Numero di immagini per pagina";
}

/* Nella pagine delle immagini sposto la scritta "Numero di immagini per pagina" ed il relativo select */
.w-field-row--max-content:first-child {
  text-indent: -120px;
}

/* Nella pagine delle immagini nascondo la scritta "Sort by" ed il relativo select */
label[for="order_images_by"] {
  visibility: hidden;
}

select[name="ordering"] {
  visibility: hidden;
}

/* Utilizzato per nascondere la sezione di ricerca nella pagina di back office*/
form[role="search"] {
  display: none;
}

/* Utilizzato per modiifcare il colore del testo nell'header delle "Pages" nel back office */
.w-text-primary{
  color: var(--w-color-secondary);
}

/* Utilizzato per modificare il colore delle icone in header delle "Pages" da grigio a blu */
.w-text-grey-400 {
  color: var(--w-color-secondary);
}

/* Utilizzato per modificare il colore delle icone arrow-down */
.w-panel__toggle {
  color: var(--w-color-secondary);
}

/* Utilizzate per modificare il colore nel backdrop di "Azioni" */
.w-group {
  color: var(--w-color-secondary);
}

.w-group:hover {
  color: var(--w-color-secondary);
}

.w-tabs__tab {
  color: var(--w-color-secondary);
}

.w-panel--nested .w-panel__anchor {
  color: var(--w-color-secondary);
}

.icon.teal {
  color: black;
}

.c-sf-block__type{
  color: var(--w-color-secondary);
}

#icon-user {
  color: var(--w-color-secondary);
}

#icon-politici {
  color: var(--w-color-secondary);
}

#icon-uffici {
  color: var(--w-color-secondary);
}

#icon-amministrazione {
  color: var(--w-color-secondary);
}

#icon-puntidiinteresse {
  color: var(--w-color-secondary);
}

/* Utilizzato per cambiare colore del titolo dei modali nel back office */
#header-title{
  color: var(--w-color-secondary);
}

/* Utilizzato per cambiare colore alle classi arrow-up e arrow-down nel pannello laterale del back office */
.sidebar-footer__account-toggle > .icon-arrow-up {
  color: var(--w-color-secondary);
}

.sidebar-footer__account-toggle > .icon-arrow-down {
  color: var(--w-color-secondary);
}

/* Classe utilizzata per nascondere la breadcrumb nel modeladmin degli snippets*/
/* .w-pl-slim-header {
  visibility: hidden;
} */

body.ready .sidebar-menu-item__link {
  color: var(--w-color-secondary);
}

.page404__bg {
  background-color: rgb(254, 252, 252);
}

.page404__header {
  color: var(--w-color-secondary);
}

.page404__text {
  color: var(--w-color-secondary);
}

#icon-sedi {
  fill: var(--w-color-secondary);
}


.help-warning{
  visibility: hidden;
}