:root {
	--astaContainerPaddingTop:2rem;
	--astaContainerPaddingBottom:2rem;	
	--astaContainerPaddingLeft:0;
	--astaContainerPaddingRight:0;	
	--astaContainerMobilePaddingTop:1rem;
	--astaContainerMobilePaddingBottom:1.5rem;	
	--astaContainerMobilePaddingLeft:0;
	--astaContainerMobilePaddingRight:0;	

    --astaContainerBackgroundColor:transparent;
    --astaTitleColor:#ffffff;
    --astaArrowColor:#DCE2E8;
    --astaArrowHoverColor:#ffffff;
    --astaItemBackgroundColor:transparent;
	 --astaItemImageBackgroundColor:#ffffff;
    --astaItemBorderColor:#253740;
    --astaItemTitleColor:#333034;
    --astaItemTitleHoverColor:#2657AA;
    --astaItemCatColor:#333034;
    --astaItemCatHoverColor:#2657AA;

	--astaPageDotsBorderColor:#2657AA;
	--astaPageDotsCurrentBackgroundColor:#2657AA;
}

/* red background */
.wp-block-maraja-blocks-top-lots-block {
    background: transparent;
    padding: 0;
}


/*--------------------------------------------------------------
 Asta Lotti in evidenza
--------------------------------------------------------------*/

.asta-wrapper {
	background-color: var(--astaContainerBackgroundColor);
	padding-top: var(--astaContainerMobilePaddingTop);
	padding-bottom: var(--astaContainerMobilePaddingBottom);
	padding-left: var(--astaContainerMobilePaddingLeft);
	padding-right: var(--astaContainerMobilePaddingRight);
}


@media (min-width: 768px) {
	.asta-wrapper {
		padding-top: var(--astaContainerPaddingTop);
		padding-bottom: var(--astaContainerPaddingBottom);
		padding-left: var(--astaContainerPaddingLeft);
		padding-right: var(--astaContainerPaddingRight);
	}
}

.asta-wrapper .asta-title {
	text-align: center;
	font-weight: 700;
	color: var(--astaTitleColor);
}

.asta-wrapper .lotti-list-wrapper {
	width: 100%;
	/*height: 370px;*/ /* serve se setGallerySize: false */
	margin: 0 auto;
	padding: 0;
}
	
	
.asta-wrapper .lotti-list-wrapper .asta-lotto-item {
	padding:0;
	padding-left: 20px;
	padding-right: 20px;
	background-color: var(--astaItemBackgroundColor);
	border:0 solid var(--astaItemBorderColor);
	border-right-width:1px;
	/*margin-left:1px;*/
	/*margin-right :2rem;*/
	margin:0;
	margin-left:1px;
	box-sizing: content-box; /* if add padding is out of box width*/
}	
	
.asta-wrapper .lotti-list-wrapper .asta-lotto-item .asta-lotto-item-image {
	display: block;
	width: 100%;
	/*height: 260px;*/
	overflow:hidden;
}
	
.asta-wrapper .lotti-list-wrapper .asta-lotto-item .asta-lotto-item-image-nobg {
	display: block;
	width: 100%;
	/*height: 260px;*/
	overflow:hidden;
	text-align: center;
	background-color: var(--astaItemImageBackgroundColor);
}
	
.asta-wrapper .lotti-list-wrapper .asta-lotto-item .asta-lotto-item-image-nobg img {
	}
	
	
.asta-wrapper .lotti-list-wrapper .asta-lotto-item .asta-lotto-item-caption {
	display: none;
	width: 100%;
	text-align: center;
	padding-top: 1rem;
}

.asta-wrapper.flk-showitemcaptions .lotti-list-wrapper .asta-lotto-item .asta-lotto-item-caption {
	display: block;
}

.asta-wrapper .lotti-list-wrapper .asta-lotto-item .asta-lotto-item-caption a.asta-lotto-item-lotto-name {
	display: none;
	text-decoration: none;
	font-size: 1.2rem;
	color: var(--astaItemTitleColor);
	/*white-space : nowrap;*/
	white-space : normal;
}
	
