style.css

/*
Theme Name: BirdFIELD
Theme URI: http://www.sysbird.jp/birdfield-theme/
Description: BirdFIELD is a responsive web design theme,  also supports the block editor. Feature fullscreen and parallax custom image, and fixed header. The homepage displays with tagged news and the grid posts. You can choose the text color, link color, header background color by theme options. You can also add a slider to the hero header image.
Author: Sysbird
Author URI: https://profiles.wordpress.org/sysbird/
Version: 1.13
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, block-styles, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog
Text Domain: birdfield

This theme, like WordPress, is licensed under the GPL.
*/
/*------------------------------
reset
-----------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*------------------------------
Font Awesome
-----------------------------*/
@font-face {
  font-family: 'FontAwesome5Free';
  font-style: normal;
  font-weight: 900;
  font-display: afontauto;
  src: url("./fontawesome/fa-solid-900.eot");
  src: url("./fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("./fontawesome/fa-solid-900.woff2") format("woff2"), url("./fontawesome/fa-solid-900.woff") format("woff"), url("./fontawesome/fa-solid-900.ttf") format("truetype"), url("./fontawesome/fa-solid-900.svg#fontawesome") format("svg");
}

@font-face {
  font-family: 'FontAwesome5Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("fontawesome/fa-brands-400.eot");
  src: url("fontawesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fontawesome/fa-brands-400.woff2") format("woff2"), url("fontawesome/fa-brands-400.woff") format("woff"), url("fontawesome/fa-brands-400.ttf") format("truetype"), url("fontawesome/fa-brands-400.svg#fontawesome") format("svg");
}

/* element
--------------------------------------------- */
a {
  color: #1c4bbe;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0.9em;
  margin-bottom: 0.9em;
  line-height: 1.2;
  font-weight: normal;
}

h1 {
  font-size: 2.6rem;
}

h2 {
  font-size: 2.4rem;
}

h3 {
  font-size: 2.2rem;
}

h4 {
  font-size: 2rem;
}

h5 {
  font-size: 1.8rem;
}

h6 {
  font-size: 1.6rem;
}

p {
  line-height: 1.8;
  margin: 0 0 1.8rem;
}

p a:not([class]) {
  text-decoration: underline;
}

blockquote,
.wp-block-quote {
  margin: 1.8rem 0;
  padding-left: 1em;
  border-left: 7px solid #E6E6E6;
}

blockquote small,
.wp-block-quote small {
  display: block;
  line-height: 20px;
  color: #999;
}

blockquote small:before,
.wp-block-quote small:before {
  content: '\2014 \00A0';
}

blockquote cite,
.wp-block-quote cite {
  color: #999;
  display: block;
}

blockquote.has-text-align-right,
.wp-block-quote.has-text-align-right {
  border-color: #E6E6E6;
}

.has-drop-cap:not(:focus)::first-letter {
  font-size: 4em;
  font-weight: bold;
}

table thead,
.wp-block-table thead {
  border-bottom: solid 2px #E6E6E6;
}

table th,
table td,
.wp-block-table th,
.wp-block-table td {
  border: none;
  border-bottom: solid 1px #E6E6E6;
  line-height: 1.4;
  padding: .5em;
  text-align: left;
  vertical-align: top;
}

table th.has-text-align-right,
table td.has-text-align-right,
.wp-block-table th.has-text-align-right,
.wp-block-table td.has-text-align-right {
  text-align: right;
}

table th,
.wp-block-table th {
  font-weight: bold;
  background: #F5F5F5;
  text-align: center;
}

table figcaption,
.wp-block-table figcaption {
  font-size: 2rem;
}

table.is-style-stripes th,
.wp-block-table.is-style-stripes th {
  background: none;
}

table {
  margin-bottom: 1.8rem;
}

.wp-block-table {
  display: block !important;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.wp-block-table figcaption {
  font-size: 2rem;
}

.wp-block-table.is-style-stripes {
  border-bottom: none;
}

.wp-block-table.is-style-stripes table th,
.wp-block-table.is-style-stripes table td {
  border-bottom: none;
}

pre {
  border: dotted 1px #CCC;
  padding: 1.8rem;
  background: #F5F5F5;
  margin: 1.8rem 0;
  line-height: 1.4;
  overflow: auto;
}

code {
  background: #F5F5F5;
}

code, kbd, pre, samp, var, tt {
  font-family: monospace,serif;
}

hr {
  background-color: currentColor;
  border: 0 none;
  height: 1px;
  margin-bottom: 1.8rem;
  clear: both;
}

sup, sub {
  font-size: 80%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  top: 0.5ex;
}

sup {
  bottom: 1ex;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

small {
  font-size: 0.9em;
}

abbr, acronym {
  cursor: help;
  border-bottom: dotted 1px;
}

ul,
ol {
  padding-left: 1.5em;
  margin-bottom: 1.8rem;
}

ul li,
ol li {
  line-height: 1.6;
  margin-top: 0.45em;
  margin-bottom: 0.45em;
}

ul li ul,
ul li ol,
ol li ul,
ol li ol {
  margin-bottom: 0.45rem;
}

ol {
  list-style: decimal;
}

ol ol {
  list-style: upper-alpha;
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: lower-alpha;
}

dl {
  margin-bottom: 1.8rem;
  line-height: 1.4;
}

dl dt {
  font-weight: bold;
  background: #F5F5F5;
  padding: 0.9rem;
}

dl dd {
  padding: 0.9rem 0;
  margin: 0;
}

ins {
  background: #ffc;
  text-decoration: none;
}

/* Structure
--------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
}

.container {
  width: 90%;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

#header,
#content,
#footer {
  width: 100%;
}

/* Adjust footer
--------------------------------------------- */
html, body {
  margin: 0;
  padding: 0;
}

.wrapper {
  min-height: 100vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column nowrap;
}

#content {
  flex-grow: 1;
}

/* Wrapper
-------------------------------------------------------------- */
.wrapper {
  font-family: 'Raleway', 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial','Hiragino Sans', YuGothic, 'Yu Gothic', Meiryo, 'MS PGothic';
  color: #222327;
  background-color: #FFF;
  overflow: hidden;
  line-height: 1.8;
}

.wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Header
-------------------------------------------------------------- */
#header {
  color: #FFF;
  background-color: #79a596;
  z-index: 4;
}

#header #branding {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#header #branding #site-title {
  width: 100%;
  padding: 10px 0;
  margin: 0;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1;
  width: calc(100% - 50px);
  word-wrap: break-word;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#header #branding #site-title a {
  display: block;
  color: #FFF;
}

