Rivington: several updates

This commit is contained in:
Takashi Irie 2019-08-24 05:28:10 +01:00
parent 4d0d476ea7
commit 498914fb32
6 changed files with 774 additions and 279 deletions

View file

@ -22,6 +22,11 @@ if ( ! function_exists( 'rivington_setup' ) ) :
// Add child theme editor styles, compiled from `style-child-theme-editor.scss`.
add_editor_style( 'style-editor.css' );
// Dark backgrounds
// - See: https://developer.wordpress.org/block-editor/developers/themes/theme-support/#dark-backgrounds
add_theme_support( 'editor-styles' );
add_theme_support( 'dark-editor-style' );
// Add child theme editor font sizes to match Sass-map variables in `_config-child-theme-deep.scss`.
add_theme_support(
'editor-font-sizes',
@ -29,25 +34,25 @@ if ( ! function_exists( 'rivington_setup' ) ) :
array(
'name' => __( 'Small', 'rivington' ),
'shortName' => __( 'S', 'rivington' ),
'size' => 19.5,
'size' => 14.4,
'slug' => 'small',
),
array(
'name' => __( 'Normal', 'rivington' ),
'shortName' => __( 'M', 'rivington' ),
'size' => 22,
'size' => 18,
'slug' => 'normal',
),
array(
'name' => __( 'Large', 'rivington' ),
'shortName' => __( 'L', 'rivington' ),
'size' => 36.5,
'size' => 28.12,
'slug' => 'large',
),
array(
'name' => __( 'Huge', 'rivington' ),
'shortName' => __( 'XL', 'rivington' ),
'size' => 49.5,
'size' => 35.15,
'slug' => 'huge',
),
)
@ -60,42 +65,42 @@ if ( ! function_exists( 'rivington_setup' ) ) :
array(
'name' => __( 'Primary', 'rivington' ),
'slug' => 'primary',
'color' => '#0000FF',
'color' => '#CAAB57',
),
array(
'name' => __( 'Secondary', 'rivington' ),
'slug' => 'secondary',
'color' => '#FF0000',
'color' => '#CAAB57',
),
array(
'name' => __( 'Dark Gray', 'rivington' ),
'name' => __( 'Skin', 'rivington' ),
'slug' => 'foreground-dark',
'color' => '#111111',
'color' => '#e0d4c2',
),
array(
'name' => __( 'Gray', 'rivington' ),
'name' => __( 'Off White', 'rivington' ),
'slug' => 'foreground',
'color' => '#444444',
),
array(
'name' => __( 'Light Gray', 'rivington' ),
'slug' => 'foreground-light',
'color' => '#767676',
),
array(
'name' => __( 'Lighter Gray', 'rivington' ),
'slug' => 'background-dark',
'color' => '#DDDDDD',
),
array(
'name' => __( 'Subtle Gray', 'rivington' ),
'slug' => 'background-light',
'color' => '#FAFAFA',
'color' => '#F1ECE4',
),
array(
'name' => __( 'White', 'rivington' ),
'slug' => 'foreground-light',
'color' => '#faf8f5',
),
array(
'name' => __( 'Black', 'rivington' ),
'slug' => 'background-dark',
'color' => '#000000',
),
array(
'name' => __( 'Dark Gray', 'rivington' ),
'slug' => 'background-light',
'color' => '#151515',
),
array(
'name' => __( 'Black', 'rivington' ),
'slug' => 'background',
'color' => '#FFFFFF',
'color' => '#080808',
),
)
);

View file

