.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;
}
}.pl-sn-fly-quotes {
text-align: center;
}
.pl-sn-fly-quotes .pl-fly-quotes-container {
position: relative;
}
.pl-sn-fly-quotes .the-fly-quote {
padding-left: 0px;
text-align: center;
background-image: none;
width: 100%;
margin: 0 auto;
opacity: 0;
position: absolute;
left: -2em;
z-index: -1;
}
.pl-sn-fly-quotes .pl-quote {
padding: 0 0 1rem;
border: none;
font-size: 2.5em;
line-height: 1.2em;
letter-spacing: -0.04em;
margin: 0;
}
.pl-sn-fly-quotes .pl-quote p {
margin: 0;
font-style: normal;
}
.pl-sn-fly-quotes .pl-cite {
font-size: 1em;
line-height: 2em;
display: inline-block;
opacity: .7;
}
.pl-sn-fly-quotes .controls ul {
margin: 0;
padding: 0;
display: block;
z-index: 30;
position: relative;
width: 100%;
text-align: center;
}
.pl-sn-fly-quotes .controls ul li {
list-style: none;
cursor: pointer;
display: inline-block;
}
.pl-sn-fly-quotes .controls ul li > span {
opacity: .6;
border-radius: 500px;
cursor: pointer;
display: inline-block;
height: 10px;
width: 10px;
margin: 0 .2em;
transition: opacity 0.2s;
}
.pl-sn-fly-quotes .controls ul li:hover > span,
.pl-sn-fly-quotes .controls ul li.active > span {
opacity: 1;
}
.pl-sn-fly-quotes .controls ul[data-theme="image"] li > span {
border-radius: 0;
width: 50px;
height: 30px;
background-size: cover;
background-position: 50%;
opacity: .3;
display: inline-block;
transition: opacity 0.2s linear 0s;
border-width: 0;
margin: 0 .5em;
}
.pl-sn-fly-quotes .controls ul[data-theme="image"] li:hover > span,
.pl-sn-fly-quotes .controls ul[data-theme="image"] li.active > span {
opacity: 1;
}