.parent-site-name {
font-weight: 300;
flex-basis: content;
margin: 0 0 -10px 0;
padding: 1.05rem 0 0 1.25rem;
width: 100%;
background: var(--brand-primary); }
@media (min-width: 980px) {
.o-canvas--lock .parent-site-name {
background: transparent; } }
.parent-site-name a {
color: var(--brand-secondary);
text-decoration: none; }
@media (min-width: 980px) {
.parent-site-name {
background: transparent;
display: flex;
align-items: center;
margin: 0;
padding: 1px 0 0;
width: auto; } }
@import '../../../assets/scss/variables';
@import "../../../assets/scss/utilities";
.parent-site-name {
font-weight: $font-weight-light;
flex-basis: content;
margin: 0 0 -10px 0;
padding: $md 0 0 $gutter;
width: 100%;
background: $primary;
.o-canvas--lock & {
@include breakpoint(md) {
background: transparent;
}
}
a {
color: $secondary;
text-decoration: none;
}
@include breakpoint(md) {
background: transparent;
display: flex;
align-items: center;
margin: 0;
padding: 1px 0 0;
width: auto;
}
}