/*
This file is included in the event kids shopify store
it is added in layout/theme.liquid~#30 as a regular stylesheet link
*/

/* add shutters */
/* #shopify-section-template--24296863334739__featured_collections_aBN9rU .page-width {
	position: relative;
	
	&::before,
	&::after{
		background: url("https://cdn.shopify.com/s/files/1/0924/2974/6515/files/shutter.png");
		background-repeat: no-repeat;
		background-size: contain;
		content: "";
		width: 249px;
		height: 874px;
		position: absolute;
		top: 47px;
		z-index: 1;
		
	}
	&::before {
		left: -249px;
	}
	&::after {
		right: -249px;
		transform: scaleX(-1);
	}
} */

/* add awning to header */
#SiteHeader{
	padding-top: 0;
	
	.page-width{
		padding: 0;
	}
	
	.header-layout{
		background-image: url('https://cdn.shopify.com/s/files/1/0924/2974/6515/files/awning.png');
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;
		align-items: center;
		padding: 10px 20px 20px;
		
		@media (min-width: 500px){
			padding: 20px 40px 46px;
		}
		
		.site-nav__link{
			background-color: #fbfdfc;
			border: 1px solid #d7d9d8;
			border-radius: 5px;
			padding: 6px;
			margin: 5px;
		}
		svg{
			color: #333;
		}
	}
	
	.site-navigation{
		margin-top: 20px;
	}
}


/* adjust submenu styling */
.site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level){
	font-family: var(--typeHeaderPrimary),var(--typeHeaderFallback);
}



/* add 1px border to category images on homepage */
/*                  \/ Div mit "Ausgewählte Kategorien" - ändert sich nach jedem Theme Update                  */
body.template-index #shopify-section-template--25602341437779__featured_collections_aBN9rU{
	.collection-item:hover .collection-image{
		transform: none;
	}
	.collection-image image-element{
		/* position: relative; */
		
		&::after{
			pointer-events: none;
			content:"";
			position: relative;
			z-index: 1;
			width: calc(100% - 20px);
			height: calc(100% - 20px);
			display: block;
			border: 1px solid #fff;
			margin: 10px;
		}
	}
}


/* Hide "Powered by Shopify" */
.site-footer > .page-width > p:last-child{
	display: none;
}


/* other (please add description) */
/* ... */