body:not(.sqs-edit-mode) section[data-section-id="6464db368b82e06ae7a9eabf"] {
display: none;
}
@SQSP-navigation-margin-top:1px;
@button-padding: 10px 25px;
@button-font-size: 16px;
@button-letter-spacing:5;
@button-border-radius:30px;
@link-font-size:16px;
@link-font-color:#81AD77;
@link-color-hover:#81AD77;
@mobile-button-font-color:#fff;
@mobile-button-background:#000;
.nav-additional .fluid-engine {
display: flex;
align-items: center;
justify-content: flex-end;
}
.nav-additional .span-12 {
display: flex;
align-items: center;
justify-content: flex-end;
}
.nav-additional {
.sqs-block {
padding: 0 !important;
}
ul {
display: flex;
}
li p:before {
content: none !important;
}
li + li {
margin-left: 12px;
}
li a {
font-size: @link-font-size!important;
color:@link-font-color
}
li a:hover {color:@link-color-hover!important;
transition:color 0.4s;
transition-timing-function: ease-in-out;}
.button-block {
padding: 0!important;
a {
letter-spacing: @button-letter-spacing !important;
padding: @button-padding !important;
font-size: @button-font-size !important;
border-radius: @button-border-radius;
}
}
.sqs-block + .sqs-block {
margin-left: 12px;
}
}
.header--additional-nav-button {
.header-display-desktop .nav-additional {
position: absolute;
right: 0;
top: -10px;
z-index: 2;
}
.header-nav-list {
margin-top: @SQSP-navigation-margin-top!important;
}
.header-actions-action--social {
margin-top: @SQSP-navigation-margin-top!important;
}
.header-actions--right .btn {
margin-top: @SQSP-navigation-margin-top!important;
padding: 0.6rem 1.2rem !important;
}
}
[data-folder="root"] .nav-additional {
padding-bottom: 16px;
.span-12 {
display: flex;
flex-wrap: wrap;
}
.fluid-engine {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: unset;
}
ul {
justify-content: center;
margin-bottom: 4px !important;
}
.span-12 > .html-block,
.fluid-engine > .html-block {
flex: 100%;
}
.span-12 > .button-block,
.fluid-engine > .button-block
{
box-sizing: border-box;
flex: 0 0 50%;
margin: 0 !important;
padding: 0 8px;
margin-bottom: 5px !important;
display: flex;
justify-content: flex-end !important;
a {
color:@mobile-button-font-color!important;
background:@mobile-button-background!important;
margin:10px!important;
z-index:99999!important;
}
}
.fluid-engine .button-block .sqs-block-content {
display: flex;
justify-content: flex-end !important;
}
.span-12 > .button-block:last-child,
.fluid-engine > .button-block:last-child,
.fluid-engine .button-block:last-child .button-block .sqs-block-content
{
display: flex;
justify-content: flex-start !important;
}
}
.nav-additional * {
transform: unset !important;
opacity: 1 !important;
transition-delay: unset !important;
transition: unset !important;
}
.nav-additional {
h1,h2,h3,h4,p,code,nav {
a,span {
background-image: none!important;
text-decoration: none!important;
}
}
}