.sn-menus .pl-sn-pad {
padding: 0;
}
.menus-content {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.menus-content .pl-mobile-activation {
display: none;
font-weight: 600;
font-size: .9em;
padding: .3em 1em;
}
.menus-content .pl-mobile-activation .activation-text {
opacity: .2;
}
.menus-content .pl-mobile-activation .menu-name {
margin-left: 3px;
}
.menus-content .pl-mobile-activation:hover,
.menus-content .pl-mobile-activation:active {
cursor: pointer;
background: rgba(0, 0, 0, 0.04);
}
.pl-alignment-left .menus-content {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
}
.pl-alignment-right .menus-content {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
.pl-platform .menus-content.fill-space {
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.pl-platform .menus-content.fill-space .menus-branding {
margin-left: 0;
}
.menus-container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.menus-branding {
margin: 0 1.5em;
}
.menus-branding a {
color: inherit;
}
.menus-branding a:hover {
text-decoration: none;
}
.menus-branding a[href]:hover {
opacity: .7;
}
.menus-branding img {
display: block;
}
.menus-branding .menus-name {
line-height: inherit;
margin: 0;
font-size: inherit;
}
@media (max-width: 768px) {
.menus-content {
display: block;
}
.menus-content .menus-branding {
padding: .5em 0;
}
.menus-content .menus-branding a img {
display: inline-block;
}
.menus-content .do-mobile-nav .pl-nav {
display: block;
}
.menus-content .do-mobile-nav .pl-nav > li {
display: block;
}
.menus-content .do-mobile-nav .pl-mobile-activation {
display: block;
}
.menus-content .do-mobile-nav .pl-nav-container {
height: 0;
opacity: 0;
overflow: hidden;
transition: opacity 0.5s linear;
}
.menus-content .do-mobile-nav.pl-mobile-container.toggle-open .pl-nav-container {
height: auto;
opacity: 1;
}
}.sn-menus .pl-sn-pad {
padding: 0;
}
.menus-content {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.menus-content .pl-mobile-activation {
display: none;
font-weight: 600;
font-size: .9em;
padding: .3em 1em;
}
.menus-content .pl-mobile-activation .activation-text {
opacity: .2;
}
.menus-content .pl-mobile-activation .menu-name {
margin-left: 3px;
}
.menus-content .pl-mobile-activation:hover,
.menus-content .pl-mobile-activation:active {
cursor: pointer;
background: rgba(0, 0, 0, 0.04);
}
.pl-alignment-left .menus-content {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
}
.pl-alignment-right .menus-content {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
.pl-platform .menus-content.fill-space {
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.pl-platform .menus-content.fill-space .menus-branding {
margin-left: 0;
}
.menus-container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.menus-branding {
margin: 0 1.5em;
}
.menus-branding a {
color: inherit;
}
.menus-branding a:hover {
text-decoration: none;
}
.menus-branding a[href]:hover {
opacity: .7;
}
.menus-branding img {
display: block;
}
.menus-branding .menus-name {
line-height: inherit;
margin: 0;
font-size: inherit;
}
@media (max-width: 768px) {
.menus-content {
display: block;
}
.menus-content .menus-branding {
padding: .5em 0;
}
.menus-content .menus-branding a img {
display: inline-block;
}
.menus-content .do-mobile-nav .pl-nav {
display: block;
}
.menus-content .do-mobile-nav .pl-nav > li {
display: block;
}
.menus-content .do-mobile-nav .pl-mobile-activation {
display: block;
}
.menus-content .do-mobile-nav .pl-nav-container {
height: 0;
opacity: 0;
overflow: hidden;
transition: opacity 0.5s linear;
}
.menus-content .do-mobile-nav.pl-mobile-container.toggle-open .pl-nav-container {
height: auto;
opacity: 1;
}
}