#header #branding #site-title a:hover {
  text-decoration: none;
}

#header #branding #site-description {
  display: none;
  margin: 0;
  color: #FFF;
}

#header img {
  max-width: 100%;
  vertical-align: bottom;
  margin-bottom: 0.9rem;
}

#header #small-menu {
  display: block;
  box-sizing: content-box;
  width: 2rem;
  padding-top: 18px;
  padding-right: 0;
  padding-bottom: 30px;
  padding-left: .75rem;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color: transparent;
}

#header #small-menu .icon {
  position: relative;
  display: block;
  margin-top: 10px;
}

#header #small-menu .icon, #header #small-menu .icon:before, #header #small-menu .icon:after {
  width: 100%;
  height: 2px;
  -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #FFF;
}

#header #small-menu .icon:before, #header #small-menu .icon:after {
  position: absolute;
  top: -10px;
  left: 0;
  content: ' ';
}

#header #small-menu .icon:after {
  top: 10px;
}

#header #small-menu.current .icon {
  background-color: transparent;
}

#header #small-menu.current .icon:before, #header #small-menu.current .icon:after {
  top: 0;
}

#header #small-menu.current .icon:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#header #small-menu.current .icon:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.no-title #header #site-title,
.no-title #header #site-description {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}

.no-title.no-nav-menu #header {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
}

/* Menu
-------------------------------------------------------------- */
#menu-wrapper {
  display: none;
  /* visibility will be toggled with jquery */
}

#menu-wrapper .menu ul#menu-primary-items {
  margin: 0;
  padding: 0;
}

#menu-wrapper .menu ul#menu-primary-items li {
  list-style: none;
  margin: 0;
}

#menu-wrapper .menu ul#menu-primary-items li a {
  padding: 0.9rem;
  display: block;
  color: #FFF;
  text-decoration: none;
  line-height: 1.2;
  border-top: dotted 1px #FFF;
}

#menu-wrapper .menu ul#menu-primary-items li ul {
  padding-left: 0.9rem;
}

#menu-wrapper .menu .current-menu-item > a,
#menu-wrapper .menu .current-menu-ancestor > a {
  font-weight: bold;
}

/* Posts
--------------------------------------------- */
#content .container {
  padding-bottom: 3.6rem;
}

#content .content-header {
  margin: 1.8rem 0;
}

#content .content-header .content-title {
  color: #79a596;
  margin: 0;
  font-weight: normal;
}

#content .hentry {
  width: 100%;
  word-wrap: break-word;
  *zoom: 1;
}

#content .hentry:after {
  content: "";
  display: table;
  clear: both;
}

#content .hentry .entry-eyecatch {
  margin: 0;
}

#content .hentry .entry-eyecatch img {
  max-width: 100%;
  border-radius: 4px 4px 0 0;
}

#content .hentry .entry-header {
  margin: 2.7rem 0;
  line-height: 1.4;
  position: relative;
}

#content .hentry .entry-header .entry-title {
  color: #79a596;
  font-size: 2.4rem;
  font-weight: normal;
  line-height: 1.2;
  border: none;
  padding: 0;
  margin: 0 0 .2em 0;
}

#content .hentry .entry-header .entry-title a {
  color: #222327;
}

#content .hentry .postdate,
#content .hentry .author {
  color: #999;
  padding-right: .5em;
}

#content .hentry .postdate a,
#content .hentry .author a {
  color: #999;
}

#content .hentry .icon.comment:before {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f075";
  padding-right: 5px;
}

#content .hentry .parent-post-link a {
  color: #999;
}

#content .hentry .parent-post-link a:before {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f03e";
  padding-right: 5px;
}

#content .hentry .entry-meta {
  font-size: 0.9rem;
  padding: 1.8rem 0;
  color: #999;
  clear: both;
}

#content .hentry .entry-meta .category,
#content .hentry .entry-meta .tag {
  margin-bottom: 0.45rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#content .hentry .entry-meta .category span,
#content .hentry .entry-meta .tag span {
  width: 7rem;
  padding: 2px 0;
  display: block;
  float: left;
}

#content .hentry .entry-meta .category span:before,
#content .hentry .entry-meta .tag span:before {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f07b";
  padding-right: 5px;
}

#content .hentry .entry-meta .category em,
#content .hentry .entry-meta .tag em {
  width: calc( 100% - 7em);
  font-style: normal;
}

