#filter-form { padding: 1em; box-sizing: border-box; background: var(--light); display: flex; flex-flow: row wrap; gap: 1em; align-items: center;}
#filter-form select {padding: var(--formpadding); font-size: var(--formfontsize);border: solid 1px var(--grigino); background: transparent;}
#filter-form .searchicon {height: auto; width: 2em;}
#filter-form select.filterlocalita {width: 10em;}

/* tipo di selezione e conteggio pagine */
.page-counter-and-type {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: .2em 2em; background: var(--light); margin: .2em 0 2em 0;}
.page-counter-and-type * {margin: 0;}
.page-counter-and-type h2 {color: var(--orange); font-weight: normal; font-size: 1em; display: flex; flex-wrap: wrap; align-items: center;}
.page-counter-and-type h2 .breadcrumb-icon {display: inline; width: 1.5em; height: auto;}


/* Container della lista */
.listofblogitems { display: grid; grid-template: min-content / repeat(3, 1fr); grid-gap: 1.5em;}

.blog-item {position: relative; display:flex; flex-direction: column; aspect-ratio: 360 / 300; min-width: 250px; box-sizing: border-box; border-radius: 15px; background-color: var(--white); color: var(--black); text-decoration: none; transition: all 0.2s ease; overflow: hidden;}
a.blog-item:hover {transform: translateY(-8px); background-color: var(--light);}
.blog-item figure {aspect-ratio: 3/1; overflow: hidden;}
.blog-item img {width: 100%; height: 100%; block-size: auto; object-fit: cover;}
.blog-item span.riempitivoimage {display: flex; justify-content: center; align-items: center; aspect-ratio: 3/1; background: var(--light);}
.blog-item span.riempitivoimage svg {height: 4em; width: auto; fill:var(--grigino);}
.blog-item .custom-fields-wrapper * {text-wrap:wrap;}

.blog-item h2 {display: inline-block; font-size: clamp(8px, 4vw, 20px); padding: .3em; margin: 0; border-bottom: dotted 2px var(--orange);}
.blog-item .custom-fields-wrapper {padding: .5em;}
.blog-item .custom-fields-wrapper p {margin: 0.2em; display: flex; align-items: center; gap:0.5em; font-size: clamp(8px, 4vw, 15px);}
.blog-item .custom-fields-wrapper p.field-telefono svg {height: 1em; width: auto;}
.blog-item .custom-fields-wrapper p.field-giorno-di-chiusura {font-size: clamp(8px, 4vw, 12px);}





@media (max-width: 840px) {
	.listofblogitems {grid-template: min-content / repeat(2, 1fr);}
}

@media (max-width: 580px) {
	.listofblogitems {grid-template: min-content / repeat(1, 1fr);}
	.blog-item {aspect-ratio: auto;}
}

/* ordine banners nell'array in rapporto agli articoli   */
.banneritem {position:relative;}
.banneritem img {width: 100%; height: auto;}
.banneritem.bannerdi124 {grid-row: span 2;}

.listofblogitems .blog-item {order: 100;}
.listofblogitems .banneritem:nth-last-child(14) {order: 88;}
.listofblogitems .banneritem:nth-last-child(13) {order: 81;}
.listofblogitems .banneritem:nth-last-child(12) {order: 75;}
.listofblogitems .banneritem:nth-last-child(11) {order: 68;}
.listofblogitems .banneritem:nth-last-child(10) {order: 60;}
.listofblogitems .banneritem:nth-last-child(9) {order: 52;}
.listofblogitems .banneritem:nth-last-child(8) {order: 46;}
.listofblogitems .banneritem:nth-last-child(7) {order: 37;}
.listofblogitems .banneritem:nth-last-child(6) {order: 31;}
.listofblogitems .banneritem:nth-last-child(5) {order: 25;}
.listofblogitems .banneritem:nth-last-child(4) {order: 18;}
.listofblogitems .banneritem:nth-last-child(3) {order: 13;}
.listofblogitems .banneritem:nth-last-child(2) {order: 8;}
.listofblogitems .banneritem:nth-last-child(1) {order: 3;}

