Haver: Add more styles

hever/sass/_config-child-theme-deep.scss

@@ -300,7 +300,7 @@ $config-header: (
 			// Fonts
 			"font": (
 				"family": map-deep-get($config-global, "font", "family", "secondary"),
-				"size": map-deep-get($config-global, "font", "size", "sm"),
+				"size": map-deep-get($config-global, "font", "size", "xs"),
 			),
 		),
 	),
@@ -319,7 +319,7 @@ $config-header: (
 			"weight": bold,
 			"line-height": 1,
 		),
-		"link-padding": map-deep-get($config-global, "spacing", "unit"),
+		"link-padding": (0.5 * map-deep-get($config-global, "spacing", "unit")),
 	),
 
 	"social-nav": (
@@ -328,7 +328,7 @@ $config-header: (
 			"link": map-deep-get($config-global, "color", "foreground", "light"),
 			"link-hover": map-deep-get($config-global, "color", "primary", "default"),
 		),
-		"link-padding": calc( 0.5 * calc(0.66 * #{map-deep-get($config-global, "spacing", "unit")} ) ),
+		"link-padding": (0.5 * map-deep-get($config-global, "spacing", "unit")),
 	),
 );
 

hever/sass/_extra-child-theme.scss

@@ -20,17 +20,20 @@ a {
 }
 
 /**
- * Mobile-Menu
+ * Wide Header & Footer
  */
-
-#masthead {
+#masthead,
+#colophon,
+.widget-area {
 	margin-left: auto;
 	margin-right: auto;
-	position: relative;
 
 	@extend %responsive-width-wide;
 }
 
+/**
+ * Mobile-Menu
+ */
 #toggle-menu {
 	position: absolute;
 	right: #{map-deep-get($config-global, "spacing", "unit")};
@@ -42,15 +45,13 @@ a {
 }
 
 .site-logo:not(:last-child) {
-	margin-bottom: #{map-deep-get($config-global, "spacing", "unit")};
+	padding-bottom: (0.5 * map-deep-get($config-global, "spacing", "unit"));
 }
 
 /**
  * CSS-grid Desktop Menu
  */
-
 @include media(mobile) {
-
 	#toggle-menu {
 		position: inherit;
 		right: auto;
@@ -63,7 +64,7 @@ a {
 		grid-template-rows: auto;
 		grid-column-gap: #{map-deep-get($config-global, "spacing", "unit")};
 		grid-template-areas:
-			"site-branding ."
+			"site-logo site-logo"
 			"site-branding main-navigation"
 			"site-branding social-navigation";
 
@@ -80,15 +81,17 @@ a {
 
 		.site-logo {
 			display: block;
+			grid-area: site-logo;
 		}
 
 		.site-branding {
-			align-self: auto;
-			max-width: inherit;
+			align-self: flex-start;
 			grid-area: site-branding;
+			max-width: inherit;
 		}
 
 		.main-navigation {
+			align-self: flex-start;
 			grid-area: main-navigation;
 			justify-self: end;
 
@@ -97,17 +100,52 @@ a {
 
 				& > li {
 					margin-bottom: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
+					padding: 0 #{map-deep-get($config-header, "main-nav", "link-padding")};
 
 					& > a {
-						padding-bottom: 0;
-						padding-top: 0;
+						padding: 0;
+					}
+				}
+
+				& > .menu-item-has-children > a::after {
+						font-size: #{0.5 * map-deep-get($config-global, "font", "size", "base")};
+				}
+			}
+
+			& > div > ul > li:hover,
+			& > div > ul > li.focus,
+			& > div > ul > li.current-menu-item {
+
+				& > a {
+					//box-shadow: 0 2px 0 0 #{map-deep-get($config-global, "color", "primary", "default")};
+					//color: #{map-deep-get($config-global, "color", "background")};
+					text-decoration: underline;
+				}
+
+				& > ul {
+					box-shadow: none;
+					overflow: hidden;
+				}
+
+				& li {
+
+					& > a {
+						background: #{map-deep-get($config-global, "color", "foreground", "default")};
+						color: #{map-deep-get($config-global, "color", "background")};
+					}
+
+					&:hover > a,
+					&.focus > a,
+					&.current-menu-item > a {
+						background: #{map-deep-get($config-global, "color", "primary", "default")};
 					}
 				}
 			}
 		}
+
 		.social-navigation {
 			grid-area: social-navigation;
-			justify-self: end;
+			justify-self: flex-end;
 
 			& > div > ul {
 				justify-content: flex-end;
@@ -119,7 +157,6 @@ a {
 /**
  * Blocks
  */
-
 // Cover & Hero block
 .wp-block-cover .wp-block-cover__inner-container,
 .wp-block-coblocks-hero .wp-block-coblocks-hero__box {
@@ -142,13 +179,6 @@ a {
 	}
 }
 
-// Quote block
-.wp-block-quote {
-  p {
-    font-family: #{map-deep-get($config-global, "font", "family", "secondary")};
-  }
-}
-
 // Table block
 table,
 .wp-block-table {
@@ -158,6 +188,169 @@ table,
 	}
 }
 
+/**
+ * Hentry
+ */
+// Entry Title
+.singular .hentry .entry-title,
+.page-title {
+	text-align: center;
+
+	&:before,
+	&:after {
+		background: map-deep-get($config-global, "color", "border", "light");;
+		height: 1px;
+		content: "";
+		display: block;
+		margin-bottom: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
+
+		@include media(mobile) {
+			margin-bottom: #{2 * map-deep-get($config-global, "spacing", "vertical")};
+		}
+
+		@extend %responsive-width-full;
+	}
+
+	&:after {
+		margin-bottom: 0;
+		margin-top: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
+
+		@include media(mobile) {
+			margin-bottom: 0;
+			margin-top: #{2 * map-deep-get($config-global, "spacing", "vertical")};
+		}
+	}
+}
+
+// Entry Title Link
+article .entry-header .entry-title,
+.page-title,
+.a8c-posts-list .a8c-posts-list-item__title {
+  a {
+    color: inherit;
+		text-decoration: none;
+
+    &:active,
+    &:focus,
+    &:hover {
+      color: #{map-deep-get($config-global, "color", "primary", "default")};
+    }
+  }
+}
+
+.page .hentry .entry-content {
+	& > *:first-child {
+		&.alignfull {
+			margin-top: -#{map-deep-get($config-global, "spacing", "vertical")};
+		}
+	}
+}
+
+/**
+ * Widgets
+ */
+.widget-area {
+	border-top: 1px solid map-deep-get($config-global, "color", "border", "light");
+	padding-top: #{map-deep-get($config-global, "spacing", "vertical")};
+
+  .widget-title,
+  .widgettitle {
+  	font-size: #{map-deep-get($config-global, "font", "size", "md")};
+    margin-bottom: #{0.5 * map-deep-get($config-global, "spacing", "vertical")};
+
+    &:empty {
+      display: none;
+    }
+  }
+	
+  @include media(laptop) {
+		display: grid;
+		grid-template-columns: repeat(2, 1fr);
+		grid-column-gap: #{map-deep-get($config-global, "spacing", "vertical")};
+		justify-content: space-between;
+
+    & > *:nth-child(2) {
+      margin-top: 0;
+    }
+  }
+
+	@include media(desktop) {
+	grid-template-columns: repeat(3, 1fr);
+
+		& > *:nth-child(3) {
+      margin-top: 0;
+    }
+  }
+}
+
+.widget_calendar,
+.widget_calendar {
+  caption {
+    font-weight: bold;
+  }
+
+  td,
+  th {
+	   text-align: center;
+  }
+}
+
+.widget_archive,
+.widget_categories,
+.widget_links,
+.widget_meta,
+.widget_nav_menu,
+.widget_pages,
+.widget_recent_comments,
+.widget_recent_entries,
+.widget_rss,
+.widget_rss_links,
+.widget_top-posts,
+.widget_authors,
+.widget_jp_blogs_i_follow,
+.widget_top-click,
+.widget_upcoming_events_widget {
+  ul {
+    border-bottom: 1px solid map-deep-get($config-global, "color", "border", "default");
+    list-style: none;
+    margin-left: 0;
+  }
+
+  li {
+    border-top: 1px solid map-deep-get($config-global, "color", "border", "default");
+    padding: #{0.25 * map-deep-get($config-global, "spacing", "vertical")} 0;
+  }
+}
+
+.widget_categories .children,
+.widget_nav_menu .sub-menu,
+.widget_pages .children {
+  border-bottom: 0;
+  margin-bottom: #{-0.25 * map-deep-get($config-global, "spacing", "vertical")};
+  margin-top: #{0.25 * map-deep-get($config-global, "spacing", "vertical")};
+  padding-left: map-deep-get($config-global, "spacing", "horizontal");
+}
+
+.widget_recent_entries .post-date {
+  display: block;
+}
+
+.widget_rss {
+  cite,
+  .rssSummary,
+  .rss-date {
+    display: block;
+  }
+}
+
+.widget_search {
+  input[type="search"] {
+    display: block;
+    margin-bottom: #{0.25 * map-deep-get($config-global, "spacing", "vertical")};
+    width: 100%;
+  }
+}
+
 /*
 .site-branding,
 .site-info,

hever/style-rtl.css

@@ -2105,7 +2105,7 @@ table th,
 .site-description {
 	color: currentColor;
 	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 0.86957rem;
+	font-size: 0.75614rem;
 }
 
 .main-navigation {
@@ -2254,7 +2254,7 @@ table th,
 	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1rem;
 	font-weight: bold;
-	padding: 16px;
+	padding: 8px;
 }
 
 .main-navigation a:link, .main-navigation a:visited {
@@ -2273,8 +2273,8 @@ table th,
 }
 
 .main-navigation .sub-menu .menu-item a {
-	padding-top: 8px;
-	padding-bottom: 8px;
+	padding-top: 4px;
+	padding-bottom: 4px;
 }
 
 .main-navigation .sub-menu .menu-item a::before {
@@ -2314,7 +2314,7 @@ table th,
 .social-navigation a {
 	color: #757575;
 	display: inline-block;
-	padding: 0 calc( 0.5 * calc(0.66 * 16px ));
+	padding: 0 8px;
 }
 
 .social-navigation a:hover {
@@ -2407,7 +2407,7 @@ table th,
 	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.86957rem;
 	font-weight: bold;
-	padding: 16px;
+	padding: 8px;
 	color: currentColor;
 }
 
@@ -2923,7 +2923,9 @@ table th,
 
 .wp-block-group.alignwide .alignwide,
 .wp-block-group.alignwide .alignfull,
-.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead {
+.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
+#colophon,
+.widget-area {
 	margin-right: calc( -0.25 * ( 100vw - 100% ));
 	margin-left: calc( -0.25 * ( 100vw - 100% ));
 	width: calc( 100% + (0.25 * 2) * ( 100vw - 100% ));
@@ -2933,7 +2935,9 @@ table th,
 @media only screen and (min-width: 560px) {
 	.wp-block-group.alignwide .alignwide,
 	.wp-block-group.alignwide .alignfull,
-	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead {
+	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
+	#colophon,
+	.widget-area {
 		margin-right: calc( -0.25 * ( 100vw - calc( 560px - 32px) ));
 		margin-left: calc( -0.25 * ( 100vw - calc( 560px - 32px) ));
 		width: calc( calc( 560px - 32px) + (0.25 * 2) * ( 100vw - calc( 560px - 32px) ));
@@ -2944,7 +2948,9 @@ table th,
 @media only screen and (min-width: 640px) {
 	.wp-block-group.alignwide .alignwide,
 	.wp-block-group.alignwide .alignfull,
-	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead {
+	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
+	#colophon,
+	.widget-area {
 		margin-right: calc( -0.25 * ( 100vw - calc( 640px - 32px) ));
 		margin-left: calc( -0.25 * ( 100vw - calc( 640px - 32px) ));
 		width: calc( calc( 640px - 32px) + (0.25 * 2) * ( 100vw - calc( 640px - 32px) ));
@@ -2955,7 +2961,9 @@ table th,
 @media only screen and (min-width: 782px) {
 	.wp-block-group.alignwide .alignwide,
 	.wp-block-group.alignwide .alignfull,
-	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead {
+	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
+	#colophon,
+	.widget-area {
 		margin-right: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
 		margin-left: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
 		width: calc( calc( 782px - 32px) + (0.25 * 2) * ( 100vw - calc( 782px - 32px) ));
@@ -2966,7 +2974,9 @@ table th,
 @media only screen and (min-width: 1024px) {
 	.wp-block-group.alignwide .alignwide,
 	.wp-block-group.alignwide .alignfull,
-	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead {
+	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
+	#colophon,
+	.widget-area {
 		margin-right: -128px;
 		margin-left: -128px;
 		width: calc(calc( 782px - 32px) + 256px);
@@ -2977,7 +2987,9 @@ table th,
 @media only screen and (min-width: 1280px) {
 	.wp-block-group.alignwide .alignwide,
 	.wp-block-group.alignwide .alignfull,
-	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead {
+	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
+	#colophon,
+	.widget-area {
 		margin-right: -128px;
 		margin-left: -128px;
 		width: calc(calc( 782px - 32px) + 256px);
@@ -2985,7 +2997,9 @@ table th,
 	}
 }
 
-.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+.page-title:before,
+.page-title:after {
 	margin-right: calc( -0.5 * ( 100vw - 100% ));
 	margin-left: calc( -0.5 * ( 100vw - 100% ));
 	width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
@@ -2993,7 +3007,9 @@ table th,
 }
 
 @media only screen and (min-width: 560px) {
-	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+	.page-title:before,
+	.page-title:after {
 		margin-right: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
 		margin-left: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
 		width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
@@ -3002,7 +3018,9 @@ table th,
 }
 
 @media only screen and (min-width: 640px) {
-	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+	.page-title:before,
+	.page-title:after {
 		margin-right: calc( -0.5 * ( 100vw - calc( 640px - 32px) ));
 		margin-left: calc( -0.5 * ( 100vw - calc( 640px - 32px) ));
 		width: calc( calc( 640px - 32px) + (0.5 * 2) * ( 100vw - calc( 640px - 32px) ));
@@ -3011,7 +3029,9 @@ table th,
 }
 
 @media only screen and (min-width: 782px) {
-	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+	.page-title:before,
+	.page-title:after {
 		margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
@@ -3020,7 +3040,9 @@ table th,
 }
 
 @media only screen and (min-width: 1024px) {
-	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+	.page-title:before,
+	.page-title:after {
 		margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
@@ -3029,7 +3051,9 @@ table th,
 }
 
 @media only screen and (min-width: 1280px) {
-	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+	.page-title:before,
+	.page-title:after {
 		margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
@@ -3197,14 +3221,18 @@ p:not(.site-title) a:hover {
 }
 
 /**
- * Mobile-Menu
+ * Wide Header & Footer
  */
-#masthead {
+#masthead,
+#colophon,
+.widget-area {
 	margin-right: auto;
 	margin-left: auto;
-	position: relative;
 }
 
+/**
+ * Mobile-Menu
+ */
 #toggle-menu {
 	position: absolute;
 	left: 16px;
@@ -3216,7 +3244,7 @@ p:not(.site-title) a:hover {
 }
 
 .site-logo:not(:last-child) {
-	margin-bottom: 16px;
+	padding-bottom: 8px;
 }
 
 /**
@@ -3233,7 +3261,7 @@ p:not(.site-title) a:hover {
 		grid-template-columns: auto;
 		grid-template-rows: auto;
 		grid-column-gap: 16px;
-		grid-template-areas: "site-branding ." "site-branding main-navigation" "site-branding social-navigation";
+		grid-template-areas: "site-logo site-logo" "site-branding main-navigation" "site-branding social-navigation";
 	}
 	.site-header:before, .site-header:after {
 		content: none;
@@ -3245,13 +3273,15 @@ p:not(.site-title) a:hover {
 	}
 	.site-header .site-logo {
 		display: block;
+		grid-area: site-logo;
 	}
 	.site-header .site-branding {
-		align-self: auto;
-		max-width: inherit;
+		align-self: flex-start;
 		grid-area: site-branding;
+		max-width: inherit;
 	}
 	.site-header .main-navigation {
+		align-self: flex-start;
 		grid-area: main-navigation;
 		justify-self: end;
 	}
@@ -3260,14 +3290,45 @@ p:not(.site-title) a:hover {
 	}
 	.site-header .main-navigation > div > ul > li {
 		margin-bottom: 16px;
+		padding: 0 8px;
 	}
 	.site-header .main-navigation > div > ul > li > a {
-		padding-bottom: 0;
-		padding-top: 0;
+		padding: 0;
+	}
+	.site-header .main-navigation > div > ul > .menu-item-has-children > a::after {
+		font-size: 0.5rem;
+	}
+	.site-header .main-navigation > div > ul > li:hover > a,
+	.site-header .main-navigation > div > ul > li.focus > a,
+	.site-header .main-navigation > div > ul > li.current-menu-item > a {
+		text-decoration: underline;
+	}
+	.site-header .main-navigation > div > ul > li:hover > ul,
+	.site-header .main-navigation > div > ul > li.focus > ul,
+	.site-header .main-navigation > div > ul > li.current-menu-item > ul {
+		box-shadow: none;
+		overflow: hidden;
+	}
+	.site-header .main-navigation > div > ul > li:hover li > a,
+	.site-header .main-navigation > div > ul > li.focus li > a,
+	.site-header .main-navigation > div > ul > li.current-menu-item li > a {
+		background: #303030;
+		color: white;
+	}
+	.site-header .main-navigation > div > ul > li:hover li:hover > a,
+	.site-header .main-navigation > div > ul > li:hover li.focus > a,
+	.site-header .main-navigation > div > ul > li:hover li.current-menu-item > a,
+	.site-header .main-navigation > div > ul > li.focus li:hover > a,
+	.site-header .main-navigation > div > ul > li.focus li.focus > a,
+	.site-header .main-navigation > div > ul > li.focus li.current-menu-item > 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: #1279BE;
 	}
 	.site-header .social-navigation {
 		grid-area: social-navigation;
-		justify-self: end;
+		justify-self: flex-end;
 	}
 	.site-header .social-navigation > div > ul {
 		justify-content: flex-end;
@@ -3301,10 +3362,6 @@ p:not(.site-title) a:hover {
 	margin-bottom: 0;
 }
 
-.wp-block-quote p {
-	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-}
-
 table td,
 table th,
 .wp-block-table td,
@@ -3312,6 +3369,183 @@ table th,
 	border-color: #C5C5C5;
 }
 
+/**
+ * Hentry
+ */
+.singular .hentry .entry-title,
+.page-title {
+	text-align: center;
+}
+
+.singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+.page-title:before,
+.page-title:after {
+	background: #F8F8F8;
+	height: 1px;
+	content: "";
+	display: block;
+	margin-bottom: 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	.singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+	.page-title:before,
+	.page-title:after {
+		margin-bottom: 64px;
+	}
+}
+
+.singular .hentry .entry-title:after,
+.page-title:after {
+	margin-bottom: 0;
+	margin-top: 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	.singular .hentry .entry-title:after,
+	.page-title:after {
+		margin-bottom: 0;
+		margin-top: 64px;
+	}
+}
+
+article .entry-header .entry-title a,
+.page-title a,
+.a8c-posts-list .a8c-posts-list-item__title a {
+	color: inherit;
+	text-decoration: none;
+}
+
+article .entry-header .entry-title a:active, article .entry-header .entry-title a:focus, article .entry-header .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: #1279BE;
+}
+
+.page .hentry .entry-content > *:first-child.alignfull {
+	margin-top: -32px;
+}
+
+/**
+ * Widgets
+ */
+.widget-area {
+	border-top: 1px solid #F8F8F8;
+	padding-top: 32px;
+}
+
+.widget-area .widget-title,
+.widget-area .widgettitle {
+	font-size: 1.15rem;
+	margin-bottom: 16px;
+}
+
+.widget-area .widget-title:empty,
+.widget-area .widgettitle:empty {
+	display: none;
+}
+
+@media only screen and (min-width: 782px) {
+	.widget-area {
+		display: grid;
+		grid-template-columns: repeat(2, 1fr);
+		grid-column-gap: 32px;
+		justify-content: space-between;
+	}
+	.widget-area > *:nth-child(2) {
+		margin-top: 0;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.widget-area > *:nth-child(3) {
+		margin-top: 0;
+	}
+	.widget-area .widget {
+		flex: 0 0 calc(33.3333% - 16px);
+	}
+}
+
+.widget_calendar caption,
+.widget_calendar caption {
+	font-weight: bold;
+}
+
+.widget_calendar td,
+.widget_calendar th,
+.widget_calendar td,
+.widget_calendar th {
+	text-align: center;
+}
+
+.widget_archive ul,
+.widget_categories ul,
+.widget_links ul,
+.widget_meta ul,
+.widget_nav_menu ul,
+.widget_pages ul,
+.widget_recent_comments ul,
+.widget_recent_entries ul,
+.widget_rss ul,
+.widget_rss_links ul,
+.widget_top-posts ul,
+.widget_authors ul,
+.widget_jp_blogs_i_follow ul,
+.widget_top-click ul,
+.widget_upcoming_events_widget ul {
+	border-bottom: 1px solid #C5C5C5;
+	list-style: none;
+	margin-right: 0;
+}
+
+.widget_archive li,
+.widget_categories li,
+.widget_links li,
+.widget_meta li,
+.widget_nav_menu li,
+.widget_pages li,
+.widget_recent_comments li,
+.widget_recent_entries li,
+.widget_rss li,
+.widget_rss_links li,
+.widget_top-posts li,
+.widget_authors li,
+.widget_jp_blogs_i_follow li,
+.widget_top-click li,
+.widget_upcoming_events_widget li {
+	border-top: 1px solid #C5C5C5;
+	padding: 8px 0;
+}
+
+.widget_categories .children,
+.widget_nav_menu .sub-menu,
+.widget_pages .children {
+	border-bottom: 0;
+	margin-bottom: -8px;
+	margin-top: 8px;
+	padding-right: 16px;
+}
+
+.widget_recent_entries .post-date {
+	display: block;
+}
+
+.widget_rss cite,
+.widget_rss .rssSummary,
+.widget_rss .rss-date {
+	display: block;
+}
+
+.widget_search input[type="search"] {
+	display: block;
+	margin-bottom: 8px;
+	width: 100%;
+}
+
 /*
 .site-branding,
 .site-info,

hever/style.css

@@ -2110,7 +2110,7 @@ table th,
 .site-description {
 	color: currentColor;
 	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	font-size: 0.86957rem;
+	font-size: 0.75614rem;
 }
 
 .main-navigation {
@@ -2259,7 +2259,7 @@ table th,
 	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 1rem;
 	font-weight: bold;
-	padding: 16px;
+	padding: 8px;
 }
 
 .main-navigation a:link, .main-navigation a:visited {
@@ -2278,8 +2278,8 @@ table th,
 }
 
 .main-navigation .sub-menu .menu-item a {
-	padding-top: 8px;
-	padding-bottom: 8px;
+	padding-top: 4px;
+	padding-bottom: 4px;
 }
 
 .main-navigation .sub-menu .menu-item a::before {
@@ -2319,7 +2319,7 @@ table th,
 .social-navigation a {
 	color: #757575;
 	display: inline-block;
-	padding: 0 calc( 0.5 * calc(0.66 * 16px ));
+	padding: 0 8px;
 }
 
 .social-navigation a:hover {
@@ -2412,7 +2412,7 @@ table th,
 	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	font-size: 0.86957rem;
 	font-weight: bold;
-	padding: 16px;
+	padding: 8px;
 	color: currentColor;
 }
 
@@ -2928,7 +2928,9 @@ table th,
 
 .wp-block-group.alignwide .alignwide,
 .wp-block-group.alignwide .alignfull,
-.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead {
+.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
+#colophon,
+.widget-area {
 	margin-left: calc( -0.25 * ( 100vw - 100% ));
 	margin-right: calc( -0.25 * ( 100vw - 100% ));
 	width: calc( 100% + (0.25 * 2) * ( 100vw - 100% ));
@@ -2938,7 +2940,9 @@ table th,
 @media only screen and (min-width: 560px) {
 	.wp-block-group.alignwide .alignwide,
 	.wp-block-group.alignwide .alignfull,
-	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead {
+	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
+	#colophon,
+	.widget-area {
 		margin-left: calc( -0.25 * ( 100vw - calc( 560px - 32px) ));
 		margin-right: calc( -0.25 * ( 100vw - calc( 560px - 32px) ));
 		width: calc( calc( 560px - 32px) + (0.25 * 2) * ( 100vw - calc( 560px - 32px) ));
@@ -2949,7 +2953,9 @@ table th,
 @media only screen and (min-width: 640px) {
 	.wp-block-group.alignwide .alignwide,
 	.wp-block-group.alignwide .alignfull,
-	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead {
+	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
+	#colophon,
+	.widget-area {
 		margin-left: calc( -0.25 * ( 100vw - calc( 640px - 32px) ));
 		margin-right: calc( -0.25 * ( 100vw - calc( 640px - 32px) ));
 		width: calc( calc( 640px - 32px) + (0.25 * 2) * ( 100vw - calc( 640px - 32px) ));
@@ -2960,7 +2966,9 @@ table th,
 @media only screen and (min-width: 782px) {
 	.wp-block-group.alignwide .alignwide,
 	.wp-block-group.alignwide .alignfull,
-	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead {
+	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
+	#colophon,
+	.widget-area {
 		margin-left: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
 		margin-right: calc( -0.25 * ( 100vw - calc( 782px - 32px) ));
 		width: calc( calc( 782px - 32px) + (0.25 * 2) * ( 100vw - calc( 782px - 32px) ));
@@ -2971,7 +2979,9 @@ table th,
 @media only screen and (min-width: 1024px) {
 	.wp-block-group.alignwide .alignwide,
 	.wp-block-group.alignwide .alignfull,
-	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead {
+	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
+	#colophon,
+	.widget-area {
 		margin-left: -128px;
 		margin-right: -128px;
 		width: calc(calc( 782px - 32px) + 256px);
@@ -2982,7 +2992,9 @@ table th,
 @media only screen and (min-width: 1280px) {
 	.wp-block-group.alignwide .alignwide,
 	.wp-block-group.alignwide .alignfull,
-	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead {
+	.wp-block-group.alignfull .alignwide, .entry-content > .alignwide, .entry-content > .alignwide.wp-block-jetpack-gif, .entry-content > .alignwide.wp-block-jetpack-tiled-gallery, #masthead,
+	#colophon,
+	.widget-area {
 		margin-left: -128px;
 		margin-right: -128px;
 		width: calc(calc( 782px - 32px) + 256px);
@@ -2990,7 +3002,9 @@ table th,
 	}
 }
 
-.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+.page-title:before,
+.page-title:after {
 	margin-left: calc( -0.5 * ( 100vw - 100% ));
 	margin-right: calc( -0.5 * ( 100vw - 100% ));
 	width: calc( 100% + (0.5 * 2) * ( 100vw - 100% ));
@@ -2998,7 +3012,9 @@ table th,
 }
 
 @media only screen and (min-width: 560px) {
-	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+	.page-title:before,
+	.page-title:after {
 		margin-left: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
 		margin-right: calc( -0.5 * ( 100vw - calc( 560px - 32px) ));
 		width: calc( calc( 560px - 32px) + (0.5 * 2) * ( 100vw - calc( 560px - 32px) ));
@@ -3007,7 +3023,9 @@ table th,
 }
 
 @media only screen and (min-width: 640px) {
-	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+	.page-title:before,
+	.page-title:after {
 		margin-left: calc( -0.5 * ( 100vw - calc( 640px - 32px) ));
 		margin-right: calc( -0.5 * ( 100vw - calc( 640px - 32px) ));
 		width: calc( calc( 640px - 32px) + (0.5 * 2) * ( 100vw - calc( 640px - 32px) ));
@@ -3016,7 +3034,9 @@ table th,
 }
 
 @media only screen and (min-width: 782px) {
-	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+	.page-title:before,
+	.page-title:after {
 		margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
@@ -3025,7 +3045,9 @@ table th,
 }
 
 @media only screen and (min-width: 1024px) {
-	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+	.page-title:before,
+	.page-title:after {
 		margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
@@ -3034,7 +3056,9 @@ table th,
 }
 
 @media only screen and (min-width: 1280px) {
-	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery {
+	.wp-block-group.alignfull .alignfull, .entry-content > .alignfull, .entry-content > .alignfull.wp-block-jetpack-gif, .entry-content > .alignfull.wp-block-jetpack-tiled-gallery, .singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+	.page-title:before,
+	.page-title:after {
 		margin-left: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		margin-right: calc( -0.5 * ( 100vw - calc( 782px - 32px) ));
 		width: calc( calc( 782px - 32px) + (0.5 * 2) * ( 100vw - calc( 782px - 32px) ));
@@ -3202,14 +3226,18 @@ p:not(.site-title) a:hover {
 }
 
 /**
- * Mobile-Menu
+ * Wide Header & Footer
  */
-#masthead {
+#masthead,
+#colophon,
+.widget-area {
 	margin-left: auto;
 	margin-right: auto;
-	position: relative;
 }
 
+/**
+ * Mobile-Menu
+ */
 #toggle-menu {
 	position: absolute;
 	right: 16px;
@@ -3221,7 +3249,7 @@ p:not(.site-title) a:hover {
 }
 
 .site-logo:not(:last-child) {
-	margin-bottom: 16px;
+	padding-bottom: 8px;
 }
 
 /**
@@ -3238,7 +3266,7 @@ p:not(.site-title) a:hover {
 		grid-template-columns: auto;
 		grid-template-rows: auto;
 		grid-column-gap: 16px;
-		grid-template-areas: "site-branding ." "site-branding main-navigation" "site-branding social-navigation";
+		grid-template-areas: "site-logo site-logo" "site-branding main-navigation" "site-branding social-navigation";
 	}
 	.site-header:before, .site-header:after {
 		content: none;
@@ -3250,13 +3278,15 @@ p:not(.site-title) a:hover {
 	}
 	.site-header .site-logo {
 		display: block;
+		grid-area: site-logo;
 	}
 	.site-header .site-branding {
-		align-self: auto;
-		max-width: inherit;
+		align-self: flex-start;
 		grid-area: site-branding;
+		max-width: inherit;
 	}
 	.site-header .main-navigation {
+		align-self: flex-start;
 		grid-area: main-navigation;
 		justify-self: end;
 	}
@@ -3265,14 +3295,45 @@ p:not(.site-title) a:hover {
 	}
 	.site-header .main-navigation > div > ul > li {
 		margin-bottom: 16px;
+		padding: 0 8px;
 	}
 	.site-header .main-navigation > div > ul > li > a {
-		padding-bottom: 0;
-		padding-top: 0;
+		padding: 0;
+	}
+	.site-header .main-navigation > div > ul > .menu-item-has-children > a::after {
+		font-size: 0.5rem;
+	}
+	.site-header .main-navigation > div > ul > li:hover > a,
+	.site-header .main-navigation > div > ul > li.focus > a,
+	.site-header .main-navigation > div > ul > li.current-menu-item > a {
+		text-decoration: underline;
+	}
+	.site-header .main-navigation > div > ul > li:hover > ul,
+	.site-header .main-navigation > div > ul > li.focus > ul,
+	.site-header .main-navigation > div > ul > li.current-menu-item > ul {
+		box-shadow: none;
+		overflow: hidden;
+	}
+	.site-header .main-navigation > div > ul > li:hover li > a,
+	.site-header .main-navigation > div > ul > li.focus li > a,
+	.site-header .main-navigation > div > ul > li.current-menu-item li > a {
+		background: #303030;
+		color: white;
+	}
+	.site-header .main-navigation > div > ul > li:hover li:hover > a,
+	.site-header .main-navigation > div > ul > li:hover li.focus > a,
+	.site-header .main-navigation > div > ul > li:hover li.current-menu-item > a,
+	.site-header .main-navigation > div > ul > li.focus li:hover > a,
+	.site-header .main-navigation > div > ul > li.focus li.focus > a,
+	.site-header .main-navigation > div > ul > li.focus li.current-menu-item > 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: #1279BE;
 	}
 	.site-header .social-navigation {
 		grid-area: social-navigation;
-		justify-self: end;
+		justify-self: flex-end;
 	}
 	.site-header .social-navigation > div > ul {
 		justify-content: flex-end;
@@ -3306,10 +3367,6 @@ p:not(.site-title) a:hover {
 	margin-bottom: 0;
 }
 
-.wp-block-quote p {
-	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-}
-
 table td,
 table th,
 .wp-block-table td,
@@ -3317,6 +3374,183 @@ table th,
 	border-color: #C5C5C5;
 }
 
+/**
+ * Hentry
+ */
+.singular .hentry .entry-title,
+.page-title {
+	text-align: center;
+}
+
+.singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+.page-title:before,
+.page-title:after {
+	background: #F8F8F8;
+	height: 1px;
+	content: "";
+	display: block;
+	margin-bottom: 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	.singular .hentry .entry-title:before, .singular .hentry .entry-title:after,
+	.page-title:before,
+	.page-title:after {
+		margin-bottom: 64px;
+	}
+}
+
+.singular .hentry .entry-title:after,
+.page-title:after {
+	margin-bottom: 0;
+	margin-top: 16px;
+}
+
+@media only screen and (min-width: 560px) {
+	.singular .hentry .entry-title:after,
+	.page-title:after {
+		margin-bottom: 0;
+		margin-top: 64px;
+	}
+}
+
+article .entry-header .entry-title a,
+.page-title a,
+.a8c-posts-list .a8c-posts-list-item__title a {
+	color: inherit;
+	text-decoration: none;
+}
+
+article .entry-header .entry-title a:active, article .entry-header .entry-title a:focus, article .entry-header .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: #1279BE;
+}
+
+.page .hentry .entry-content > *:first-child.alignfull {
+	margin-top: -32px;
+}
+
+/**
+ * Widgets
+ */
+.widget-area {
+	border-top: 1px solid #F8F8F8;
+	padding-top: 32px;
+}
+
+.widget-area .widget-title,
+.widget-area .widgettitle {
+	font-size: 1.15rem;
+	margin-bottom: 16px;
+}
+
+.widget-area .widget-title:empty,
+.widget-area .widgettitle:empty {
+	display: none;
+}
+
+@media only screen and (min-width: 782px) {
+	.widget-area {
+		display: grid;
+		grid-template-columns: repeat(2, 1fr);
+		grid-column-gap: 32px;
+		justify-content: space-between;
+	}
+	.widget-area > *:nth-child(2) {
+		margin-top: 0;
+	}
+}
+
+@media only screen and (min-width: 1024px) {
+	.widget-area {
+		grid-template-columns: repeat(3, 1fr);
+	}
+	.widget-area > *:nth-child(3) {
+		margin-top: 0;
+	}
+}
+
+.widget_calendar caption,
+.widget_calendar caption {
+	font-weight: bold;
+}
+
+.widget_calendar td,
+.widget_calendar th,
+.widget_calendar td,
+.widget_calendar th {
+	text-align: center;
+}
+
+.widget_archive ul,
+.widget_categories ul,
+.widget_links ul,
+.widget_meta ul,
+.widget_nav_menu ul,
+.widget_pages ul,
+.widget_recent_comments ul,
+.widget_recent_entries ul,
+.widget_rss ul,
+.widget_rss_links ul,
+.widget_top-posts ul,
+.widget_authors ul,
+.widget_jp_blogs_i_follow ul,
+.widget_top-click ul,
+.widget_upcoming_events_widget ul {
+	border-bottom: 1px solid #C5C5C5;
+	list-style: none;
+	margin-left: 0;
+}
+
+.widget_archive li,
+.widget_categories li,
+.widget_links li,
+.widget_meta li,
+.widget_nav_menu li,
+.widget_pages li,
+.widget_recent_comments li,
+.widget_recent_entries li,
+.widget_rss li,
+.widget_rss_links li,
+.widget_top-posts li,
+.widget_authors li,
+.widget_jp_blogs_i_follow li,
+.widget_top-click li,
+.widget_upcoming_events_widget li {
+	border-top: 1px solid #C5C5C5;
+	padding: 8px 0;
+}
+
+.widget_categories .children,
+.widget_nav_menu .sub-menu,
+.widget_pages .children {
+	border-bottom: 0;
+	margin-bottom: -8px;
+	margin-top: 8px;
+	padding-left: 16px;
+}
+
+.widget_recent_entries .post-date {
+	display: block;
+}
+
+.widget_rss cite,
+.widget_rss .rssSummary,
+.widget_rss .rss-date {
+	display: block;
+}
+
+.widget_search input[type="search"] {
+	display: block;
+	margin-bottom: 8px;
+	width: 100%;
+}
+
 /*
 .site-branding,
 .site-info,