#content .hentry .entry-meta .category a,
#content .hentry .entry-meta .tag a {
  background: #FFF;
  border: solid 1px #999;
  padding: 0 5px;
  color: #999;
  border-radius: 2px;
  margin-bottom: 4px;
  display: inline-block;
}

#content .hentry .entry-meta .category a:hover,
#content .hentry .entry-meta .tag a:hover {
  background: #F5F5F5;
  text-decoration: none;
}

#content .hentry .entry-meta .tag span:before {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f02c";
  padding-right: 5px;
}

#content .hentry .page-links {
  clear: both;
  margin: 1.8rem 0;
  color: #1c4bbe;
}

#content .hentry .page-links > span,
#content .hentry .page-links a {
  padding: 0.225rem 0.45rem;
  text-decoration: none;
  border-radius: 2px;
  font-weight: normal;
  text-align: center;
  background: #FFF;
  border: solid 1px #1c4bbe;
  display: inline-block;
  line-height: 1;
}

#content .hentry .page-links > span span,
#content .hentry .page-links a span {
  color: #1c4bbe;
  border: none;
  border-radius: 0;
  padding: 0;
}

#content .hentry .page-links a:hover {
  background: #F5F5F5;
}

#content .hentry .page-links span.current {
  background: #1c4bbe;
}

#content .hentry .page-links span.current span {
  color: #FFF;
}

#content .hentry .more-link {
  color: #1c4bbe;
  padding-left: 1em;
}

#content .hentry .more-link:before {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f141";
  padding-right: 5px;
}

#content .hentry .more-link:after {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f105";
  padding-left: 5px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  color: #79a596;
  margin-top: 1.8em;
}

#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a {
  color: #79a596;
}

#content h1 {
  font-weight: bold;
}

#content h2 {
  border-bottom: dashed 1px #79a596;
  padding-bottom: 0.4em;
}

#content h3 {
  border-left: solid 7px #79a596;
  padding-left: .7em;
}

#content p {
  line-height: 1.8;
  margin: 1.8rem 0;
}

#content .entry-content > .alignwide {
  width: 100%;
  max-width: 100%;
}

#content .entry-content > .alignfull {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  width: auto;
  max-width: none;
}

/* Accessibility
-------------------------------------------------------------- */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Images
-------------------------------------------------------------- */
.hentry img,
.widget img {
  max-width: 100%;
  height: auto;
}

img[class*="align"],
img[class*="wp-image-"] {
  height: auto;
}

.aligncenter,
.alignleft,
.alignright {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 1.8rem;
}

a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha Opacity=90;
  opacity: 0.9;
}

/* Galley
-------------------------------------------------------------- */
.wp-caption,
.gallery-caption {
  display: block;
  font-size: 0.9em;
  line-height: 1;
  color: #999;
  max-width: 100%;
  text-align: center;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption .wp-caption-text {
  color: #999;
  margin-top: .5em;
}

.gallery-caption {
  margin: 5px 0 0 0;
}

.gallery {
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.gallery:after {
  content: "";
  display: table;
  clear: both;
}

.gallery .gallery-item {
  padding: 0 5px;
  margin-bottom: 1.8rem;
  text-align: center;
  width: 33%;
}

.gallery .gallery-item a {
  display: block;
}

.gallery .gallery-item img {
  vertical-align: bottom;
}

.gallery.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery.gallery-columns-3 .gallery-item {
  width: 33.33%;
}

.gallery.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery.gallery-columns-6 .gallery-item {
  width: 16.66%;
}

.gallery.gallery-columns-7 .gallery-item {
  width: 14.28%;
}

.gallery.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery.gallery-columns-9 .gallery-item {
  width: 11.11%;
}

/* Make sure videos and embeds fit their containers
-------------------------------------------------------------- */
embed,
iframe,
object,
video {
  max-width: 100%;
}

.entry-content .twitter-tweet-rendered {
  max-width: 100% !important;
  /* Override the Twitter embed fixed width */
}

/* Comments
-------------------------------------------------------------- */
#content #comments {
  margin: 1.8rem 0;
  display: block;
}

#content #comments .navigation {
  position: relative;
  height: 1.8rem;
  padding-bottom: 10px;
  margin-bottom: 1.8rem;
}

#content #comments .navigation .nav-previous a {
  position: absolute;
  top: 0;
  right: 0;
  padding-left: 1.8rem;
}

#content #comments .navigation .nav-next a {
  position: absolute;
  top: 0;
  left: 0;
  padding-right: 1.8rem;
}

#content #comments ol.commentlist {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

#content #comments ol.commentlist li.pingback,
#content #comments ol.commentlist li.comment {
  clear: both;
  margin-bottom: 1.8rem;
  padding: 0;
  position: relative;
  list-style: none;
  overflow: hidden;
  *zoom: 1;
}

#content #comments ol.commentlist li.pingback:after,
#content #comments ol.commentlist li.comment:after {
  content: "";
  display: table;
  clear: both;
}

#content #comments ol.commentlist ul {
  margin-left: 40px;
}

#content #comments li {
  border-bottom: dashed 1px #E6E6E6;
}

#content #comments li li {
  border: none;
}

#content #comments li .comment-meta {
  line-height: 1.4;
  margin-bottom: 0.9rem;
}

#content #comments li .comment-meta a {
  color: #999;
}

#content #comments li .comment-author img {
  margin: 0 10px 0 0;
  float: left;
}

#content #comments li .comment-awaiting-moderation {
  color: #F66;
}

#content #comments li .reply {
  margin-bottom: 1.8rem;
}

#content #comments li .reply a.comment-reply-link:before {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f3e5";
  padding-right: 5px;
}

