.site-cta-widget { --content-font-size: 1.6rem; } .site-cta-widget .site-cta-summary { font-size: var(--content-font-size); } .site-cta-widget .cta-button { margin-top: 3rem } .site-cta-widget.widget-has-background, .site-cta-widget.widget-has-background h1, .site-cta-widget.widget-has-background h2, .site-cta-widget.widget-has-background h3, .site-cta-widget.widget-has-background h4, .site-cta-widget.widget-has-background h5, .site-cta-widget.widget-has-background h6 { color: #fff } @media only screen and (min-width: 768px) { .site-cta-widget.style_1 .site-cta-summary { max-width: 60% } } .site-cta-widget:where(.style_3,.style_4) .site-widget-container { width: 100% } .site-cta-widget:where(.style_1,.style_2) { text-align: center } @media only screen and (min-width: 768px) { .site-cta-widget:where(.style_3,.style_4) .site-widget-container { width: 50% } } .site-cta-widget.style_3.widget-has-background { justify-content: flex-start } .site-cta-widget.style_4.widget-has-background { text-align: right; justify-content: flex-end } .site-fullwidth-widgetarea .site-cta-widget.style_2 { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 1000%; width: auto; } .site-fullwidth-widgetarea .site-cta-widget.style_2 .site-widget-container { --wpintf-gutter-x: 3rem; --wpintf-gutter-y: 0; max-width: var(--responsive--alignwide-width); padding-right: calc(var(--wpintf-gutter-x) * 0.5); padding-left: calc(var(--wpintf-gutter-x) * 0.5); margin-left: auto; margin-right: auto; }