:root {
--height-field-header-mobile: 48px;
} #header_meta,
#header_main {
border: none;
}
#header_main {
padding: 38px 0px;
} #header_meta {
margin: 0px;
padding: 4px 0px 8px;
}
#header_meta .container {
display: flex;
justify-content: flex-end;
opacity: 0;
}
#header_meta .container.init {
opacity: 1;
}
#header_meta .phone-info {
padding: 0px;
}
#top .social_bookmarks {
height: var(--height-field-header);
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
-moz-flex-flow: wrap;
-webkit-flex-flow: wrap;
flex-flow: wrap;
flex-direction: row;
align-items: center;
margin: 0px;
padding-left: 22px;
}
#top .social_bookmarks li,
#top .social_bookmarks li a,
#top .social_bookmarks li a:before {
height: 25px;
}
#top .social_bookmarks li a,
#top .social_bookmarks li a:before {
width: 100%;
}
#top .social_bookmarks li {
width: 26px;
margin-top: -4px;
margin-left: 12px;
border-color: transparent;
float: none;
}
#top .social_bookmarks li:first-of-type {
margin-left: 0px;
}
#top .social_bookmarks li.social_bookmarks_youtube {
width: 31px;
}
#top .social_bookmarks li.social_bookmarks_facebook {
width: 13px;
}
#top .social_bookmarks li a {
min-height: auto;
text-decoration: none !important;
}
#top .social_bookmarks li a:hover,
#top .social_bookmarks li a:focus {
background-color: transparent !important;
}
#top .social_bookmarks li a:before {
content: "";
display: inline-block;
background: transparent no-repeat center;
background-size: contain;
}
#top .social_bookmarks li a[href*="facebook.com"]:before {
background-image: url(//lighthouse-sf.org/wp-content/themes/enfold-child/assets/svg/icon-facebook.svg);
}
#top .social_bookmarks li a[href*="instagram.com"]:before {
background-image: url(//lighthouse-sf.org/wp-content/themes/enfold-child/assets/svg/icon-instagram.svg);
}
#top .social_bookmarks li a[href*="x.com"]:before,
#top .social_bookmarks li a[href*="twitter.com"]:before {
background-image: url(//lighthouse-sf.org/wp-content/themes/enfold-child/assets/svg/icon-x.svg);
}
#top .social_bookmarks li a[href*="youtube.com"]:before {
background-image: url(//lighthouse-sf.org/wp-content/themes/enfold-child/assets/svg/icon-youtube.svg);
}
#top .social_bookmarks li a:hover:before,
#top .social_bookmarks li a:focus:before {
filter: var(--filter-primary);
} #lang-selector, #brightness-mode {
display: inline-block;
vertical-align: middle;
}
#lang-selector {
position: relative;
padding: 0px 22px;
}
#lang-selector .lang-selected {
color: var(--color-text);
font-family: var(--font-family-secondary);
font-weight: var(--font-weight-secondary);
font-size: var(--font-size-text);
line-height: var(--height-field-header);
cursor: pointer;
}
#lang-selector.open .lang-selected,
#lang-selector.is-focused .lang-selected,
#lang-selector:hover .lang-selected {
color: var(--color-primary) !important;
}
#lang-selector .lang-selected:before,
#lang-selector .lang-selected:after {
content: "";
background-size: contain;
}
#lang-selector .lang-selected:before,
#lang-selector .lang-selected:after,
#lang-selector .lang-selected span {
display: inline-block;
vertical-align: middle;
}
#lang-selector .lang-selected:before {
width: 18px;
height: 18px;
margin-right: 16px;
background: transparent url(//lighthouse-sf.org/wp-content/themes/enfold-child/assets/svg/icon-globe.svg) no-repeat center;
}
#lang-selector .lang-selected:after {
width: 6px;
height: 10px;
margin-left: 10px;
background: transparent url(//lighthouse-sf.org/wp-content/themes/enfold-child/assets/svg/icon-chevron-right-lang.svg) no-repeat center;
transform: rotate(0);
transition: transform 0.3s ease-in-out;
}
#lang-selector.open .lang-selected:after,
#lang-selector.is-focused .lang-selected:after,
#lang-selector.is-focused .lang-selected:before,
#lang-selector:hover .lang-selected:after,
#lang-selector:hover .lang-selected:before {
filter: var(--filter-primary) !important;
}
#lang-selector.open .lang-selected:after,
#lang-selector:hover .lang-selected:after {
transform: rotate(90deg) !important;
}
#lang-selector .lang-selected span {
position: relative;
text-decoration: underline;
transition: var(--transition);
}
#lang-selector .lang-selected span.short {
text-transform: uppercase;
display: none;
}
#lang-selector .lang-options {
position: absolute;
left: 0px;
margin: 0px;
min-width: 190px;
max-width: 100%;
background-color: var(--color-light);
border: var(--border);
border-radius: var(--border-radius);
opacity: 0;
visibility: hidden;
transition: var(--transition);
z-index: -1;
}
#lang-selector.open .lang-options {
opacity: 1;
visibility: visible;
z-index: 1;
}
#lang-selector .lang-options li {
position: relative;
background-color: transparent;
z-index: 1;
}
#lang-selector .lang-options li a {
width: 100%;
display: inline-block;
padding: 15.5px 40px;
background-color: var(--color-light);
font-family: var(--font-family-secondary);
font-weight: var(--font-weight-secondary);
font-size: var(--font-size-text);
text-decoration: none !important;
text-align: left;
}
#lang-selector .lang-options li.current-lang a,
#lang-selector .lang-options li a:hover,
#lang-selector .lang-options li a:focus {
color: var(--color-text) !important;
background-color: var(--color-primary) !important;
}
#lang-selector .lang-options li:first-of-type a {
border-top-left-radius: calc(var(--border-radius) - 2px);
border-top-right-radius: calc(var(--border-radius) - 2px);
}
#lang-selector .lang-options li:last-of-type a {
border-bottom-left-radius: calc(var(--border-radius) - 2px);
border-bottom-right-radius: calc(var(--border-radius) - 2px);
}
#brightness-mode {
margin-top: 2px;
padding: 0px 22px;
}
#brightness-mode .option,
#brightness-mode .toggle {
display: inline-block;
vertical-align: middle;
}
#brightness-mode .option {
position: relative;
font-family: var(--font-family-secondary);
font-weight: var(--font-weight-secondary);
font-size: var(--font-size-text);
text-decoration: underline;
}
#brightness-mode .toggle {
position: relative;
width: 55px;
height: 28px;
margin: 0px 4px;
}
#brightness-mode .toggle-slider {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: var(--color-primary);
border-radius: 14px;
-webkit-transition: .3s;
transition: .3s;
cursor: pointer;
}
#brightness-mode .toggle-slider:before {
content: "";
position: absolute;
bottom: 5px;
left: 6px;
width: 18px;
height: 18px;
background-color: var(--color-light);
border-radius: 50%;
-webkit-transition: .3s;
transition: .3s;
}
#brightness-mode input {
width: 0;
height: 0;
opacity: 0;
}
#brightness-mode input:checked + .toggle-slider {
background-color: var(--color-primary);
}
#brightness-mode input:focus + .toggle-slider {
box-shadow: 0 0 1px red;
}
#brightness-mode input:checked + .toggle-slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
} .header-secondary-menu {
position: absolute;
top: 0px;
right: 0px;
width: 1080px;
text-align: right;
z-index: 4;
}
.header-secondary-menu .widget,
#header_secondary_menu_hamburger .widget {
display: inline-block;
padding: 0px;
}
.header-secondary-menu .menu > li.menu-item,
#header_secondary_menu_hamburger .menu > li.menu-item {
display: inline-block;
padding-right: 10px;
background-color: transparent !important;
}
.header-secondary-menu .menu > li.menu-item:last-child,
#header_secondary_menu_hamburger .menu > li.menu-item:last-child {
padding-right: 15px;
}
.header-secondary-menu .menu > li.menu-item > a,
#header_secondary_menu_hamburger .menu > li.menu-item > a {
min-width: 180px;
height: var(--height-field-header) !important;
padding: 15.5px 22px !important;
background-color: var(--color-primary);
color: var(--color-text) !important;
font-family: var(--font-family-secondary);
font-weight: var(--font-weight-secondary);
font-size: var(--font-size-text);
line-height: var(--line-height) !important;
text-align: center;
text-decoration: none !important;
border-radius: var(--border-radius);
}
.header-secondary-menu .menu > li.menu-item > a:hover,
.header-secondary-menu .menu > li.menu-item > a:focus,
#header_secondary_menu_hamburger .menu > li.menu-item > a:hover,
#header_secondary_menu_hamburger .menu > li.menu-item > a:focus {
color: var(--color-light) !important;
}
.header-secondary-menu .menu > li.menu-item > a span,
#header_secondary_menu_hamburger .menu > li.menu-item > a span {
position: relative;
top: -2px;
display: inline-block;
}
.header-secondary-menu .menu > li.menu-item > a:hover,
.header-secondary-menu .menu > li.menu-item > a:focus,
#header_secondary_menu_hamburger .menu > li.menu-item > a:hover,
#header_secondary_menu_hamburger .menu > li.menu-item > a:focus {
background-color: var(--color-button-hover) !important;
}
#top .header-secondary-menu #s,
#top .content #s {
width: 100%;
min-width: 342px;
max-width: 342px;
padding: 13.5px 72px 13.5px 24px;
background: var(--color-light);
color: var(--color-text);
font-family: var(--font-family-secondary);
font-weight: var(--font-weight-secondary);
font-size: var(--font-size-text);
line-height: var(--line-height);
text-decoration: underline;
border: var(--border);
border-radius: var(--border-radius);
transition: var(--transition);
z-index: 2;
}
#top .content #searchform > div {
min-width: 380px;
max-width: 380px;
}
#top .header-secondary-menu #s::placeholder,
#top .content #s::placeholder {
opacity: 1;
}
#top .header-secondary-menu #searchsubmit,
#top .content #searchsubmit {
min-width: 48px;
height: var(--height-field-header) !important;
padding: 13.5px 12px;
background: transparent url(//lighthouse-sf.org/wp-content/themes/enfold-child/assets/svg/icon-search.svg) no-repeat center !important;
background-size: 48% !important;
line-height: var(--height-field-header) !important;
text-indent: -999px;
border: var(--border-transparent);
border-left: none;
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
z-index: 4;
}
#top .header-secondary-menu #searchsubmit:hover,
#top .header-secondary-menu #searchsubmit:focus,
#top .content #searchsubmit:hover,
#top .content #searchsubmit:focus {
background-color: var(--color-bg-dark) !important;
background-image: url(//lighthouse-sf.org/wp-content/themes/enfold-child/assets/svg/icon-search-white.svg) !important;
border-color: var(--color-bg-dark) !important;
} #top #header .av-main-nav {
position: relative;
top: 55px;
right: -24px;
} #top #header .av-main-nav > li.menu-item,
#top #header .av-main-nav > li.menu-item > a,
#top #header .av-main-nav > li.menu-item.menu-item-has-children > a span.avia-menu-text:after {
transition: color 0.3s ease-in-out;
}
#top #header .av-main-nav > li.menu-item > a {
height: 112px !important;
line-height: 112px !important;
padding: 0px 22px;
font-family: var(--font-family-secondary);
font-weight: var(--font-weight-secondary);
font-size: var(--font-size-header-parent-menu);
text-decoration: none !important;
}
#top #header .av-main-nav > li.menu-item.current-menu-item > a,
#top #header .av-main-nav > li.menu-item.current-menu-parent > a,
#top #header .av-main-nav > li.menu-item:hover > a,
#top #header .av-main-nav > li.menu-item > a:hover,
#top #header .av-main-nav > li.menu-item > a:focus {
color: var(--color-primary) !important;
}
#top #header .av-main-nav > li.menu-item.menu-item-has-children > a span.avia-menu-text:after {
content: "";
position: relative;
top: -2px;
width: 14px;
height: 10px;
margin-left: 12px;
display: inline-block;
background: transparent url(//lighthouse-sf.org/wp-content/themes/enfold-child/assets/svg/icon-chevron-down.svg) no-repeat center;
background-size: contain;
}
#top #header .av-main-nav > li.menu-item.menu-item-has-children.current-menu-item > a span.avia-menu-text:after,
#top #header .av-main-nav > li.menu-item.menu-item-has-children.current-menu-parent > a span.avia-menu-text:after,
#top #header .av-main-nav > li.menu-item.menu-item-has-children:hover > a span.avia-menu-text:after,
#top #header .av-main-nav > li.menu-item.menu-item-has-children > a:hover span.avia-menu-text:after,
#top #header .av-main-nav > li.menu-item.menu-item-has-children > a:focus span.avia-menu-text:after {
filter: var(--filter-primary) !important;
} #top #header .av-main-nav > li.menu-item ul.sub-menu {
width: 335px;
background-color: var(--color-light);
border: var(--border) !important;
border-radius: var(--border-radius);
}
#top #header .av-main-nav > li.menu-item:nth-last-child(2) > ul.sub-menu {
left: unset;
right: 0px;
}
#top #header .av-main-nav > li.menu-item > ul.sub-menu > li.menu-item {
z-index: 1;
}
#top #header .av-main-nav > li.menu-item > ul.sub-menu > li.menu-item.menu-item-has-children {
z-index: 2;
}
#top #header .av-main-nav > li.menu-item > ul.sub-menu > li.menu-item:first-child,
#top #header .av-main-nav > li.menu-item ul.sub-menu ul.sub-menu > li.menu-item:first-child {
border-top-left-radius: calc(var(--border-radius) - 2px);
border-top-right-radius: calc(var(--border-radius) - 2px);
}
#top #header .av-main-nav > li.menu-item > ul.sub-menu > li.menu-item:last-child,
#top #header .av-main-nav > li.menu-item > ul.sub-menu ul.sub-menu > li.menu-item:last-child {
border-bottom-left-radius: calc(var(--border-radius) - 2px);
border-bottom-right-radius: calc(var(--border-radius) - 2px);
}
#top #header .av-main-nav > li.menu-item > ul.sub-menu > li.menu-item a {
background-color: var(--color-light);
}
#top #header .av-main-nav > li.menu-item > ul.sub-menu > li.menu-item:first-child > a,
#top #header .av-main-nav > li.menu-item > ul.sub-menu ul.sub-menu > li.menu-item:first-child > a {
border-top-left-radius: calc(var(--border-radius) - 3px);
border-top-right-radius: calc(var(--border-radius) - 3px);
}
#top #header .av-main-nav > li.menu-item > ul.sub-menu > li.menu-item:last-child > a,
#top #header .av-main-nav > li.menu-item > ul.sub-menu ul.sub-menu > li.menu-item:last-child > a {
border-bottom-left-radius: calc(var(--border-radius) - 3px);
border-bottom-right-radius: calc(var(--border-radius) - 3px);
}
#top #header .av-main-nav > li.menu-item ul.sub-menu ul.sub-menu {
top: -2px;
left: unset;
right: -335px;
}
#top #header .av-main-nav > li.menu-item:nth-last-child(2) > ul.sub-menu ul.sub-menu {
left: -335px;
right: unset;
}
#top #header .av-main-nav > li.menu-item ul.sub-menu > li.menu-item > a {
padding: 15.5px 40px;
color: var(--color-text);
font-family: var(--font-family-secondary);
font-weight: var(--font-weight-secondary);
font-size: var(--font-size-text);
line-height: var(--line-height);
text-decoration: none !important;
border: none;
}
#top #header .av-main-nav > li.menu-item ul.sub-menu > li.menu-item.current-menu-item > a,
#top #header .av-main-nav > li.menu-item ul.sub-menu > li.menu-item.current-menu-parent > a,
#top #header .av-main-nav > li.menu-item ul.sub-menu > li.menu-item:hover > a,
#top #header .av-main-nav > li.menu-item ul.sub-menu > li.menu-item > a:hover,
#top #header .av-main-nav > li.menu-item ul.sub-menu > li.menu-item > a:focus {
background-color: var(--color-primary) !important;
}
#top #header .av-main-nav > li.menu-item ul.sub-menu ul.sub-menu > li.menu-item > a span .custom-arrow {
position: relative;
top: -2px;
display: inline-block;
}
#top #header .av-main-nav > li.menu-item ul.sub-menu > li.menu-item.menu-item-has-children > a:after {
content: "";
position: absolute;
top: 0px;
right: 15.5px;
width: 6px;
height: 10px;
display: inline-block;
padding: 22.5px 24.5px;
background: transparent url(//lighthouse-sf.org/wp-content/themes/enfold-child/assets/svg/icon-chevron-right-lang.svg) no-repeat center;
background-size: 6px 10px;
transition: transform 0.3s ease-in-out;
filter: var(--filter-dark);
}
#top #header .av-main-nav > li.menu-item ul.sub-menu > li.menu-item.menu-item-has-children.current-menu-item > a:after,
#top #header .av-main-nav > li.menu-item ul.sub-menu > li.menu-item.menu-item-has-children.current-menu-parent > a:after,
#top #header .av-main-nav > li.menu-item ul.sub-menu > li.menu-item.menu-item-has-children:hover > a:after,
#top #header .av-main-nav > li.menu-item ul.sub-menu > li.menu-item.menu-item-has-children > a:hover:after,
#top #header .av-main-nav > li.menu-item ul.sub-menu > li.menu-item.menu-item-has-children > a:focus:after { }
#top #header .av-main-nav > li.menu-item ul.sub-menu > li.menu-item.menu-item-has-children.is-expanded > a:after {
transform: rotate(90deg);
} #top #av-burger-menu-ul {
padding: var(--padding-sides-box) 0px !important;
vertical-align: top;
}
#top #av-burger-close {
position: fixed;
top: 8px;
right: 12px;
}
#top #av-burger-close a {
height: var(--height-field-header-mobile);
line-height: var(--height-field-header-mobile);
border-radius: var(--border-radius);
}
.html_av-overlay-side-classic #top .av-burger-overlay {
z-index: 999;
}
#top .av-burger-overlay-scroll {
transition: transform 0s;
}
.html_av-overlay-side #top .av-burger-overlay-scroll {
background-color: var(--color-light);
}
.html_av-overlay-side #top .av-burger-overlay-scroll #av-burger-menu-ul a {
border: none;
}
.html_av-overlay-side #top .av-burger-overlay-scroll #av-burger-menu-ul > li a,
.html_av-overlay-side #top .av-burger-overlay-scroll #av-burger-menu-ul > li ul.sub-menu li a {
background-color: transparent !important;
color: var(--color-text) !important;
font-family: var(--font-family-secondary) !important;
font-weight: var(--font-weight-secondary) !important;
font-size: var(--font-size-header-parent-menu) !important;
text-decoration: none !important;
}
.html_av-overlay-side #top .av-burger-overlay-scroll #av-burger-menu-ul > li.current-menu-item > a,
.html_av-overlay-side #top .av-burger-overlay-scroll #av-burger-menu-ul > li a:hover,
.html_av-overlay-side #top .av-burger-overlay-scroll #av-burger-menu-ul > li a:focus,
.html_av-overlay-side #top .av-burger-overlay-scroll #av-burger-menu-ul > li ul.sub-menu li.current-menu-item a,
.html_av-overlay-side #top .av-burger-overlay-scroll #av-burger-menu-ul > li ul.sub-menu li a:hover,
.html_av-overlay-side #top .av-burger-overlay-scroll #av-burger-menu-ul > li ul.sub-menu li a:focus {
color: var(--color-primary) !important;
}
.html_av-overlay-side #top .av-burger-overlay-scroll #av-burger-menu-ul > li ul.sub-menu li a {
font-size: var(--font-size-text) !important;
}
.html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet,
.html_av-submenu-hidden .av-submenu-indicator {
opacity: 1;
}
#header_secondary_menu_hamburger {
display: none;
padding: var(--margin-spacer-field) var(--padding-sides-box) 0px;
}
#header_secondary_menu_hamburger #menu-main-header-buttons {
background-color: transparent;
}
#header_secondary_menu_hamburger .menu > li.menu-item {
width: 100%;
margin-bottom: 5px;
padding-right: 0px;
}
#top #header_secondary_menu_hamburger #s {
min-width: 100% !important;
max-width: 100% !important;
}
#top nav #av-burger-menu-ul .social_bookmarks {
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: auto;
display: none;
justify-content: center;
margin: 30px 0px 0px !important;
padding: 0px var(--padding-sides-box);
text-align: center;
float: none;
overflow: visible;
}
#top nav #av-burger-menu-ul .social_bookmarks li {
margin-left: var(--margin-spacer-field);
}
#top nav #av-burger-menu-ul .social_bookmarks li:first-child {
margin-left: 0px;
}
#top nav #av-burger-menu-ul .social_bookmarks li a {
padding: 0px !important;
line-height: 0 !important;
border-radius: 0px !important;
} @media (max-width: 1800px) { #wpadminbar { overflow:hidden; z-index:2; }
} @media (max-width: 1329px) { #skip-to-content { padding:8px 0px; }
#header_meta { padding:0px; }
#lang-selector, #brightness-mode { padding:0px var(--margin-spacer-field); }
#top .social_bookmarks { padding-left:calc(var(--margin-spacer-field) + 2px); } #top #header .main_menu {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
align-items: center;
} .header-secondary-menu { position:relative; width:auto; }
.header-secondary-menu .menu > li.menu-item > a {
min-width: 168px;
height: var(--height-field-header-mobile) !important;
padding: 12px var(--margin-spacer-field) !important;
}
#top .header-secondary-menu #s {
top: 2px;
min-width: 180px;
max-width: 180px;
padding: 12px 72px 12px 24px;
}
#top .header-secondary-menu #searchsubmit {
top: 4px;
height: var(--height-field-header-mobile) !important;
padding: 10px 12px;
} #header_main { padding:22px 0px; }
#top #header_main > .container { height:120px !important; line-height:120px !important; }
#top #header_main > .container .main_menu .av-main-nav > li > a,
#top #header_main #menu-item-shop .cart_dropdown_link {
height: 93px !important;
line-height: 93px !important;
}
#top #header .av-main-nav-wrap {
top: -3px;
float: none;
z-index: 5;
}
#top #header .av-main-nav { top:0px; right:0px; }
#top #header .av-main-nav > li.menu-item-avia-special { padding-left:30px; }
#top #header .av-main-nav > li.menu-item-avia-special > a { padding-left:0px; border-radius:var(--border-radius) }
#top #header .av-main-nav > li.menu-item-avia-special { display:block; }
#top #header .av-main-nav > li { display:none; }
}
@media (max-width: 1149px) { #header_secondary_menu { display:none; }
#header_secondary_menu_hamburger { display:block; }
}
@media (max-width: 767px) { #lang-selector .lang-selected,
#lang-selector .lang-options li a,
#brightness-mode .option {
font-size: var(--font-size-text-mobile);
} #lang-selector .lang-selected:before { margin-right:12px; }
#lang-selector .lang-selector, #brightness-mode { padding:0px; }
#brightness-mode { padding-left:12px; }
#lang-selector .lang-selected { line-height:var(--height-field-header-mobile); }
#brightness-mode .toggle { top:-2px; }
#top nav #av-burger-menu-ul .social_bookmarks { display:block !important; } #header_main { padding:var(--margin-spacer-paragraph) 0px; }
#top #header_main > .container { height:auto !important; line-height:var(--line-height) !important; }
}
@media (max-width: 370px) { #lang-selector, #brightness-mode { padding: 0px 8px; }
#lang-selector .lang-selected:before { margin-right:10px; }
#lang-selector .lang-selected span.long { display:none; }
#lang-selector .lang-selected span.short { display:inline-block; }
}
@media (max-width: 340px) { #header_secondary_menu_hamburger .menu > li.menu-item {
letter-spacing: -0.8px !important;
}
#header_secondary_menu_hamburger .menu > li.menu-item > a {
height: auto !important;
}
}