$primary-color: #90525B; $secondary-color: #DB9B51; body { font-family: 'Playfair Display', serif; font-size: 16px; line-height: 30px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Playfair Display', serif; font-weight: 700; } .site-branding { font-size: 14px; } .cover-section-wrap .cover-desc { font-size: 18px; } a { color: $primary-color; &:hover, &:focus, &:active { color: $secondary-color; } } .main-navigation { li { a { &:hover { color: $primary-color; } } } .current_page_item > a { color: $primary-color; } } .post, .page { .entry-title { a { &:hover { color: $primary-color; } } } } .bg-show-error { color: $primary-color; } .post .entry-content blockquote { border-left: 4px solid $primary-color; } .post .entry-content .wp-block-pullquote { border-top: 3px solid $primary-color; border-bottom: 3px solid $primary-color; } .post .entry-content .wp-block-pullquote.is-style-solid-color { &.has-light-purple-background-color { background-color: $primary-color; } &.has-light-pink-background-color { background-color: $secondary-color; } } button, input[type="button"], input[type="reset"], input[type="submit"] { border-color: $primary-color; background-color: $primary-color; &:hover, &:active, &:focus { background-color: $secondary-color; border-color: $secondary-color; } } .btn-primary { border-color: $primary-color; background-color: $primary-color; &:hover, &:active, &:focus { background-color: $secondary-color; border-color: $secondary-color; } } .has-light-purple-color { color: $primary-color; cite { color: $primary-color; } } .has-light-pink-color { color: $secondary-color; cite { color: $secondary-color; } } .has-light-purple-background-color { background-color: $primary-color; } .has-light-pink-background-color { background-color: $secondary-color; } .wp-block-button.is-style-outline { .has-light-purple-color { color: $primary-color; border-color: $primary-color; } .has-light-pink-color { color: $secondary-color; border-color: $secondary-color; } .has-light-purple-background-color { background-color: $primary-color; } .has-light-pink-background-color { background-color: $secondary-color; } } input[type="submit"] { border-color: $primary-color; background-color: $primary-color; &:hover, &:active, &:focus { color: $primary-color; border-color: $primary-color; } } .site-footer { .goto-top { background: $primary-color; } }