#content #comments li .comment-metadata,
#content #comments li .comment-awaiting-moderation,
#content #comments li .comment-content,
#content #comments li .reply {
  padding-left: 50px;
}

#content #comments li.bypostauthor .comment-author {
  color: #79a596;
}

#content #comments .nopassword {
  color: #999;
}

/* Forms
-------------------------------------------------------------- */
input[type="number"] {
  -moz-appearance: textfield;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="file"],
input[type="date"],
input[type="number"],
input[type="search"],
input[type="url"],
textarea {
  max-width: 100%;
  border: solid 1px #E6E6E6;
  border-radius: 4px;
  padding: 5px;
  font-size: 1.2em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  font-family: inherit;
}

select {
  max-width: 100%;
  padding: 5px;
  font-size: inherit;
}

input[type=submit],
input[type=submit],
input[type=button],
button[type=submit],
button[type=button] {
  padding: 0.6em 2em;
  border-radius: 4px;
  background-color: #1c4bbe;
  color: #FFF;
  border: none;
  cursor: pointer;
  font-size: 1.2em;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=submit]:hover,
input[type=submit]:hover,
input[type=button]:hover,
button[type=submit]:hover,
button[type=button]:hover {
  background-color: #1f54d4;
}

::placeholder,
::-webkit-input-placeholder,
::-moz-placeholder {
  color: #999;
}

#commentform {
  border: 1px solid #E6E6E6;
  padding: 10px 15px;
  margin-bottom: 1.8rem;
  background: #FFF;
  border-radius: 2px;
  max-width: 650px;
}

#commentform p {
  margin: 0.9rem 0;
}

#commentform .required {
  color: #F00;
}

#commentform label {
  padding: 0 0 5px 0;
  display: block;
}

#commentform input[type="checkbox"] + label {
  display: inline;
}

#commentform textarea {
  width: 100%;
  height: 100px;
  padding: 5px;
  background: #FFF;
  border: solid 1px #E6E6E6;
}

#commentform #email-notes {
  display: block;
}

#commentform .form-allowed-tags {
  line-height: 1.2;
}

#commentform .form-allowed-tags code {
  display: block;
}

.post-password-form input:not([type="submit"]) {
  padding: 5px;
  background: #FFF;
  border: solid 1px #E6E6E6;
}

/* Footer
--------------------------------------------- */
#footer {
  background: #79a596;
  color: #FFF;
  position: relative;
  z-index: 1;
}

#footer a {
  color: #FFF;
}

#footer .site-title {
  padding: 0.9rem 0;
  border-top: dotted 1px;
  line-height: 1.4;
}

#footer .site-title .generator:after {
  font-family: 'FontAwesome5Brands';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f19a";
  padding-left: 5px;
}

#footer .site-title strong {
  font-size: 1.2rem;
}

#footer #back-top {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-bottom: 0;
  transform: translate(-50%, 0);
  z-index: 3;
  cursor: pointer;
}

#footer #back-top a {
  display: block;
}

#footer #back-top a span {
  display: none;
}

#footer #back-top a:before {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f139";
  font-size: 3em;
  display: inline-block;
  color: #E6E6E6;
  filter: progid:DXImageTransform.Microsoft.Alpha Opacity=50;
  opacity: 0.5;
}

/* Widget
--------------------------------------------- */
#widget-area {
  background: #79a596;
  padding: 0;
  overflow: hidden;
  *zoom: 1;
}

#widget-area:after {
  content: "";
  display: table;
  clear: both;
}

#widget-area .widget {
  color: #FFF;
  margin: 20px 0;
  width: 100%;
}

#widget-area .widget a {
  text-decoration: none;
}

#widget-area .widget a:hover {
  text-decoration: underline;
}

#widget-area .widget .widget_image img {
  height: auto;
  max-width: 100%;
}

#widget-area .widget h3 {
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0 0 0.45rem 0;
  padding: 0 0 0.45rem 0;
  border-bottom: solid 2px;
}

#widget-area .widget ul {
  list-style: none;
  padding: 0;
  margin-left: 0;
  overflow: hidden;
}

#widget-area .widget ul li {
  margin-top: -1px;
  border-top: dotted 1px;
  padding-left: 1em;
  padding-top: 0.45em;
  text-indent: -0.3rem;
}

#widget-area .widget ul li:before {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f0da";
  padding-right: 5px;
}

#widget-area .widget ul li ul {
  padding: 0.5rem 0 0 0.5rem;
}

#widget-area .widget table {
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
}

#widget-area .widget table thead,
#widget-area .widget table td {
  border-color: currentColor;
}

#widget-area .widget table th {
  background-color: transparent;
}

#widget-area .widget .textwidget {
  line-height: 1.4;
}

#widget-area .widget .textwidget a {
  text-decoration: underline;
}

#widget-area .widget #wp-calendar a {
  color: #1c4bbe;
  border-radius: 2px;
  background: #FFF;
}

#widget-area .widget .wp-calendar-nav {
  text-align: center;
}

#widget-area .wp-caption .wp-caption-text {
  color: #FFF;
}

/* Searcform
--------------------------------------------- */
#searchform {
  width: 100%;
  max-width: 500px;
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#searchform #s {
  border-radius: 4px 0 0 4px;
  width: calc( 100% - 60px);
  height: 32px;
}

#searchform #searchsubmit {
  cursor: pointer;
  width: 60px;
  border-radius: 0 4px 4px 0;
  margin: 0;
  padding: 0;
  background: #CCC;
  border-color: #C00;
  color: #FFF;
  height: 32px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#searchform #searchsubmit:before {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f002";
}

