/*
Theme Name: BirdFIELD
Theme URI: http://www.sysbird.jp/birdfield-theme/
Description: BirdFIELD is a responsive web design theme. 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 header image.
Author: Sysbird
Author URI: https://profiles.wordpress.org/sysbird/
Version: 1.12
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, 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.
*/
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;
}

ol, ul {
  list-style: none;
}

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: 'FontAwesome';
  src: url("font-awesome/fontawesome-webfont.eot?v=4.7.0");
  src: url("font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("font-awesome/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("font-awesome/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

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

a:hover {
  text-decoration: underline;
}

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

.container {
  width: 96%;
  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: 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;
}

.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;
  transition-property: min-height;
  transition-duration: .3s;
}

#header #branding #site-title {
  margin: 0 1em 0 0;
  padding: 0;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1;
}

#header #branding #site-title a {
  display: block;
  padding: 0.4em 0;
  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.85rem;
}

.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 .menu #small-menu {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  box-sizing: content-box;
  width: 2rem;
  padding: 0;
  padding-top: 18px;
  padding-right: .75rem;
  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;
}

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

#menu-wrapper .menu #small-menu .icon, #menu-wrapper .menu #small-menu .icon:before, #menu-wrapper .menu #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;
}

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

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

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

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

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

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

#menu-wrapper .menu ul#menu-primary-items {
  margin: 0;
  padding: 0;
  display: none;
  /* visibility will be toggled with jquery */
}

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

#menu-wrapper .menu ul#menu-primary-items li a {
  padding: 0.85rem;
  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.85rem;
}

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

.no-title #menu-wrapper {
  margin-top: 0;
}

/* thin header for scroll
--------------------------------------------- */
#header.mini {
  min-height: 60px;
  background-color: rgba(121, 165, 150, 0.9);
}

#header.mini #menu-wrapper .menu ul#menu-primary-items > li > a {
  height: 60px;
  padding: 20px 0.85rem;
}

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

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

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

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

#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: 1.7rem 0;
  line-height: 1.4;
  position: relative;
}

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

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

#content .hentry .entry-header .postdate,
#content .hentry .entry-header .author {
  color: #999;
  font-size: 0.9rem;
}

#content .hentry .entry-header .postdate:before,
#content .hentry .entry-header .author:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f133";
  padding-right: 0.2rem;
}

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

#content .hentry .entry-header .author:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f118";
  padding-right: 0.2rem;
}

#content .hentry .entry-header .comment:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f075";
  padding-right: 0.2rem;
}

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

#content .hentry .entry-header .parent-post-link a:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f03e";
  padding-right: 0.2rem;
}

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

#content .hentry .entry-meta .category,
#content .hentry .entry-meta .tag {
  margin-bottom: 0.425rem;
  overflow: hidden;
  *zoom: 1;
}

#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 {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f07b";
  padding-right: 0.2rem;
}

#content .hentry .entry-meta .category a,
#content .hentry .entry-meta .tag a {
  background: #FFF;
  border: solid 1px #E6E6E6;
  padding: 2px 5px;
  color: #999;
  border-radius: 4px;
  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 {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02c";
  padding-right: 0.2rem;
}

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

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

#content .hentry .page-links a span {
  color: #1c4bbe;
  border: solid 1px #1c4bbe;
  background: #FFF;
  border-radius: 2px;
}

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

#content .hentry .more-link {
  color: #1c4bbe;
  padding-left: 0.85rem;
  border-radius: 2px;
}

#content .hentry .more-link:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f061";
}

#content .hentry.tag-news .entry-header .postdate:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f06c";
  padding-right: 0.2125rem;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  margin: 0.85rem 0;
  line-height: 1.2;
  font-weight: normal;
  color: #79a596;
}

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

#content h1 {
  font-size: 2.4rem;
}

#content h2 {
  font-size: 2rem;
}

#content h3 {
  font-size: 1.8rem;
}

#content h4 {
  font-size: 1.6rem;
}

#content h5 {
  font-size: 1.4rem;
}

#content h6 {
  font-size: 1.2rem;
}

#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: 10px;
}

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

#content blockquote:not(.wp-block-quote),
#content blockquote.wp-block-quote.is-large {
  margin-left: 1.7rem;
  padding-left: 1.7rem;
  border-left: 10px solid #E6E6E6;
}

