.ast-mobile-popup-overlay {
display:none
} #masthead.soj-site-header {
background-image: url(//gosojourn.com/wp-content/uploads/2024/10/header-bg.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat; background-color: rgb(0, 98, 166) !important;
color: #fff;
} .soj-header-inner {
max-width:  1200px;
margin: 0 auto;
display: flex;
align-items: stretch;
gap: 1rem;
padding: 10px 20px;
} .soj-header-col {
display: flex;
flex-direction: column;
}
.soj-header-logo {
flex: 0 0 auto;
justify-content: center;
}
.soj-header-logo .custom-logo,
.soj-header-logo img {
height: auto;
max-height: 80px; width: 190px;
} .soj-header-nav {
flex: 1 1 auto;
justify-content: flex-end;
} .soj-top-bar {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 24px;
margin-bottom: 8px;
} .soj-top-menu {
display: flex;
align-items: center;
gap: 2px;
list-style: none;
margin: 0;
padding: 0;
}
.soj-top-menu > li > a {
text-transform: uppercase;
font-size: 15px;
letter-spacing: normal;
line-height:15px;
text-align:start;
color: #ffffff;
text-decoration: none;
font-weight: 500;
white-space: nowrap;
}  .soj-top-menu > li > a::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 6px;
background-repeat: no-repeat;
background-position: center;
background-size: contain; }  #menu-item-826 a {
padding: 0 20px;
background-color: #84b61d; color: #ffffff !important;
text-transform: uppercase;
border-radius: 7px;
text-decoration: none;
white-space: nowrap;
}
.soj-catalog-btn:hover,
.soj-catalog-btn:focus {
background-color: #6c9517;
color: #ffffff;
text-decoration: none;
} .sj-header-hr {
background-color: rgba(255, 255, 255, 0.4) !important;
border: 0; margin: 5px 0 5px 0;
} .soj-primary-nav {
position: relative; z-index: 50;
display:flex;
}
.soj-primary-menu {
width: 100%;
display: flex;
justify-content: flex-end;
gap: 15px;
list-style: none;
margin: 0;
padding: 0;
} .soj-primary-menu > li > a,
.soj-primary-menu > li > button.soj-mega-toggle,
.soj-primary-menu > li > button.soj-nav-search-toggle {
background: none;
border: none;
color: #ffffff;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
letter-spacing: normal;
padding: 10px 0 6px;
cursor: pointer;
text-decoration: none;
white-space: nowrap;
}
.soj-primary-menu > li > button.soj-mega-toggle{
padding-top: 0;
}
.soj-search-toggle {
border:none !important;
background-color:none !important;
height: 15px;
padding: 0 !important;
}
@media (max-width: 768px) {
.soj-primary-nav {
justify-content: flex-end;
}
.soj-primary-menu > li > a,
.soj-primary-menu > li > button.soj-mega-toggle,
.soj-primary-menu > li > button.soj-nav-search-toggle {
font-size: 14px;
}
}
.soj-primary-menu > li > a:hover,
.soj-primary-menu > li > a:focus,
.soj-primary-menu > li > button.soj-mega-toggle:hover,
.soj-primary-menu > li > button.soj-mega-toggle:focus,
.soj-primary-menu > li > button.soj-nav-search-toggle:hover,
.soj-primary-menu > li > button.soj-nav-search-toggle:focus {
text-decoration: underline;
}   .soj-primary-menu ul.sub-menu {
position: absolute; top: 100%;
background: #ffffff !important;
list-style: none !important;
padding: 20px 0;
margin: 0;
min-width: 240px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: 0.25s ease;
z-index: 9999;
border-top: 3px solid #7bbf00; } .soj-primary-menu li:hover > ul.sub-menu,
.soj-primary-menu li:focus-within > ul.sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .soj-primary-menu ul.sub-menu > li > a {
display: block;
padding: 6px 18px;
font-size: 14px;
color: rgb(38, 38, 38);
text-decoration: none;
white-space: nowrap;
}
.soj-primary-menu ul.sub-menu > li > a:hover {
color: #7bbf00;
background: rgba(0, 0, 0, 0.05);
} .soj-primary-menu .sub-menu,
.soj-primary-menu .sub-menu li {
list-style: none !important;
}   } */    .soj-primary-menu > li.soj-mega-dest .soj-mega-panel {
position: absolute;
top: 100%;
left: 0;
max-width: 970px;
background: #fff;
z-index: 9999; transform: none;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s ease;
}
.soj-primary-menu > li.soj-mega-dest:hover .soj-mega-panel,
.soj-primary-menu > li.soj-mega-dest .soj-mega-panel:hover {
opacity: 1;
visibility: visible;
} .soj-primary-menu > li.soj-mega-dest:hover .soj-mega-dest .soj-mega-panel,
.soj-primary-menu > li.soj-mega-dest:focus-within .soj-mega-dest .soj-mega-panel {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
.soj-primary-menu > li.soj-mega-dest .soj-mega-panel > * {
max-width: var(--ast-container-width, 1200px);
margin: 0 auto;
}  .soj-primary-menu > li.soj-mega-collections:hover > .soj-mega-panel,
.soj-primary-menu > li.soj-mega-collections:focus-within > .soj-mega-panel,
.soj-primary-menu > li.soj-mega-dest:hover > .soj-mega-panel,
.soj-primary-menu > li.soj-mega-dest:focus-within > .soj-mega-panel {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .soj-primary-menu > li.soj-mega-dest .soj-mega-toggle[aria-expanded="true"] + .soj-mega-panel {
display: block !important;
} .soj-nav-search-toggle {
position: relative;
border: none;
background: none;
cursor: pointer;
}
.soj-nav-search-toggle::before {
content: "🔍";
font-size: 18px;
} .soj-nav-search-toggle .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
} @media (max-width: 768px) {
.soj-primary-menu {
flex-wrap: wrap;
}
.soj-primary-menu ul.sub-menu {
position: static;
opacity: 1;
visibility: visible;
transform: none;
padding-left: 20px;
}
.soj-primary-menu > .soj-mega-collections > ul.sub-menu {
display: block !important;
}
} .soj-tc-mega-grid {
width: 100%;
display: grid;
grid-template-columns: 4fr 4fr 3fr 8fr;
gap: 1px; background: #fff;
box-sizing: border-box;
} .soj-tc-mega-grid > .soj-tc-col {
border-right: 1px solid #7bbf00; }
.soj-tc-mega-grid > .soj-tc-col:last-child {
border-right: none;
} .soj-mega-panel	h3.soj-tc-header{
font-family:"Roboto", sans-serif ;
font-size:unset;
text-transform:uppercase;
color:#0062A6;
text-align:center;
height: 50px;
padding-top: 20px;
border-bottom: 1px solid #7bbf00
} .soj-tc-list,
.soj-tc-two-col ul {
list-style: none;
margin: 0;
padding: 15px 10px;
}
.soj-tc-list li,
.soj-tc-two-col li {
margin-bottom: 4px;
}
.soj-tc-list a,
.soj-tc-two-col a {
color: #222 !important;
text-decoration: none;
line-height: .8em;
}
.soj-tc-list a:hover,
.soj-tc-two-col a:hover {
color: #7bbf00;
} .soj-tc-two-col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px 30px;
} @media (max-width: 768px) { .soj-primary-nav,
.soj-primary-nav ul,
.soj-mega-toggle,
.soj-mega-panel,
.soj-search-menu-item {
display: none !important;
} .soj-header-nav,
.soj-site-header {
height: auto;
} .menu-toggle,
.ast-mobile-menu-trigger,
.soj-mobile-hamburger {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
} body.mobile .soj-mega-collections .soj-mega-toggle,
body.mobile .soj-mega-dest .soj-mega-toggle {
pointer-events: none !important;
}
} @media (min-width: 1025px) { .soj-primary-nav {
display: flex !important;
} .menu-toggle,
.ast-mobile-menu-trigger,
.soj-mobile-hamburger {
display: none !important;
}
}  .soj-search-panel {
position: fixed;
top: 0;
right: 0;
width: 420px;
height: 100vh;
background: #fff;
box-shadow: -3px 0 12px rgba(0,0,0,0.25);
transform: translateX(100%);
transition: transform 0.35s ease;
padding: 40px 35px;
z-index: 99999;
overflow-y: auto;
}
.soj-search-panel.active {
transform: translateX(0);
}
.soj-search-close {
position: absolute;
top: 18px;
right: 18px;
background: none;
border: none;
font-size: 22px;
cursor: pointer;
}
.soj-search-title {
margin: 0 0 24px 0;
font-size: 28px;
font-weight: 600;
}
.soj-search-input-wrap {
display: flex;
align-items: center;
border-bottom: 1px solid #ddd;
padding-bottom: 12px;
margin-bottom: 32px;
}
.soj-search-input-icon {
margin-right: 10px;
opacity: 0.5;
}
.soj-search-input {
flex: 1;
font-size: 16px;
border: none;
outline: none;
padding: 8px;
}
.soj-search-go {
background: #003c71;
color: white;
border: none;
padding: 8px 14px;
border-radius: 4px;
cursor: pointer;
}
.soj-search-popular h5 {
margin-bottom: 16px;
font-size: 16px;
font-weight: 600;
}
.soj-search-popular a {
display: block;
margin-bottom: 10px;
color: #003c71;
text-decoration: none;
} @media (max-width: 768px) { .soj-primary-nav {
display: none;
} .soj-top-menu {
display: none;
} .soj-top-menu .soj-search-toggle,
.soj-top-bar .soj-search-toggle,
.soj-top-menu li .soj-search-toggle,
.soj-top-bar li .soj-search-toggle {
display: flex !important;
position: fixed;
top: 15px;
right: 60px;
z-index: 10000;
align-items: center;
justify-content: center;
padding: 8px;
background: transparent;
border: none;
} .soj-top-menu > li:last-child,
.soj-top-bar > ul > li:last-child {
display: block !important;
position: fixed;
top: 15px;
right: 60px;
z-index: 10000;
list-style: none;
margin: 0;
padding: 0;
}
.soj-mobile-toggle {
background: none;
border: none;
cursor: pointer;
padding: 12px;
margin-left: auto;
display: flex;
align-items: center;
}
.soj-mobile-toggle-icon,
.soj-mobile-toggle-icon::before,
.soj-mobile-toggle-icon::after {
width: 24px;
height: 3px;
background: #333;
display: block;
content: "";
transition: 0.3s ease;
border-radius: 2px;
}
.soj-mobile-toggle-icon::before {
transform: translateY(-7px);
}
.soj-mobile-toggle-icon::after {
transform: translateY(7px);
} .soj-mobile-toggle[aria-expanded="true"] .soj-mobile-toggle-icon {
background: transparent;
}
.soj-mobile-toggle[aria-expanded="true"] .soj-mobile-toggle-icon::before {
transform: rotate(45deg);
}
.soj-mobile-toggle[aria-expanded="true"] .soj-mobile-toggle-icon::after {
transform: rotate(-45deg);
} .soj-mobile-menu {
position: fixed;
inset: 0;
background: #ffffff;
z-index: 99999;
padding: 30px 20px;
overflow-y: auto;
} body.soj-mobile-open .soj-mobile-menu {
animation: sojSlideIn 0.25s ease forwards;
}
@keyframes sojSlideIn {
from { transform: translateX(100%); }
to   { transform: translateX(0); }
}
.soj-site-header {
position: sticky;
top: 0;
z-index: 9999;
width: 100%;
border-bottom: 2px solid #84b61d
}
.soj-head-inner {
max-width: 1200px !important;
overflow:hidden !important;
} .soj-mega-collections > .sub-menu {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
pointer-events: none !important;
} .soj-mega-collections:hover > .soj-mega-panel, .soj-mega-dest:hover > .soj-mega-panel {
display: block !important;
left: 0;
opacity: 1;
visibility: visible;
}
.soj-primary-menu {
position:relative !important;
}
.soj-primary-menu > li {
position: static !important; }  margin: 0 auto;
z-index: 9999;
display: none;
}	 */
.soj-search-toggle,
.soj-search-toggle button {
background: none;
border: none;
cursor: pointer;
padding: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.soj-search-icon svg {
width: 22px;
height: 22px;
fill: #ffffff; display: block;
}
transition: transform .25s ease;
}
.soj-search-toggle:hover .soj-search-svg {
transform: scale(1.15);
background-color: transparent;
}
#menu-item-37748 a:before {
background-image: url(//gosojourn.com/wp-content/uploads/2025/08/calendar.svg);
width: 22px;
height: 22px;
}
#menu-item-827 a:before{
background-image: url(//gosojourn.com/wp-content/uploads/2024/11/cycle.svg);
width: 23px;
height: 23px;
}
#menu-item-828 a:before {
background-image: url(//gosojourn.com/wp-content/uploads/2024/10/email.svg);
}
#menu-item-29922 a:before {
background-image: url(//gosojourn.com/wp-content/uploads/2024/11/newsletter.svg);
} .menu-catalog a:before {
content:none !important;
display:none !important;
}
.menu-catalog a {
display: inline-block;
border-right: none;
background: #7db84e;
line-height:normal;
border-radius: 7px;
color: #ffffff !important;
padding: 5px 10px !important;
transition: all .2s 
linear;
font-weight: 600 !important;
}
.menu-catalog a:before {
content:none;
}
.soj-top-bar ul li {
display: inline-flex; align-items: center;
}
.soj-top-bar ul li:nth-child(n+2):nth-child(-n+4)::before {
content: "";
display: inline-block;
width: 1px;
height: .9em;
background-color: rgba(255,255,255,0.6);
margin: 0 12px;
}
.soj-top-bar ul li:nth-last-child(2) {
padding-right: 10px;
}
.soj-top-bar ul li a {
display: inline-flex; align-items: center; gap: 6px; }
.soj-primary-menu a,
.soj-top-menu a {
text-decoration: none !important;
}
.soj-primary-menu button:hover,
.soj-primary-menu a:hover,
.soj-top-menu  a:focus,
.soj-top-menu a:hover,
.soj-top-menu a:focus {
text-decoration: none !important;
}  #ast-mobile-header-wrap.ast-mobile-menu-active {
display: block;
}
.ast-mobile-menu > li {
padding: 12px 0;
border-bottom: 1px solid #eee;
}
.soj-mobile-toggle-wrapper {
display: block;
text-align: right;
padding: 12px;
}
.ast-main-header-wrap {
border-top: 1px solid rgba(255,255,255,.4) !important;
border-bottom: 1px solid #84b61d
}
#ast-fixed-header svg {
display: none !important;
}
#ast-hf-menu-3-mobile {
justify-content:center;
}
#ast-mobile-header-wrap.open {
display: block;
}
.ast-button-wrap .menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-minimal:focus, .ast-mobile-menu-trigger-minimal:focus, .menu-toggle:focus, .ast-button-wrap .menu-toggle:focus, .menu-toggle:active, .menu-toggle-close:focus {
border: none !important;
outline:none !important;
outline-color:none !important;
}
.ast-menu-toggle {
border:none !important;
background: none !important;
padding-right: 0 !important;
position:absolute;
}
.ast-menu-toggle .ast-icon {
top: -8px;
position:relative;
}
#ast-hf-mobile-menu .menu-item .menu-link {
padding-left: 10px;
font-size: 13px;
line-height: 30px;
}
#ast-hf-mobile-menu .menu-item .menu-link .menu-text {
line-height: 1;
letter-spacing: .01em;
} #ast-hf-menu-3-mobile li,
#ast-hf-menu-3-mobile .menu-item,
#ast-hf-menu-3-mobile li.menu-item {
color: #ffffff !important;
}
#ast-hf-menu-3-mobile li a,
#ast-hf-menu-3-mobile li .menu-link,
#ast-hf-menu-3-mobile .menu-item a,
#ast-hf-menu-3-mobile .menu-item .menu-link,
#ast-hf-menu-3-mobile li.menu-item a,
#ast-hf-menu-3-mobile li.menu-item .menu-link,
#ast-hf-menu-3-mobile .main-header-menu .menu-item .menu-link,
#ast-hf-menu-3-mobile .main-header-menu li .menu-link {
color: #ffffff !important;
text-decoration: none;
display: block;
}
#ast-hf-menu-3-mobile li .menu-text,
#ast-hf-menu-3-mobile .menu-item .menu-text,
#ast-hf-menu-3-mobile .menu-link .menu-text {
color: #ffffff !important;
} #ast-hf-menu-3-mobile li *,
#ast-hf-menu-3-mobile .menu-item * {
color: #ffffff !important;
} #ast-hf-menu-3-mobile li a:hover,
#ast-hf-menu-3-mobile li .menu-link:hover,
#ast-hf-menu-3-mobile .menu-item a:hover,
#ast-hf-menu-3-mobile .menu-item .menu-link:hover {
color: #7bbf00 !important;
}
@media (max-width: 768px) {
.soj-desktop-header
{
display:none !important;
} 
} @media (min-width: 769px) and (max-width: 992px) { @media (min-width: 769px) and (max-width: 992px) {
.soj-primary-nav {
display: flex;
justify-content: flex-end; align-items: center;
gap: 24px; width: 100%;
}
.soj-primary-nav > li {
display: inline-flex; 
align-items: center;
white-space: nowrap;
}
.soj-primary-nav > li > a,
.soj-primary-nav > li > button {
display: inline-flex;
padding: 10px 14px;
width: auto; max-width: max-content; }
.soj-primary-nav .soj-mega-toggle {
width: auto !important;
max-width: max-content;
display: inline-flex;
padding: 10px 14px;
}
li.soj-mega-collections {
width: auto !important;
max-width: max-content;
}
}
.ast-menu-toggle:focus {
outline:none;
}
.soj-site-header {
position: sticky;
top: 0;
z-index: 9999;
width: 100%;
border-bottom: 2px solid #84b61d
}
.soj-head-inner {
max-width: 1200px !important;
overflow:hidden !important;
} */
.soj-primary-menu > li.soj-mega-collections .soj-mega-panel,
.soj-primary-menu > li.soj-mega-dest .soj-mega-panel {
position: absolute;
top: 140%;
left: 0;
max-width: 1010px !important;
z-index: 9999;
} .soj-mega-collections > .sub-menu {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
pointer-events: none !important;
} .soj-mega-collections:hover > .soj-mega-panel, .soj-mega-dest:hover > .soj-mega-panel {
display: block !important;
left: 0;
opacity: 1;
visibility: visible;
}  */
} */
.soj-primary-menu > li.soj-mega-collections .soj-mega-panel,
.soj-primary-menu > li.soj-mega-dest .soj-mega-panel {
position: absolute;
top: 140%;
left: 0;
max-width: 1010px !important;
z-index: 9999;
} .soj-mega-collections > .sub-menu {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
pointer-events: none !important;
} .soj-mega-collections:hover > .soj-mega-panel, .soj-mega-dest:hover > .soj-mega-panel {
display: block !important;
left: 0;
opacity: 1;
visibility: visible;
}  */
} transform: translateY(10px);
opacity: 0;
visibility: hidden;
transition: all 0.25s ease;
}
.soj-mega-panel {
width: 1010px;
}  */ margin: 0 auto;
z-index: 9999;
display: none;
}	 */
.soj-search-toggle,
.soj-search-toggle button {
background: none;
border: none;
cursor: pointer;
padding: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.soj-search-icon svg {
width: 22px;
height: 22px;
fill: #ffffff; display: block;
}
transition: transform .25s ease;
}
.soj-search-toggle:hover .soj-search-svg {
transform: scale(1.15);
background-color: transparent;
}
#menu-item-37748 a:before {
background-image: url(//gosojourn.com/wp-content/uploads/2025/08/calendar.svg);
width: 22px;
height: 22px;
}
#menu-item-827 a:before{
background-image: url(//gosojourn.com/wp-content/uploads/2024/11/cycle.svg);
width: 23px;
height: 23px;
}
#menu-item-828 a:before {
background-image: url(//gosojourn.com/wp-content/uploads/2024/10/email.svg);
}
#menu-item-29922 a:before {
background-image: url(//gosojourn.com/wp-content/uploads/2024/11/newsletter.svg);
} .menu-catalog a:before {
content:none !important;
display:none !important;
}
.menu-catalog a {
display: inline-block;
border-right: none;
background: #7db84e;
line-height:normal;
border-radius: 7px;
color: #ffffff !important;
padding: 5px 10px !important;
transition: all .2s 
linear;
font-weight: 600 !important;
}
.menu-catalog a:before {
content:none;
}
.soj-top-bar ul li {
display: inline-flex; align-items: center;
}
.soj-top-bar ul li:nth-child(n+2):nth-child(-n+4)::before {
content: "";
display: inline-block;
width: 1px;
height: .9em;
background-color: rgba(255,255,255,0.6);
margin: 0 12px;
}
.soj-top-bar ul li:nth-last-child(2) {
padding-right: 10px;
}
.soj-top-bar ul li a {
display: inline-flex; align-items: center; gap: 6px; }
.soj-primary-menu a,
.soj-top-menu a {
text-decoration: none !important;
}
.soj-primary-menu button:hover,
.soj-primary-menu a:hover,
.soj-top-menu  a:focus,
.soj-top-menu a:hover,
.soj-top-menu a:focus {
text-decoration: none !important;
}  #ast-mobile-header-wrap.ast-mobile-menu-active {
display: block;
}
.ast-mobile-menu > li {
padding: 12px 0;
border-bottom: 1px solid #eee;
}
.soj-mobile-toggle-wrapper {
display: block;
text-align: right;
padding: 12px;
}
.ast-main-header-wrap {
border-top: 1px solid rgba(255,255,255,.4) !important;
border-bottom: 1px solid #84b61d
}
#ast-fixed-header svg {
display: none !important;
}
#ast-hf-menu-3-mobile {
padding-right: 20px;
justify-content: start !important;
row-gap: 20px;
column-gap: 20px;
width: 100%;
font-size: 14px !important;
}
#ast-mobile-header-wrap.open {
display: block;
}
.ast-button-wrap .menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-minimal:focus, .ast-mobile-menu-trigger-minimal:focus, .menu-toggle:focus, .ast-button-wrap .menu-toggle:focus, .menu-toggle:active, .menu-toggle-close:focus {
border: none !important;
outline:none !important;
outline-color:none !important;
}
.ast-menu-toggle {
border:none !important;
background: none !important;
}
@media (max-width: 768px) {
.soj-desktop-header
{
display:none !important;
} 
} @media (min-width: 769px) and (max-width: 992px) { @media (min-width: 769px) and (max-width: 992px) {
.soj-primary-nav {
display: flex;
justify-content: flex-end; align-items: center;
gap: 24px; width: 100%;
}
.soj-primary-nav > li {
display: inline-flex; 
align-items: center;
white-space: nowrap;
}
.soj-primary-nav > li > a,
.soj-primary-nav > li > button {
display: inline-flex;
padding: 10px 14px;
width: auto; max-width: max-content; }
.soj-primary-nav .soj-mega-toggle {
width: auto !important;
max-width: max-content;
display: inline-flex;
padding: 10px 14px;
}
}
.ast-menu-toggle:focus {
outline:none;
}	
}  .soj-primary-menu > li > .soj-mega-panel {
position: absolute;
top: calc(100% + 12px); left: 0;
width: 100%;
max-width: 970px;
background: #fff;
z-index: 9999;
margin: 0 auto;
display: none;
}
.soj-primary-menu > li.soj-mega-collections,
.soj-primary-menu > li.soj-mega-dest {
padding-bottom: 28px; margin-bottom: -28px; }
.soj-mega-panel {
background:#fff;
}
.soj-primary-menu > li.soj-mega-dest:hover .soj-mega-panel,
.soj-primary-menu > li.soj-mega-dest:focus-within .soj-mega-panel {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
} .soj-primary-menu > li.soj-mega-collections:hover > .soj-mega-panel,
.soj-primary-menu > li.soj-mega-collections:focus-within > .soj-mega-panel {
display: block;
} .soj-primary-menu > li.soj-mega-dest:hover > .soj-mega-panel,
.soj-primary-menu > li.soj-mega-dest:focus-within > .soj-mega-panel {
display: block;
} #ast-hf-menu-3-mobile .main-header-menu .menu-item .menu-link,
#ast-hf-menu-3-mobile .main-header-menu li.menu-item .menu-link,
#ast-hf-menu-3-mobile .main-header-menu .menu-item > .menu-link,
#ast-hf-menu-3-mobile ul.main-header-menu li .menu-link,
#ast-hf-menu-3-mobile ul li .menu-link,
#ast-hf-menu-3-mobile ul li a,
#ast-hf-menu-3-mobile li a.menu-link {
color: #ffffff !important;
}
#ast-hf-menu-3-mobile .main-header-menu .menu-item,
#ast-hf-menu-3-mobile .main-header-menu li,
#ast-hf-menu-3-mobile ul li {
color: #ffffff !important;
}
#ast-hf-menu-3-mobile .main-header-menu .menu-item .menu-link:hover,
#ast-hf-menu-3-mobile .main-header-menu li .menu-link:hover,
#ast-hf-menu-3-mobile li a:hover {
color: #7bbf00 !important;
}
.soj-mega-panel {
width: 1010px;
}  
.soj-search-toggle,
.soj-search-toggle button {
background: none;
border: none;
cursor: pointer;
padding: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.soj-search-icon svg {
width: 22px;
height: 22px;
fill: #ffffff; display: block;
}
.soj-search-toggle:hover .soj-search-svg {
transform: scale(1.15);
background-color: transparent;
}
#menu-item-37748 a:before {
background-image: url(//gosojourn.com/wp-content/uploads/2025/08/calendar.svg);
width: 22px;
height: 22px;
}
#menu-item-827 a:before{
background-image: url(//gosojourn.com/wp-content/uploads/2024/11/cycle.svg);
width: 23px;
height: 23px;
}
#menu-item-828 a:before {
background-image: url(//gosojourn.com/wp-content/uploads/2024/10/email.svg);
}
#menu-item-29922 a:before {
background-image: url(//gosojourn.com/wp-content/uploads/2024/11/newsletter.svg);
} .menu-catalog a:before {
content:none !important;
display:none !important;
}
.menu-catalog a {
display: inline-block;
border-right: none;
background: #7db84e;
line-height:normal;
border-radius: 7px;
color: #ffffff !important;
padding: 5px 10px !important;
transition: all .2s 
linear;
font-weight: 600 !important;
}
.menu-catalog a:before {
content:none;
}
.soj-top-bar ul li {
display: inline-flex; align-items: center;
}
.soj-top-bar ul li:nth-child(n+2):nth-child(-n+4)::before {
content: "";
display: inline-block;
width: 1px;
height: .9em;
background-color: rgba(255,255,255,0.6);
margin: 0 12px;
}
.soj-top-bar ul li:nth-last-child(2) {
padding-right: 10px;
}
.soj-top-bar ul li a {
display: inline-flex; align-items: center; gap: 6px; }
.soj-primary-menu a,
.soj-top-menu a {
text-decoration: none !important;
}
.soj-primary-menu button:hover,
.soj-primary-menu a:hover,
.soj-top-menu  a:focus,
.soj-top-menu a:hover,
.soj-top-menu a:focus {
text-decoration: none !important;
}
#ast-mobile-header-wrap.ast-mobile-menu-active {
display: block;
}
.ast-mobile-menu > li {
padding: 12px 0;
border-bottom: 1px solid #eee;
}
.soj-mobile-toggle-wrapper {
display: block;
text-align: right;
padding: 12px;
}
.ast-main-header-wrap {
border-top: 1px solid rgba(255,255,255,.4) !important;
border-bottom: 1px solid #84b61d
}
#ast-fixed-header svg {
display: none !important;
}
#ast-hf-menu-3-mobile {
justify-content:center;
}
#ast-mobile-header-wrap.open {
display: block;
}
.ast-button-wrap .menu-toggle.main-header-menu-toggle.ast-mobile-menu-trigger-minimal:focus, .ast-mobile-menu-trigger-minimal:focus, .menu-toggle:focus, .ast-button-wrap .menu-toggle:focus, .menu-toggle:active, .menu-toggle-close:focus {
border: none !important;
outline:none !important;
outline-color:none !important;
}
.ast-menu-toggle {
border:none !important;
background: none !important;
}
@media (max-width: 768px) {
.soj-desktop-header
{
display:none !important;
} 
} @media (min-width: 769px) and (max-width: 992px) { @media (min-width: 769px) and (max-width: 992px) {
.soj-primary-nav {
display: flex;
justify-content: flex-end; align-items: center;
gap: 24px; width: 100%;
}
.soj-primary-nav > li {
display: inline-flex; 
align-items: center;
white-space: nowrap;
}
.soj-primary-nav > li > a,
.soj-primary-nav > li > button {
display: inline-flex;
padding: 10px 14px;
width: auto; max-width: max-content; }
.soj-primary-nav .soj-mega-toggle {
width: auto !important;
max-width: max-content;
display: inline-flex;
padding: 10px 14px;
}
}
.ast-menu-toggle:focus {
outline:none;
}	
} .soj-primary-menu > li > .soj-mega-panel {
position: absolute;
top: calc(100% + 12px); left: 0;
width: 100%;
max-width: 970px;
background: #fff;
z-index: 9999;
margin: 0 auto;
display: none;
}
.soj-primary-menu > li.soj-mega-collections,
.soj-primary-menu > li.soj-mega-dest {
padding-bottom: 28px; margin-bottom: -28px; }
.soj-mega-panel {
background:#fff;
}
.soj-primary-menu > li.soj-mega-dest:hover .soj-mega-panel,
.soj-primary-menu > li.soj-mega-dest:focus-within .soj-mega-panel {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
} .soj-primary-menu > li.soj-mega-collections:hover > .soj-mega-panel,
.soj-primary-menu > li.soj-mega-collections:focus-within > .soj-mega-panel {
display: block;
} .soj-primary-menu > li.soj-mega-dest:hover > .soj-mega-panel,
.soj-primary-menu > li.soj-mega-dest:focus-within > .soj-mega-panel {
display: block;
} #ast-hf-menu-3-mobile .main-header-menu .menu-item .menu-link,
#ast-hf-menu-3-mobile .main-header-menu li.menu-item .menu-link,
#ast-hf-menu-3-mobile .main-header-menu .menu-item > .menu-link,
#ast-hf-menu-3-mobile ul.main-header-menu li .menu-link,
#ast-hf-menu-3-mobile ul li .menu-link,
#ast-hf-menu-3-mobile ul li a,
#ast-hf-menu-3-mobile li a.menu-link {
color: #ffffff !important;
}
#ast-hf-menu-3-mobile .main-header-menu .menu-item,
#ast-hf-menu-3-mobile .main-header-menu li,
#ast-hf-menu-3-mobile ul li {
color: #ffffff !important;
}
#ast-hf-menu-3-mobile .main-header-menu .menu-item .menu-link:hover,
#ast-hf-menu-3-mobile .main-header-menu li .menu-link:hover,
#ast-hf-menu-3-mobile li a:hover {
color: #7bbf00 !important;
}