html, body, section { background-color: {{ appearance.backgroundColor }}; font-family: {{ appearance.font }}; font-size: {{ appearance.fontSize }}px; color: {{ appearance.fontColor }}; } label { color: {{ appearance.fontColor }}; } footer { background-color: {{ appearance.footerBackgroundColor }}; color: {{ appearance.footerFontColor }}; font-size: {{ appearance.footerFontSize }}px; } footer a { color: {{ appearance.footerLinkColor }}; } footer a:hover { color: {{ appearance.footerLinkHoverColor }}; } a { color: {{ appearance.linkColor }}; text-decoration: none; } a:hover { color: {{ appearance.linkHoverColor }}; } h2, h4, .details .name > :first-child { color: {{ appearance.titleFontColor }}; font-family: {{ appearance.titleFont }}; } h2 { font-size: {{ appearance.titleFontSize }}px; } h4, .details .name > :first-child { font-size: {{ appearance.subTitleFontSize }}px; } button, a.button { background-color: {{ appearance.linkColor }}; color: {{ appearance.buttonTextColor }}; border: 1px solid {{ appearance.linkColor }}; } button:disabled, a.button:disabled { background-color: {{ appearance.linkColor }}; } .event .date { background-color: {{ appearance.linkColor }}; color: {{ appearance.buttonTextColor }}; } .black { color: {{ appearance.fontColor }}; } .event .details { border-color: {{ appearance.linkColor }}; } .form-divider { border-bottom-color: {{ appearance.fontColor }}; }