.asta-wrapper .lotti-list-wrapper .asta-lotto-item .asta-lotto-item-caption a.asta-lotto-item-lotto-name:hover,
.asta-wrapper .lotti-list-wrapper .asta-lotto-item .asta-lotto-item-caption a.asta-lotto-item-lotto-name:focus {
	color: var(--astaItemTitleHoverColor);
}	

.asta-wrapper.flk-showitemcaptionstitle .lotti-list-wrapper .asta-lotto-item .asta-lotto-item-caption a.asta-lotto-item-lotto-name {
	display: block;
}
	
.asta-wrapper .lotti-list-wrapper .asta-lotto-item .asta-lotto-item-caption a.asta-lotto-item-lotto-cat {
	display: none;
	text-decoration: none;
	font-size: 1rem;
	color: var(--astaItemCatColor);
	font-weight: 700;
	text-transform: uppercase;
	/*white-space : nowrap;*/
	white-space : normal;
}
	
.asta-wrapper .lotti-list-wrapper .asta-lotto-item .asta-lotto-item-caption a.asta-lotto-item-lotto-cat:hover,
.asta-wrapper .lotti-list-wrapper .asta-lotto-item .asta-lotto-item-caption a.asta-lotto-item-lotto-cat:focus {
	color: var(--astaItemCatHoverColor);
}		
	
.asta-wrapper.flk-showitemcaptionscategory .lotti-list-wrapper .asta-lotto-item .asta-lotto-item-caption a.asta-lotto-item-lotto-cat {
	display: block;
}	


/* Carousel Navigation */
.asta-wrapper .lotti-list-wrapper .flickity-button {
	background: transparent;
	opacity: 0.6;
 	display: none;
}

@media (min-width: 768px) { 
	.asta-wrapper.flk-shownavigation .lotti-list-wrapper .flickity-button {
		display: inline-block;
	}
}

.asta-wrapper .lotti-list-wrapper .flickity-button:hover {
	background-color: transparent;
  	opacity: 1;
}

/* big previous & next buttons */
.asta-wrapper .lotti-list-wrapper .flickity-prev-next-button {
  width: 50px;
  height: 50px;
}

/* icon color */
.asta-wrapper .lotti-list-wrapper .flickity-prev-next-button .flickity-button-icon {
	left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	fill: var(--astaArrowColor);
}

.asta-wrapper .lotti-list-wrapper .flickity-prev-next-button {
	padding: 0;
	transition: all 0.4s linear;
}

.asta-wrapper .lotti-list-wrapper .flickity-prev-next-button .flickity-button-icon {
	transition: all 0.4s linear;
}

.asta-wrapper .lotti-list-wrapper .flickity-prev-next-button:hover .flickity-button-icon {
  fill: var(--astaArrowHoverColor);
}

.asta-wrapper .lotti-list-wrapper .flickity-prev-next-button.previous {
	left: -50px;
	top: 49%;
   	border-radius: 0;
}

.asta-wrapper .lotti-list-wrapper .flickity-prev-next-button.next {
	right: -50px;
	top: 49%;
   	border-radius: 0;
}

.asta-wrapper .lotti-list-wrapper .flickity-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0 #19f;
}	
	
/* Carousel Dots */
.asta-wrapper .lotti-list-wrapper .flickity-page-dots {
	display: none;
	position: absolute;
	bottom:-2em;
}

.asta-wrapper.flk-showdots .lotti-list-wrapper .flickity-page-dots {
	display: block;
	position: absolute;
	bottom:-2rem;
}

.asta-wrapper .lotti-list-wrapper .flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background-color: transparent;
    border-width: 2px;
	border-style: solid;
	border-color: var(--astaPageDotsBorderColor);
    border-radius: 50%;
    opacity:1;
    cursor: pointer;
    /*-webkit-box-shadow: 1px 1px 3px 1px #fff; 
	box-shadow: 1px 1px 3px 1px  #fff;*/
}

.asta-wrapper .lotti-list-wrapper .flickity-page-dots .dot.is-selected {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background-color: var(--astaPageDotsCurrentBackgroundColor);
    border-width: 2px;
	border-style: solid;
	border-color: var(--astaPageDotsCurrentBackgroundColor);
    border-radius: 50%;
    cursor: pointer;
    /*-webkit-box-shadow: 1px 1px 3px 1px #fff; 
	box-shadow: 1px 1px 3px 1px #fff;*/
}