#content blockquote:not(.wp-block-quote) small,
#content blockquote.wp-block-quote.is-large small {
  display: block;
  line-height: 20px;
  color: #999999;
}

#content blockquote:not(.wp-block-quote) small:before,
#content blockquote.wp-block-quote.is-large small:before {
  content: '\2014 \00A0';
}

#content blockquote:not(.wp-block-quote) cite:before,
#content blockquote.wp-block-quote.is-large cite:before {
  content: "-";
}

#content blockquote:not(.wp-block-quote) cite,
#content blockquote.wp-block-quote.is-large cite {
  color: #999999;
  display: block;
}

#content table {
  max-width: 100%;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.7rem;
}

#content table th,
#content table td {
  border-bottom: 1px solid #E6E6E6;
  line-height: 1.4;
  padding: 0.85rem;
  text-align: left;
  vertical-align: top;
}

#content table th {
  border-bottom: 2px solid #E6E6E6;
  font-weight: bold;
}

#content pre {
  border: dashed 1px #CCC;
  padding: 0.85rem;
  background: #EEE;
  margin-bottom: 1.7rem;
  line-height: 1.4;
}

#content code {
  background: #EEE;
}

#content code, #content kbd, #content pre, #content samp {
  font-family: monospace,serif;
}

#content hr {
  background-color: #E6E6E6;
  border: 0 none;
  height: 1px;
  margin-bottom: 1.7rem;
}

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

#content sub {
  top: 0.5ex;
}

#content sup {
  bottom: 1ex;
}

#content em {
  font-style: italic;
}

#content strong {
  font-weight: bold;
}

#content abbr {
  cursor: help;
}

#content ul,
#content ol {
  margin: 0 0 1.7rem 0.85rem;
  padding: 0 0 0 0.85rem;
  line-height: 1.4;
}

#content ul li,
#content ol li {
  padding: 0.2125rem 0;
}

#content ul ul,
#content ul ol,
#content ol ul,
#content ol ol {
  margin-bottom: 0;
}

#content ul {
  list-style: disc;
}

#content ul ul {
  list-style: circle;
}

#content ul ul ul {
  list-style: square;
}

#content ol {
  list-style: decimal;
}

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

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

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

#content dl {
  margin: 0 0 1.7rem 0;
  line-height: 1.7;
}

#content dl dt {
  font-weight: bold;
}

#content dl dd {
  margin: 0 1.7rem 1.7rem;
  padding: 0;
}

#content del {
  color: #C00;
}

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

/* Images
-------------------------------------------------------------- */
#content .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: 0.85rem;
}

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 {
  padding: 5px;
  background: #E6E6E6;
  margin-bottom: 0.85rem;
  max-width: 100%;
}

.wp-caption .wp-caption-text {
  color: #999;
}

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

.gallery {
  margin: 0 auto;
  overflow: hidden;
  *zoom: 1;
}

.gallery .gallery-item {
  float: left;
  padding: 0 5px;
  margin-bottom: 10px;
  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.7rem 0;
  display: block;
}

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

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

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

#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.7rem;
  padding: 0;
  position: relative;
  list-style: none;
  overflow: hidden;
  *zoom: 1;
}

#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.85rem;
}

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

#content #comments li .comment-meta time:before {
  color: #999;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f017";
}

#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.7rem;
}

#content #comments li .reply a.comment-reply-link:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f112";
  padding-right: 0.2125rem;
}

#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
-------------------------------------------------------------- */
form input {
  font-size: 100%;
}

#commentform {
  border: 1px dotted #E6E6E6;
  padding: 10px 15px;
  margin-bottom: 1.7rem;
  background: #FFF;
  border-radius: 4px;
  max-width: 650px;
}

#commentform p {
  margin-bottom: 0.85rem;
}

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

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

#commentform input:not([id="submit"]) {
  width: 100%;
  max-width: 300px;
  padding: 5px;
  background: #FFF;
  border: solid 1px #E6E6E6;
}

#commentform input#submit {
  padding: 5px 10px;
  margin-top: 0.425rem;
}

#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.85rem 0;
  border-top: dotted 1px #E6E6E6;
  line-height: 1.4;
}

#footer .site-title .generator:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f19a";
  padding-left: 0.2125rem;
}

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

#footer #back-top {
  position: fixed;
  bottom: -80px;
  left: 36%;
  z-index: 3;
}