#widget-area #searchform #s {
  border: none;
}

/* Home
--------------------------------------------- */
.home #content,
.blog #content {
  background: none;
}

.home #content h2,
.blog #content h2 {
  border: none;
  margin: 0;
  padding: 0 0 1.8rem 0;
}

.home #content h2 a,
.blog #content h2 a {
  display: block;
}

.home #content #news,
.blog #content #news {
  background: #FFF;
  z-index: 1;
  position: relative;
  padding-top: 1.8rem;
}

.home #content #news .container,
.blog #content #news .container {
  padding-bottom: 0;
}

.home #content #news ul.article,
.blog #content #news ul.article {
  list-style: none;
  margin: 0;
  padding: 0;
}

.home #content #news ul.article li,
.blog #content #news ul.article li {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  border-top: dotted 1px #E6E6E6;
}

.home #content #news ul.article li a,
.blog #content #news ul.article li a {
  padding: 0.9rem 0;
  display: block;
}

.home #content #news ul.article li .entry-header,
.blog #content #news ul.article li .entry-header {
  margin: 0;
  overflow: hidden;
  *zoom: 1;
}

.home #content #news ul.article li .entry-header:after,
.blog #content #news ul.article li .entry-header:after {
  content: "";
  display: table;
  clear: both;
}

.home #content #news ul.article li .entry-header .entry-title,
.blog #content #news ul.article li .entry-header .entry-title {
  font-size: 1.2rem;
  color: #1c4bbe;
  padding-top: 0.9rem;
  margin: 0;
}

.home #content #news ul.article li .entry-header .postdate,
.blog #content #news ul.article li .entry-header .postdate {
  display: block;
}

.home #content #blog,
.blog #content #blog {
  background: #FFF;
  position: relative;
  padding-top: 1.8rem;
  z-index: 1;
}

.home #content #blog ul.article,
.blog #content #blog ul.article {
  list-style: none;
  margin: 0 0 1.8rem 0;
  padding: 0;
}

.home #content #blog ul.article .hentry,
.blog #content #blog ul.article .hentry {
  border: solid 1px #E6E6E6;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 0;
  background: #FFF;
  overflow: hidden;
}

.home #content #blog ul.article .hentry .entry-eyecatch img,
.blog #content #blog ul.article .hentry .entry-eyecatch img {
  width: 100%;
  vertical-align: text-bottom;
}

.home #content #blog ul.article .hentry .entry-header,
.blog #content #blog ul.article .hentry .entry-header {
  margin: 10px;
  position: relative;
}

.home #content #blog ul.article .hentry .entry-header .entry-title,
.blog #content #blog ul.article .hentry .entry-header .entry-title {
  font-size: 1.8rem;
  color: #222327;
}

.home #content #blog ul.article .hentry a,
.blog #content #blog ul.article .hentry a {
  display: block;
  height: 100%;
}

.home #content #blog ul.article .hentry a:hover,
.blog #content #blog ul.article .hentry a:hover {
  text-decoration: none;
  background: #F5F5F5;
}

.home #content #blog ul.article .hentry .entry-meta,
.blog #content #blog ul.article .hentry .entry-meta {
  margin: 10px;
  padding: 0;
}

.home #content #blog ul.article .hentry.sticky,
.blog #content #blog ul.article .hentry.sticky {
  position: relative;
}

.home #content #blog ul.article .hentry.sticky i,
.blog #content #blog ul.article .hentry.sticky i {
  display: inline;
  font-size: 12px;
  color: #fff;
}

.home #content #blog ul.article .hentry.sticky i span,
.blog #content #blog ul.article .hentry.sticky i span {
  position: absolute;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  right: -44px;
  background: #79a596;
  width: 100px;
  height: 20px;
  padding: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.home #content #blog ul.article .hentry.sticky i span:before,
.blog #content #blog ul.article .hentry.sticky i span:before {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f005";
  padding-right: 5px;
  color: #FFF;
}

.home #content #blog ul.article .hentry.sticky .entry-header .entry-title,
.blog #content #blog ul.article .hentry.sticky .entry-header .entry-title {
  color: #79a596;
}

/* Archive
-------------------------------------------------------------------- */
.archive #content ul.list,
.search #content ul.list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.archive #content ul.list li,
.search #content ul.list li {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  border-top: dotted 1px #E6E6E6;
  overflow: hidden;
  *zoom: 1;
}

.archive #content ul.list li:after,
.search #content ul.list li:after {
  content: "";
  display: table;
  clear: both;
}

.archive #content ul.list li a,
.search #content ul.list li a {
  padding: 0.9rem 0;
  display: block;
  overflow: hidden;
  *zoom: 1;
}

.archive #content ul.list li a:after,
.search #content ul.list li a:after {
  content: "";
  display: table;
  clear: both;
}

.archive #content ul.list li a:hover,
.search #content ul.list li a:hover {
  text-decoration: none;
}

.archive #content ul.list li a:hover .entry-header .entry-title,
.archive #content ul.list li a:hover .more-link,
.search #content ul.list li a:hover .entry-header .entry-title,
.search #content ul.list li a:hover .more-link {
  text-decoration: underline;
}

.archive #content ul.list li a .entry-content,
.search #content ul.list li a .entry-content {
  color: #222327;
  font-size: 0.96em;
}

.archive #content ul.list li .entry-header,
.search #content ul.list li .entry-header {
  margin: 0;
  overflow: hidden;
  *zoom: 1;
}

