/*

Theme Name: Kadence Child (Dworska Stodoła)
Template: kadence

Theme URI: https://jobsmartsolutions.pl
Description: Kadence Child Theme for Dworska Stodoła
Author: Job Smart Solutions
Author URI: https://jobsmartsolutions.pl
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: jss, jobsmartsolutions, kadence
Text Domain: dworska-kadence-child

*/

/* Variables */
:root {
	--dworska-color-dark-border: rgba(0, 0, 0, 0.05);
	--dworska-color-light-border: rgba(255, 255, 255, 0.05);
	--dworska-header-height: 115px;
	--dworska-header-shrink-height: 83px;
}


/* Header */
body:not(.transparent-header) #before-fixed-header-spacing {
	height: var(--dworska-header-height);
}

body.transparent-header #before-fixed-header-spacing {
	height: 0px;
}

#masthead.dworska-header {
	z-index: 1200 !important;
	position: fixed !important;
	height: var(--dworska-header-height);
	width: 100%;
	transition: .3s all ease-in-out;
	border-bottom: 1px solid var(--dworska-color-dark-border);
}

body:not(.transparent-header) #masthead.dworska-header, #masthead.dworska-header.scrolled {
	background: var(--global-palette9) !important;
}

body.transparent-header #masthead {
	backdrop-filter: blur(12px);
	background-color: var(--dworska-color-light-border);
	color: white;
}

#masthead.shrink {
	height: var(--dworska-header-shrink-height);
}

#masthead #main-header, #masthead #mobile-header {
	height: 100%;
}

#masthead .site-header-row-container {
	display: flex;
	justify-content: center;
	height: 100%;
}

#masthead .site-header-row-container-inner {
	display: flex;
	flex-direction: row;
	width: var(--global-content-width);
}

#masthead .dworska-header-col {
	display: flex;
	align-items: center;
}

#masthead .dworska-head-menu {
	width: 40%;
}

#masthead .dworska-head-logo {
	width: 20%;
	justify-content: center;
}

#masthead .dworska-head-button {
	width: 40%;
	justify-content: right;
}

@media screen and (min-width: 1025px) { 
	#masthead #mobile-header {
		display: none !important;
	}
}


/* Header - colors and fonts */
#masthead #primary-menu li a, #masthead .dworska-head-button a  {
	letter-spacing: 0.7px;
	line-height: 16px;
}

#masthead .dworska-head-button a {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	column-gap: 16px;
	border-color: var(--dworska-color-dark-border);
	padding: 12px;
}

body:not(.transparent-header) #masthead .dworska-head-button a:hover, body.transparent-header #masthead.scrolled .dworska-head-button a:hover {
	background-color: var(--global-palette1) !important;
}

body.transparent-header #masthead:not(.scrolled) .dworska-head-button a {
	color: var(--global-palette9);
	background-color: var(--dworska-color-light-border) !important;
}

body.transparent-header #masthead:not(.scrolled) .dworska-head-button a:hover {
	background-color: var(--global-palette9) !important;
	color: var(--global-palette3);
}

#masthead #mobile-header .dworska-head-button span {
	display: none;
}


body.transparent-header #masthead:not(.scrolled) #primary-menu li a {
	color: var(--global-palette9);
}

body.transparent-header #masthead:not(.scrolled) #primary-menu li a:hover, body.transparent-header #masthead:not(.scrolled) #primary-menu li.menu-item.current-menu-item a {
	color: var(--global-palette8);
}

body.transparent-header #masthead:not(.scrolled) .dworska-head-logo svg {
	fill: var(--global-palette9);
}

body:not(.transparent-header) #masthead .dworska-head-logo svg, body.transparent-header #masthead.scrolled .dworska-head-logo svg {
	fill: var(--global-palette3);
}


/* Header - mobile */
#masthead #mobile-header .site-header-row-container-inner {
	padding-left: 16px;
	padding-right: 16px;
}

#masthead #mobile-header .dworska-head-button > div {
	margin-right: 0;
}

#masthead #mobile-header button.mobile-menu-btn {
	margin: 0;
	padding: 0;
	background: none;
	line-height: 1;
	cursor: pointer;
}

body:not(.transparent-header) #masthead #mobile-header button.mobile-menu-btn svg, body.transparent-header #masthead.scrolled #mobile-header button.mobile-menu-btn svg {
	stroke: var(--global-palette3);
}

body.transparent-header #masthead:not(.scrolled) button.mobile-menu-btn {
	stroke: var(--global-palette9);
}

body.mobile-menu-show {
	overflow: hidden;
}

#masthead #mobile-header {
	display: flex;
	flex-direction: column;
}

#masthead.dworska-header.mobile-menu-show {
	height: 100vh;
	overflow-y: auto;
}

#masthead #mobile-header .header-main-row {
	transition: .3s all ease-in-out;
}

#masthead:not(.shrink) #mobile-header .header-main-row {
	max-height: var(--dworska-header-height);
}

#masthead.shrink #mobile-header .header-main-row {
	max-height: var(--dworska-header-shrink-height);
}

#masthead.dworska-header #mobile-header .dworska-mobile-menu {
	display: none;
}

#masthead #mobile-header .dworska-mobile-menu .site-header-row-container-inner {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

body.transparent-header #masthead:not(.scrolled) #mobile-header .dworska-mobile-menu li a {
	color: var(--global-palette9);
}

body.transparent-header #masthead:not(.scrolled) #mobile-header .dworska-mobile-menu li a:hover, body.transparent-header #masthead:not(.scrolled) #mobile-header .dworska-mobile-menu li.menu-item.current-menu-item a {
	color: var(--global-palette8);
}

#masthead.dworska-header #mobile-header .dworska-mobile-menu ul {
	flex-direction: column;
}

#masthead.dworska-header #mobile-header .dworska-mobile-menu li {
	text-align: center;
}

#todoanimacja-zrobic-to-jeszcze-jakos {
	animation: 420ms linear 200ms both __svelte_1303484935_0;
}


/* Header - dark mode */
/*body.dark-mode #masthead .dworska-head-button a:hover {
	color: var(--global-palette3);
}

body.dark-mode.transparent-header #masthead:not(.scrolled) .dworska-head-button a {
	color: var(--global-palette3);
}

body.dark-mode.transparent-header #masthead:not(.scrolled) .dworska-head-button a:hover {
	background-color: var(--global-palette3) !important;
	color: var(--global-palette9);
}

body.dark-mode:not(.transparent-header) #masthead.dworska-header, body.dark-mode #masthead.dworska-header.scrolled {
	background: var(--global-palette8) !important;
}

body.dark-mode.transparent-header #masthead:not(.scrolled) #primary-menu li a {
	color: var(--global-palette3);
}

body.dark-mode.transparent-header #masthead:not(.scrolled) #primary-menu li a:hover, body.dark-mode.transparent-header #masthead:not(.scrolled) #primary-menu li.menu-item.current-menu-item a {
	color: var(--global-palette4);
}

body.dark-mode.transparent-header #masthead:not(.scrolled) .dworska-head-logo svg {
	fill: var(--global-palette3);
}*/


/* Page - dark mode */
/*.dark-mode {
	--dworska-color-dark-border: rgba(255, 255, 255, 0.05);
	--dworska-color-light-border: rgba(0, 0, 0, 0.05);
}

body.dark-mode, body.dark-mode #wrapper, body.dark-mode .site {
	background: var(--global-palette8);
}*/