.menu-toggle, body .main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
font-size: 22px;
padding-right: 0;
}
.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
background: none;
}
body .slideout-overlay {
background-color: transparent;
}
.main-navigation.toggled .menu-toggle {
display: none;
}
body .main-navigation.offside {
height: auto;
padding: 20px 20px 0;
}
.navigation-stick.is_stuck .inside-navigation.grid-container {
max-width: 100%;
}
.main-navigation.is_stuck {
background-color: transparent;
}
.sticky-enabled .main-navigation.is_stuck {
box-shadow: none;
}
@media (max-width: 768px) {
.site-header .header-image {
width: 50px;
}
.menu-toggle {
line-height: 49px;
}
.main-navigation.sticky-navigation-transition .navigation-branding img {
height: 70px;
}
.sticky-navigation-transition .menu-toggle {
line-height: 70px;
}
body .main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
padding-right: 15px
}
} .logo-overlay {
position: absolute; 
top: 40%;
width: 100%;
} .entry-title {
text-align: center;
margin-top: 20px;
}
.entry-title:after {
content: '';
height: 2px;
width: 40px;
background-color: var(--accent);
display: block;
margin: 20px auto 20px;
}
hr {
margin-top: 0px;
max-width: 40px;
margin: 0 auto 20px;
}
.wp-block-separator {
border-top: 1px;
}
.swiper-pagination-bullet-active {
background: var(--accent);	
}
.testimonials-swiper .swiper-wrapper {
padding-bottom: 40px;
}
.tab-btn.gb-block-is-current:after {
content: '';
height: 1px; 
width: 30px;
background-color: var(--contrast);
display: block;
margin: 0 auto;
} .project-tags .post-term-item {
background-color: var(--base);
padding: 2px 4px;
margin-bottom: 8px;
margin-right: 8px;
display: inline-block;
}
.project-details {
position: sticky;
top: 20px;
} .text-box {
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
transition: allease .2s;
}
.overlay-container:hover .text-box {
display: block;
} #contact-form .nf-field-label label {
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.15em;
}
.nf-response-msg {
text-align: center;
}  @keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
h1.entry-title, .logo-overlay img {
animation: 1.2s ease-out 0.3s fadeIn;
animation-fill-mode: forwards;
opacity: 0;
}