.archive #content ul.list li .entry-header:after,
.search #content ul.list li .entry-header:after {
  content: "";
  display: table;
  clear: both;
}

.archive #content ul.list li .entry-header .entry-title,
.search #content ul.list li .entry-header .entry-title {
  font-size: 1.8rem;
  color: #1c4bbe;
}

/* Single
-------------------------------------------------------------------- */
.single #content #nav-below .nav-next,
.single #content #nav-below .nav-previous {
  display: block;
  width: 100%;
  padding: 5px 0;
}

.single #content #nav-below .nav-previous {
  text-align: right;
}

.single #content #nav-below .nav-previous a:after {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f0da";
  padding-left: 5px;
}

.single #content #nav-below .nav-next a:before {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f0d9";
  padding-right: 5px;
}

/* Attachment
-------------------------------------------------------------------- */
.attachment #content .hentry .entry-attachment {
  text-align: center;
  margin-bottom: 1.8rem;
}

.attachment #content .hentry .entry-attachment .wp-caption {
  background: none;
}

/* Pagenation
-------------------------------------------------------------------- */
#content .pagination {
  clear: both;
  color: #1c4bbe;
  overflow: hidden;
  *zoom: 1;
}

#content .pagination:after {
  content: "";
  display: table;
  clear: both;
}

#content .pagination a.page-numbers,
#content .pagination .current {
  display: inline-block;
  background: #FFF;
  color: #1c4bbe;
  border: solid 1px #1c4bbe;
  text-decoration: none;
  text-align: center;
  padding: 0 12px;
  border-radius: 2px;
  margin: 5px 2px 5px 0;
}

#content .pagination a.page-numbers.prev, #content .pagination a.page-numbers.next,
#content .pagination .current.prev,
#content .pagination .current.next {
  background: none;
  border: none;
}

#content .pagination a.page-numbers.prev:before,
#content .pagination .current.prev:before {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f0d9";
  padding-right: 5px;
}

#content .pagination a.page-numbers.next:after,
#content .pagination .current.next:after {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f0da";
  padding-left: 5px;
}

#content .pagination a.page-numbers:hover {
  background: #F5F5F5;
}

#content .pagination a.page-numbers:hover.prev, #content .pagination a.page-numbers:hover.next {
  background: none;
  text-decoration: underline;
}

#content .pagination .current {
  color: #FFF;
  background: #1c4bbe;
  border: solid 1px #1c4bbe;
}

/* Home Header
--------------------------------------------- */
#wall {
  margin: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
}

#wall .headerimage {
  width: 100%;
  height: 0;
  padding-top: 70.3125%;
}

#wall .headerimage img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

#wall .fixedimage {
  width: 100%;
  height: 0;
  padding-top: 70.3125%;
}

#wall .widget-area-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.3);
  overflow: hidden;
}

#wall .widget-area-header .widget {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  padding: 0 5%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#wall .widget-area-header .widget:nth-child(n+2) {
  display: none;
}

#wall .widget-area-header .widget h3 {
  padding: 0.2em 0;
  margin: 0;
  border: none;
  line-height: 1;
  color: #FFF;
  font-size: 6vw;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

#wall .widget-area-header .widget .textwidget,
#wall .widget-area-header .widget .textwidget p {
  line-height: 1.2;
  margin: 0;
  color: #FFF;
  font-size: 4vw;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

#wall .headerimage.slider {
  transition-duration: .7s;
  transition-property: padding-top;
}

#wall .headerimage.slider .slideitem {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#wall .headerimage.slider .slideitem.start {
  display: block;
}

#wall .headerimage.slider .slideitem .caption {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  width: 85%;
  text-align: center;
  font-size: 4.4vw;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#wall .headerimage.slider .slideitem .caption p {
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  margin-top: 0;
  margin-bottom: .5em;
  line-height: 1.2;
}

#wall .headerimage.slider .slideitem .caption p strong {
  display: block;
  font-size: 1.8em;
}

#wall .headerimage.slider .slideitem .caption p span {
  display: block;
  margin: 0.9rem 0;
  margin: 3vw 0 4vw;
}

#wall .headerimage.slider .slideitem .caption a {
  display: inline-block;
  text-align: center;
  border: solid 2px #FFF;
  color: #FFF;
  font-size: 0.9em;
  padding: 0.5em 2em;
  border-radius: 3px;
  text-decoration: none;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

#wall .headerimage.slider .slideitem .caption a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

#wall.no-image {
  padding-top: 0;
}

/* block-editor
-------------------------------------------------------------- */
#content .wp-block-button a.wp-block-button__link {
  border-radius: 4px;
  line-height: 1.4;
}

#content .wp-block-button a.wp-block-button__link:hover {
  text-decoration: none;
}

#content .wp-block-button {
  margin-bottom: 1.8rem;
}

#content .wp-block-button a.wp-block-button__link:not(.has-background) {
  background-color: #1c4bbe;
}

#content .wp-block-button a.wp-block-button__link:not(.has-background):hover {
  background-color: #1f54d4;
}

#content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
#content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
#content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
  color: #1c4bbe;
  background: none;
}

#content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color):hover,
#content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color):hover,
#content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color):hover {
  background-color: #dfe7fa;
}

#content .wp-block-file .wp-block-file__button {
  display: table;
  border-radius: 4px;
  line-height: 1.4;
  background-color: #1c4bbe;
  margin: 1.8rem 0;
}

#content .wp-block-file .wp-block-file__button:hover {
  text-decoration: none;
}

#content .wp-block-cover-image,
#content .wp-block-cover {
  margin-bottom: 1.8rem;
}

