.section-copyright {
margin: 0 auto;
padding: var(--space-6) var(--space-4);
}
.container-copyright {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex: 1 1 auto;
gap: var(--space-5);
}
.section-copyright a,
.section-copyright span {
color: var(--color-text);
font-size: var(--text-sm);
font-weight: var(--font-light);
line-height: 0;
text-decoration-color: transparent;
}
.section-copyright a:hover {
color: var(--color-secondary);
text-decoration-color: var(--color-secondary);
}
@media only screen and (max-width: 768px) {
.section-copyright span {
display: block;
margin-top: var(--space-4);
}
}
.copyright-menu-items ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: var(--space-5);
margin: 0;
list-style: none;
}
.copyright-menu-items li::after {
content: "|";
padding-left: var(--space-5);
color: var(--color-white);
}
.copyright-author {
display: flex;
align-items: center;
}
.copyright-author svg {
margin-bottom: var(--space-1);
margin-left: var(--space-3);
width: 130px;
height: 30px;
}
.copyright-author svg .svg-text {
color: var(--color-text);
}
.copyright-author svg .cls-3 {
fill: transparent;
}
.copyright-author svg .logo-eyes,
.copyright-author svg .logo-mounth {
fill: #fff;
}
@media only screen and (max-width: 768px) {
.copyright-menu-items ul {
display: block;
}
.container-copyright {
gap: var(--space-4);
flex-direction: column;
}
.copyright-menu-items li {
display: block;
margin: 0 auto var(--space-8) auto;
padding-left: 0;
text-align: center;
}
.copyright-menu-items li:last-of-type {
margin-bottom: var(--space-2);
}
.copyright-menu-items li::after {
content: " ";
}
.copyright-author {
margin: 0;
}
.copyright-author img {
margin-bottom: -6px;
}
}