/**
 * Theme Name: COTO
 * Template:   design-italia
 Text Domain: coto_design_italia
 */

/** 
EVENTI: colori
**/

:root {
	--main-color:#103136;
	--main-color-menu:#184a52;
	--main-color-dark: #0a2024;
	/* --bs-link-color: hsl(210deg, 100%, 40%);
	--bs-link-hover-color: #0052a3 */
	--bs-link-color:#1e5b67;
	--bs-link-hover-color: #103136;
	--bs-secondary-rgb: #191919;
	--bs-btnc-color:#1e5b67;
	--bs-btnc-hover-color: #103136;


  }
/*:root {*/
/*	--main-color:#AD4703;*/
/*	--main-color-dark:#803402;*/
/*	!* --bs-link-color: hsl(210deg, 100%, 40%);*/
/*	--bs-link-hover-color: #0052a3 *!*/
/*	--bs-link-color:#AD4703;*/
/*	--bs-link-hover-color: #803402;*/
/*	--bs-secondary-rgb: #191919;*/
/*}*/

.it-header-center-wrapper, .it-footer-main {
	background-color: var(--main-color);
}
@media (max-width: 991.8px) {
	.navbar {
		background: var(--main-color);
	  }
	.it-header-wrapper .navbar-collapsable .icon-primary {
    fill: var(--main-color) !important;
  }  
}
@media (min-width: 992px) {

  .it-header-navbar-wrapper {
		background: var(--main-color);

}
  .navbar {
		background: var(--main-color);

}
  .it-header-center-wrapper .it-header-center-content-wrapper .it-search-wrapper a.rounded-icon svg {
    fill: var(--main-color);
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 768px) {
	.it-header-wrapper .search-link svg {
	fill: var(--main-color);
	}
}
.it-header-center-wrapper .it-brand-wrapper img {
  width: 48px;
  height: 48px;
  display: block;
  margin-right: 1rem;
}
@media (min-width: 992px) {
  .it-header-center-wrapper .it-brand-wrapper img {
    width: 65px;
    height: 65px;
  }
}
.search-modal .modal-title .search-link svg, .search-modal .form-group .autocomplete-icon .icon, .search-modal .form-group .input-group-prepend svg {
	fill: var(--main-color);
  }
  .btn-primary {
	background-color: var(--bs-btnc-color);
	border-color: var(--bs-btnc-color);
  }
  .btn-primary:hover {
	background-color: var(--bs-btnc-hover-color) !important;
	border-color: var(--bs-btnc-hover-color) !important;
	color: #FFFFFF !important;
  }
.navbar .navbar-collapsable .navbar-nav li a.nav-link {
  color: var(--main-color);
}

.it-header-slim-wrapper, .it-footer-small-prints {
	background-color: var(--main-color-dark);
  }

  .card .card-body .category-top a.category {
	color: var(--main-color);
  } 
  .card .card-body .card-link, a.read-more {
	color: var(--bs-link-color);
  } 
  .card .card-body .card-link:hover, a.read-more:hover {
	color: var(--bs-link-hover-color);
  } 
  .icon-success {
	fill: var(--main-color-dark) !important;
  }
  .cmp-navscroll .navbar.it-navscroll-wrapper .link-list-wrapper .accordion .accordion-header .accordion-button {
	color: var(--main-color-dark);
  }
  aside .cmp-navscroll .navbar.it-navscroll-wrapper .link-list-wrapper ul li a.active {
	border-left: 2px solid var(--main-color-dark);
  }
  .link-list-wrapper ul li a:not(.disabled) span {
	color: var(--bs-link-color);
}
  .link-list-wrapper ul li a:hover:not(.disabled) span {
	color: var(--bs-link-hover-color);
}
.link-list-wrapper ul li a:not(.disabled) .icon {
  fill: var(--bs-link-color);
}
.link-list-wrapper ul li a:hover:not(.disabled) .icon {
  fill: var(--bs-link-hover-color);
}
  .btn-dropdown {
	color: var(--bs-link-color);
  }
    .btn:hover {
	color: var(--bs-link-hover-color);
  }
  .back-to-top {
  background: var(--bs-link-color);
}
  .back-to-top:hover {
  background: var(--bs-link-hover-color);
}

/** 
GENERALI: aggiustamenti Bootstrap Italia
**/
.it-header-wrapper .navbar-collapsable .logo-hamburger {
	color: var(--main-color);
}
@media (max-width: 991.8px) {
	.it-header-wrapper .navbar-collapsable .icon-primary {
		fill: #06c !important;
	}
}
.icon-primary {
	fill: #fff !important;
  }
#navbarNavProgress .icon-primary, .card-body .icon-primary {
	fill: var(--main-color) !important;
  }
  .py-sm-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
  }
/* Header */
.header-slim-img {
	height: 36px;
}
.dropdown-item:hover, .dropdown-item:active {
	color: var(--bs-dropdown-link-hover-color);
  }

/* Footer */
@media (min-width: 576px) {
	.it-footer .logo-wrapper {
		align-items: center;
	}
}
.it-footer h4 {
	font-size: 1rem;
}
.it-footer-main p{
	font-size: 16px !important;
  }
 /* .it-footer .it-brand-wrapper {
    padding: 32px 0 !important;
  } */
  .it-footer-small-prints a, .it-footer-small-prints a:hover:not(.disabled) {
	font-size: initial;
  }

.link-list-wrapper ul li a span {
	margin-right: 0;
}


