/*!
Theme Name: Design Comuni Italia Child Theme
Author: Ecoh Media
Description: Design Comuni Wordpress Child Theme per WordPress
Theme URI: https://github.com/italia/design-comuni-wordpress-theme-main
Author URI: https://www.ecohmedia.com
Template: design-comuni-wordpress-theme-main
Version: 1.11.2.1
License: AGPL 3.0 or later
Text Domain: design_comuni_italia
*/


/*************** ADD CUSTOM CSS HERE.   ***************/



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

@media only screen and (min-width: 992px){
	.navbar .navbar-collapsable .navbar-secondary li a.nav-link {
  /*font-size: .85em!important; CPON COMMENTATO per sistemarlo come sito comune siracusa
  line-height: 1.6!important;}*/
}
}
.container li a:focus {
	/*outline:2px solid #ff8c00!important*/
}
.row a.navbar-brand:focus {
	/*outline:2px solid #ff8c00!important;*/
	box-shadow:none;
}

/*HEADER MENU NAV*/
.it-header-slim-wrapper .it-header-slim-wrapper-content a.navbar-brand {
  font-size: 16px;
  color: #fff;
}
.it-header-slim-wrapper .it-header-slim-wrapper-content a.navbar-brand {
  font-weight: bold;
  line-height: 40px;
}
.navbar .navbar-collapsable .navbar-nav li a.nav-link {
  font-size: 1em;
  font-weight: 700;
  /*line-height: 20px; CPON COMMENTATO per sistemarlo come sito comune siracusa */
}
@media (max-width: 767px){
.it-header-slim-wrapper .it-header-slim-wrapper-content a.navbar-brand {
  font-size: .875em;
  font-weight: bold;
  text-align: left;
  text-indent: 0 !important;
}	
}
/*FINE HEADER MENU NAV*/

/*CPON 28 nov - aggiunto perche modificando il FILE css x cambiare colore, secondo le istruzioni di ITALIA ESIGNER il calendario era tutto allineato in modo errato*/

@keyframes splide-loading {
 0% {
  transform:rotate(0)
 }
 to {
  transform:rotate(1turn)
 }
}
.splide--draggable>.splide__slider>.splide__track,
.splide--draggable>.splide__track {
 user-select:none
}
.splide--fade>.splide__slider>.splide__track>.splide__list,
.splide--fade>.splide__track>.splide__list {
 display:block
}
.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide,
.splide--fade>.splide__track>.splide__list>.splide__slide {
 left:0;
 opacity:0;
 position:absolute;
 top:0;
 z-index:0
}
.splide--fade>.splide__slider>.splide__track>.splide__list>.splide__slide.is-active,
.splide--fade>.splide__track>.splide__list>.splide__slide.is-active {
 opacity:1;
 position:relative;
 z-index:1
}
.splide--rtl {
 direction:rtl
}
.splide--ttb.is-active>.splide__slider>.splide__track>.splide__list,
.splide--ttb.is-active>.splide__track>.splide__list {
 display:block
}
.splide__container {
 box-sizing:border-box;
 position:relative
}
.splide__list {
 backface-visibility:hidden;
 display:flex;
 height:100%;
 margin:0!important;
 padding:0!important;
 transform-style:preserve-3d
}
.splide.is-initialized:not(.is-active) .splide__list {
 display:block
}
.splide__pagination {
 align-items:center;
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 margin:0;
 pointer-events:none
}
.splide__pagination li {
 display:inline-block;
 line-height:1;
 list-style-type:none;
 margin:0;
 pointer-events:auto
}
.splide__progress__bar {
 width:0
}
.splide {
 outline:none;
 position:relative;
 visibility:hidden
}
.splide.is-initialized,
.splide.is-rendered {
 visibility:visible
}
.splide__slide {
 backface-visibility:hidden;
 box-sizing:border-box;
 flex-shrink:0;
 list-style-type:none!important;
 margin:0;
 outline:none;
 position:relative
}
.splide__slide img {
 vertical-align:bottom
}
.splide__slider {
 position:relative
}
.splide__spinner {
 animation:splide-loading 1s linear infinite;
 border:2px solid #999;
 border-left-color:transparent;
 border-radius:50%;
 bottom:0;
 contain:strict;
 display:inline-block;
 height:20px;
 left:0;
 margin:auto;
 position:absolute;
 right:0;
 top:0;
 width:20px
}
.splide__track {
 overflow:hidden;
 position:relative;
 z-index:0
}

/*CPON 28 nov - FINE aggiunto perche modificando il FILE css x cambiare colore, secondo le istruzioni di ITALIA ESIGNER il calendario era tutto allineato in modo errato*/



/*CPON modifica colore verde i quanto il file comuni.css non e stato modificato dopo aver eseguito le istruzioni per cambiare colori a tutto il tema*/

.bg-main-primary {
 background:#003882
}
.u-main-primary {
 color:#003882
}
.t-primary {
 color:#003882
}
.row-calendar .it-calendar-wrapper .card .card-text a {
 color:#003882;
}
.card .categoryicon-top span.text {
 color:#003882
}
.it-header-wrapper .search-link svg {
  fill:#003882
 }

.it-header-wrapper .navbar-collapsable .it-socials {
color:#003882
}
.it-header-wrapper .navbar-collapsable .it-socials ul li a svg {
 fill:#fff!important;
}
.it-header-wrapper .navbar-collapsable .logo-hamburger {
color:#fff!important;
}
.it-header-wrapper .navbar-collapsable .logo-hamburger .icon {
 fill:#003882!important;
}

