header {place-content:center space-between; top:0; z-index:301; right:0; flex-wrap:wrap; width:100%; position:fixed; --header-padding:15px 0px; --intro-primary-text:var(--primary-text); --intro-secondarytext:#e1e1e1; background:#fff;}
header.active-fixed {background:#fff; box-shadow:0 4px 10px 0 #0000000d; min-height:auto}
header.fixedintro {--top-header-border:#ffffff08; --hover-over:#fff}
header .container {display:flex; align-items:center; justify-content:space-between; gap:15px; position:relative;}
.-Header-Fix {padding:var(--header-padding); position:relative}

/* WordPress Menus */
.--Site--Menu {display:flex; padding:0 25px; flex:1}
.--Site--Menu>ul {display:flex; list-style:none; flex:1 1 0%; justify-content:center; gap:7px}
.--Site--Menu>ul>li {display:flex; flex-wrap:wrap; align-items:center; position:relative}
.--Site--Menu ul li a {padding:0 15px; font-weight:500; font-size:15px; position:relative; left:0; height:42px; border-radius:var(--miniradius); display:flex; align-content:center; flex-wrap:wrap; min-width:max-content; overflow:hidden; color:var(--secondarytext);}
.--Site--Menu>ul>li>a:hover {color:var(--primary-text);}
.--Site--Menu>ul>li.current-menu-item > a {color:var(--uicolor) !important; background:rgb(var(--uicolor-code)/6%);}
.--Site--Menu ul li.menu-item-has-children > a {padding:0 15px 0 25px;}
.--Site--Menu ul li ul.sub-menu {position:absolute; top:calc(100% + 0px); background:#fff; transition:130ms; padding:10px; display:block; border-radius:var(--miniradius); box-shadow:0px 2px 25px -8px #0000003d; transform:translateY(10px); min-width:220px; opacity:0; visibility:hidden}
.--Site--Menu li:hover > ul.sub-menu {transition:280ms; transform:translateY(0); opacity:1; visibility:visible;}
.--Site--Menu ul.sub-menu > li > ul.sub-menu {right:calc(100% + 15px); top:0;}
.--Site--Menu ul li ul.sub-menu li {display:flex; position:relative; align-content:center; align-items:center; flex-wrap:wrap; margin-bottom:5px; min-width:max-content}
.--Site--Menu ul li ul.sub-menu li a {padding:10px; flex:1 1 0%;}
.-Show-SubMenu-Icon {position:absolute; left:8px; font-size:10px;}
.--Site--Menu>ul>li.current-menu-item>.-Show-SubMenu-Icon {color:var(--uicolor);}

/* Header Logo  */
.-site-logo {margin-left:0; min-width:var(--logo-width);}
.-site-logo > a {display:flex; font-size:40px; font-family:var(--f-logo); justify-content:flex-end; font-weight:700}

/* Header Tools  */
.header--Tools {place-content:center flex-end; height:38px; gap:11px; justify-content:center; border-radius:10px; align-items:center; display:flex; position:relative;}

/* Searching */
.--open--searching {color:#000000; font-size:7px; font-weight:500; line-height:30px; display:flex; gap:15px; border-radius:50%; --elw:45px; width:var(--elw); height:var(--elw); position:relative; text-transform:uppercase; z-index:1; align-items:center; flex-wrap:wrap; justify-content:center; cursor:pointer; transition:180ms all ease; border:2px solid var(--uicolor2); background:var(--uicolor2); overflow:hidden;}
.--open--searching:hover {background:rgb(var(--uicolor2-code)/15%);}
.--open--searching.srch-type-icon i {font-weight:800; font-size:19px; position:relative;}
.--open--searching .-button-loader {z-index:1; width:100%; height:100%;}

/* Header Button  */
.head-button {justify-content:center; background:var(--uicolor); border-radius:27px; border:2px solid var(--uicolor); color:white; transition:180ms all ease; display:flex; align-items:center; gap:10px; padding:4px; padding-inline-end:12px; min-width:max-content; height:45px;}
.head-button > i {width:35px; height:35px; background:#ffffff; color:var(--uicolor); border-radius:50%; display:flex; justify-content:center; align-items:center; font-size:15px; margin:0; transition:180ms all ease;}
.head-button:hover {background:rgb(var(--uicolor-code)/10%); color:var(--uicolor);}
.head-button:hover > i {background:var(--uicolor); color:white;}