/* ================================================ Base ================================================= */ html { font-family: Source Serif Pro; font-weight: 400; font-size: 16px; color: #333333; } a { color: #44a529; } /* ================================================ Widget ================================================= */ .widget li a { color: #333333; } .widget li a:hover { color: #44a529; } /* ================================================ Titles ================================================= */ .title-wrapper { font-size: 22px; } .title-wrapper, .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, #comments > h2, #reply-title { font-family: Roboto; letter-spacing: px; font-weight: 700; text-transform: none; color: #000000; } .title-wrapper a, .post-entry h1 a, .post-entry h2 a, .post-entry h3 a, .post-entry h4 a, .post-entry h5 a, .post-entry h6 a, .comment-header { color: #000000; } .title-wrapper a:hover, .post-entry h1 a:hover, .post-entry h2 a:hover, .post-entry h3 a:hover, .post-entry h4 a:hover, .post-entry h5 a:hover, .post-entry h6 a:hover { color: #44a529; } .widget-recent-posts-title { letter-spacing: calc(2px / 2); } .widget-title { letter-spacing: calc(2px / 1.5); } /* ================================================ Meta Typography ================================================= */ .meta-wrapper { font-family: Roboto; font-size: px; letter-spacing: px; font-weight: 400; text-transform: ; } .meta-wrapper, .meta-wrapper a { color: #333333; } .meta-wrapper a:hover { color: #44a529; } /* ================================================ Buttons ================================================= */ .button-wrapper { font-family: Roboto; font-size: px; font-weight: ; text-transform: ; } /* ================================================ Top Bar ================================================= */ .top-bar { height: px; background-color: ; } .top-bar-menu { font-family: Roboto; font-size: px; letter-spacing: px; font-weight: ; text-transform: ; } .top-bar-menu .menu > li > a { height: 50px; line-height: px; color: ; } .top-bar-menu .menu > li > a:hover { color: ; } .top-bar-items-social, .top-bar-items-search { line-height: px; } .top-bar-items-social li, .top-bar-items-search { font-size: px; } .top-bar-items-social li a, .top-bar-items-search a { color: ; } .top-bar-items-social li a:hover, .top-bar-items-search a:hover { color: ; } /* ================================================ Header ================================================= */