#footer #back-top a {
  background: none repeat scroll 0 0 #EEEEEE;
  border-radius: 100px;
  display: block;
  height: 120px;
  opacity: 0.7;
  text-align: center;
  text-decoration: none;
  width: 100px;
}

#footer #back-top a span {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}

#footer #back-top a:hover {
  text-decoration: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

#footer #back-top a:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f062";
  font-size: 50px;
  display: block;
  text-align: center;
  padding: 0;
  color: #999;
}

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

#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.425rem 0;
  padding: 0 0 0.425rem 0;
  border-bottom: solid 2px #E6E6E6;
}

#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 #FFF;
  padding: 0.3rem 0 0.3rem 0.6rem;
  text-indent: -0.3rem;
}

#widget-area .widget ul li:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0da";
  padding-right: 0.2125rem;
}

#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 .textwidget {
  line-height: 1.4;
}

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

#widget-area .widget #wp-calendar {
  /* Calendar Widget */
  border-collapse: collapse;
  border-spacing: 0;
}

#widget-area .widget #wp-calendar caption {
  font-size: 1.2em;
  font-weight: bold;
}

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

#widget-area .widget #wp-calendar tbody th a,
#widget-area .widget #wp-calendar tbody td a {
  font-weight: bold;
  display: block;
  padding: 2px 0;
  margin: 0 auto;
  background: #FFF;
  color: #79a596;
  border-radius: 2px;
}

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

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

#widget-area .widget #wp-calendar tfoot a {
  font-size: 1.2em;
}

#widget-area .widget #wp-calendar tfoot #next {
  text-align: right;
}

#widget-area .widget #wp-calendar tfoot td {
  padding: 8px 0;
}

/* Searcform
--------------------------------------------- */
#searchform {
  width: 100%;
  height: 30px;
  position: relative;
}

#searchform label {
  display: block;
  font-size: 0;
  overflow: hidden;
  text-indent: -9999px;
}

#searchform #s {
  width: 80%;
  padding: 5px 10px 5px 5px;
  height: 30px;
  line-height: 1;
  border-radius: 4px 0 0 4px;
  border: none;
}

#searchform #searchsubmit {
  position: absolute;
  top: 0;
  right: 1px;
  border: 0 none;
  cursor: pointer;
  width: 20%;
  height: 30px;
  border-radius: 0 4px 4px 0;
  margin: 0;
  background: #CCC;
  color: #FFF;
  -webkit-appearance: button;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f005";
  font-size: 1.2em;
}

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

.home #content h2,
.blog #content h2 {
  border: none;
  margin: 0;
  padding: 0 0 1.7rem 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.7rem;
}

.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.85rem 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 .entry-title,
.blog #content #news ul.article li .entry-header .entry-title {
  font-size: 1.2rem;
  color: #1c4bbe;
  padding-top: 0.85rem;
  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.7rem;
  z-index: 1;
}

.home #content #blog ul.article,
.blog #content #blog ul.article {
  list-style: none;
  margin: 0 0 1.7rem 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;
}

.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 {
  padding: 20px;
  margin: 0;
  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.7rem;
  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.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);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-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 {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f005";
  padding-right: 0.2125rem;
  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 a,
.search #content ul.list li a {
  padding: 0.85rem 0;
  display: block;
  overflow: hidden;
  *zoom: 1;
}

.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 .entry-title,
.search #content ul.list li .entry-header .entry-title {
  font-size: 1.7rem;
  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 {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f061";
  padding-left: 0.2125rem;
}

.single #content #nav-below .nav-next a:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f060";
  padding-right: 0.2125rem;
}

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

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

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

#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.2125rem 0.425rem;
  border-radius: 2px;
  margin-right: 0.1rem;
}

#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 {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f060";
  padding-right: 0.2125rem;
}

#content .pagination a.page-numbers.next:after,
#content .pagination .current.next:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f061";
  padding-left: 0.2125rem;
}

#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;
}

#content .pagination .screen-reader-text {
  display: none;
}

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

#wall .headerimage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#wall .headerimage:not(.slider) img {
  width: 100%;
}

#wall .headerimage .fixedimage {
  padding-top: 70.3125%;
  height: 0;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

#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 .slideitem {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}

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

#wall .slideitem .caption {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  width: 85%;
  text-align: center;
  font-size: 5vw;
  -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 .slideitem .caption p {
  color: #fff;
  margin: 0;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  line-height: 1.4;
  margin-bottom: 0.4em;
}

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