@ -53,7 +53,7 @@ $config-global: (
/* Line Height */
"line-height": (
"base": strip-unit($typescale-base),
"body": 1.6,
"body": 1.778,
"heading": 1.125,
),
),
@ -62,26 +62,26 @@ $config-global: (
"color": (
"primary": (
"default": #CAAB57,
"hover": #B59439,
"hover": darken( #CAAB57, 10% )
),
"secondary": (
"default": #CAAB57,
"hover": #B59439,
"hover": darken( #CAAB57, 10% )
),
"foreground": (
"default": #FFFFFF,
"light": darken( #FFFFFF, 20% ), // must be accessible against background
"dark": #111111, // must be accessible against background
"default": #F1ECE4,
"light": lighten( #F1ECE4, 5% ), // must be accessible against background
"dark": darken( #F1ECE4, 10% ), // must be accessible against background
),
"background": (
"default": #080808,
"light": #FAFAFA, // must be accessible against foreground-default
"dark": #DDDDDD, // must be accessible against foreground-default
"light": lighten( #080808, 5% ), // must be accessible against foreground-default
"dark": #000000, // must be accessible against foreground-default
),
"border": (
"default": #DDDDDD,
"light": #FAFAFA,
"dark": #AAAAAA,
"default": #595959,
"light": #727272,
"dark": #3f3f3f,
),
"text-selection": lighten( #CAAB57, 30% ),
"black": black,
@ -117,8 +117,8 @@ $config-global: (
/* Border radius */
"border-radius": (
"sm": (0.5 * $typescale-root),
"md": (0.75 * $typescale-root),
"sm": (0.25 * $typescale-root),
"md": (0.5 * $typescale-root),
"lg": $typescale-root,
"pill": (10 * $typescale-root),
),
@ -142,7 +142,7 @@ $config-elements: (
"font": (
"family": map-deep-get($config-global, "font", "family", "secondary"),
"line-height": map-deep-get($config-global, "font", "line-height", "md"),
"size": map-deep-get($config-global, "font", "size", "md"),
"size": map-deep-get($config-global, "font", "size", "base"),
"weight": bold,
),
@ -170,7 +170,7 @@ $config-button: (
// Fonts
"font": (
"family": map-deep-get($config-global, "font", "family", "ui"),
"size": map-deep-get($config-global, "font", "size", "md"),
"size": map-deep-get($config-global, "font", "size", "base"),
"weight": 600,
"line-height": 1,
),
@ -308,7 +308,7 @@ $config-header: (
// Fonts
"font": (
"family": map-deep-get($config-global, "font", "family", "secondary"),
"size": map-deep-get($config-global, "font", "size", "xs"),
"size": map-deep-get($config-global, "font", "size", "sm"),
),
),
),

View file

@ -17,20 +17,31 @@ $spacing_unit: map-deep-get($config-global, "spacing", "unit");
*/
a {
text-decoration: none;
.wp-block-cover &,
.wp-block-cover-image &,
.wp-block-media-text &,
p:not(.site-title) & {
text-decoration: underline;
&.wp-block-button__link,
&:hover {
text-decoration: none;
}
}
}
/**
* Header
*/
#masthead {
.site-header {
max-width: 100%;
padding-left: $spacing_unit;
padding-right: $spacing_unit;
position: relative;
@include media(mobile) {
padding-left: $spacing_vertical;
padding-right: $spacing_vertical;
padding: $spacing_unit $spacing_vertical;
}
}
@ -145,39 +156,80 @@ a {
}
}
/**
* Main
*/
#main {
padding-top: 0;
}
.site-main > article > .entry-header {
margin-top: #{0.666 * $spacing_vertical};
@include media(mobile) {
margin-top: #{2 * $spacing_vertical};
}
}
/**
* Content
*/
.entry .entry-title a {
// Entry Title Link
.entry-title,
.page-title,
.a8c-posts-list .a8c-posts-list-item__title {
a {
color: inherit;
text-decoration: none;
color: $color_foreground;
&:hover,
&:active {
color: $color_foreground_light;
&:active,
&:focus,
&:hover {
color: map-deep-get($config-global, "color", "primary", "default");
}
}
}
.entry-header,
.entry-footer,
.page-title,
.author-title,
.comments-title,
.comment-reply-title {
text-align: center;
// Sticky tag
.sticky-post,
.a8c-posts-list .a8c-posts-list-item__featured span {
padding: #{0.5 * $baseline-unit} #{0.66 * $spacing_unit};
}
.comment-reply-title {
display: inherit;
/**
* Next/Previous navigation
*/
// Singular navigation
.post-navigation {
.meta-nav {
color: map-deep-get($config-global, "color", "foreground", "light");
}
.post-title {
font-size: #{map-deep-get($config-heading, "font", "size", "h4")};
line-height: #{map-deep-get($config-global, "font", "line-height", "heading")};
}
}
.comment .comment-reply-title {
display: flex;
/**
* Comments
*/
.logged-in-as,
.comment-notes,
.comment-form-cookies-consent {
font-size: map-deep-get($config-global, "font", "size", "sm");
}
.pagination .nav-links {
justify-content: center;
.comment-form-cookies-consent input[type=checkbox] + label {
line-height: #{map-deep-get($config-global, "font", "line-height", "body")};
}
.comment-notes {
color: map-deep-get($config-global, "color", "foreground", "light");
}
.comment-form > p:not(.comment-form-cookies-consent) label {
font-weight: 600;
}
/**
@ -209,3 +261,103 @@ a {
font-size: ($typescale-base * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio * $typescale-ratio);
}
}
/**
* Widgets
*/
.widget {
select {
max-width: 100%;
}
}
.widget-title {
font-size: #{map-deep-get($config-heading, "font", "size", "h3")};
margin-bottom: #{0.5 * $spacing_vertical};
}
.widget_archive,
.widget_categories,
.widget_meta,
.widget_nav_menu,
.widget_pages,
.widget_recent_comments,
.widget_recent_entries,
.widget_rss {
ul {
margin-left: 0;
margin-right: 0;
list-style: none;
li {
color: map-deep-get($config-global, "color", "foreground", "light");
font-weight: 600;
}
ul {
counter-reset: submenu;
}
ul > li > a::before {
font-weight: normal;
content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
counter-increment: submenu
}
}
}
.widget_tag_cloud {
.tagcloud {
font-weight: 600;
}
}
.widget_search {
.search-field {
width: 100%;
@include media(mobile) {
width: auto;
}
}
.search-submit {
display: block;
margin-top: $typescale-base;
}
}
.widget_calendar .calendar_wrap {
text-align: center;
table td,
table th {
border: none;
}
a {
text-decoration: underline;
}
}
.widget_links li,
.widget_jp_blogs_i_follow li,
.widget_rss_links li {
font-family: inherit;
}
/**
* Footer Navigation
*/
.footer-navigation {
.footer-menu {
a {
padding: 0 #{0.5 * $spacing_unit};
}
> li:last-of-type {
margin-right: -#{0.5 * $spacing_unit};
}
}
}

View file

@ -160,12 +160,12 @@ $grid-configuration: map-extend($grid-configuration-default, $grid-configuration
* - Reset the browser
*/
body {
color: #FFFFFF;
color: #F1ECE4;
background-color: #080808;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 18px;
font-weight: normal;
line-height: 1.6;
line-height: 1.778;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
@ -176,7 +176,7 @@ body {
p {
font-size: 1em;
line-height: 1.6;
line-height: 1.778;
}
a {
@ -184,7 +184,7 @@ a {
}
a:hover {
color: #B59439;
color: #b59439;
}
button,
@ -247,7 +247,7 @@ blockquote.alignright footer {
}
figcaption {
color: #cccccc;
color: #faf8f5;
font-size: 0.64rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
@ -299,16 +299,16 @@ object {
color: #080808;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.25em;
font-size: 1em;
line-height: 1;
background-color: #CAAB57;
border-radius: 9px;
border-radius: 4.5px;
padding: 16px 16px;
}
.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus {
color: #080808;
background-color: #B59439;
background-color: #b59439;
}
.wp-block-button.is-style-outline .wp-block-button__link {
@ -318,7 +318,7 @@ object {
}
.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
color: #B59439;
color: #b59439;
}
.wp-block-button.is-style-squared .wp-block-button__link {
@ -457,9 +457,9 @@ object {
}
.wp-block-latest-posts .wp-block-latest-posts__post-date {
color: #cccccc;
color: #faf8f5;
font-size: 0.8rem;
line-height: 1.6;
line-height: 1.778;
}
[class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
@ -470,7 +470,7 @@ object {
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
font-size: 0.8rem;
line-height: 1.6;
line-height: 1.778;
margin: 0;
}
@ -507,11 +507,11 @@ p.has-background:not(.has-background-background-color) a {
margin-left: 0;
margin-right: 0;
text-align: center;
border-top-color: #DDDDDD;
border-top-color: #595959;
border-top-width: 4px;
border-bottom-color: #DDDDDD;
border-bottom-color: #595959;
border-bottom-width: 4px;
color: #FFFFFF;
color: #F1ECE4;
/**
* Block Options
*/
@ -535,7 +535,7 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: #cccccc;
color: #faf8f5;
font-size: 0.8em;
letter-spacing: normal;
}
@ -600,14 +600,14 @@ p.has-background:not(.has-background-background-color) a {
.wp-block-separator,
hr {
border-bottom: 2px solid #DDDDDD;
border-bottom: 2px solid #595959;
clear: both;
}
.wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"],
hr[style*="text-align:right"],
hr[style*="text-align: right"] {
border-right-color: #DDDDDD;
border-right-color: #595959;
}
.wp-block-separator.is-style-wide,
@ -622,7 +622,7 @@ hr.is-style-dots {
.wp-block-separator.is-style-dots:before,
hr.is-style-dots:before {
color: #DDDDDD;
color: #595959;
}
table th,
@ -642,7 +642,7 @@ table th,
* - Needs a special styles
*/
.editor-post-title__block .editor-post-title__input {
color: #FFFFFF;
color: #F1ECE4;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 600;
font-size: 1.95312em;
@ -659,23 +659,23 @@ table th,
}
.has-foreground-color[class] {
color: #FFFFFF !important;
color: #F1ECE4 !important;
}
.has-foreground-light-color[class] {
color: #cccccc !important;
color: #faf8f5 !important;
}
.has-foreground-dark-color[class] {
color: #111111 !important;
color: #e0d4c2 !important;
}
.has-background-light-color[class] {
color: #FAFAFA !important;
color: #151515 !important;
}
.has-background-dark-color[class] {
color: #DDDDDD !important;
color: #000000 !important;
}
.has-background-color[class] {
@ -704,33 +704,33 @@ table th,
}
.has-foreground-background-color[class] {
background-color: #FFFFFF !important;
background-color: #F1ECE4 !important;
color: #080808;
}
.has-foreground-light-background-color[class] {
background-color: #cccccc !important;
background-color: #faf8f5 !important;
color: #080808;
}
.has-foreground-dark-background-color[class] {
background-color: #111111 !important;
background-color: #e0d4c2 !important;
color: #080808;
}
.has-background-light-background-color[class] {
background-color: #FAFAFA !important;
color: #FFFFFF;
background-color: #151515 !important;
color: #F1ECE4;
}
.has-background-dark-background-color[class] {
background-color: #DDDDDD !important;
color: #FFFFFF;
background-color: #000000 !important;
color: #F1ECE4;
}
.has-background-background-color[class] {
background-color: #080808 !important;
color: #FFFFFF;
color: #F1ECE4;
}
.is-small-text,

View file

@ -582,7 +582,7 @@ html {
html {
font-size: 14.4px;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
line-height: 1.778;
}
@media only screen and (min-width: 560px) {
@ -594,7 +594,7 @@ html {
body {
font-size: 1rem;
font-weight: normal;
color: #FFFFFF;
color: #F1ECE4;
text-align: right;
background-color: #080808;
}
@ -607,7 +607,7 @@ a {
}
a:hover {
color: #B59439;
color: #b59439;
}
button,
@ -636,7 +636,7 @@ a {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #FFFFFF;
color: #F1ECE4;
display: block;
font-size: 1.25rem;
font-weight: bold;
@ -965,8 +965,8 @@ input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #FFFFFF;
border: 1px solid #DDDDDD;
color: #F1ECE4;
border: 1px solid #595959;
border-radius: 3px;
padding: 16px;
}
@ -987,12 +987,12 @@ input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #FFFFFF;
border-color: #B59439;
color: #F1ECE4;
border-color: #b59439;
}
select {
border: 1px solid #DDDDDD;
border: 1px solid #595959;
}
textarea {
@ -1007,7 +1007,7 @@ input[type=checkbox] + label {
}
figcaption {
color: #cccccc;
color: #faf8f5;
font-size: 0.64rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
@ -1074,9 +1074,9 @@ input[type="submit"],
cursor: pointer;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.25rem;
font-size: 1rem;
background-color: #CAAB57;
border-radius: 9px;
border-radius: 4.5px;
border-width: 0;
padding: 16px 16px;
}
@ -1126,7 +1126,7 @@ input.has-focus[type="submit"],
.has-focus.wp-block-button__link,
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
color: #080808;
background-color: #B59439;
background-color: #b59439;
}
/**
@ -1140,7 +1140,7 @@ input.has-focus[type="submit"],
}
.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
color: #B59439;
color: #b59439;
}
.wp-block-button.is-style-squared .wp-block-button__link {
@ -1148,14 +1148,14 @@ input.has-focus[type="submit"],
}
.wp-block-code {
color: #FFFFFF;
color: #F1ECE4;
font-size: 0.8rem;
padding: 16px;
border-color: #DDDDDD;
border-color: #595959;
}
.wp-block-code pre {
color: #FFFFFF;
color: #F1ECE4;
}
.wp-block-columns {
@ -1440,7 +1440,7 @@ h6, .h6 {
}
.wp-block-image figcaption {
color: #cccccc;
color: #faf8f5;
font-size: 0.64rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
@ -1471,7 +1471,7 @@ img {
.wp-block-latest-comments .wp-block-latest-comments__comment {
font-size: 0.8rem;
line-height: 1.6;
line-height: 1.778;
/* Vertical margins logic */
margin-top: 32px;
margin-bottom: 32px;
@ -1490,13 +1490,13 @@ img {
}
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
color: #cccccc;
color: #faf8f5;
font-size: 0.8rem;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: 0.8rem;
line-height: 1.6;
line-height: 1.778;
margin: 0;
}
@ -1526,9 +1526,9 @@ img {
}
.wp-block-latest-posts .wp-block-latest-posts__post-date {
color: #cccccc;
color: #faf8f5;
font-size: 0.64rem;
line-height: 1.6;
line-height: 1.778;
}
.entry-content [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
@ -1539,7 +1539,7 @@ img {
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
font-size: 0.8rem;
line-height: 1.6;
line-height: 1.778;
margin: 0;
}
@ -1726,7 +1726,7 @@ p.has-background {
}
.a8c-posts-list__item .a8c-posts-list-item__meta {
color: #cccccc;
color: #faf8f5;
font-size: 0.8rem;
}
@ -1735,7 +1735,7 @@ p.has-background {
}
.a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
color: #B59439;
color: #b59439;
}
.a8c-posts-list__item .a8c-posts-list-item__edit-link {
@ -1751,11 +1751,11 @@ p.has-background {
margin-right: 0;
margin-left: 0;
text-align: center;
border-top-color: #DDDDDD;
border-top-color: #595959;
border-top-width: 4px;
border-bottom-color: #DDDDDD;
border-bottom-color: #595959;
border-bottom-width: 4px;
color: #FFFFFF;
color: #F1ECE4;
/**
* Block Options
*/
@ -1775,7 +1775,7 @@ p.has-background {
.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: #cccccc;
color: #faf8f5;
font-size: 0.8rem;
letter-spacing: normal;
display: block;
@ -1850,7 +1850,7 @@ p.has-background {
.wp-block-quote .wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
color: #cccccc;
color: #faf8f5;
font-size: 0.8rem;
letter-spacing: normal;
}
@ -1882,13 +1882,13 @@ p.has-background {
.wp-block-quote.is-style-large footer, .wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer {
color: #cccccc;
color: #faf8f5;
font-size: 0.8rem;
letter-spacing: normal;
}
hr {
border-bottom-color: #DDDDDD;
border-bottom-color: #595959;
border-bottom-width: 2px;
clear: both;
margin-right: auto;
@ -1896,19 +1896,19 @@ hr {
}
hr.wp-block-separator {
border-bottom-color: #DDDDDD;
border-bottom-color: #595959;
/**
* Block Options
*/
}
hr.wp-block-separator.is-style-wide {
border-bottom-color: #DDDDDD;
border-bottom-color: #595959;
border-bottom-width: 2px;
}
hr.wp-block-separator.is-style-dots:before {
color: #DDDDDD;
color: #595959;
font-size: 1.95312rem;
letter-spacing: 0.8rem;
padding-right: 0.8rem;
@ -1958,7 +1958,7 @@ table th,
}
.wp-block-video figcaption {
color: #cccccc;
color: #faf8f5;
font-size: 0.64rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
@ -2049,23 +2049,23 @@ table th,
}
.has-foreground-color[class] {
color: #FFFFFF !important;
color: #F1ECE4 !important;
}
.has-foreground-light-color[class] {
color: #cccccc !important;
color: #faf8f5 !important;
}
.has-foreground-dark-color[class] {
color: #111111 !important;
color: #e0d4c2 !important;
}
.has-background-light-color[class] {
color: #FAFAFA !important;
color: #151515 !important;
}
.has-background-dark-color[class] {
color: #DDDDDD !important;
color: #000000 !important;
}
.has-background-color[class] {
@ -2089,33 +2089,33 @@ table th,
}
.has-foreground-background-color[class] {
background-color: #FFFFFF !important;
background-color: #F1ECE4 !important;
color: #080808;
}
.has-foreground-light-background-color[class] {
background-color: #cccccc !important;
background-color: #faf8f5 !important;
color: #080808;
}
.has-foreground-dark-background-color[class] {
background-color: #111111 !important;
background-color: #e0d4c2 !important;
color: #080808;
}
.has-background-light-background-color[class] {
background-color: #FAFAFA !important;
color: #FFFFFF;
background-color: #151515 !important;
color: #F1ECE4;
}
.has-background-dark-background-color[class] {
background-color: #DDDDDD !important;
color: #FFFFFF;
background-color: #000000 !important;
color: #F1ECE4;
}
.has-background-background-color[class] {
background-color: #080808 !important;
color: #FFFFFF;
color: #F1ECE4;
}
.is-small-text,
@ -2285,11 +2285,11 @@ table th,
* - Similar to Blocks but exist outside of the "current" editor context
*/
.site-branding {
color: #FFFFFF;
color: #F1ECE4;
}
.site-title {
color: #FFFFFF;
color: #F1ECE4;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.5625rem;
letter-spacing: normal;
@ -2312,11 +2312,11 @@ table th,
.site-description {
color: currentColor;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.64rem;
font-size: 0.8rem;
}
.main-navigation {
color: #FFFFFF;
color: #F1ECE4;
}
.main-navigation > div {
@ -2333,7 +2333,7 @@ table th,
}
.main-navigation #toggle:focus + #toggle-menu {
background-color: #B59439;
background-color: #b59439;
outline: inherit;
text-decoration: underline;
}
@ -2480,7 +2480,7 @@ table th,
}
.main-navigation a:hover {
color: #B59439;
color: #b59439;
}
.main-navigation .sub-menu {
@ -2538,13 +2538,13 @@ table th,
}
.social-navigation a {
color: #FFFFFF;
color: #F1ECE4;
display: inline-block;
padding: 0 calc( 0.5 * calc(0.66 * 16px ));
}
.social-navigation a:hover {
color: #B59439;
color: #b59439;
}
.social-navigation svg {
@ -2566,7 +2566,7 @@ table th,
}
.site-info {
color: #cccccc;
color: #faf8f5;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.8rem;
}
@ -2593,7 +2593,7 @@ table th,
}
.site-info a:hover {
color: #B59439;
color: #b59439;
}
.footer-navigation {
@ -2615,7 +2615,7 @@ table th,
}
.footer-navigation .footer-menu {
color: #cccccc;
color: #faf8f5;
margin: 0;
padding-right: 0;
}
@ -2653,7 +2653,7 @@ table th,
}
.footer-navigation .footer-menu a:hover {
color: #B59439;
color: #b59439;
}
.entry-title {
@ -2664,7 +2664,7 @@ table th,
.entry-meta,
.entry-footer {
color: #cccccc;
color: #faf8f5;
clear: both;
float: none;
font-size: 0.8rem;
@ -2701,7 +2701,7 @@ table th,
.entry-meta a:hover, .entry-meta a:active,
.entry-footer a:hover,
.entry-footer a:active {
color: #B59439;
color: #b59439;
}
.entry-meta .svg-icon,
@ -2873,13 +2873,13 @@ table th,
* Comment Lists
*/
.comment-list {
border-bottom: 1px solid #DDDDDD;
border-bottom: 1px solid #595959;
margin-right: 0;
list-style: none;
}
.comment-list > li {
border-top: 1px solid #DDDDDD;
border-top: 1px solid #595959;
margin-top: 32px;
margin-bottom: 32px;
}
@ -2890,7 +2890,7 @@ table th,
}
.children > li {
border-top: 1px solid #DDDDDD;
border-top: 1px solid #595959;
margin-top: 32px;
margin-bottom: 32px;
}
@ -2937,7 +2937,7 @@ table th,
}
.comment-meta .comment-metadata {
color: #FFFFFF;
color: #F1ECE4;
}
.comment-meta .comment-metadata a {
@ -2945,7 +2945,7 @@ table th,
}
.comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
color: #B59439;
color: #b59439;
}
@media only screen and (min-width: 560px) {
@ -3406,10 +3406,27 @@ a {
text-decoration: none;
}
.wp-block-cover a,
.wp-block-cover-image a,
.wp-block-media-text a,
p:not(.site-title) a {
text-decoration: underline;
}
.wp-block-cover a.wp-block-button__link, .wp-block-cover a:hover,
.wp-block-cover-image a.wp-block-button__link,
.wp-block-cover-image a:hover,
.wp-block-media-text a.wp-block-button__link,
.wp-block-media-text a:hover,
p:not(.site-title) a.wp-block-button__link,
p:not(.site-title) a:hover {
text-decoration: none;
}
/**
* Header
*/
#masthead {
.site-header {
max-width: 100%;
padding-right: 16px;
padding-left: 16px;
@ -3417,9 +3434,8 @@ a {
}
@media only screen and (min-width: 560px) {
#masthead {
padding-right: 32px;
padding-left: 32px;
.site-header {
padding: 16px 32px;
}
}
@ -3511,7 +3527,7 @@ a {
.site-header .main-navigation > div > ul > li.current-menu-item li:hover > a,
.site-header .main-navigation > div > ul > li.current-menu-item li.focus > a,
.site-header .main-navigation > div > ul > li.current-menu-item li.current-menu-item > a {
background: #B59439;
background: #b59439;
}
.site-header .social-navigation {
align-self: center;
@ -3520,36 +3536,79 @@ a {
}
}
/**
* Main
*/
#main {
padding-top: 0;
}
.site-main > article > .entry-header {
margin-top: 21.312px;
}
@media only screen and (min-width: 560px) {
.site-main > article > .entry-header {
margin-top: 64px;
}
}
/**
* Content
*/
.entry .entry-title a {
color: #FFFFFF;
.entry-title a,
.page-title a,
.a8c-posts-list .a8c-posts-list-item__title a {
color: inherit;
text-decoration: none;
}
.entry .entry-title a:hover, .entry .entry-title a:active {
color: #cccccc;
.entry-title a:active, .entry-title a:focus, .entry-title a:hover,
.page-title a:active,
.page-title a:focus,
.page-title a:hover,
.a8c-posts-list .a8c-posts-list-item__title a:active,
.a8c-posts-list .a8c-posts-list-item__title a:focus,
.a8c-posts-list .a8c-posts-list-item__title a:hover {
color: #CAAB57;
}
.entry-header,
.entry-footer,
.page-title,
.author-title,
.comments-title,
.comment-reply-title {
text-align: center;
.sticky-post,
.a8c-posts-list .a8c-posts-list-item__featured span {
padding: 4px 10.56px;
}
.comment-reply-title {
display: inherit;
/**
* Next/Previous navigation
*/
.post-navigation .meta-nav {
color: #faf8f5;
}
.comment .comment-reply-title {
display: flex;
.post-navigation .post-title {
font-size: 1.25rem;
line-height: 1.125;
}
.pagination .nav-links {
justify-content: center;
/**
* Comments
*/
.logged-in-as,
.comment-notes,
.comment-form-cookies-consent {
font-size: 0.8rem;
}
.comment-form-cookies-consent input[type=checkbox] + label {
line-height: 1.778;
}
.comment-notes {
color: #faf8f5;
}
.comment-form > p:not(.comment-form-cookies-consent) label {
font-weight: 600;
}
/**
@ -3582,3 +3641,113 @@ a {
.wp-block-cover h1 {
font-size: 3.8147rem;
}
/**
* Widgets
*/
.widget select {
max-width: 100%;
}
.widget-title {
font-size: 1.5625rem;
margin-bottom: 16px;
}
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
margin-right: 0;
margin-left: 0;
list-style: none;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li {
color: #faf8f5;
font-weight: 600;
}
.widget_archive ul ul,
.widget_categories ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_rss ul ul {
counter-reset: submenu;
}
.widget_archive ul ul > li > a::before,
.widget_categories ul ul > li > a::before,
.widget_meta ul ul > li > a::before,
.widget_nav_menu ul ul > li > a::before,
.widget_pages ul ul > li > a::before,
.widget_recent_comments ul ul > li > a::before,
.widget_recent_entries ul ul > li > a::before,
.widget_rss ul ul > li > a::before {
font-weight: normal;
content: " " counters(submenu, " ", none);
counter-increment: submenu;
}
.widget_tag_cloud .tagcloud {
font-weight: 600;
}
.widget_search .search-field {
width: 100%;
}
@media only screen and (min-width: 560px) {
.widget_search .search-field {
width: auto;
}
}
.widget_search .search-submit {
display: block;
margin-top: 1rem;
}
.widget_calendar .calendar_wrap {
text-align: center;
}
.widget_calendar .calendar_wrap table td,
.widget_calendar .calendar_wrap table th {
border: none;
}
.widget_calendar .calendar_wrap a {
text-decoration: underline;
}
.widget_links li,
.widget_jp_blogs_i_follow li,
.widget_rss_links li {
font-family: inherit;
}
/**
* Footer Navigation
*/
.footer-navigation .footer-menu a {
padding: 0 8px;
}
.footer-navigation .footer-menu > li:last-of-type {
margin-left: -8px;
}

View file

@ -582,7 +582,7 @@ html {
html {
font-size: 14.4px;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
line-height: 1.6;
line-height: 1.778;
}
@media only screen and (min-width: 560px) {
@ -594,7 +594,7 @@ html {
body {
font-size: 1rem;
font-weight: normal;
color: #FFFFFF;
color: #F1ECE4;
text-align: left;
background-color: #080808;
}
@ -607,7 +607,7 @@ a {
}
a:hover {
color: #B59439;
color: #b59439;
}
button,
@ -636,7 +636,7 @@ a {
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #FFFFFF;
color: #F1ECE4;
display: block;
font-size: 1.25rem;
font-weight: bold;
@ -965,8 +965,8 @@ input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #FFFFFF;
border: 1px solid #DDDDDD;
color: #F1ECE4;
border: 1px solid #595959;
border-radius: 3px;
padding: 16px;
}
@ -987,12 +987,12 @@ input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #FFFFFF;
border-color: #B59439;
color: #F1ECE4;
border-color: #b59439;
}
select {
border: 1px solid #DDDDDD;
border: 1px solid #595959;
}
textarea {
@ -1007,7 +1007,7 @@ input[type=checkbox] + label {
}
figcaption {
color: #cccccc;
color: #faf8f5;
font-size: 0.64rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
@ -1074,9 +1074,9 @@ input[type="submit"],
cursor: pointer;
font-weight: 600;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.25rem;
font-size: 1rem;
background-color: #CAAB57;
border-radius: 9px;
border-radius: 4.5px;
border-width: 0;
padding: 16px 16px;
}
@ -1126,7 +1126,7 @@ input.has-focus[type="submit"],
.has-focus.wp-block-button__link,
.has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
color: #080808;
background-color: #B59439;
background-color: #b59439;
}
/**
@ -1140,7 +1140,7 @@ input.has-focus[type="submit"],
}
.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus {
color: #B59439;
color: #b59439;
}
.wp-block-button.is-style-squared .wp-block-button__link {
@ -1148,14 +1148,14 @@ input.has-focus[type="submit"],
}
.wp-block-code {
color: #FFFFFF;
color: #F1ECE4;
font-size: 0.8rem;
padding: 16px;
border-color: #DDDDDD;
border-color: #595959;
}
.wp-block-code pre {
color: #FFFFFF;
color: #F1ECE4;
}
.wp-block-columns {
@ -1440,7 +1440,7 @@ h6, .h6 {
}
.wp-block-image figcaption {
color: #cccccc;
color: #faf8f5;
font-size: 0.64rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
@ -1471,7 +1471,7 @@ img {
.wp-block-latest-comments .wp-block-latest-comments__comment {
font-size: 0.8rem;
line-height: 1.6;
line-height: 1.778;
/* Vertical margins logic */
margin-top: 32px;
margin-bottom: 32px;
@ -1490,13 +1490,13 @@ img {
}
.wp-block-latest-comments .wp-block-latest-comments__comment-date {
color: #cccccc;
color: #faf8f5;
font-size: 0.8rem;
}
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
font-size: 0.8rem;
line-height: 1.6;
line-height: 1.778;
margin: 0;
}
@ -1526,9 +1526,9 @@ img {
}
.wp-block-latest-posts .wp-block-latest-posts__post-date {
color: #cccccc;
color: #faf8f5;
font-size: 0.64rem;
line-height: 1.6;
line-height: 1.778;
}
.entry-content [class*="inner-container"] .wp-block-latest-posts .wp-block-latest-posts__post-date,
@ -1539,7 +1539,7 @@ img {
.wp-block-latest-posts .wp-block-latest-posts__post-excerpt,
.wp-block-latest-posts .wp-block-latest-posts__post-full-content {
font-size: 0.8rem;
line-height: 1.6;
line-height: 1.778;
margin: 0;
}
@ -1726,7 +1726,7 @@ p.has-background {
}
.a8c-posts-list__item .a8c-posts-list-item__meta {
color: #cccccc;
color: #faf8f5;
font-size: 0.8rem;
}
@ -1735,7 +1735,7 @@ p.has-background {
}
.a8c-posts-list__item .a8c-posts-list-item__meta a:hover, .a8c-posts-list__item .a8c-posts-list-item__meta a:active {
color: #B59439;
color: #b59439;
}
.a8c-posts-list__item .a8c-posts-list-item__edit-link {
@ -1751,11 +1751,11 @@ p.has-background {
margin-left: 0;
margin-right: 0;
text-align: center;
border-top-color: #DDDDDD;
border-top-color: #595959;
border-top-width: 4px;
border-bottom-color: #DDDDDD;
border-bottom-color: #595959;
border-bottom-width: 4px;
color: #FFFFFF;
color: #F1ECE4;
/**
* Block Options
*/
@ -1775,7 +1775,7 @@ p.has-background {
.wp-block-pullquote .wp-block-pullquote__citation,
.wp-block-pullquote cite,
.wp-block-pullquote footer {
color: #cccccc;
color: #faf8f5;
font-size: 0.8rem;
letter-spacing: normal;
display: block;
@ -1850,7 +1850,7 @@ p.has-background {
.wp-block-quote .wp-block-quote__citation,
.wp-block-quote cite,
.wp-block-quote footer {
color: #cccccc;
color: #faf8f5;
font-size: 0.8rem;
letter-spacing: normal;
}
@ -1882,13 +1882,13 @@ p.has-background {
.wp-block-quote.is-style-large footer, .wp-block-quote.is-large .wp-block-quote__citation,
.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer {
color: #cccccc;
color: #faf8f5;
font-size: 0.8rem;
letter-spacing: normal;
}
hr {
border-bottom-color: #DDDDDD;
border-bottom-color: #595959;
border-bottom-width: 2px;
clear: both;
margin-left: auto;
@ -1896,19 +1896,19 @@ hr {
}
hr.wp-block-separator {
border-bottom-color: #DDDDDD;
border-bottom-color: #595959;
/**
* Block Options
*/
}
hr.wp-block-separator.is-style-wide {
border-bottom-color: #DDDDDD;
border-bottom-color: #595959;
border-bottom-width: 2px;
}
hr.wp-block-separator.is-style-dots:before {
color: #DDDDDD;
color: #595959;
font-size: 1.95312rem;
letter-spacing: 0.8rem;
padding-left: 0.8rem;
@ -1958,7 +1958,7 @@ table th,
}
.wp-block-video figcaption {
color: #cccccc;
color: #faf8f5;
font-size: 0.64rem;
margin-top: calc(0.5 * 16px);
margin-bottom: 16px;
@ -2054,23 +2054,23 @@ table th,
}
.has-foreground-color[class] {
color: #FFFFFF !important;
color: #F1ECE4 !important;
}
.has-foreground-light-color[class] {
color: #cccccc !important;
color: #faf8f5 !important;
}
.has-foreground-dark-color[class] {
color: #111111 !important;
color: #e0d4c2 !important;
}
.has-background-light-color[class] {
color: #FAFAFA !important;
color: #151515 !important;
}
.has-background-dark-color[class] {
color: #DDDDDD !important;
color: #000000 !important;
}
.has-background-color[class] {
@ -2094,33 +2094,33 @@ table th,
}
.has-foreground-background-color[class] {
background-color: #FFFFFF !important;
background-color: #F1ECE4 !important;
color: #080808;
}
.has-foreground-light-background-color[class] {
background-color: #cccccc !important;
background-color: #faf8f5 !important;
color: #080808;
}
.has-foreground-dark-background-color[class] {
background-color: #111111 !important;
background-color: #e0d4c2 !important;
color: #080808;
}
.has-background-light-background-color[class] {
background-color: #FAFAFA !important;
color: #FFFFFF;
background-color: #151515 !important;
color: #F1ECE4;
}
.has-background-dark-background-color[class] {
background-color: #DDDDDD !important;
color: #FFFFFF;
background-color: #000000 !important;
color: #F1ECE4;
}
.has-background-background-color[class] {
background-color: #080808 !important;
color: #FFFFFF;
color: #F1ECE4;
}
.is-small-text,
@ -2290,11 +2290,11 @@ table th,
* - Similar to Blocks but exist outside of the "current" editor context
*/
.site-branding {
color: #FFFFFF;
color: #F1ECE4;
}
.site-title {
color: #FFFFFF;
color: #F1ECE4;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1.5625rem;
letter-spacing: normal;
@ -2317,11 +2317,11 @@ table th,
.site-description {
color: currentColor;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.64rem;
font-size: 0.8rem;
}
.main-navigation {
color: #FFFFFF;
color: #F1ECE4;
}
.main-navigation > div {
@ -2338,7 +2338,7 @@ table th,
}
.main-navigation #toggle:focus + #toggle-menu {
background-color: #B59439;
background-color: #b59439;
outline: inherit;
text-decoration: underline;
}
@ -2485,7 +2485,7 @@ table th,
}
.main-navigation a:hover {
color: #B59439;
color: #b59439;
}
.main-navigation .sub-menu {
@ -2543,13 +2543,13 @@ table th,
}
.social-navigation a {
color: #FFFFFF;
color: #F1ECE4;
display: inline-block;
padding: 0 calc( 0.5 * calc(0.66 * 16px ));
}
.social-navigation a:hover {
color: #B59439;
color: #b59439;
}
.social-navigation svg {
@ -2571,7 +2571,7 @@ table th,
}
.site-info {
color: #cccccc;
color: #faf8f5;
font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 0.8rem;
}
@ -2598,7 +2598,7 @@ table th,
}
.site-info a:hover {
color: #B59439;
color: #b59439;
}
.footer-navigation {
@ -2620,7 +2620,7 @@ table th,
}
.footer-navigation .footer-menu {
color: #cccccc;
color: #faf8f5;
margin: 0;
padding-left: 0;
}
@ -2658,7 +2658,7 @@ table th,
}
.footer-navigation .footer-menu a:hover {
color: #B59439;
color: #b59439;
}
.entry-title {
@ -2669,7 +2669,7 @@ table th,
.entry-meta,
.entry-footer {
color: #cccccc;
color: #faf8f5;
clear: both;
float: none;
font-size: 0.8rem;
@ -2706,7 +2706,7 @@ table th,
.entry-meta a:hover, .entry-meta a:active,
.entry-footer a:hover,
.entry-footer a:active {
color: #B59439;
color: #b59439;
}
.entry-meta .svg-icon,
@ -2878,13 +2878,13 @@ table th,
* Comment Lists
*/
.comment-list {
border-bottom: 1px solid #DDDDDD;
border-bottom: 1px solid #595959;
margin-left: 0;
list-style: none;
}
.comment-list > li {
border-top: 1px solid #DDDDDD;
border-top: 1px solid #595959;
margin-top: 32px;
margin-bottom: 32px;
}
@ -2895,7 +2895,7 @@ table th,
}
.children > li {
border-top: 1px solid #DDDDDD;
border-top: 1px solid #595959;
margin-top: 32px;
margin-bottom: 32px;
}
@ -2942,7 +2942,7 @@ table th,
}
.comment-meta .comment-metadata {
color: #FFFFFF;
color: #F1ECE4;
}
.comment-meta .comment-metadata a {
@ -2950,7 +2950,7 @@ table th,
}
.comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:active {
color: #B59439;
color: #b59439;
}
@media only screen and (min-width: 560px) {
@ -3423,10 +3423,27 @@ a {
text-decoration: none;
}
.wp-block-cover a,
.wp-block-cover-image a,
.wp-block-media-text a,
p:not(.site-title) a {
text-decoration: underline;
}
.wp-block-cover a.wp-block-button__link, .wp-block-cover a:hover,
.wp-block-cover-image a.wp-block-button__link,
.wp-block-cover-image a:hover,
.wp-block-media-text a.wp-block-button__link,
.wp-block-media-text a:hover,
p:not(.site-title) a.wp-block-button__link,
p:not(.site-title) a:hover {
text-decoration: none;
}
/**
* Header
*/
#masthead {
.site-header {
max-width: 100%;
padding-left: 16px;
padding-right: 16px;
@ -3434,9 +3451,8 @@ a {
}
@media only screen and (min-width: 560px) {
#masthead {
padding-left: 32px;
padding-right: 32px;
.site-header {
padding: 16px 32px;
}
}
@ -3528,7 +3544,7 @@ a {
.site-header .main-navigation > div > ul > li.current-menu-item li:hover > a,
.site-header .main-navigation > div > ul > li.current-menu-item li.focus > a,
.site-header .main-navigation > div > ul > li.current-menu-item li.current-menu-item > a {
background: #B59439;
background: #b59439;
}
.site-header .social-navigation {
align-self: center;
@ -3537,36 +3553,79 @@ a {
}
}
/**
* Main
*/
#main {
padding-top: 0;
}
.site-main > article > .entry-header {
margin-top: 21.312px;
}
@media only screen and (min-width: 560px) {
.site-main > article > .entry-header {
margin-top: 64px;
}
}
/**
* Content
*/
.entry .entry-title a {
color: #FFFFFF;
.entry-title a,
.page-title a,
.a8c-posts-list .a8c-posts-list-item__title a {
color: inherit;
text-decoration: none;
}
.entry .entry-title a:hover, .entry .entry-title a:active {
color: #cccccc;
.entry-title a:active, .entry-title a:focus, .entry-title a:hover,
.page-title a:active,
.page-title a:focus,
.page-title a:hover,
.a8c-posts-list .a8c-posts-list-item__title a:active,
.a8c-posts-list .a8c-posts-list-item__title a:focus,
.a8c-posts-list .a8c-posts-list-item__title a:hover {
color: #CAAB57;
}
.entry-header,
.entry-footer,
.page-title,
.author-title,
.comments-title,
.comment-reply-title {
text-align: center;
.sticky-post,
.a8c-posts-list .a8c-posts-list-item__featured span {
padding: 4px 10.56px;
}
.comment-reply-title {
display: inherit;
/**
* Next/Previous navigation
*/
.post-navigation .meta-nav {
color: #faf8f5;
}
.comment .comment-reply-title {
display: flex;
.post-navigation .post-title {
font-size: 1.25rem;
line-height: 1.125;
}
.pagination .nav-links {
justify-content: center;
/**
* Comments
*/
.logged-in-as,
.comment-notes,
.comment-form-cookies-consent {
font-size: 0.8rem;
}
.comment-form-cookies-consent input[type=checkbox] + label {
line-height: 1.778;
}
.comment-notes {
color: #faf8f5;
}
.comment-form > p:not(.comment-form-cookies-consent) label {
font-weight: 600;
}
/**
@ -3599,3 +3658,113 @@ a {
.wp-block-cover h1 {
font-size: 3.8147rem;
}
/**
* Widgets
*/
.widget select {
max-width: 100%;
}
.widget-title {
font-size: 1.5625rem;
margin-bottom: 16px;
}
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
margin-left: 0;
margin-right: 0;
list-style: none;
}
.widget_archive ul li,
.widget_categories ul li,
.widget_meta ul li,
.widget_nav_menu ul li,
.widget_pages ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li {
color: #faf8f5;
font-weight: 600;
}
.widget_archive ul ul,
.widget_categories ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_rss ul ul {
counter-reset: submenu;
}
.widget_archive ul ul > li > a::before,
.widget_categories ul ul > li > a::before,
.widget_meta ul ul > li > a::before,
.widget_nav_menu ul ul > li > a::before,
.widget_pages ul ul > li > a::before,
.widget_recent_comments ul ul > li > a::before,
.widget_recent_entries ul ul > li > a::before,
.widget_rss ul ul > li > a::before {
font-weight: normal;
content: " " counters(submenu, " ", none);
counter-increment: submenu;
}
.widget_tag_cloud .tagcloud {
font-weight: 600;
}
.widget_search .search-field {
width: 100%;
}
@media only screen and (min-width: 560px) {
.widget_search .search-field {
width: auto;
}
}
.widget_search .search-submit {
display: block;
margin-top: 1rem;
}
.widget_calendar .calendar_wrap {
text-align: center;
}
.widget_calendar .calendar_wrap table td,
.widget_calendar .calendar_wrap table th {
border: none;
}
.widget_calendar .calendar_wrap a {
text-decoration: underline;
}
.widget_links li,
.widget_jp_blogs_i_follow li,
.widget_rss_links li {
font-family: inherit;
}
/**
* Footer Navigation
*/
.footer-navigation .footer-menu a {
padding: 0 8px;
}
.footer-navigation .footer-menu > li:last-of-type {
margin-right: -8px;
}