diff --git a/styles/styles.css b/styles/styles.css index 113a598..1e8f9d3 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -67,3 +67,41 @@ div[class*='-up'] .con-block.has-bg.text-block.text-list, .caas-spacing-m { min-height: 500px; } + +/* Section metadata fix */ +main > .section[class*='-up'] > .content { + max-width: initial; + margin: 0; +} + +main .section[class*='grid-width-'] { + padding-left: unset; + padding-right: unset; + display: block; +} + +main .section.two-up, +main .section.three-up, +main .section.four-up, +main .section.five-up { + display: grid; + padding-left: var(--grid-margins-width); + padding-right: var(--grid-margins-width); +} + +@media screen and (min-width: 1200px) { + main .section.grid-width-10 { + padding-left: var(--grid-margins-width-10); + padding-right: var(--grid-margins-width-10); + } + + main .section.grid-width-8 { + padding-left: var(--grid-margins-width-8); + padding-right: var(--grid-margins-width-8); + } + + main .section.grid-width-6 { + padding-left: var(--grid-margins-width-6); + padding-right: var(--grid-margins-width-6); + } +}