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 }};
}
footer .social a {
color: {{ appearance.socialLinkColor }};
}
footer .social a:hover {
color: {{ appearance.socialLinkHoverColor }};
}
a {
color: {{ appearance.linkColor }};
text-decoration: underline;
}
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:hover, a.button:hover {
background-color: {{ appearance.linkHoverColor }};
border-color: {{ appearance.linkHoverColor }};
}
button:disabled, a.button:disabled {
background-color: {{ appearance.linkColor }};
}
.event .date {
background-color: {{ appearance.linkColor }};
color: {{ appearance.buttonTextColor }};
}
.event .details {
border-color: {{ appearance.linkColor }};
}
.form-divider {
border-bottom-color: {{ appearance.fontColor }};
}
.guests-table .guest {
border-color: {{ appearance.linkColor }};
}
.guests-table .actions {
color: {{ appearance.linkColor }};
}