:root {
--shiftnav-panel-width: clamp(min(290px,calc(100vw - 48px)), min(calc(100vw - 48px), 600px), 100vw);
--shiftnav-toggle-bar-height: 48px;
} .shiftnav-toggle,
.shiftnav-toggle *,
.shiftnav,
.shiftnav * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.3em;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
padding: 0;
margin: 0;
background: none transparent;
}
.shiftnav-wrap {
padding: 0;
margin: 0;
background: none;
position: relative;
max-width: 100%;
overflow: hidden;
}
body.shiftnav-lock-x.shiftnav-enabled {
overflow-x: hidden;
}
body.shiftnav-lock.shiftnav-open {
overflow: hidden;
}
body.shiftnav-transition {
overflow: visible;
}
.shiftnav,
.shiftnav-wrap,
#shiftnav-toggle-main {
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-ms-transition: -ms-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;
} .shiftnav .fa,
.shiftnav-toggle .fa {
font-family: FontAwesome;
font-weight: normal;
} .shiftnav-toggle {
cursor: pointer;
}
.shiftnav-toggle-burger {
color: inherit;
font-size: inherit;
border: none;
} #shiftnav-toggle-main {
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
box-sizing: border-box;
padding: 0 10px;
z-index: 500000;
text-align: center;
}
#shiftnav-toggle-main.shiftnav-toggle-position-absolute {
position: absolute;
}
#shiftnav-toggle-main.shiftnav-toggle-main-align-left {
text-align: left;
}
#shiftnav-toggle-main.shiftnav-toggle-main-align-right {
text-align: right;
}
#shiftnav-toggle-main { background: #1D1D20;
color: #eee;
}
#shiftnav-toggle-main a {
color: inherit;
text-decoration: none;
}
#shiftnav-toggle-main .shiftnav-main-toggle-content-before > *,
#shiftnav-toggle-main .shiftnav-main-toggle-content-after > * {
position: relative;
z-index: 20;
}
#shiftnav-toggle-main .shiftnav-main-toggle-content-before {
float: left;
}
#shiftnav-toggle-main .shiftnav-main-toggle-content-after {
float: right;
}
#shiftnav-toggle-main .shiftnav-main-toggle-content {
padding: 16px 40px;
}
#shiftnav-toggle-main.shiftnav-toggle-main-align-center .shiftnav-main-toggle-content {
width: 100%;
box-sizing: border-box;
position: absolute;
left: 0;
}
#shiftnav-toggle-main.shiftnav-togglebar-transparent {
background: transparent;
}
.shiftnav-toggle-main-block {
padding: 16px 20px;
display: inline-block;
line-height: 1em;
}
.shiftnav-toggle-main-ontop {
position: relative;
z-index: 20;
} #shiftnav-toggle-main.shiftnav-toggle-edge-right {
left: auto;
right: 0;
}
#shiftnav-toggle-main.shiftnav-toggle-style-burger_only {
width: auto;
padding: 0;
margin: 0;
}
#shiftnav-toggle-main.shiftnav-toggle-style-burger_only .shiftnav-toggle-burger {
margin: 0;
}
.shiftnav-toggle-style-burger_only .shiftnav-toggle-burger {
font-size: 24px;
} #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before,
#shiftnav-toggle-main .shiftnav-toggle-burger {
float: left;
content: '\f0c9';
font-family: FontAwesome;
padding: 16px 20px;
margin-left: -10px;
position: relative;
z-index: 20;
line-height: 1em;
}
.shiftnav-open #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar.shiftnav-toggle-icon-x:before,
.shiftnav-open #shiftnav-toggle-main.shiftnav-toggle-icon-x .shiftnav-toggle-burger .fa:before {
content: '\f00d';
}
.shiftnav-open-right #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before,
#shiftnav-toggle-main.shiftnav-toggle-edge-right.shiftnav-toggle-main-entire-bar:before,
#shiftnav-toggle-main.shiftnav-toggle-edge-right .shiftnav-toggle-burger { float: right;
padding-left: 20px;
}
.shiftnav-open-left #shiftnav-toggle-main.shiftnav-toggle-edge-right:before,
.shiftnav-open-left #shiftnav-toggle-main.shiftnav-toggle-edge-right .shiftnav-toggle-burger .fa:before { float: left;
padding-left: 0;
padding-right: 20px;
}
.shiftnav-force #shiftnav-toggle-main {
display: block !important;
} .shiftnav-toggle-style-default {
background: #333;
color: #eee;
padding: 10px;
}
.shiftnav-toggle-style-default:hover {
background: #222;
color: #ddd;
}
.shiftnav-toggle-style-default .fa {
margin-right: 5px;
}
.shiftnav-toggle-button {
display: inline-block;
padding: 10px 15px;
background: #444;
color: #eee;
}
.shiftnav-toggle-button:hover {
display: inline-block;
padding: 10px 15px;
background: #222;
color: #eee;
}
.shiftnav-toggle-button .fa {
margin-right: 3px;
}
.shiftnav-fixed-right,
.shiftnav-fixed-left {
position: fixed;
top: 0;
z-index: 9999999;
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-ms-transition: -ms-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;
}
.shiftnav-fixed-right {
right: 0;
}
.shiftnav-fixed-left {
left: 0;
}
.admin-bar .shiftnav-fixed-right,
.admin-bar .shiftnav-fixed-left {
top: 32px;
} @media screen and (max-width: 782px) {
.admin-bar .shiftnav-fixed-right,
.admin-bar .shiftnav-fixed-left {
top: 46px;
}
} .shiftnav-open .shiftnav-toggle .shiftnav-icon-toggler:before,
.shiftnav-open-left .shiftnav-toggle .shiftnav-icon-toggler-left:before,
.shiftnav-open-right .shiftnav-toggle .shiftnav-icon-toggler-right:before {
content: "\f00d";
}
.shiftnav-open.shiftnav-open-left #shiftnav-toggle-main,
.shiftnav-open.shiftnav-open-left .shiftnav-wrap,
.shiftnav-open.shiftnav-open-left > .shiftnav-fixed-left {
-webkit-transform: translateX(var(--shiftnav-panel-width));
-moz-transform: translateX(var(--shiftnav-panel-width));
-ms-transform: translateX(var(--shiftnav-panel-width));
-o-transform: translateX(var(--shiftnav-panel-width));
transform: translateX(var(--shiftnav-panel-width));
}
.shiftnav-open.shiftnav-open-right #shiftnav-toggle-main,
.shiftnav-open.shiftnav-open-right .shiftnav-wrap,
.shiftnav-open.shiftnav-open-right > .shiftnav-fixed-right {
-webkit-transform: translateX(calc(-1 * var(--shiftnav-panel-width)));
-moz-transform: translateX(calc(-1 * var(--shiftnav-panel-width)));
-ms-transform: translateX(calc(-1 * var(--shiftnav-panel-width)));
-o-transform: translateX(calc(-1 * var(--shiftnav-panel-width)));
transform: translateX(calc(-1 * var(--shiftnav-panel-width)));
}
body.admin-bar #shiftnav-toggle-main,
body.admin-bar .shiftnav {
top: 32px;
top: var(--wp-admin--admin-bar--height);
}
body.admin-bar .shiftnav {
padding-bottom: 32px;
padding-bottom: var(--wp-admin--admin-bar--height);
}
#wpadminbar:hover {
z-index: 999999;
}
@media screen and (max-width: 600px) {
body.admin-bar #shiftnav-toggle-main,
body.admin-bar .shiftnav {
top: 0;
}
body.admin-bar .shiftnav {
padding-bottom: 0;
}
html #wpadminbar:has(~ #shiftnav-toggle-main) {
top: var(--shiftnav-toggle-bar-height);
}
html.shiftnav-nogap {
margin-top: 0 !important;
}
} .shiftnav-wrap {
left: 0;
top: 0;
z-index: 250;
padding-top: 1px;
margin-top: -1px;
}
.shiftnav-open .shiftnav-wrap {
height: 100%;
} .shiftnav:after {
content: ' ';
display: block;
position: absolute;
right: -15px;
top: 0;
height: 100%;
width: 15px;
background: transparent;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
z-index: 10000;
}
.shiftnav.shiftnav-right-edge:after {
left: -15px;
right: auto;
}
.shiftnav-no-transforms .shiftnav:after {
display: none !important;
} .shiftnav.shiftnav-nojs {
display: none;
}
.shiftnav {
position: fixed;
top: 0;
width: var(--shiftnav-panel-width);
height: 100%;
height: 100vh;
height: 100dvh;
background: white;
z-index: 600000;
overflow: hidden;
visibility: hidden;
opacity: 0;
overscroll-behavior: contain;
}
.shiftnav-open .shiftnav,
.shiftnav-transitioning .shiftnav {
visibility: visible;
opacity: 1;
}
.shiftnav-inner {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.shiftnav.shiftnav-left-edge {
left: 0;
}
.shiftnav.shiftnav-right-edge {
right: 0;
}
.shiftnav-target:focus {
outline-offset: -2px;
} .shiftnav.shiftnav-left-edge {
--shiftnav-panel-translate-x: calc(-1 * var(--shiftnav-panel-width));
}
.shiftnav.shiftnav-right-edge {
--shiftnav-panel-translate-x: var(--shiftnav-panel-width);
}
.shiftnav.shiftnav-right-edge,
.shiftnav.shiftnav-left-edge {
-webkit-transform: translateX(var(--shiftnav-panel-translate-x));
-moz-transform: translateX(var(--shiftnav-panel-translate-x));
-ms-transform: translateX(var(--shiftnav-panel-translate-x));
-o-transform: translateX(var(--shiftnav-panel-translate-x));
transform: translateX(var(--shiftnav-panel-translate-x));
}
.shiftnav-open .shiftnav.shiftnav-open-target {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
} .shiftnav-no-transforms .shiftnav {
width: var(--shiftnav-panel-width);
}
.shiftnav-no-transforms .shiftnav.shiftnav-left-edge {
left: calc(-1 * var(--shiftnav-panel-width));
}
.shiftnav-no-transforms.shiftnav-open .shiftnav.shiftnav-open-target.shiftnav-left-edge {
left: 0;
}
.shiftnav-no-transforms .shiftnav.shiftnav-right-edge {
left: auto;
right: calc(-1 * var(--shiftnav-panel-width));
}
.shiftnav-no-transforms.shiftnav-open .shiftnav.shiftnav-open-target.shiftnav-right-edge {
right: 0;
}
.shiftnav-no-transforms .shiftnav,
.shiftnav-no-transforms #shiftnav-toggle-main {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.shiftnav-no-transforms.shiftnav-open-left #shiftnav-toggle-main {
left: var(--shiftnav-panel-width);
}
.shiftnav-no-transforms.shiftnav-open-right #shiftnav-toggle-main {
left: auto;
right: var(--shiftnav-panel-width);
}
.shiftnav-no-transforms #shiftnav-toggle-main,
.shiftnav-no-transforms .shiftnav-wrap {
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
} .shiftnav-no-transforms .shiftnav-inner {
padding-top: 30px;
} .shiftnav .shiftnav-panel-close {
display: block;
position: absolute;
right: 0;
padding: 15px 20px;
background: rgba(0, 0, 0, 0.2);
z-index: 20;
cursor: pointer;
border: none;
color: inherit;
font-size: inherit;
} .shiftnav .shiftnav-menu-title {
font-size: 30px;
text-align: center;
padding: 40px 25px;
font-weight: normal;
margin: 0;
color: inherit;
}
.shiftnav-menu-title a,
.shiftnav-menu-title a:hover,
.shiftnav-menu-title a:visited {
color: inherit;
text-decoration: none;
} .shiftnav .shiftnav-menu-image-padded {
padding: 25px;
}
.shiftnav .shiftnav-menu-image a {
display: block;
}
.shiftnav .shiftnav-menu-image img {
max-width: 100%;
height: auto;
} .shiftnav .shiftnav-nav,
.shiftnav ul.shiftnav-menu,
.shiftnav ul.shiftnav-menu ul.sub-menu {
position: static;
display: block;
top: auto;
left: auto;
float: none;
min-width: 0;
}
.shiftnav nav.shiftnav-nav {
position: relative;
z-index: 10;
}
.shiftnav ul.shiftnav-menu {
position: relative;
clear: both; overflow: hidden;
}
.shiftnav ul.shiftnav-menu,
.shiftnav ul.shiftnav-menu ul.sub-menu {
list-style: none;
margin: 0;
padding: 0;
}
.shiftnav ul.shiftnav-menu li.menu-item {
position: relative;
margin: 0;
padding: 0;
background: none transparent;
list-style-type: none;
}
.shiftnav .shiftnav-retract > button.shiftnav-target { border: none;
font-size: inherit;
background: none;
display: block;
width: 100%;
}
.shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target,
.shiftnav ul.shiftnav-menu li.shiftnav-retract > .shiftnav-target {
display: block;
padding: 15px 25px;
line-height: 1.6em;
text-decoration: none;
position: relative;
cursor: pointer;
-webkit-transition: 0.2s all ease;
-moz-transition: 0.2s all ease;
-ms-transition: 0.2s all ease;
-o-transition: 0.2s all ease;
transition: 0.2s all ease;
}
.shiftnav ul.shiftnav-menu li.menu-item.shiftnav-has-icon > .shiftnav-target > i.shiftnav-icon {
margin-right: 0.8em;
font-size: 150%;
vertical-align: middle;
line-height: inherit;
width: 1.2em;
text-align: center;
}
.shiftnav ul.shiftnav-menu li.menu-item.shiftnav-has-icon > .shiftnav-target > i.shiftnav-icon:before {
vertical-align: top;
}
.shiftnav ul.shiftnav-menu li.menu-item.shiftnav-has-icon > .shiftnav-target > span.shiftnav-target-text {
vertical-align: middle;
display: inline-block;
line-height: inherit;
}
.shiftnav ul.shiftnav-menu li.shiftnav-retract,
.shiftnav ul.shiftnav-menu li.shiftnav-sub-shift li.shiftnav-active ~ li.shiftnav-retract {
display: none;
margin: 0;
}
.shiftnav ul.shiftnav-menu li.shiftnav-sub-shift > .sub-menu.shiftnav-sub-active-current > li.shiftnav-retract {
display: block;
}  .shiftnav ul.shiftnav-menu.shiftnav-targets-medium li.menu-item > .shiftnav-target {
padding-top: 10px !important;
padding-bottom: 10px !important;
} .shiftnav ul.shiftnav-menu.shiftnav-targets-large li.menu-item > .shiftnav-target {
padding-top: 16px !important;
padding-bottom: 16px !important;
} .shiftnav ul.shiftnav-menu.shiftnav-targets-enormous li.menu-item > .shiftnav-target {
padding-top: 24px !important;
padding-bottom: 24px !important;
} .shiftnav ul.shiftnav-menu.shiftnav-targets-text-small li.menu-item > .shiftnav-target {
font-size: 12px !important;
} .shiftnav ul.shiftnav-menu.shiftnav-targets-text-medium li.menu-item > .shiftnav-target {
font-size: 14px !important;
} .shiftnav ul.shiftnav-menu.shiftnav-targets-text-large li.menu-item > .shiftnav-target {
font-size: 16px !important;
} .shiftnav ul.shiftnav-menu.shiftnav-targets-text-enormous li.menu-item > .shiftnav-target {
font-size: 22px !important;
} .shiftnav ul.shiftnav-menu.shiftnav-targets-icon-small li.menu-item > .shiftnav-target > i.shiftnav-icon {
font-size: 100% !important;
} .shiftnav ul.shiftnav-menu.shiftnav-targets-icon-medium li.menu-item > .shiftnav-target > i.shiftnav-icon {
font-size: 140% !important;
} .shiftnav ul.shiftnav-menu.shiftnav-targets-icon-large li.menu-item > .shiftnav-target > i.shiftnav-icon {
font-size: 180% !important;
}
.shiftnav ul.shiftnav-menu.shiftnav-targets-icon-large li.menu-item.shiftnav-has-icon > .shiftnav-target > i.shiftnav-icon:before {
vertical-align: middle;
} .shiftnav ul.shiftnav-menu.shiftnav-targets-icon-enormous li.menu-item > .shiftnav-target > i.shiftnav-icon {
font-size: 250% !important;
}
.shiftnav ul.shiftnav-menu.shiftnav-targets-icon-enormous li.menu-item.shiftnav-has-icon > .shiftnav-target > i.shiftnav-icon:before {
vertical-align: middle;
} .shiftnav ul.shiftnav-menu.shiftnav-indent-subs li.shiftnav-sub-always ul.sub-menu li.menu-item > a {
padding-left: 50px;
}
.shiftnav ul.shiftnav-menu.shiftnav-indent-subs li.shiftnav-sub-always ul.sub-menu ul.sub-menu li.menu-item > a {
padding-left: 75px;
}
.shiftnav ul.shiftnav-menu.shiftnav-indent-subs li.shiftnav-sub-always ul.sub-menu ul.sub-menu ul.sub-menu li.menu-item > a {
padding-left: 100px;
} @media only screen and (max-width: 960px) {
#shiftnav-toggle-main {
font-size: 16px;
}
}
@media only screen and (max-width: 479px) {
.shiftnav .shiftnav-menu-title {
font-size: 30px;
text-align: center;
padding: 20px 0;
font-weight: normal;
margin: 0;
}
}
.shiftnav-content-wrap {
padding: 25px;
}
.shiftnav-content-wrap-small {
padding: 10px;
}
.shiftnav-admin-tip {
background: #eee;
color: #333;
padding: 20px;
border-left: 4px solid #E6D244;
margin: 10px;
}
.shiftnav-admin-tip a,
.shiftnav-admin-tip a:visited {
color: #00A3FF;
text-decoration: underline;
}
.shiftnav-admin-tip a:hover {
color: #0D75AF;
}
.shiftnav-admin-tip strong {
color: tomato;
}
.shiftnav-loading {
display: block;
position: fixed;
bottom: 0;
right: 20px;
background: #35AC6A;
color: white;
padding: 15px;
max-width: 400px;
}
.shiftnav-loading h5 {
color: #fff;
font-weight: bold;
margin: 0;
}
.shiftnav-loading:hover h5 {
padding-bottom: 5px;
border-bottom: 1px solid #fff;
}
.shiftnav-loading .shiftnav-loading-message {
color: #fff;
max-height: 0;
overflow: hidden;
visibility: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.shiftnav-loading:hover .shiftnav-loading-message {
visibility: visible;
max-height: 1000px;
overflow: auto;
}
.shiftnav-loading .shiftnav-loading-message p {
color: #fff;
margin: 10px 0;
} .lt-ie9 .shiftnav,
.lt-ie9 .shiftnav-toggle,
.ie8 .shiftnav,
.ie8 .shiftnav-toggle,
.ie7 .shiftnav,
.ie7 .shiftnav-toggle {
display: none !important;
}
.shiftnav-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.shiftnav-sr-only-focusable:active,
.shiftnav-sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
.shiftnav .shiftnav-sr-close {
background: white;
color: #222;
width: 100%;
padding: 15px;
text-align: center;
font-size: 16px;
}
@media print {
#shiftnav-toggle-main {
position: absolute !important;
}
}
.rtl .shiftnav li.menu-item {
text-align: right;
}
.rtl .shiftnav li.menu-item .shiftnav-submenu-activation {
right: auto;
left: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.rtl .shiftnav ul.shiftnav-menu li.menu-item.shiftnav-sub-shift.shiftnav-active > .shiftnav-submenu-activation,
.rtl .shiftnav ul.shiftnav-menu li.menu-item.shiftnav-sub-shift.shiftnav-in-transition > .shiftnav-submenu-activation {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.rtl .shiftnav li.menu-item.shiftnav-sub-shift > .shiftnav-submenu-activation i:before {
content: "\f053";
}
.rtl .shiftnav ul.shiftnav-menu li.menu-item.shiftnav-has-icon > .shiftnav-target > i.shiftnav-icon {
margin-right: 0;
margin-left: 0.8em;
}
.rtl .shiftnav ul.shiftnav-menu li.shiftnav-retract > .shiftnav-target i:before {
content: "\f054";
}
.rtl .shiftnav-search input.shiftnav-search-input {
padding: 14px 25px 14px 50px;
}
.rtl .shiftnav-searchbar-drop .shiftnav-search-input {
padding: 24px 24px 24px 50px;
}
.rtl .shiftnav-search .shiftnav-search-submit,
.rtl .shiftnav-searchbar-drop .shiftnav-search-submit {
left: 0;
right: auto;
}