/*
Theme Name: stukan
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/



/*************** ADD CUSTOM CSS HERE.   ***************/


@font-face {
    font-family: 'Wasted Vindey';
    src: url('/wp-content/themes/stukan/fonts/WastedVindeyRegular.woff2') format('woff2'),
        url('/wp-content/themes/stukan/fonts/WastedVindeyRegular.woff') format('woff'),
        url('/wp-content/themes/stukan/fonts/WastedVindeyRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Wasted Vindey !important;
}
html, body, #main {
	background: black !important;
}
.hero {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
.hero a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
	color: var(--primary-color);
text-align: center;
font-family: Barlow;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: normal;
}
header {
	display: none;
}
.absolute-footer {
	display: none;
}
#content {
	padding: 0;
}
.stukan-top-bar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
    background-color: var(--primary-color);
    padding: 1rem;
    width: 100%;
    height: 100px;
	max-height: 100px;
	transition: all .3s ease-in-out;
	position: relative;
	transform-origin: top;
}
.label-container label {
    font-size: 3rem;
    font-weight: 600;
    color: var(--secondary-color);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;

    height: 100%;
    margin: 0;
    padding: 0;
}
.stukan-top-bar input {
	display: none;
}
.stukan-top-bar h1 {
	width: fit-content;
	color: #000;
text-align: center;
font-family: "Wasted Vindey";
font-size: 3rem;
font-style: normal;
font-weight: 400;
line-height: normal;
	transition: all .3s ease-in-out;
	font-variant-ligatures: common-ligatures;
	margin: 0;
}
.label-container {
	background: var(--primary-color);
	    display: flex;
    justify-content: flex-end;
	height: 30px;
	padding: 1rem;
	position: absolute;
	right: 1rem;
}

.stukan-top-bar:has(input:checked) {
	max-height: 0;
	padding: 0;
	transform: scaley(0);

}
label {
	position: relative;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
label:hover:before {
	color: white;
}
label:before {
display: flex;
    content: "×";
    position: absolute;
    inset: 0;
    color: black;
    z-index: 99999;
    justify-content: center;
	align-items: center;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.hero {
		flex-direction: column;
	}
	.hero a {
		font-size: 1rem;
	}
		.col:has(.hero) {
			padding: 0;
		}
	
	
	.stukan-top-bar h1 {
font-size: 1.5rem;
}

}