.listofblogitems .blog-item:nth-child(1) {order: 1;}
.listofblogitems .blog-item:nth-child(2) {order: 2;}
.listofblogitems .blog-item:nth-child(3) {order: 4;}
.listofblogitems .blog-item:nth-child(4) {order: 5;}
.listofblogitems .blog-item:nth-child(5) {order: 6;}
.listofblogitems .blog-item:nth-child(6) {order: 7;}
.listofblogitems .blog-item:nth-child(7) {order: 9;}
.listofblogitems .blog-item:nth-child(8) {order: 10;}
.listofblogitems .blog-item:nth-child(9) {order: 11;}
.listofblogitems .blog-item:nth-child(10) {order: 12;}
.listofblogitems .blog-item:nth-child(11) {order: 14;}
.listofblogitems .blog-item:nth-child(12) {order: 15;}
.listofblogitems .blog-item:nth-child(13) {order: 16;}
.listofblogitems .blog-item:nth-child(14) {order: 17;}
.listofblogitems .blog-item:nth-child(15) {order: 19;}
.listofblogitems .blog-item:nth-child(16) {order: 20;}
.listofblogitems .blog-item:nth-child(17) {order: 21;}
.listofblogitems .blog-item:nth-child(18) {order: 22;}
.listofblogitems .blog-item:nth-child(19) {order: 23;}
.listofblogitems .blog-item:nth-child(20) {order: 24;}
.listofblogitems .blog-item:nth-child(21) {order: 26;}
.listofblogitems .blog-item:nth-child(22) {order: 27;}
.listofblogitems .blog-item:nth-child(23) {order: 28;}
.listofblogitems .blog-item:nth-child(24) {order: 29;}
.listofblogitems .blog-item:nth-child(25) {order: 30;}
.listofblogitems .blog-item:nth-child(26) {order: 32;}
.listofblogitems .blog-item:nth-child(27) {order: 33;}
.listofblogitems .blog-item:nth-child(28) {order: 34;}
.listofblogitems .blog-item:nth-child(29) {order: 35;}
.listofblogitems .blog-item:nth-child(30) {order: 36;}
.listofblogitems .blog-item:nth-child(31) {order: 38;}
.listofblogitems .blog-item:nth-child(32) {order: 39;}
.listofblogitems .blog-item:nth-child(33) {order: 40;}
.listofblogitems .blog-item:nth-child(34) {order: 41;}
.listofblogitems .blog-item:nth-child(35) {order: 42;}
.listofblogitems .blog-item:nth-child(33) {order: 43;}
.listofblogitems .blog-item:nth-child(34) {order: 44;}
.listofblogitems .blog-item:nth-child(35) {order: 45;}
.listofblogitems .blog-item:nth-child(36) {order: 47;}
.listofblogitems .blog-item:nth-child(37) {order: 48;}
.listofblogitems .blog-item:nth-child(38) {order: 49;}
.listofblogitems .blog-item:nth-child(39) {order: 50;}
.listofblogitems .blog-item:nth-child(40) {order: 51;}
.listofblogitems .blog-item:nth-child(41) {order: 53;}
.listofblogitems .blog-item:nth-child(42) {order: 54;}
.listofblogitems .blog-item:nth-child(43) {order: 55;}
.listofblogitems .blog-item:nth-child(44) {order: 56;}
.listofblogitems .blog-item:nth-child(45) {order: 57;}
.listofblogitems .blog-item:nth-child(46) {order: 58;}
.listofblogitems .blog-item:nth-child(47) {order: 59;}
.listofblogitems .blog-item:nth-child(48) {order: 61;}
.listofblogitems .blog-item:nth-child(49) {order: 62;}
.listofblogitems .blog-item:nth-child(50) {order: 63;}
.listofblogitems .blog-item:nth-child(51) {order: 64;}
.listofblogitems .blog-item:nth-child(52) {order: 65;}
.listofblogitems .blog-item:nth-child(53) {order: 66;}
.listofblogitems .blog-item:nth-child(54) {order: 67;}
.listofblogitems .blog-item:nth-child(55) {order: 69;}
.listofblogitems .blog-item:nth-child(56) {order: 70;}
.listofblogitems .blog-item:nth-child(57) {order: 71;}
.listofblogitems .blog-item:nth-child(58) {order: 72;}
.listofblogitems .blog-item:nth-child(59) {order: 73;}
.listofblogitems .blog-item:nth-child(60) {order: 74;}
.listofblogitems .blog-item:nth-child(61) {order: 76;}
.listofblogitems .blog-item:nth-child(62) {order: 77;}
.listofblogitems .blog-item:nth-child(63) {order: 78;}
.listofblogitems .blog-item:nth-child(64) {order: 79;}
.listofblogitems .blog-item:nth-child(65) {order: 80;}
.listofblogitems .blog-item:nth-child(66) {order: 82;}
.listofblogitems .blog-item:nth-child(67) {order: 83;}
.listofblogitems .blog-item:nth-child(68) {order: 84;}
.listofblogitems .blog-item:nth-child(69) {order: 85;}
.listofblogitems .blog-item:nth-child(70) {order: 86;}
.listofblogitems .blog-item:nth-child(71) {order: 87;}