/* Card */
  .card::after {
	margin-top: 0;
  }
  .card.card-bg {
	margin-left: 0;
	margin-right: 0;
  }
  .card-text p{
	  font-size: 16px !important;
  }
  .card .card-body .card-text {
	font-family: 'Titillium Web' , sans-serif;
  }
.card-text a{
	color: blueviolet;
	font-size: 18px !important;
	inline-size: 100%;
  }
  
.card .card-body .category-top .data::before {
	content: "";
	margin: 0;
  }
.card .card-body .category-top .category {
  font-size: 0.9rem;
}
  .card-body .card-title {
	margin-bottom: 2.5rem;
  }


 /* Form */ 
 .input-group .input-group-text {
	height: 100%;
  }
  button, .it-search-wrapper button, .form-group button {
	margin-bottom: 0;
  }
  .em-search-scope input.em-date-input-start {
	/* display: none; */
  }
  .em.em-search-advanced header {
	margin-top: 1.5rem !important;
  }
  .em .selectize-control.em-selectize.multidropdown .em-selectize-placeholder span.placeholder-count {
	display: none;
  }

  .em.em-search-advanced section.em-search-advanced-section span.total-count {
	border: 1px solid var(--counter-background);
  border-radius: 50%;
  color: #fff;
  background: var(--counter-background);
  width: 24px;
  height: 24px;
  font-size: 12px;
  padding: 2px 0 0;
  margin: 0 0 0 10px;
  display: inline-block;
  text-align: center;
  top: -4px;
  position: relative;
  line-height: 16px;
  }


  /* main .container {
	  padding-right: 0;
	  padding-left: 0;
  } */

/*main .container img{*/
/*	object-fit: cover;*/
/*	width: 100%;*/
/*}*/

.info-footer-link:hover, .contatti-titolo:hover {
	text-decoration: none;
}
.info-footer-link, .contatti-titolo {
	text-decoration: 1px solid white underline;
}
/* header .it-brand-title{
	display: none !important;
} */


@media (min-width: 1200px) {

 .col-md-6{
	flex-basis: 50% !important;
}
	#sidebar-home{
		width: 30%; margin-top: 100px

	}
	#sidebar-home h3{
		margin-left: 5px;
	}
}


.nowtice_container{
	width: 100%;
}
.nowtice_container #nowtice_widget_1171{
	width: 100% !important;
	/* margin-top: 25px; */
}

/*.card-title{*/
/*	font-size: 20px;*/
/*}*/
.card-body p, .card-title{
	font-family: "Titillium Web", sans-serif;
}


/* frontpage */

section{
	margin-top: 0 !important;
	padding-top: 0 !important;
	top: 0 !important;
}

#main-container{
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* .metaslider img{
height: 230px !important;
} */

/* @media (min-width: 576px) {
	.it-hero-wrapper .it-hero-card.it-hero-bottom-overlapping {
	  margin-top: 200px;
	  margin-bottom: 0px;
	}
  } */

  .it-hero-wrapper  {
	background-color: #ffffff;

  }
  .it-hero-wrapper .img-responsive-wrapper {
	position: absolute;
	width: 100%;
	height: 400px;
	top: 0;
  }

  @media (min-width: 576px) {
	.it-hero-wrapper .it-hero-card.it-hero-bottom-overlapping {
	  margin-top: 300px; 
	 margin-bottom: 0;
	}
	.header-slim-img {
	height: 48px;
	}
  }
  .home .em-events-list {
	margin-top: 3rem;
  }

  /* paginazione */

.em .em-pagination, .pagination-wrapper {
	justify-content: center;
	padding: 1rem;
}
  .em .em-pagination .page-numbers.current {
	text-decoration: 0;
	text-underline-offset: 0;
	border: 1px solid #06c;
	border-radius: 4px;
  }
  .em .em-pagination .page-numbers, .em .em-pagination .page-numbers.current, .em .em-pagination .page-numbers:hover {
	font-size: 1rem !important;
	font-weight: 700;
	padding: 6px 0;
  }
  .em .em-pagination .page-numbers.current, .em .em-pagination .page-numbers:hover {
	font-size: 1rem !important;
	height: 40px;
	padding: 6px 0;
	color: var(--bs-link-color) !important;
  }
  .em .em-pagination .page-numbers.next,  .em .em-pagination .page-numbers.prev {
	background-image: none;
	opacity: 1;
	font-size: 1rem !important;
	height: 40px;
	}
	/* liste */
	.wp-block-list {
		list-style-type: circle;
		margin-left: 2rem;
	}

	/* category */
	.card .category a, .single .category a {
		text-decoration: none;
	}

	
/* post singleimg */

.single .ngg-singlepic {
	max-width: 100% !important;
}

/* gallery */




.ngg-galleryoverview {
 display: grid !important;
  /* grid-template-rows: 100px;
  grid-auto-rows: 100px; */
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 10px;
}
  @media (min-width: 576px) {
 .ngg-galleryoverview {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
} 

}	


.ngg-gallery-thumbnail-box {
  /* NON impostare una width fissa qui! La gestisce il minmax() sopra */
  box-sizing: border-box;
}


.single p .ngg-simplelightbox {
  display: block;
  margin: 4px;
  border: none;
  box-shadow: none;
	background-color: #FFFFFF;
  border: 1px solid #A9A9A9;
}
.single p .ngg-simplelightbox br{
  display: none;

}
.sl-overlay {
	background-color: #000000 !important;
	opacity: .85 !important;
}
.sl-wrapper .sl-navigation button, .sl-wrapper .sl-close {
  color: #fff;
}

/* wallpaper */
.fotomese {
	display: flex;
}
.fotomese img{
	margin-right: 2rem;
}
 