section.mod_updown_grid{
	--overlay-color1: var(--color1);
	--overlay-color2: var(--color1);
	--overlay-color3: var(--color1);
}

section.mod_updown_grid .bloqTitle{
	max-width: calc(var(--grid-gap) + var(--grid-gap) + 900px);
	margin: 0 auto;
}

section.mod_updown_grid .filterSourceSideBySideButtons{
	max-width: calc(var(--grid-gap) + var(--grid-gap) + 900px);
	margin: 0 auto;
}


section.mod_updown_grid div.Grid{
	max-width: calc(var(--grid-gap) + var(--grid-gap) + 900px);
	margin: 0 auto;
}

section.mod_updown_grid div.Grid>ul{
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

section.mod_updown_grid div.Grid>ul>li{
	height: 100px;
}

section.mod_updown_grid div.Grid>ul>li:nth-child(6n + 2), section.mod_updown_grid div.Grid>ul>li:nth-child(6n + 4), section.mod_updown_grid div.Grid>ul>li:nth-child(6n + 5){
	grid-row: span 3;
	height: calc(300px + var(--grid-gap) + var(--grid-gap));
}

section.mod_updown_grid div.Grid .Item{
	height: 100%;
}
section.mod_updown_grid div.Grid>ul>li .Item:hover{
	height: 100%;
	margin: 0;
}


section.mod_updown_grid div.Grid .Item .ItemInner{
	flex-direction: row;
	justify-content: space-between;
	height: 100px;
	top: auto;
}

section.mod_updown_grid div.Grid>ul>li .Item .ItemInner{
	background-color: transparent;
}

section.mod_updown_grid div.Grid>ul>li:nth-child(6n + 1) .Item .ItemInner{
	background-color: rgba(var(--overlay-color1),0.7);
}

section.mod_updown_grid div.Grid>ul>li:nth-child(6n + 1) .Item:hover .ItemInner{
	background-color: rgba(var(--overlay-color1),0.9);
}

section.mod_updown_grid div.Grid>ul>li:nth-child(6n + 3) .Item .ItemInner{
	background-color: rgba(var(--overlay-color2),0.7);
}

section.mod_updown_grid div.Grid>ul>li:nth-child(6n + 3) .Item:hover .ItemInner{
	background-color: rgba(var(--overlay-color2),0.9);
}

section.mod_updown_grid div.Grid>ul>li:nth-child(6n + 6) .Item .ItemInner{
	background-color: rgba(var(--overlay-color3),0.7);
}

section.mod_updown_grid div.Grid>ul>li:nth-child(6n + 6) .Item:hover .ItemInner{
	background-color: rgba(var(--overlay-color3),0.9);
}

section.mod_updown_grid div.Grid .Item.CalendarItem:hover .ItemInner .Title{
	display: block;
}

section.mod_updown_grid div.Grid .Item.CalendarItem:hover .ItemInner .ItemIcon.hasCategory{
	padding: 0;
    width: var(--nav-size);
}

section.mod_updown_grid div.Grid .Item.CalendarItem:hover .ItemInner .ItemIcon.hasCategory::after{
	display: none;
}

section.mod_updown_grid div.Grid>ul>li:nth-child(6n + 2) .Item .ItemInner::before, section.mod_updown_grid div.Grid>ul>li:nth-child(6n + 4) .Item .ItemInner::before, section.mod_updown_grid div.Grid>ul>li:nth-child(6n + 5) .Item .ItemInner::before{
	content: '';
	position: absolute;
	top: calc(-200px - var(--grid-gap) - var(--grid-gap));
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(var(--grey5),0.7);
	transtion: 0.2s;
}

section.mod_updown_grid div.Grid>ul>li:nth-child(6n + 2) .Item:hover .ItemInner::before, section.mod_updown_grid div.Grid>ul>li:nth-child(6n + 4) .Item:hover .ItemInner::before, section.mod_updown_grid div.Grid>ul>li:nth-child(6n + 5) .Item:hover .ItemInner::before{
	background-color: rgba(var(--grey5),0.9);
}

section.mod_updown_grid div.Grid .Item .ItemInner .ItemDate, section.mod_updown_grid div.Grid .Item .ItemInner .ItemContent, section.mod_updown_grid div.Grid .Item .ItemInner  .CalendarCategory{
	display: none;
}

section.mod_updown_grid div.Grid .Item .ItemInner .Title{
	text-align: left;
	position: relative;
}

/* swap title for date when datablog */
section.mod_updown_grid.DataBloq div.Grid .Item .ItemInner .ItemDate{
	text-align: left;
    position: relative;
	font-family: var(--font-normal);
    font-size: var(--fs5);
    color: rgba(var(--grey10), 1);
    margin: 0 5px;
    transition: .2s;
    display: block;
}
section.mod_updown_grid.DataBloq div.Grid .Item .ItemInner .Title{
	display: none;
}

/* end of swap */

section.mod_updown_grid div.Grid .Item .ItemInner .ItemIcon{
	position: relative;
	top: 0;
	left: 0;
	order: 2;
	background-color: transparent;
	color: var(--grey10);
}

section.mod_updown_grid.popstyle div.Grid .Item:not(.CalendarItem):hover .ItemInner .popbutton{
	position: relative;
}