#wall .slideitem .caption a {
  display: inline-block;
  text-align: center;
  border: solid 2px #FFF;
  color: #FFF;
  font-weight: bold;
  font-size: 0.9em;
  padding: 2% 5%;
  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 .slideitem .caption a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}

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

/* Media queries for responsive design
--------------------------------------------- */
/* --- iPad Landscape --- */
@media screen and (min-width: 660px) {
  #footer #back-top {
    left: 46%;
  }
  .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 {
    overflow: hidden;
    *zoom: 1;
  }
  .single #content #nav-below .nav-next,
  .single #content #nav-below .nav-previous {
    width: 40%;
  }
  .single #content #nav-below .nav-next {
    float: left;
  }
  .single #content #nav-below .nav-previous {
    float: right;
  }
  #wall .widget-area-header {
    top: 0;
    width: 350px;
    height: 350px;
    border-radius: 350px;
    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: 60%;
  }
  .wrapper:not(.no-title) #wall .widget-area-header,
  .wrapper:not(.no-nav-menu) #wall .widget-area-header {
    top: 10%;
  }
  .wrapper:not(.no-title) #wall .slideitem .caption,
  .wrapper:not(.no-nav-menu) #wall .slideitem .caption {
    top: 55%;
  }
  .alignleft {
    float: left;
    margin-right: 0.75em;
  }
  .alignright {
    float: right;
    margin-left: 0.75em;
  }
}

/* --- PCs --- */
@media screen and (min-width: 930px) {
  .container {
    width: 930px;
  }
  #header #branding {
    padding-top: 15px;
    float: left;
  }
  #header #branding #site-title a {
    display: inline;
  }
  #header #branding #site-description {
    display: block;
    padding: 5px 0;
  }
  #menu-wrapper {
    margin-top: 0;
    *zoom: 1;
  }
  #menu-wrapper:after {
    clear: both;
    content: "";
    display: block;
  }
  #menu-wrapper .menu #small-menu {
    display: none;
    /* hide small menu initially */
  }
  #menu-wrapper .menu ul#menu-primary-items {
    /* ensure .menu is visible on desktop version */
    display: block !important;
    text-align: right;
  }
  #menu-wrapper .menu ul#menu-primary-items li {
    display: inline-block;
    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;
    padding: 0.8em;
  }
  #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 {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d7";
    padding-left: 0.2em;
  }
  #menu-wrapper .menu ul#menu-primary-items li ul {
    margin: 0;
    padding: 0;
    width: 200px;
    position: absolute;
    top: 80px;
    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 {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0da";
    padding-left: 0.2em;
  }
  #menu-wrapper .menu ul#menu-primary-items li ul li a {
    padding: 0.8em;
    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%;
  }
  #menu-wrapper .menu ul#menu-primary-items > li > a {
    padding: 30px 0.8em;
    height: 80px;
  }
  #header.mini #branding #site-description {
    display: none;
  }
  #header.mini #menu-wrapper .menu ul#menu-primary-items li ul {
    top: 60px;
  }
  .many-navigation #menu-wrapper .menu ul#menu-primary-items > li > a {
    padding: 0.8em;
    height: auto;
  }
  .many-navigation #menu-wrapper .menu ul#menu-primary-items > li > ul {
    top: 2.8em;
  }
  .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;
  }
  .home #content #blog ul.article .hentry,
  .blog #content #blog ul.article .hentry {
    width: 303px;
    float: left;
    margin: 0 0 10px 10px;
  }
  #widget-area .widget {
    width: 290px;
    margin: 20px 10px;
    float: left;
  }
  #commentform {
    padding: 0.85rem 1.7rem;
  }
  #wall {
    padding-top: 650px;
  }
  #wall .headerimage .fixedimage {
    padding-top: 650px;
  }
  #wall .widget-area-header {
    width: 420px;
    height: 420px;
    border-radius: 420px;
  }
  #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 .slideitem .caption {
    font-size: 30px;
    width: 600px;
  }
  .fixed-header #header {
    position: fixed;
    top: 0;
  }
  .fixed-header #wall .headerimage:not(.slider) {
    position: fixed;
  }
  .fixed-header #wall .headerimage .fixedimage {
    position: fixed;
  }
  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 {
    margin-top: 80px;
  }
}

/* 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;
  }
}
