/*
Theme Name: Oskar
Description: Responsive styling - tablet - default max 1024px
*/

#top-bar {
	border-width: 0;
}

.toggle-nav {
	display: inline-block;
	padding: 0;
}

.toggle-nav-open,
.menu-close {
	display: block;
}

.site-header > .container {
	grid-template-columns: auto auto;
}

#site-top-right {
	grid-column: 2/3;
	grid-row: 1/2;
}

.site-header .top-search {
	margin: 0 0 0 20px;
}

#site-navigation {
	display: none;
	width: 100%;
	background: var(--header--default--background);
	border-radius: 3px;
	box-shadow: 0 0 2px rgba(255,255,255,.3);
}

#site-navigation.menu-open,
.site-header.has-search #site-navigation.menu-open,
.site-header.has-wc #site-navigation.menu-open {
	display: block;
	height: 100vh;
	padding: var(--site--spacing);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#primary-menu li {
	position: relative;
	width: 100%;
	border-top: 0;
	margin-top: 0;
}
#primary-menu li.highlight-1 > a,
#primary-menu li.highlight-2 > a,
#primary-menu li.highlight-3 > a,
#primary-menu li.highlight-4 > a,
#primary-menu li.current-menu-item > a {
	margin: .75em;
}
#primary-menu > li:after {
	display: none;
}
#primary-menu li a {
	display: inline-block;
	padding: .5em .75em;
	margin: 0;
}

#primary-menu li.menu-item-has-children a {
	padding-right: 1em;
}

.menu-item-has-children:after {
	display: none;
}
.menu-item-has-children .menu-item-has-children:after {
	display: none;
}

.menu-item-has-children .sub-trigger {
	position: absolute;
	top: 0;
	left: auto;
	padding: 0;
	width: 1em;
	height: 2em;
	border-radius: 0;
	z-index: 100;
	cursor: pointer;
	display: inline-block;
	background: transparent;
}
.menu-item-has-children .sub-trigger:after {
	position: absolute;
	top: 0.5em;
	left: 0;
	font-family: 'Font Awesome 6 Free';
	font-size: 1.2em;
	font-weight: 900;
	text-shadow: none;
	content: "\f107";
}
.menu-item-has-children .sub-trigger.is-open:after {
	content: "\f106";
}
#primary-menu .sub-menu,
#primary-menu li:hover > .sub-menu,
#primary-menu ul.children,
#primary-menu li:hover > ul.children,
#primary-menu ul li.menu-item-has-children ul,
#primary-menu ul li.menu-item-has-children ul,
#primary-menu ul li.menu-item-has-children.locked ul,
#primary-menu ul li.menu-item-has-children:hover ul,
#primary-menu ul li.menu-item-has-children a:focus ~ ul {
	left: 0;
	border: none;
	box-shadow: none;
	display: none;
	opacity: 1;
	visibility: visible;
	position: relative;
	top: 0 !important;
	transition: none;
}
#primary-menu .sub-menu li,
#primary-menu ul.children li {
	padding: 0;
	text-transform: none;
	border: 0;
}

#primary-menu li.menu-item-has-children .sub-menu a {
	padding-top: 8px;
	padding-bottom: 8px;
}

#primary-menu > li > ul {
	border: 0;
	padding: 0 5px;
}
#primary-menu > li > ul > li > ul {
	padding: 0 5px 0 10px;
}
#primary-menu > li > ul > li > ul > li > ul {
	padding: 0 5px 0 15px;
}

#primary-menu ul ul,
#primary-menu ul li:hover ul {
	left: auto;
	top: auto;
}

.entry-header.with-image,
.archive-header.with-image {
	min-height: 25rem;
}