/*
Theme Name: Custom Designer
Author: 
Author URI: 
Theme URI: 
Tags: full-site-editing
Text Domain: custom-designer
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.2
Version: 1.0.0
*/

/*------ Basic ------*/
/* Links */
a:hover {opacity: 0.7;}
li a {text-decoration: none;}


/* ---------- LAYOUT ---------- */
@media (min-width: 1250px) {
.site-header {top: 60px !important; left: 60px !important;}
.site-prime {margin-left: 315px !important;}
}
@media (min-width: 850px) and (max-width: 1249.99px) {
.site-header {top: 60px !important; left: 0 !important;}
.site-prime {margin-left: 255px !important;}
}
@media (min-width: 850px) {
.site-wrapper-inner {position: relative !important;}
.site-header {width: 295px !important; position: absolute !important; position: fixed !important;}
.site-prime {width: auto !important;}
}


/* ---------- MENU ---------- */
/* All Items */
.main-nav-menu ul {width: 100% !important;}
.main-nav-menu .wp-block-navigation-item {width: 100% !important;}
/* Pages */
.main-nav-menu .pages-menu-item {font-size: 14px !important; font-weight: 500 !important; text-transform: lowercase !important;}
/* Spacers */
.main-nav-menu .menu-spacer {height: 30px !important; flex-basis: 30px !important; padding: 0 !important; margin: 0 !important;}
/* Active Item */
.main-nav-menu  li.current-menu-item a {opacity: 0.5;}

/* ---------- MOBILE NAVIGATION & LOGO ---------- */
@media (max-width: 849.99px) {
	.site-logo {padding: 0 0 15px 0 !important; margin: 0 !important;}
	.wp-block-navigation__responsive-container-open {color: #7e7e7e !important;}
	.wp-block-navigation__responsive-container-content {padding: 20px !important;}
}

/* ---------- MODIFY DEFAULT WP NAVIGATION ---------- */
/* Change Icon of Header Menu */
.wp-block-navigation__responsive-container-open:after {
    content: "\Menu";
    padding-left: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/* Change default css to 850px media query */
@media (min-width: 850px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
}
/* Neutralize wp default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}