.cmp-breadcrumbs .breadcrumb-container .breadcrumb .breadcrumb-item a {
	color:#003882;}
.cmp-info-button-card.has-border-green {
 outline:2px solid #003882
}
.cmp-info-button-card .form-check [type=radio]:not(:checked)+label:before {
 border-color:#003882
}
.search-modal .modal-title .search-link svg {
 fill:#003882
}
.search-modal .form-group .input-group-prepend svg {
 fill:#003882
}
.search-modal .searches-list li a {
 font-size:1.125rem;
	color:#003882;}
categories-modal .modal-header {
 border-bottom:1px solid #003882
}
.categories-modal .modal-footer {
 border-top:1px solid #003882
}
cmp-info-progress .completed .title-medium,
.cmp-info-progress .step-active .title-medium {
 font-weight:700;
 color:#003882
}
.cmp-info-progress .step-active .info-progress-body {
 border-bottom:2px solid #003882
}
.cmp-info-summary .icon-primary {
 fill:#003882
}
.cmp-list-card-img-hr .card .cmp-info-summary .card-img-none .data-text.description-success {
	color:#003882;}
.cmp-navscroll .navbar.it-navscroll-wrapper .link-list-wrapper .accordion .accordion-header .accordion-button {
	color:#003882;}
aside .cmp-navscroll .navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active {
 border-left:2px solid #003882
}
.cmp-contacts .contact-list li {
	color:#003882;}
.calendar-vertical {
 color:#003882
}
.calendar-vertical .calendar-date .calendar-date-day:before {
background-color:#003882;
}
.calendar-vertical .calendar-date .calendar-date-day:after {
background-color:#003882;
}
.plus-icon {
color:#003882
}
.plus-text {
color:#003882;
}
.plus-text:hover {
 color:#003882
}
.chip {
 border-color:#003882;
}
.chip .chip-label {
 color:#003882
}
.chip:is(a):hover:not(.chip-disabled) {
 background-color:#003882
}
.chip:is(div):hover:not(.chip-disabled) {
 border-color:#003882
}
.chip:is(div):hover:not(.chip-disabled) .chip-label {
 color:#003882
}
.cmp-icon-list .shadow .list-item-title {
 color:#003882
}
.accordion-header .accordion-button:not(.collapsed) {
 color:#003882
}
.cmp-accordion .accordion-header .accordion-button:not(.collapsed) {
 color:#003882
}
.cmp-filter .filter-wrapper button span {
color:#003882
}
.cmp-info-radio.has-border-green {
 outline:2px solid #003882
}
.cmp-input-search-button.form-group .input-group-prepend svg {
 fill:#003882
}
.cmp-info-checkbox.has-border-green {
 outline:2px solid #003882
}
.cmp-info-checkbox .form-check [type=checkbox]:not(:checked)+label:after {
 border-color:#003882
}
/*CPON FINE modifica colore verde i quanto il file comuni.css non e stato modificato dopo aver eseguito le istruzioni per cambiare colori a tutto il tema*/

.evidence-section .list-item.active span, .useful-links-section .list-item.active span {
  color: #003882 !important;
}

/*CPON immagine sfondo blu per EVIDENZIA*/
.card-wrapper.card-teaser-wrapper.card-teaser-block-3 > .card-teaser{background-image:none!important}
.evidence-section .section{ background-image: url('images/evidenza-header.png')!important;
}

.row-calendar .it-calendar-wrapper .card .card-text a:hover,
.cmp-breadcrumbs .breadcrumb-container .breadcrumb .breadcrumb-item a:hover,
.evidence-section .list-item.active span, .evidence-section .card.card-teaser .link-list-wrapper ul li a:hover span{ color: #003274 !important;}


.it-page-section ol, .it-page-section ul,
ul.d-flex{
  padding-left: 0;
}

.card.card-teaser { margin-bottom: 20px!important;}

.card.card-img .card-body {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

* #CybotCookiebotDialog *, 
* #CookiebotWidget *{
	font-family:"Titillium Web"!important
}

/*Cristina Pontarolo 13/10/2023 12:17*/
.card.card-bg-blue {
	background-color: #003882;
}

.card .card-content {
  margin-right: 130px;
  padding: 24px 16px 24px 24px;
  min-height: 168px;
}

.card .card-img {width:130px;overflow: hidden;position: absolute;top: 0;right: 0;height: 100%;bottom: 0;}

.card .card-img  figure {height: 100%;position: absolute;display: flex;align-items: center; justify-content: center;}

.card .card-img  figure img{object-fit: cover; height: 100%;width: 130px;}

.single-person li {
  width: 49%;
  float: left;
  padding-right: 20px;
  padding-bottom: 20px;
}

/*CPON visualizzazione persone pubbliche su SMARTPHON*/
@media only screen and (max-width: 600px){
.single-person .card-body {margin-right: 130px;}
.single-person .col-md-8 {width: 100%;}
.single-person li {width: 100%;}
}

.it-footer-main .it-brand-wrapper {
	padding: 0 0;
}
/*CPON modifice menu footer voci indentate - 4 giugno 2024*/
#footer .footer-list{padding-left: 0rem!important;}

@media (min-width: 992px) {
	.it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper nav {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
}
@media (min-width: 1200px) {
  .it-header-wrapper .navbar .navbar-collapsable .navbar-nav li a.nav-link {
    padding: 0.5rem!important;
  }
}
@media (min-width: 992px) {
  .navbar .navbar-collapsable .navbar-nav li a.nav-link {
	  font-weight: 400!important;}
}
#menu-main-menu a {
  font-weight: 700!important;
}
@media (min-width: 1400px) {
  .it-header-wrapper .navbar .navbar-collapsable .navbar-nav li a.nav-link {
    padding: 1rem!important;
  }
}