/* Site footer – option E (docs/footer/index.html#e), soft yellow top (#ffe8b5, set in the row settings).
Top: the Beaver Builder global row 1265 (row class mv-footer; background and paddings come from the row
settings, the rounded top corners and the contact buttons from here). Bottom: Astra's „Below Footer“ row, whose
copyright text (Customizer → Footer → Copyright) carries the © line plus a span.mv-footer-links with the links. */
.fl-row.mv-footer {
--mvf-ink: #510000;
--mvf-butter: #ffd577;
--mvf-eyebrow: #8a4b2a;
--mvf-line: rgba(81, 0, 0, .12);
color: var(--mvf-ink);
font-family: 'Work Sans', sans-serif;
}
.fl-row.mv-footer > .fl-row-content-wrap {
border-radius: var(--mvf-r) var(--mvf-r) 0 0;
}
/* Rounded corners sit on whatever the page ends with. The footer slides up by its radius, so its corners show
what is above it, and the page grows by the same amount so nothing gets covered:
– by default (page ends on the plain ground #fffaf3) #content gets a ground strip;
– a full-width coloured last section (shop „Atmintinės“ sand, home, Kontaktai) gets its own colour extended
instead (transparent border, which the background paints under), so the corners take that colour;
– a boxed last row (Apie mane newsletter card) also keeps a gap of ground under it. */
body {
--mvf-r: 48px;
}
.fl-builder-content-1265 {
position: relative;
margin-top: calc(-1 * var(--mvf-r));
}
#content {
display: flow-root; /* keeps Astra's #primary bottom margin inside, or it collapses with the footer's pull-up */
padding-bottom: var(--mvf-r);
}
#content:has(.entry-content > .fl-builder-content > .fl-row-full-width:last-child:not(.fl-row-bg-none)),
#content:has(.mv-shop-section:last-of-type) {
padding-bottom: 0;
}
.entry-content > .fl-builder-content > .fl-row-full-width:last-child:not(.fl-row-bg-none) > .fl-row-content-wrap,
.mv-shop-section:last-of-type {
border-bottom: var(--mvf-r) solid transparent;
}
.entry-content > .fl-builder-content > .fl-row-fixed-width:last-child:not(.fl-row-bg-none) {
margin-bottom: var(--mvf-r);
}
.fl-row.mv-footer .fl-module-content {
margin: 0;
}
.fl-row.mv-footer .fl-col[data-node] .fl-col-content {
padding-left: 12px;
padding-right: 12px;
}
/* Column 1: name, „Keramikos studija“, company details */
.fl-row.mv-footer .fl-rich-text p {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: var(--mvf-ink);
}
.fl-row.mv-footer .fl-rich-text p.mv-footer-name {
font-size: 30px;
font-weight: 700;
line-height: 1.1;
letter-spacing: -.015em;
}
.fl-row.mv-footer .fl-rich-text p.mv-footer-sub {
margin: 6px 0 26px;
font-size: 12px;
font-weight: 500;
letter-spacing: .22em;
text-transform: uppercase;
color: var(--mvf-eyebrow);
}
.fl-row.mv-footer .fl-rich-text p.mv-footer-rekv {
display: grid;
grid-template-columns: 110px 1fr;
gap: 14px;
}
.fl-row.mv-footer .fl-rich-text p.mv-footer-rekv + p.mv-footer-rekv {
margin-top: 4px;
}
.fl-row.mv-footer .mv-footer-rekv span {
color: var(--mvf-eyebrow);
}
.fl-row.mv-footer .mv-footer-rekv strong {
font-weight: 700;
font-variant-numeric: tabular-nums;
}
/* Columns 2–3: labels and pill buttons (HTML modules) */
.fl-row.mv-footer .mv-footer-label {
margin: 0 0 12px;
font-size: 12px;
font-weight: 500;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--mvf-eyebrow);
}
.fl-row.mv-footer .mv-footer-pills {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.fl-row.mv-footer .mv-footer-pills.mv-footer-pills--row {
flex-direction: row;
flex-wrap: wrap;
}
.fl-row.mv-footer a.mv-pill,
.fl-row.mv-footer a.mv-pill:visited {
display: inline-flex;
align-items: center;
gap: 12px;
min-height: 48px;
padding: 6px 20px 6px 7px;
border: 1px solid var(--mvf-line);
border-radius: 999px;
background: #fff;
color: var(--mvf-ink);
font-size: 15px;
font-weight: 500;
line-height: 1.25;
text-decoration: none;
transition: box-shadow .15s ease, border-color .15s ease;
}
.fl-row.mv-footer a.mv-pill:hover,
.fl-row.mv-footer a.mv-pill:focus-visible {
border-color: var(--mvf-ink);
box-shadow: 0 0 0 .5px var(--mvf-ink);
color: var(--mvf-ink);
}
.fl-row.mv-footer a.mv-pill:focus-visible {
outline: 2px solid var(--mvf-ink);
outline-offset: 3px;
}
.fl-row.mv-footer .mv-pill-ic {
display: inline-flex;
align-items: center;
justify-content: center;
flex: none;
width: 34px;
height: 34px;
border-radius: 50%;
background: var(--mvf-ink);
color: var(--mvf-butter);
}
.fl-row.mv-footer .mv-pill-ic svg {
width: 17px;
height: 17px;
}
.fl-row.mv-footer .mv-pill small {
display: block;
font-size: 12px;
font-weight: 400;
color: var(--mvf-eyebrow);
}
/* Astra „Below Footer“: dark brown bar with © on the left and the links on the right */
.site-footer .site-below-footer-wrap[data-section="section-below-footer-builder"] {
background: #510000;
border-top: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.site-footer .site-below-footer-wrap .ast-builder-grid-row {
padding-left: 24px;
padding-right: 24px;
}
.site-footer .site-below-footer-wrap .site-footer-section,
.site-footer .site-below-footer-wrap .ast-footer-copyright {
width: 100%;
justify-content: flex-start;
text-align: left;
}
.site-footer .ast-footer-copyright p {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px 32px;
margin: 0;
font-size: 13px;
line-height: 1.6;
color: rgba(255, 250, 243, .85);
}
.site-footer .mv-footer-links {
display: flex;
flex-wrap: wrap;
gap: 6px 22px;
}
.site-footer .mv-footer-links a,
.site-footer .mv-footer-links a:visited {
color: #ffd577;
text-decoration: none;
}
.site-footer .mv-footer-links a:hover,
.site-footer .mv-footer-links a:focus-visible {
color: #ffd577;
text-decoration: underline;
}
@media (max-width: 768px) {
body {
--mvf-r: 32px;
}
.fl-row.mv-footer .fl-col + .fl-col {
margin-top: 32px;
}
.fl-row.mv-footer .fl-col[data-node] .fl-col-content {
padding-left: 24px;
padding-right: 24px;
}
.fl-row.mv-footer .fl-rich-text p.mv-footer-name {
font-size: 26px;
}
.fl-row.mv-footer .mv-footer-pills {
align-items: stretch;
}
.fl-row.mv-footer .mv-footer-pills--row a.mv-pill {
flex: 1;
}
.site-footer .ast-footer-copyright p {
flex-direction: column;
}
}