html,
body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

main#main {
	flex-grow: 1;
}


.scroll-top_obrazovanie {
	scroll-margin-top: 4em;
}



#iframe-example {
    margin-top: -85px;
}


.grid-mygallery {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.col-block1 {
    grid-column: 3 / 1;
    grid-row: 2 / 2;
}
.col-block6 {
    grid-column: 3 / 1;
    grid-row: 5 / 5;
}
.js-exp-gallery__item {
    --aspect-ratio: calc(4 / 3);
}
.col-block1, .col-block6 {
	--aspect-ratio: calc(16 / 9);
}
@media(min-width:64rem) {
	.grid-mygallery {
		grid-template-columns: repeat(4, 1fr);
	}
	.col-block1 {
		grid-column: 3 / 1;
		grid-row: 5 / 2;
	}
	.col-block6 {
		grid-column: 3 / 5;
		grid-row: 1 / 4;
	}
}


:root, * {
	--swiper-navigation-sides-offset: -50px;
}



.sidebar__panel-scrolling::-webkit-scrollbar { width: 5px; height: 3px;}
.sidebar__panel-scrolling::-webkit-scrollbar-button {  background-color: var(--color-bg-dark); background-repeat:no-repeat;width:5px;height:0px}
.sidebar__panel-scrolling::-webkit-scrollbar-track {  background-color: var(--color-bg-dark);}
.sidebar__panel-scrolling::-webkit-scrollbar-track-piece { background-color: var(--color-bg-dark);}
.sidebar__panel-scrolling::-webkit-scrollbar-thumb { height: 50px; background-color: var(--color-bg-dark); border-radius: 8px;}
.sidebar__panel-scrolling::-webkit-scrollbar-corner { background-color: var(--color-bg-dark);}
.sidebar__panel-scrolling::-webkit-resizer { background-color: var(--color-bg-dark);}

.sidebar__panel-scrolling:hover::-webkit-scrollbar { width: 5px; height: 3px;}
.sidebar__panel-scrolling:hover::-webkit-scrollbar-button {  background-color: #afafaf; background-repeat:no-repeat;width:5px;height:0px}
.sidebar__panel-scrolling:hover::-webkit-scrollbar-track {  background-color: #afafaf;}
.sidebar__panel-scrolling:hover::-webkit-scrollbar-track-piece { background-color: hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), var(--bg-o))}
.sidebar__panel-scrolling:hover::-webkit-scrollbar-thumb { height: 50px; background-color: #afafaf; border-radius: 5px;}
.sidebar__panel-scrolling:hover::-webkit-scrollbar-corner { background-color: #afafaf;}
.sidebar__panel-scrolling:hover::-webkit-resizer { background-color: #afafaf;}