/*
Theme Name: SideWalk Theme
Theme URI: side-walk.dk
Template: hello-elementor
Author: Side-Walk
Author URI: side-walk.dk
Description: Theme by Side-Walk
Version: 1.0.1712059646 */

/*--- Ikoner ved menupunkter i submenu header ---*/
html{
	max-width: 1920px;
	margin: auto !important;
    background-color: #f3f3f3 !important;
    box-shadow: 0 0 60px 0 rgba(112, 132, 154, 0.65);
}/*-----------------------------------------------*/

/*--- Ikoner ved menupunkter i submenu header ---*/
.menu-item ._svg{
	width: 2em !important;
}/*-----------------------------------------------*/

/*--- Fjerner default 24px space under ikoner ---*/
.elementor-icon-wrapper{
	line-height: 0; !important
}/*-----------------------------------------------*/

/*--- Hastighed på farveskift af header på scroll ---*/
.elementor-107 .elementor-element.elementor-element-20a1051 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    transition-duration: 0.3s;
} /*-----------------------------------------------*/

/*--- Bredde på dropdown menu ---*/
.elementor-107 .elementor-element.elementor-element-4c190dc .elementor-nav-menu--dropdown {
    width: 18em !important;
}/*-----------------------------------------------*/

/*--- Ændrer på position af nav dropdown for den menu der vises på mobil, så den ikke sidder uden for skærmen ---*/
.elementor-107 .elementor-element.elementor-element-b919c24 .elementor-nav-menu--dropdown {
	margin-left: 0 !important;
	margin-top: 0 !important;
	position: unset;
}/*-----------------------------------------------*/

/*--- Giver en lys grå border på bunden af accordion, ikke den sidste så der kun er streg imellem  ---*/
.e-n-accordion-item:not(:last-child) {
    border-bottom: solid 1px #d5d8dc;
}/*----------------------------------*/

/*--- Links i tekst med fed ---*/
.elementor-widget-text-editor a{
    font-weight: 700 !important;
}/*-----------------------------------------------*/

/*--- Scroll snap columns ---*/
@media(max-width: 1024px){
	.scroll-snap-cols-tablet .elementor-container{
		overflow-x: scroll;
    	flex-wrap: nowrap;
    	scroll-snap-type: x mandatory;
	}
	.scroll-snap-cols-tablet .elementor-container .elementor-column{
		scroll-snap-align: center;
		min-width: 40%;
	}
}

@media(max-width: 767px){
	.scroll-snap-cols-mobil .elementor-container{
		overflow-x: scroll;
    	flex-wrap: nowrap;
    	scroll-snap-type: x mandatory;
	}
	
	.scroll-snap-cols-tablet .elementor-container .elementor-column, .scroll-snap-cols-mobil .elementor-container .elementor-column{
		scroll-snap-align: center;
		min-width: 80%;
	}
}/*-----------------------------------------------*/

/*--- Show case gallery ---*/
.showcase-gallery .gallery{
	display: grid;
	grid-template-columns:repeat(3,1fr);
	grid-gap: 3rem;
}
@media(max-width: 1024px){
	.showcase-gallery .gallery{
		grid-template-columns:repeat(2,1fr);
		grid-gap: 2rem;
	}	
}
@media(max-width: 767px){
	.showcase-gallery .gallery{
		grid-template-columns:repeat(2,1fr);
		grid-gap: 1rem;
	}	
}

.showcase-gallery .gallery-item{
	width: 100%!important;
	max-width: 100%!important;
	box-shadow: 0 10px 20px -10px rgb(0 0 0 / 50%);
    padding: 0;
	transition: all .3s ease;
}

.showcase-gallery .gallery-item img{
	width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: top;
	transition: all 2s ease-out .1s;
	transform: scale(1);
}


.showcase-gallery .gallery-item:hover{
	transform: scale(1.08);
	z-index: 999;
}

.showcase-gallery .gallery-item:hover img{
	object-position: bottom;
}/*-----------------------------------------------*/


/*---  ---*/

/*-----------------------------------------------*/