.full-width-content:nth-of-type(n+2):nth-of-type(odd) {
  background-color: var(--background-full-alternate);
}
.filterart-top-title-num {
		grid-area: numerator;
		font-size: 1.8rem;
		padding: 0 0 10px 0;
		font-weight: 600;
		margin: 0;
		& h1{
			display: inline;
			font-size: inherit
		};
		& .items-num-holder {
			font-size: 0.7em;
		}
	}





.grid-view{
	margin: 1rem 0;
	display: grid;
	grid-template-areas:
		"numerator numerator"
		"strip_art strip_art"
		"filters-block resultBlock"
		"filters-block paganation";
	gap: 1rem;
	grid-template-columns: 260px auto;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
	@media screen and (max-width:760px) {
		grid-template-areas:
			"numerator"
			"strip_art"
			"filters-block"
			"resultBlock"
			"paganation";
		grid-template-columns: 1fr;
		grid-template-rows: repeat(8, auto);
	}
	.filterart-top-title-num{
		grid-area: numerator;

	}
	& .strip_art{
		grid-area: strip_art;
		background-color: rgba(229, 229, 229, 1);
		border-radius: 25px;
		font-size: 0.9rem;
		padding: 7px;
		font-weight: 600;
		display: flex;
		justify-content: left;
		align-items: center;
		flex-wrap: wrap;
		gap: 5px;
		text-transform: uppercase;
		margin: 0 0px;
		& .filter-block-event{
			padding: 6px 7px;
			border-radius: 25px;
			cursor: pointer;
			background-color: #fff;
			border: solid 1px rgba(0,0,0,1);
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 0.5rem;
			& .icon{
				width: 16px;
				height: 16px;
				flex-shrink: 0;
			}
		}
	}
	.strip_art:empty {
	  padding: 0;
	}

	& .filters-block{
		grid-area: filters-block;
		padding: 0;
		margin: 0;
		min-height: 100px;
		box-sizing: border-box;
	};
	& .resultBlock{
		grid-area: resultBlock;
		padding: 0;
		margin: 0;
		position: relative;
		min-height: 100px;
		box-sizing: border-box;
		
	};
	& .pagination-holder{
		grid-area: paganation;
		min-height: 100px;
	}
	
	

}

div.resultBlock > ul.events-container {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	height: auto;
	flex-wrap: wrap;
	gap: 1.4rem 0 ;
	
	
	& * {box-sizing: border-box;}
	& li {
		font-size: 1rem;
		overflow: hidden;
		margin: 0;
		padding: 0.5em;
		list-style: none;
		flex: 0 0 33.33%;
		aspect-ratio: 1/1.55;
		overflow: hidden;
		
		
		height: auto;
		width: 100%;
		
		overflow: hidden;
		@media screen and (max-width: 1000px) {flex: 0 0 50% ; };
		@media screen and (max-width: 400px) {flex: 0 0 100%;};
		
		& .event-learn-more{
			width: 150px;
		}
		& .list-item-container{
			aspect-ratio: 1/1.6;
		}
		
	
	}
}

.attr-vert{
	& .search-container{
		border-top: 1px #ccc solid;
	    border-left: 1px #ccc solid;
	    border-right: 1px #ccc solid;
	    background-color: #ccc;
	    width:90%;
		& label{
			font-weight: 600;
			line-height: 2;
			padding-left: 10px;
			font-size:0.9em;
		}
		& .results{
			border-top: 1px #ccc solid;
			position: relative;
            float: none;
            border-bottom: 1px #ccc solid;
			& #country-input{
				width: 100%;
				padding: 10px;
				font-size: 16px;
				box-sizing: border-box;
			}
			& #suggestions{
				border: 1px solid #ccc;
				max-height: 200px;
				overflow-y: auto;
				background: white;
				padding: 0;
				list-style-type: none;
				position: absolute;
				width: 100%;
				min-width: 220px;
				z-index: 1000;
				margin: 0px 0px 0px 15px;
				width: max-content;
				white-space: nowrap;
				display: none;
				& li{
					padding: 10px;
					cursor: pointer;
					float: none;
					font-size: 14px;
					& a{
						color: black;
						text-decoration: none;
					}
				}
			}
		}
	}
	& .filter-events-title{
		padding-right: 20px;
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		cursor: pointer;
		font-size: 0.9em;
		font-weight: 600;
		width: 90%;
		text-transform: uppercase;
		& span{
			padding-right: 10px;
			float:right;
		}
	}
	& .line-decore{
		border-top: 1px solid rgb(0, 0, 0);
		width: 90%;
		padding-bottom:10px;
	}
	& .type_filter {
		width: 90%;
		& .filter-type-container{
			max-height: 250px;
			overflow-y: auto;
			width: 100%;
			& .filter-type-block{
				font-size: 0.9em;
				width:100%;
				text-transform: uppercase;
				& label{
					cursor: pointer;
					padding: 5px 0;
					font-weight: 600;
					& input{
						vertical-align: middle;
						width: 23px;
						height: 23px;
						accent-color: #000;
					}
					& a{
						display: inline;
						color: black;
						text-decoration: none;
					}
				}
			}
		}	
	}
	
	& .filter-from-container{
		border-top: 1px solid rgb(0, 0, 0);
		width: 90%;
		font-size:0.9em;
		& .events_from {
			padding-top: 8px;
			width: 100%;
			& .filter-from-block{
				max-height: 250px;
				overflow-y: auto;
				& .ev_from{
					padding: 2px 5px 2px 10px;
					cursor: pointer;
					& .event-from-block{
						cursor: pointer;
						padding: 5px 0;
						font-weight: 600;
						& a{
							color: black;
							text-decoration: none;
							& span{
								display: none;
							}
						}
					}
				}
				& .ev_from:hover{
				  background-color: #bcbcbc;
				  transform: translateY(-2px);
				  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
				}
			}
		}
		
	
	}}