#content .wp-block-cover-image .wp-block-cover-image-text,
#content .wp-block-cover-image .wp-block-cover-text,
#content .wp-block-cover-image h2,
#content .wp-block-cover .wp-block-cover-image-text,
#content .wp-block-cover .wp-block-cover-text,
#content .wp-block-cover h2 {
  color: #fff;
  font-weight: bold;
  font-size: 2.4em;
  line-height: 1.4;
}

#content ffliigcaption {
  line-height: 1.4;
}

#content .wp-block-columns .wp-block-column > :first-child {
  margin-top: 0;
}

#content .wp-block-columns .wp-block-column > :last-child {
  margin-bottom: 0;
}

#content .wp-block-separator,
#content .wp-block-pullquote {
  border-color: #79a596;
}

#content .wp-block-separator blockquote,
#content .wp-block-pullquote blockquote {
  border: none;
}

#content .wp-block-pullquote {
  border-left: none;
}

#content .wp-block-latest-posts li a:before {
  font-family: 'FontAwesome5Free';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  content: "\f0da";
  padding-right: 5px;
}

#content .wp-block-latest-posts.is-grid li {
  border-top: 1px solid #E6E6E6;
  padding-top: 1rem;
  margin-bottom: 1rem;
}

#content .wp-block-latest-posts.is-grid li a:before {
  content: "";
  padding-right: 0;
}

#content .wp-block-group,
#content .wp-block-media-text {
  margin: 1.8rem 0;
}

#wp-calendar,
.wp-block-calendar {
  border-collapse: collapse;
  border-spacing: 0;
}

#wp-calendar caption,
#wp-calendar .wp-calendar-nav,
.wp-block-calendar caption,
.wp-block-calendar .wp-calendar-nav {
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  margin: .5em 0;
}

#wp-calendar tbody th,
#wp-calendar tbody td,
.wp-block-calendar tbody th,
.wp-block-calendar tbody td {
  text-align: center;
  border-top: 1px solid #E6E6E6;
  padding: 8px;
}

#wp-calendar thead th,
.wp-block-calendar thead th {
  padding: 8px;
  text-align: center;
}

#wp-calendar tfoot,
.wp-block-calendar tfoot {
  border-top: 1px solid #E6E6E6;
}

#wp-calendar tfoot a,
.wp-block-calendar tfoot a {
  font-size: 1.2em;
}

#wp-calendar tfoot #next,
.wp-block-calendar tfoot #next {
  text-align: right;
}

#wp-calendar tfoot td,
.wp-block-calendar tfoot td {
  padding: 8px 0;
}

#wp-calendar a,
.wp-block-calendar a {
  font-weight: bold;
  display: block;
  padding: 2px 0;
  margin: 0 auto;
  text-decoration: none;
}

#wp-calendar a:hover,
.wp-block-calendar a:hover {
  text-decoration: underline;
}

/* Media queries for responsive design
--------------------------------------------- */
/* --- iPad Landscape --- */
@media screen and (min-width: 660px) {
  .archive #content ul.list li .attachment-thumbnail,
  .search #content ul.list li .attachment-thumbnail {
    margin: 0 0 10px 10px;
    float: right;
  }
  .single #content #nav-below {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .single #content #nav-below .nav-next,
  .single #content #nav-below .nav-previous {
    width: 48%;
  }
  #wall .widget-area-header {
    top: 0;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    text-align: center;
  }
  #wall .widget-area-header .widget h3 {
    line-height: 1.2;
    font-size: 4vw;
  }
  #wall .widget-area-header .widget .textwidget,
  #wall .widget-area-header .widget .textwidget p {
    line-height: 1.4;
    font-size: 2.8vw;
  }
  #wall .slideitem .caption {
    font-size: 3.4vw;
    width: 75%;
  }
  .alignleft,
  .wp-block-image.alignleft {
    float: left;
    margin-right: 1.8rem;
  }
  .alignright,
  .wp-block-image.alignright {
    float: right;
    margin-left: 1.8rem;
  }
  dl {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  dl dt {
    width: 30%;
    margin-bottom: 2px;
    text-align: right;
  }
  dl dd {
    width: calc( 70% - 20px);
    border-bottom: solid 1px #E6E6E6;
    margin-left: 20px;
  }
  dl dt:first-child + dd {
    border-top: solid 1px #E6E6E6;
  }
}

