/*
Theme Name: Design Comuni Italia Child
Template: design-comuni-wordpress-theme
Author: We-COM
Author URI: https://www.we-com.it/
Description: Design Comuni Italia è il tema di WordPress per i siti dei Comuni Italiani. Rispetta le linee guida di design dell’Agenzia per l’Italia digitale rilasciate dal Team per la Trasformazione Digitale. Utilizza Bootstrap Italia.
Version: 1.1.0.1663663720
Updated: 2022-09-20 10:48:40
Text Domain: design_comuni_italia_child
*/

:root {
    --color-primary: #0059b3;
    --color-light:  #003183;
    --color-link-pieno:  #ffffff;
    --color-header: #2a3036;
    --color-grigio: #c3c3c3;
}

.it-header-center-wrapper {
	
}
.it-header-slim-wrapper {
    background: var(--color-header) !important;
}
.it-header-navbar-wrapper {
    background-color: var(--color-light) !important;
}
.it-header-wrapper .navbar-collapsable .menu-wrapper
{
    background-color: var(--color-light) !important;
}
.it-calendar-wrapper .it-header-block-title {
    background-color: var(--color-primary) !important;
    color: #fff;
}
.bg-primary {
   background-color: var(--color-primary) !important;
}
.input-group .input-group-append .btn {
    background-color: var(--color-primary) !important;
}
.title-xlarge {
    color: var(--color-primary) !important;
}
a.read-more {
    color: var(--color-primary) !important;
}
#head-section > div.container > div > div.col-lg-5.order-2.order-lg-1 > div > div > a.text-decoration-none
{
    color: var(--color-primary) !important;
}
a.read-more .icon {
    fill: var(--color-light) !important;
}
.chip {
    border-color: #435a70 !important;
	border-radius: 10px !important;
	text-align: center !important;
}
.chip .chip-label {
    color: black !important;
}

.chip.chip-simple:hover {
    background-color: transparent !important;
}
.chip .chip-label:hover {
    color: black  !important;
}
.argfiglio {
    border-color: #435a70 !important;
}
.argfiglio .argfiglio-label {
    color: black !important;
}

.argfiglio.argfiglio-simple:hover {
    background-color: white !important;
}
.argfiglio .argfiglio-label:hover {
    color: black !important;
}
.argnipote {
    border-color: #435a70 !important;
}
.argnipote .argnipote-label {
    color: black !important;
}
.argnipote.argnipote-simple:hover {
    background-color: white !important;
}
.argnipote .argnipote-label:hover {
    color: black !important;
}
.argpronipote {
    border-color: #435a70 !important;
}
.argpronipote .argpronipote-label {
    color: black !important;
}
.argpronipote.argpronipote-simple:hover {
    background-color: white !important;
}
.argpronipote .argpronipote-label:hover {
    color: black !important;
}
.tagcontratto {
	text-transform: capitalize !important;
	border: 1px solid !important;
	margin-right: 6px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: .778rem;
	border-radius: 12px;
    color: black !important;
    border-color: #435a70 !important;
    background-color: #FFF !important;
}
span.titoletto {
	font-size: 1.5rem;
	font-weight: bold;
	color: #0059b3;
}
a.titoletto {
	margin-bottom: 8px;
	color: black;;
}
.cat-doc-collegato {
	padding-left: 6px;
	padding-right: 6px;
	font-size: .850rem;
	border-radius: 12px;
	font-weight: 600;
	background-color: #0059b3;
	color: white;
}

.evidence-section .card.card-teaser .link-list-wrapper ul li a span {
    color: var(--color-primary) !important;
}
.cmp-contacts .contact-list li span {
    color: var(--color-light) !important;
}
a {
    color: #0059b3;
    text-decoration: underline;
}
.icon-primary {
    fill: var(--color-primary) !important;
}
.cmp-contacts .contact-list li span:hover{
    color: var(--color-primary) !important;
    text-decoration: underline;
}

.it-hero-wrapper.it-wrapped-container {
    min-height: 0!important;
    align-items: flex-end;
}

.it-hero-wrapper {
    background-color: var(--color-link-pieno) !important;
}
.btn-primary {
    background-color: var(--color-primary) !important;
    border-color: none;
    box-shadow: none;
}
.btn-primary:hover {
    background-color: var(--color-light) !important;
    border-color: none;
    box-shadow: none !important;
}
.btn-primary.dropdown-toggle:focus {
    box-shadow: none !important;
}
.breadcrumb-container .breadcrumb .breadcrumb-item a
{
    color: var(--color-primary) !important;
    font-weight: 400;
}
.breadcrumb-container .breadcrumb .breadcrumb-item a:hover
{
    color: var(--color-light) !important;
    font-weight: 400;
}
.it-hero-wrapper .it-hero-card {
    background-color: var(--color-grigio) !important;
}
.card .card-body a .card-title.h5, .card .card-body a h5.card-title {
    color: var(--color-primary) !important;
}
.row-calendar .it-calendar-wrapper .card .card-text a {
    color: #003183;
    text-decoration: underline;
}
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 4px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.4s;
    }

.active, .accordion:hover {
    background-color: #0059b3;
    }

.accordion-title {
	font-size: 0.80rem;
	font-weight: 600;
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    }

p.data.fw-normal {
	color: #757575 !important;	
}

.table-hover tbody tr:hover {
  background-color: transparent; /* Imposta il colore di sfondo su trasparente */
}

a.btn.btn-primary.text-button.w-100.active {
	background-color: #003183 !important;
	
}

.btn-outline-blue:not(:disabled):not(.disabled).active, .btn-outline-blue:not(:disabled):not(.disabled):active, .show > .btn-outline-blue.dropdown-toggle {
	color: #003183 !important;
	background-color: #4a8eff40 !important;
}

.gerard-one.active {
	font-weight: 900 !important;
	color: #000000 !important;
	font-size: 0.80rem !important;
}

.gerard-two.active {
	font-weight: 600 !important;
	color: #000000 !important;
	font-size: 0.75rem !important;
}

.gerard-three.card.col-lg {
    box-shadow: 0 0.45rem 0.5rem rgba(0, 0, 0, 0.095) !important;
    margin-right: 12px !important;
	margin-bottom: 18px !important;
	background-color: rgba(242,242,242, 0.35);
}

.btn.category-list__list {
    border-bottom: 8px solid #003183 !important;
    margin-bottom: 10px !important;
	border-top: 4px solid #003183 !important;
    height: 5rem !important;
	background-color: white !important;
}

.btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active, .show > .btn.dropdown-toggle {
    background-color: rgba(74, 142, 255, 0.3) !important;
}

td.gerard-four {
    font-size: 0.80rem !important;
    font-weight: 900 !important;
}

/* .gerard-three.col {
	border-right: 1px solid #ccc;
    padding-right: 10px;
} */

.fab {
  position: fixed;
  bottom: 20px; /* Altezza dal basso della finestra */
  right: 20px; /* Distanza dalla destra della finestra */
  background-color: #0059b3; /* Colore di sfondo */
  color: #fff; /* Colore del testo */
  border: none;
  border-radius: 25%;
  width: 110px; /* Larghezza */
  height: 75px; /* Altezza */
  text-align: center;
  font-size: 16px;
  font-family: 'Titilium Web' !important;
  font-weight: 900 !important;
  cursor: pointer;
  z-index: 999; /* Assicura che il FAB sia in primo piano */
  transition: transform 0.2s ease; /* Aggiunge una transizione per effetti di animazione */
}