.navigation-top {
background: var(--navi-bg);
border-bottom: 1px solid var(--nav-border-bottom);
border-top: 1px solid var(--nav-border-bottom);
font-size: 12px;
font-size: .75rem;
position: relative;
}
.navigation-top .wrap {
max-width: var(--site-max-width);
padding: 0 1.25em;
}
.navigation-top a {
color: var(--navi-a);
font-weight: 500;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
color: var(--navi-current-a);
background: var(--navi-current-bg);
transition: background .3s;
}
.navigation-top a:hover {
background: var(--navi-a-bg-hover);
color: var(--navi-a-hover);
}
.main-navigation {
clear: both;
display: block;
}
.main-navigation ul {
background: var(--navi-bg);
list-style: none;
margin: 0;
padding: 0 1.5em;
text-align: left;
} .js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
display: none;
}
.main-navigation > div > ul {  }
.js .main-navigation.toggled-on > div > ul {
display: block;
}
.main-navigation ul ul {
padding: 0 0 0 1.5em;
}
.main-navigation ul ul.toggled-on {
display: block;
}
.main-navigation ul ul a {
letter-spacing: 0;
padding: 0.4em 0;
position: relative;
text-transform: none;
}
.main-navigation li {
border-bottom: 1px solid var(--nav-border-bottom);
position: relative;
}
.main-navigation li li,
.main-navigation li:last-child {
border: 0;
}
.main-navigation a {
display: block;
padding: 0.7em 1em;
text-decoration: none;
margin: 1px;
border-radius: 3px;
}
.main-navigation a:hover {
color: var(--navi-a-hover);
}  .site-header .menu-scroll-down {
display: none;
} .menu-item-has-children .sub-menu {
display: none;
}
.menu-item-has-children > a:before {
content: "► " ;
display: inline;
width: 1.1em;
display: inline-block;
}
.menu-item-has-children.open > a:before {
content: "▼ " ;
display: inline;
width: 1.1em;
display: inline-block;
}
.navigation-top .menu-item-has-children > a:before {
content: "► " ;
display: inline;
width: 1.1em;
display: inline-block;
}
.navigation-top .menu-item-has-children > a:hover:before {
content: "▼ " ;
display: inline;
width: 1.1em;
display: inline-block;
}
.menu-item-has-children a svg.icon {
display: none !important;
} .secondary-toggle {
border-radius: 3px;
visibility: visible;
position: absolute;
right: 16px;
padding: 0;
width: 32px;
height: 32px;
z-index: 5;
top: -36px;
opacity: 1;
transition: all .3s;
}
.secondary-close .secondary-toggle:before,
.secondary-toggle:before {
content: "\f228";
font-family: dashicons;
transition: all .3s ;
}
.secondary-open .secondary-toggle:before,
.secondary-toggle.open:before {
content: "\f335";
font-family: dashicons;
transition: all .3s;
}
.site-navigation-fixed {
height: 40px;
position: fixed;
top:0;
z-index: 1000;
width: 100%;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0);
background: rgba(255,255,255,0 )
}
.site-navigation-fixed .secondary-toggle.close-button {
top: 2px;
}
.secondary-open .secondary-toggle {
position: fixed;
}
.secondary-open .secondary-toggle.close-button {
top: 4px;
}
.secondary-open .secondary-toggle.navi { } .js .menu-toggle,
.menu-toggle {
display: none;
} ＃secondaryCloseButton {
}  #secondary {
background: #f8F8F9;
position: fixed;
right: -500px;
height: initial;
top: 0;
min-width: 245px;
max-width: 460px;
width: 75%;
font-size:12px;
z-index: 1005;
overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none;
} #secondary::-webkit-scrollbar{
display:none;
}
.secondary-open #secondary {
height: 100vh;
right: 0;
z-index: 1002;
background: #f8F8F9; visibility: visible;
box-shadow: 0px 1px 24px rgba(0, 0, 0, 0.38);
transition: box-shadow .2s;
}
.has-sidebar.secondary-open #secondary { }
.has-sidebar.desktop.secondary-closed #secondary {
background: linear-gradient(#f8F8F9, 97%, rgba(255, 255, 255, 0));
} #fixed_back {
display: none;
}
#fixed_back.open,
.secondary-open #fixed_back {
position: fixed;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(34, 34, 34, 0.3);
z-index: 1001;
cursor: pointer;
} .help #secondary {
right: -500px;
position: fixed;
}   .top_nav_logo {
display: flex;
align-items: center;
max-height: 38px;
} .top_nav_logo {
position: absolute;
top: -40px;
left: 11px;
z-index: 5;	
padding-right: 4px;
}
.top_nav_logo a img {
padding: 0;
}
.top_nav_logo div {
display: flex;
visibility: hidden;
}
.top_nav_logo a {
font-size: 13px;
font-weight: 500;
color: #fff;
transition: all .1s;
transition-delay: 0.1s;
padding: .3em .5em;
}
.top_nav_logo p.site-description {
font-size: 11px;
font-weight: 300;
padding-left: .5em;
}
.top_nav_logo a {
padding: .1em;
color: #005a87;
}
.top_nav_logo a:hover {
color: 	#fff;
opacity: 0.8;
transition: color 0.2s;
} .top_nav_logo {
visibility: hidden;
opacity: 0;
transition: all .3s;
} .site-branding {
margin-bottom: 0 !important ;
}
.site-branding .wrap {
margin-left: 0;
padding-left: 0
}
.site-branding a.custom-logo-link,
.site-branding div.site-branding-text {
height: 56px;
visibility: visible;
opacity: 1;
transition: all .2s;
}
.custom-logo-link img {
max-height: 56px;
}  .navi-fixed .top_nav_logo {
visibility: visible;
opacity: 1;
padding-left: 0;
} .navi-fixed .site-branding {
visibility: hidden;
opacity: 0;
} .site-navigation-fixed .top_nav_logo {
align-items: center;
max-height: 37px;
top: 3px;
left: 11px;
display: flex;
position: relative;
}
.site-navigation-fixed .custom-logo-link img,
.site-navigation-fixed .top_nav_logo .custom-logo-link img {
max-height: 32px;
padding: 0;
} .navigation-top.site-navigation-fixed .top_nav_logo a {
color: var(--navi-a);
}
.site-navigation-fixed .top_nav_logo a:hover {
color: var(--navi-a-hover);
}
.site-navigation-fixed .top_nav_logo .site-description {
display: none;
} .search-box {
max-width: 475px;
min-width: 230px;
position: absolute;
right: 42px;
transition: top .3s;
width: calc(100% - 50px);
z-index: 5;
}
.search-box {
top: -36px;
} .site-navigation-fixed .search-box {
top: 6px;
}  .search.google input[type="search"].search-field { 
display: none; 
} .search-box .search.google input[type="text"] {
padding: 3px 4px 2px 4px;
line-height: 1;
font-size: 14px;
}
.search.google .search-form .search-submit .icon {
height: 13px;
top: 0;
width: 13px;
}  input#toggle-1 ~ label {
margin-right: 0;
margin-bottom: 0;
width: 32px;
height: 32px;
cursor: pointer;
position: absolute;
top:0;
right: 11px;
background: #83a8bc;
color: #83a8bc;
border-radius: 3px;
z-index: 10;
transition: all .2s;
}
input#toggle-1 ~ label:before {
-webkit-font-smoothing: antialiased;
color: #fff;
content: "\f179";
font-family: dashicons;
display: block;
margin: 0;
font-weight: 400;
font-size: 16px;
padding: 1px 8px;
}
input#toggle-1 ~ label:hover:before {
color:#fff;
}
input#toggle-1 ~ label:hover {
background-color: #86b6d0;
}
input#toggle-1 ~ label:active {
background: #306dad
}
input#toggle-1 {
display: none
} input#toggle-1:checked ~ label {
background: #83a8bc;
}
input#toggle-1:checked ~ label:before {
content: "\f460";
color: #fff !important;
}  div.search-box-wrapper {
background-color: #ccc;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
box-sizing:         border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
height: 32px;
max-height: 32px;
max-width: 0%;
overflow: hidden;
padding-left: 0;
position: absolute;
right: 11px;
top: 0px;
transition:all .2s;
z-index: 4;
} input[type=checkbox]:checked ~ div.search-box-wrapper {
background-color: #83a8bc;
border-radius: 3px;
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing:    border-box;
display: inline-block;
height: 32px;
max-height: 32px;
max-width: 420px;
min-width: 230px;
opacity: 1;
padding: 2px 32px 2px 6px;
position: absolute;
width:100%;
top: 0;
right:11px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
-webkit-transition: all 0.2s;
z-index: 9;
}  .search-box-wrapper .search-form .search-submit .icon {
height: 14px;
top: 0;
width: 14px;
}
.search-box-wrapper label {
margin-bottom: 0;
}
.search-box-wrapper input.search-field {
width: 100%;
border-radius: 3px;
border: 1px solid #888;
height: 32px;
}
.search-box-wrapper input[type="search"].search-field {
padding:4px;
font-size: 14px;
line-height: 1;
height: 28px;
}
.search-box-wrapper input::placeholder {
color:#ccc;
}
.search-box-wrapper .search-form .search-submit {
padding: 0 .75em;
}
.search-box-wrapper .search-form .search-submit .icon {
height: 13px;
width: 13px;
} .navigation .nav-links,
.post-navigation .nav-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
font-size: 14px;
}
.pagination,
.comments-pagination {
font-size: 14px;
padding: 2em 0 2em;
}
.page-numbers,
.nav-links > .page-numbers {
display: block;
padding: .8em 0.1em .1em;
margin: 0 5px;
width: 30px;
text-align: center;
height: 38px;
}
.page-numbers + .page-numbers.dots {
color: #888;
padding: 0.75em 0;
margin: 0 -3px;
min-width: 18px !important;
max-width: 20px !important;
}
a.page-numbers {
border-radius: 3px;
background: rgba(255, 255, 255, 0);
transition: all .3s;
}
a.page-numbers:hover {
color:rgba(70, 138, 220, 0.9);
background: rgba(70, 138, 200, 0.1);
}
.page-numbers.current {
color: #999;
font-weight: 600;
border-bottom: 2px solid #b0c1d6;
}
.prev.page-numbers,
.next.page-numbers {
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
background-color: #767676;
color: #fff;
}
.prev.page-numbers {
left: -10px;
}
.next.page-numbers {
right:-10px;
} .post-navigation {
margin: 2em -1em;
font-size: 12px;
}
.nav-title {
position: relative;
display: flex;
justify-content: flex-end;
font-size: 12px;
}
.post-navigation .nav-next {
text-align: right;
}
.post-navigation .nav-previous {
text-align: left;
}
.nav-title-icon-wrapper {
position: absolute;
text-align: center;
width: 2em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
width: 1.5rem;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
width: 1.5rem;
}
span.nav-title {
display: flex;
justify-content: center;
padding-bottom: 1em;
} .page-links {
font-size: 12px;
}
.archive .page-links,
.blog .page-links {
padding:0 0 0 2em;
margin:0;
}
.page-links .page-number {
width: 2.5em;
padding: .7em 0;
border-radius: 3px;
text-align: center;
font-size: 11px;
border: 1px solid #bbb;
color: #777;
box-sizing: border-box;
background: rgba(var(--rgb-blue) , .1);
}
.page-links a .page-number {
border: 1px solid #777;
background: #fff;
}
.page-links a:hover .page-number {
background: rgba(var(--rgb-blue) , .2);
border: 1px solid rgba(var(--rgb-blue) , .5);
}
.nav-title-icon-wrapper {
position: relative;
padding: 0 .5em;
}
.post-navigation .nav-links {
display: flex;
justify-content: space-between;
font-weight: 500;
}
.nav-previous,
.nav-next {
width: 46%;
margin: 1.5em 0;
padding: 0 0.5em 0;
border-radius: 5px;
transition: background .3s ease-in-out;
border: 1px solid rgba(var(--rgb-blue), .4);
}
.nav-previous:hover,
.nav-next:hover {
background: rgba(var(--rgb-blue), .05);
transition: background .3s ease-in-out;
} @media screen and (max-width: 600px) {  .site-navigation-fixed {
height: 40px;
border-bottom: 0; 
}
.secondary-open .secondary-toggle.close-button,
.site-navigation-fixed .secondary-toggle,
.site-navigation-fixed .search-box {
top: 4px;
}
.site-navigation-fixed .top_nav_logo {
top: 4px;
left: -14px;
}
}
@media screen and (min-width: 601px) {  .admin-bar .navigation-top.fixed,
.admin-bar .site-navigation-fixed.navigation-top,
.admin-bar .site-navigation-hidden.navigation-top {
position: fixed;
top: 46px;
height: 40px;
}
.site-navigation-fixed {
height: 40px; }
.site-navigation-fixed .secondary-toggle,
.site-navigation-fixed .search-box {
top: 3px;
}
.top_nav_logo {
visibility: hidden;
opacity: 0;
}
.site-navigation-fixed .top_nav_logo {
top: 3px;
left: -11px;
visibility: visible;
opacity: 1;
}
#secondary {
width: 50%;
}
.secondary-open #secondary,
.has-sidebar.secondary-open #secondary {
width: 50%;
right: 0;
}
.site-branding .wrap {
margin-left: 1em;
padding-left: 1em;
} }
@media screen and (min-width: 783px) {  .site-branding {
margin-bottom: 0;
} .navigation-top {
bottom: 0;
left: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 3;
}
.navigation-top nav {
margin-left: -1.25em;
}
.site-navigation-fixed.navigation-top {
bottom: auto;
position: fixed;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: 1000;
}
.admin-bar .site-navigation-fixed.navigation-top {
top: 32px;
} .js .menu-toggle,
.js .dropdown-toggle {
display: none;
}
.main-navigation {
width: auto;
}
.js .main-navigation ul,
.js .main-navigation ul ul,
.js .main-navigation > div > ul {
display: block;
}
.main-navigation ul {
background: transparent;
padding: 0;
}
.main-navigation > div > ul {
border: 0;
margin-bottom: 0;
padding: 0;
}
.main-navigation li {
border: 0;
display: inline-block;
}
.main-navigation li li {
display: block;
} .main-navigation ul ul {
background: var(--navi-bg);
border: 1px solid #bbb;
left: -999em;
padding: 0;
position: absolute;
top: 100%;
z-index: 99999;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:before,
.main-navigation ul li.page_item_has_children:after {
border-style: solid;
border-width: 0 6px 6px;
content: "";
display: none;
height: 0;
position: absolute;
right: 1em;
bottom: -1px;
width: 0;
z-index: 100000;
}
.main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after {
display: block;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.page_item_has_children:before {
border-color: transparent transparent #bbb;
bottom: 0;
}
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:after {
border-color: transparent transparent #fff;
} .main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
left: -1px;
top: 100%;
top: 0;
left: -100%;
right: auto;
}
.main-navigation ul ul a {
padding: 0.75em 1.25em;
width: 16em;
background: var(--navi-bg);
}
.main-navigation li li {
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}
.main-navigation li li a {
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}
.main-navigation li li.focus > a,
.main-navigation li li:focus > a,
.main-navigation li li:hover > a,
.main-navigation li li a:hover,
.main-navigation li li a:focus,
.main-navigation li li.current_page_item a:hover,
.main-navigation li li.current-menu-item a:hover,
.main-navigation li li.current_page_item a:focus,
.main-navigation li li.current-menu-item a:focus { }
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul { right: 0;
left: auto;
}
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon {
display: inline;
left: 5px;
position: relative;
top: -1px;
}
.main-navigation ul ul .menu-item-has-children > a > .icon,
.main-navigation ul ul .page_item_has_children > a > .icon {
margin-top: -9px;
left: auto;
position: absolute;
right: 1em;
top: 50%;     }
.main-navigation ul ul ul {
left: -999em;
margin-top: -1px;
top: 0;
}
.main-navigation ul ul li.menu-item-has-children.focus:before,
.main-navigation ul ul li.menu-item-has-children:hover:before,
.main-navigation ul ul li.menu-item-has-children.focus:after,
.main-navigation ul ul li.menu-item-has-children:hover:after,
.main-navigation ul ul li.page_item_has_children.focus:before,
.main-navigation ul ul li.page_item_has_children:hover:before,
.main-navigation ul ul li.page_item_has_children.focus:after,
.main-navigation ul ul li.page_item_has_children:hover:after {
display: none;
}
.site-header .site-navigation-fixed .menu-scroll-down {
display: none;
}  .site-branding .wrap {
margin-left: auto; }  .secondary-toggle,
.search-box,
.site-navigation-fixed .secondary-toggle,
.site-navigation-fixed .search-box {
top: 3px;
}
.site-navigation-fixed .top_nav_logo {
top: 3px;
left: 4px;
} .navigation-top #site-navigation.main-navigation {
display: flex;
justify-content: flex-end;
}
.navigation-top.site-navigation-fixed #site-navigation.main-navigation {
display: flex;
justify-content: space-between;
}
.site-navigation-fixed {
height: 40px;
position: fixed;
top:0;
z-index: 1000;
width: 100%;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
background: var(--navi-bg);
}
.top_nav_logo div {
visibility: visible;
} .has-sidebar .secondary-toggle {
opacity: .2;
}
.has-sidebar .secondary-toggle:hover {
opacity: .7;
}
.has-sidebar .secondary-toggle:before {
content: "\f228";
}
.has-sidebar .secondary-toggle:not(.close-button):hover:before {
content: "\f335";
}	
.has-sidebar.secondary-closed .secondary-toggle {
opacity: .8;
}
.has-sidebar.secondary-closed .secondary-toggle:before {
content: "\f228";
}
.has-sidebar.secondary-closed .secondary-toggle:hover:before {
content: "\f228";
}
.has-sidebar .secondary-toggle.close-button {
display: none;
}
.has-sidebar #fixed_back {
display: none;
}
.secondary-open .secondary-toggle:not(.close-button) {
position: absolute;
}
#top-menu.menu {
margin-right: 86px;
display: flex;
}  #primary {
opacity: 0;
transition: opacity .3s;
}
.secondary-open #primary {
margin: 0 auto;
}
.secondary-closed #primary {
margin: 0 auto;
}  #secondary {
opacity: 0;
transition: opacity .3s;
}
#secondary {
top: 0;
height: initial;
padding-top: 0;
width: 33%;
max-width: 460px;
min-width: 245px;
font-size: 12px;
line-height: 1.6;
padding: 0 0 2em 0;
height: 100vh;
} .has-sidebar #secondary {
top: 0;
margin-right: -2rem;
}
.has-sidebar.navi-fix #secondary {
top:40px;
} .has-sidebar #secondary,
.has-sidebar.secondary-open #secondary {
background: linear-gradient(#f8F8F9, 95%, rgba(255, 255, 255, 0));
position: relative;
height: initial;
right: 0;
overflow: visible;
z-index: initial;
box-shadow: none;
}
.has-sidebar.secondary-closed #secondary {
position: fixed;
right: -400px;
height: 100vh;
z-index: 2;
} body:not(.has-sidebar).secondary-close #secondary {
overflow-y: auto;
right: -500px;
position: fixed;
z-index: 1005;
height: 100vh;
width: 33%;
}
body:not(.has-sidebar).secondary-open #secondary {
z-index: 1005;
overflow-y: auto;
height: 100vh;
width: 33%;
} input#toggle-1 ~ label {
background: rgba(133, 170, 189, 0);
color:#fff;
}
input#toggle-1 ~ label:hover {
background-color: #86b6d0;
}
input#toggle-1 ~ label:before {
color: var(--navi-input-label);
}
input#toggle-1 ~ label:before:hover {
color: #fff;
}
}