/* --- PCs --- */
@media screen and (min-width: 930px) {
  .container {
    width: 930px;
  }
  #header .container {
    min-height: 80px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    transition-property: min-height;
    transition-duration: .5s;
  }
  #header #branding {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 0;
  }
  #header #branding #site-title {
    width: 100%;
    padding: 0;
    display: block;
  }
  #header #branding #site-title a {
    display: inline;
  }
  #header #branding #site-description {
    display: block;
    word-wrap: break-word;
    line-height: 1.4;
    padding-top: 5px;
  }
  #header #small-menu {
    display: none;
    /* hide small menu initially */
  }
  #menu-wrapper {
    display: -webkit-flex !important;
    display: flex !important;
  }
  #menu-wrapper .menu {
    width: 100%;
  }
  #menu-wrapper .menu ul#menu-primary-items {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #menu-wrapper .menu ul#menu-primary-items > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #menu-wrapper .menu ul#menu-primary-items li {
    position: relative;
  }
  #menu-wrapper .menu ul#menu-primary-items li:hover > ul {
    opacity: 1;
    visibility: visible;
  }
  #menu-wrapper .menu ul#menu-primary-items li a {
    border-top: none;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #menu-wrapper .menu ul#menu-primary-items li a:hover {
    background: #FFF;
    color: #79a596;
  }
  #menu-wrapper .menu ul#menu-primary-items li.menu-item-has-children > a:after {
    font-family: 'FontAwesome5Free';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    content: "\f0d7";
    padding-left: 5px;
  }
  #menu-wrapper .menu ul#menu-primary-items li ul {
    margin: 0;
    padding: 0;
    width: 200px;
    position: absolute;
    bottomo: 100%;
    left: 0;
    text-align: left;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
  }
  #menu-wrapper .menu ul#menu-primary-items li ul li {
    display: block;
    margin: 0;
    padding: 0;
  }
  #menu-wrapper .menu ul#menu-primary-items li ul li.menu-item-has-children > a:after {
    font-family: 'FontAwesome5Free';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    content: "\f0da";
    padding-left: 5px;
  }
  #menu-wrapper .menu ul#menu-primary-items li ul li a {
    background-color: #79a596;
    border-right: dotted 1px #FFF;
    border-left: dotted 1px #FFF;
    border-bottom: dotted 1px #FFF;
    height: auto;
    white-space: normal;
  }
  #menu-wrapper .menu ul#menu-primary-items li ul li a:hover {
    text-decoration: none;
    border-color: #79a596;
  }
  #menu-wrapper .menu ul#menu-primary-items li ul li:first-child a {
    border-top: dotted 1px #FFF;
  }
  #menu-wrapper .menu ul#menu-primary-items li ul li ul {
    top: 0;
    left: 100%;
  }
  #header.mini {
    background-color: rgba(121, 165, 150, 0.9);
  }
  #header.mini .container {
    min-height: 60px;
  }
  #header.mini #branding #site-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
  #header.mini #branding #site-description {
    display: none;
  }
  .home #content #news ul.article li .entry-header .postdate,
  .blog #content #news ul.article li .entry-header .postdate {
    width: 10em;
    float: left;
  }
  .home #content #news ul.article li .entry-header .entry-title,
  .blog #content #news ul.article li .entry-header .entry-title {
    padding: 0 0 0 8em;
  }
  .home #content #blog ul.article,
  .blog #content #blog ul.article {
    overflow: hidden;
    *zoom: 1;
    margin-left: -10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .home #content #blog ul.article:after,
  .blog #content #blog ul.article:after {
    content: "";
    display: table;
    clear: both;
  }
  .home #content #blog ul.article .hentry,
  .blog #content #blog ul.article .hentry {
    width: calc( 33.33% - 10px);
    margin: 0 0 10px 10px;
  }
  .home #content #blog ul.article .hentry a,
  .blog #content #blog ul.article .hentry a {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .home #content #blog ul.article .hentry .entry-header,
  .home #content #blog ul.article .hentry .entry-meta,
  .blog #content #blog ul.article .hentry .entry-header,
  .blog #content #blog ul.article .hentry .entry-meta {
    margin-left: 20px;
    margin-right: 20px;
  }
  .home #content #blog ul.article .hentry .entry-meta,
  .blog #content #blog ul.article .hentry .entry-meta {
    margin-top: auto;
  }
  #widget-area .widget {
    width: 290px;
    margin: 20px 10px;
    float: left;
  }
  #commentform {
    padding: 0.9rem 1.8rem;
  }
  #wall .headerimage {
    padding-top: 650px;
  }
  #wall .widget-area-header {
    width: 500px;
    height: 500px;
  }
  #wall .widget-area-header .widget h3 {
    font-size: 2em;
  }
  #wall .widget-area-header .widget .textwidget,
  #wall .widget-area-header .widget .textwidget p {
    font-size: 1.2em;
  }
  #wall .fixedimage {
    padding-top: 650px;
  }
  #wall .fixedimage img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #wall .headerimage.slider .slideitem {
    position: static;
  }
  #wall .headerimage.slider .slideitem .caption {
    font-size: 30px;
    width: 600px;
  }
  #wall .headerimage.slider .slideitem .caption p span {
    margin: 1em 1.2em;
  }
  .fixed-header #header {
    position: fixed;
    top: 0;
  }
  .fixed-header #wall .widget-area-header {
    top: 80px;
  }
  .fixed-header #wall .fixedimage {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .fixed-header #wall .headerimage.slider .slideitem .caption {
    top: calc( 50%  + 40px);
  }
  .fixed-header .wrapper:not(.no-title) #wall .widget-area-header,
  .fixed-header .wrapper:not(.no-nav-menu) #wall .widget-area-header {
    top: 80px;
  }
  body:not(.home) .fixed-header:not(.no-title) #content,
  body:not(.home) .fixed-header:not(.no-nav-menu) #content,
  body.home.paged .fixed-header:not(.no-title) #content,
  body.home.paged .fixed-header:not(.no-nav-menu) #content,
  body.home .fixed-header:not(.no-title) #wall.no-image,
  body.home .fixed-header:not(.no-nav-menu) #wall.no-image,
  body.home.page {
    margin-top: 80px;
  }
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="file"],
  input[type="date"],
  input[type="number"],
  input[type="search"],
  input[type="url"],
  textarea {
    font-size: 1.1em;
  }
}

/* admin-bar
--------------------------------------------- */
@media screen and (min-width: 48em) {
  .admin-bar .fixed-header #header {
    top: 32px;
  }
}

@media screen and (max-width: 48.875em) and (min-width: 930px) {
  .admin-bar .fixed-header #header {
    top: 46px;
  }
}