/*
Theme Name: BirdTIPS
Theme URI: http://www.sysbird.jp/birdtips-theme/
Description: BirdTIPS is a flexible three-column blog theme. Its responsive layout and is therefore optimized for tablet pcs and smart phones.  You can also choose the text color, link color, article title color and navigation menu color on the Theme Customize.
Author: Sysbird
Author URI: http://www.sysbird.jp
Version: 1.09
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: three-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog
Text Domain: birdtips

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.1.0");
  src: url("font-awesome/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("font-awesome/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("font-awesome/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("font-awesome/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Link
--------------------------------------------- */
a {
  color: #06A;
  text-decoration: none; }
  a:hover {
    decoration: underline; }

/* Structure
--------------------------------------------- */
body {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  background-color: #F5F5F5;
  font-family: 'Lato', Verdana, Arial, Meiryo, "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 0.92em;
  color: #555; }
  body * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }

#container {
  max-width: 1075px;
  margin: 0 auto;
  padding: 0;
  background-color: #fff;
  z-index: 0; }

#header {
  max-width: 100%;
  margin: 0 auto;
  position: relative; }

#wrapper {
  margin: 0 0 0;
  padding: 25px 25px 25px 75px;
  padding: 1.7em 1.7em 1.7em 75px;
  display: -webkit-flex;
  display: flex; }

#main {
  flex: 4;
  min-width: 0;
  display: -webkit-flex;
  display: flex; }

#content {
  flex: 3;
  min-width: 0;
  word-break: break-all; }

#leftcolumn {
  flex: 1;
  padding-left: 3%;
  padding-right: 3%;
  min-width: 0;
  word-break: break-all; }

#rightcolumn {
  flex: 1;
  min-width: 0;
  word-break: break-all; }

#footer {
  clear: both;
  padding: 25px 25px 25px 75px;
  overflow: hidden; }

/* Header
--------------------------------------------- */
#header img {
  width: 100%;
  height: auto;
  vertical-align: bottom; }
#header #branding {
  position: absolute;
  left: 75px;
  top: 0;
  color: #DDD; }
  #header #branding #site-title {
    margin: 0;
    padding: 0.85em 0 0 0;
    font-size: 2rem;
    line-height: 1.2; }
    #header #branding #site-title a {
      color: #DDD;
      font-weight: bold;
      text-decoration: none; }
  #header #branding #site-description {
    margin: 3px 0; }
#header.no-title {
  padding-top: 2em; }
  #header.no-title #branding {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px); }
#header.no-image #branding {
  position: static;
  margin: 0 0 2em 75px; }
#header.no-image #menu-wrapper {
  position: relative; }

/* Menu
-------------------------------------------------------------- */
#menu-wrapper {
  position: absolute;
  bottom: 5px;
  padding-left: 75px;
  z-index: 9; }
  #menu-wrapper .menu #small-menu {
    display: none;
    /* hide small menu initially */ }
  #menu-wrapper .menu ul#menu-primary-items {
    *zoom: 1; }
    #menu-wrapper .menu ul#menu-primary-items:after {
      content: "";
      display: table;
      clear: both; }
    #menu-wrapper .menu ul#menu-primary-items li {
      position: relative; }
      #menu-wrapper .menu ul#menu-primary-items li:hover > ul {
        display: block;
        /* show dropdown on hover */ }
      #menu-wrapper .menu ul#menu-primary-items li ul {
        position: absolute;
        top: 2.05em;
        left: 0;
        margin: 0;
        border: solid 1px #CCC;
        display: none;
        /* hide dropdown */
        width: 200px;
        z-index: 2; }
        #menu-wrapper .menu ul#menu-primary-items li ul li {
          margin: -1px 0 0 0;
          padding: 0; }
          #menu-wrapper .menu ul#menu-primary-items li ul li a {
            display: block;
            padding: 0.85em;
            background: #F5F5F5;
            color: #555;
            border-top: dotted 1px #CCC;
            line-height: 1.2;
            text-decoration: none;
            white-space: normal; }
            #menu-wrapper .menu ul#menu-primary-items li ul li a:hover {
              background: #FFF; }
          #menu-wrapper .menu ul#menu-primary-items li ul li:first-child a {
            border-top: solid 1px #CCC; }
          #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;
            padding-left: 5px;
            content: "\f0da"; }
          #menu-wrapper .menu ul#menu-primary-items li ul li ul {
            top: 0;
            left: 100%; }
      #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;
        padding-left: 5px;
        content: "\f0da"; }
    #menu-wrapper .menu ul#menu-primary-items > li {
      display: inline-block; }
      #menu-wrapper .menu ul#menu-primary-items > li > a {
        display: block;
        padding: 0.425em 0.85em;
        color: #DDD;
        border-left: solid 1px #DDD;
        line-height: 1.2; }
        #menu-wrapper .menu ul#menu-primary-items > li > a:hover {
          text-decoration: underline; }
      #menu-wrapper .menu ul#menu-primary-items > li:first-child a {
        border: none;
        padding-left: 0; }
      #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;
        padding-left: 5px;
        content: "\f0d7"; }
    #menu-wrapper .menu ul#menu-primary-items li[class*="current-menu"] > a {
      font-weight: bold; }

/* Posts
--------------------------------------------- */
#content .hentry {
  margin-bottom: 3.4em; }
  #content .hentry .entry-content {
    overflow: hidden;
    *zoom: 1; }
  #content .hentry .entry-meta {
    clear: both;
    margin-top: 1em;
    line-height: 1.4;
    display: block;
    background: #F5F5F5;
    font-size: 0.96em;
    padding: 0.425em;
    color: #999;
    overflow: hidden;
    *zoom: 1; }
    #content .hentry .entry-meta span {
      padding: 0 0.425em;
      display: inline-block; }
      #content .hentry .entry-meta 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 .hentry .entry-meta a {
      padding: 0 0.425em; }
    #content .hentry .entry-meta .postdate:before {
      content: "\f133"; }
    #content .hentry .entry-meta .author:before {
      content: "\f007"; }
    #content .hentry .entry-meta .category:before {
      content: "\f07b"; }
    #content .hentry .entry-meta .tag:before {
      content: "\f02c"; }
    #content .hentry .entry-meta .comment:before {
      content: "\f075"; }
  #content .hentry .entry-header {
    position: relative;
    margin: 0;
    display: block; }
    #content .hentry .entry-header .entry-title {
      color: #D63;
      font-size: 1.7rem;
      font-weight: normal;
      margin: 0 0 1em 0;
      padding: 0 0 0.85em 0;
      line-height: 1.2;
      border-bottom: dotted 2px #CCC; }
      #content .hentry .entry-header .entry-title a {
        color: #D63;
        text-decoration: none;
        border: none; }
        #content .hentry .entry-header .entry-title a:hover {
          text-decoration: underline; }
    #content .hentry .entry-header .postdate {
      font-size: 1.1em;
      font-style: italic;
      position: absolute;
      left: -75px;
      top: 0;
      background: #D63;
      color: #FFF;
      padding: 5px 7px 15px 0;
      text-align: right;
      width: 60px;
      line-height: 1.1; }
      #content .hentry .entry-header .postdate.circle {
        left: -95px;
        top: -1em;
        border-radius: 100%;
        width: 5em;
        height: 5em;
        text-align: center;
        padding: 0.6em 0; }
      #content .hentry .entry-header .postdate span {
        display: block; }
  #content .hentry.sticky .entry-header .postdate {
    background: #06A; }
  #content .hentry .page-link {
    clear: both;
    margin: 1.7em 0;
    color: #06A; }
    #content .hentry .page-link span {
      background: #06A;
      color: #FFF;
      padding: 0.2125em 0.425em;
      text-decoration: none;
      font-weight: normal;
      text-align: center;
      border: solid 1px #06A;
      display: inline-block;
      line-height: 1; }
    #content .hentry .page-link a span {
      color: #06A;
      background: #FFF; }
      #content .hentry .page-link a span:hover {
        background: #F5F5F5; }
#content a {
  border-bottom: dotted 1px #06A; }
  #content a:hover {
    text-decoration: none;
    border-bottom: solid 1px #06A; }
  #content a.more-link {
    display: inline-block; }
    #content a.more-link: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;
      padding-left: 0.425em;
      content: "\f061"; }
#content a.thumbnail {
  display: block;
  border-bottom: none;
  margin: 0 0 0.5em 1em;
  float: right; }
  #content a.thumbnail img.wp-post-image {
    max-width: 300px; }
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  margin: 0.7em 0;
  line-height: 1.2;
  font-weight: normal; }
#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 h2 {
  border-bottom: dashed 1px #CCC;
  padding-bottom: 0.425em; }
#content h3 {
  border-left: solid 7px #CCC;
  padding-left: 10px; }
#content p {
  line-height: 1.7;
  margin: 0 0 1.7em; }
#content blockquote {
  margin-left: 1em;
  padding-left: 1em;
  border-left: 10px solid #CCC; }
  #content blockquote small {
    display: block;
    line-height: 20px;
    color: #999; }
  #content blockquote small:before {
    content: '\2014 \00A0'; }
  #content blockquote cite:before {
    content: "-"; }
  #content blockquote cite {
    color: #999;
    display: block; }
#content table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 1.7em; }
  #content table th,
  #content table td {
    border: 1px solid #CCC;
    line-height: 1.4;
    padding: 0.85em;
    vertical-align: top; }
  #content table th {
    text-align: center;
    font-weight: bold;
    background: #F5F5F5; }
#content pre {
  border: dashed 1px #CCC;
  padding: 0.85em;
  background: #F5F5F5;
  margin-bottom: 1.7em;
  line-height: 1.4;
  white-space: pre-wrap;
  word-wrap: break-word; }
#content code {
  background: #F5F5F5; }
#content code, #content kbd, #content pre, #content samp {
  font-family: monospace,serif; }
#content hr {
  background-color: #CCC;
  border: 0 none;
  height: 1px;
  margin-bottom: 1.7em; }
#content sup, #content sub {
  font-size: 0.85em;
  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, #content acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }
#content ul,
#content ol {
  margin: 0 0 1.7em 1em;
  padding: 0 0 0 1em;
  line-height: 1.4; }
  #content ul li,
  #content ol li {
    padding: 0.2em 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 1em 0;
  line-height: 1.7; }
  #content dl dt {
    font-weight: bold; }
  #content dl dd {
    margin: 0 1.5em 1.7em;
    padding: 0; }
#content del {
  color: #C00; }
#content ins {
  background: #ffc;
  text-decoration: none; }

.home #content .hentry.sticky .entry-header .entry-title,
.home #content .hentry.sticky .entry-header .entry-title a {
  color: #06A; }

.attachment.single #main {
  width: 100%; }
.attachment.single #content {
  width: 98%;
  float: none; }
.attachment.single #content .entry-content .attachment {
  text-align: center; }

/* Link Style */
#content .hentry .entry-meta a,
.single #content #nav-below a,
#content #comments a.comment-reply-link,
#content #comments .navigation a {
  border: none; }
  #content .hentry .entry-meta a:hover,
  .single #content #nav-below a:hover,
  #content #comments a.comment-reply-link:hover,
  #content #comments .navigation a:hover {
    text-decoration: underline; }

/* Pagenation
-------------------------------------------------------------------- */
#content .pagination {
  clear: both;
  color: #06A;
  overflow: hidden;
  *zoom: 1; }
  #content .pagination a,
  #content .pagination span {
    display: inline-block;
    color: #06A;
    border: solid 1px #06A;
    text-align: center;
    padding: 0.425em 0.56667em;
    margin: 0.2125em;
    text-decoration: none; }
    #content .pagination a.prev, #content .pagination a.next,
    #content .pagination span.prev,
    #content .pagination span.next {
      font-weight: bold;
      border: none;
      padding: 0.425em 0; }
    #content .pagination a.dots,
    #content .pagination span.dots {
      border: none;
      padding: 0.425em; }
  #content .pagination a:hover {
    background: #F5F5F5; }
    #content .pagination a:hover.prev, #content .pagination a:hover.next {
      background: none;
      text-decoration: underline; }
  #content .pagination span.current {
    font-weight: bold;
    color: #FFF;
    background: #06A; }
  #content .pagination a.page-numbers.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;
    padding-right: 0.4em;
    content: "\f060"; }
  #content .pagination a.page-numbers.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;
    padding-left: 0.4em;
    content: "\f061"; }

/* 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
-------------------------------------------------------------- */
#content .hentry img,
.widget img {
  max-width: 100%;
  height: auto;
  border: 1px solid #CCC;
  padding: 1px; }

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

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

.alignleft {
  float: left;
  margin-right: 0.75em; }

.alignright {
  float: right;
  margin-left: 0.75em; }

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 0.75em; }

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

#content .hentry .wp-caption,
#content .hentry .gallery-caption {
  font-size: 0.96em;
  line-height: 1;
  color: #999;
  max-width: 100%;
  text-align: center; }
#content .hentry .wp-caption {
  padding: 5px;
  margin-bottom: 1.7em;
  background: #F5F5F5;
  max-width: 100%; }
  #content .hentry .wp-caption img {
    padding: 0;
    border: none; }
  #content .hentry .wp-caption p {
    text-align: center;
    margin: 5px 0 0 0;
    line-height: 1; }
  #content .hentry .wp-caption a {
    border: none; }
#content .hentry .gallery-caption {
  margin: 5px 0 0 0; }
#content .hentry .gallery {
  margin: 0 auto;
  clear: both; }
  #content .hentry .gallery a {
    border: none; }
  #content .hentry .gallery .gallery-item {
    float: left;
    padding: 0 5px;
    margin-bottom: 10px;
    text-align: center;
    width: 33%; }
    #content .hentry .gallery .gallery-item a {
      display: block; }
    #content .hentry .gallery .gallery-item img {
      vertical-align: bottom; }
  #content .hentry .gallery.gallery-columns-2 .gallery-item {
    max-width: 50%; }
  #content .hentry .gallery.gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  #content .hentry .gallery.gallery-columns-4 .gallery-item {
    max-width: 25%; }
  #content .hentry .gallery.gallery-columns-5 .gallery-item {
    max-width: 20%; }
  #content .hentry .gallery.gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  #content .hentry .gallery.gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  #content .hentry .gallery.gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  #content .hentry .gallery.gallery-columns-9 .gallery-item {
    max-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-top: 20px;
  display: block; }
  #content #comments .navigation {
    position: relative;
    height: 1em;
    padding-bottom: 10px;
    margin-bottom: 1em; }
    #content #comments .navigation .nav-previous a {
      position: absolute;
      top: 0;
      right: 0;
      padding-left: 1em; }
    #content #comments .navigation .nav-next a {
      position: absolute;
      top: 0;
      left: 0;
      padding-right: 1em; }
  #content #comments ol.commentlist {
    list-style: none;
    margin: 0;
    padding-left: 0; }
    #content #comments ol.commentlist li.pingback,
    #content #comments ol.commentlist li.comment {
      border-left: 2px solid #CCC;
      clear: both;
      margin-bottom: 1.7em;
      padding: 0 0 0 10px;
      position: relative;
      list-style: none; }
      #content #comments ol.commentlist li.pingback:after,
      #content #comments ol.commentlist li.comment:after {
        overflow: hidden;
        *zoom: 1; }
      #content #comments ol.commentlist li.pingback .comment-author .fn,
      #content #comments ol.commentlist li.comment .comment-author .fn {
        font-weight: bold;
        color: #000; }
      #content #comments ol.commentlist li.pingback .comment-author img,
      #content #comments ol.commentlist li.comment .comment-author img {
        border: none;
        margin: 0 10px 10px 0;
        float: left; }
      #content #comments ol.commentlist li.pingback .comment-meta,
      #content #comments ol.commentlist li.comment .comment-meta {
        font-size: 0.96em;
        line-height: 1.7;
        margin-bottom: 1.7em; }
        #content #comments ol.commentlist li.pingback .comment-meta a,
        #content #comments ol.commentlist li.comment .comment-meta a {
          border-bottom: none;
          color: #999; }
      #content #comments ol.commentlist li.pingback .comment-awaiting-moderation,
      #content #comments ol.commentlist li.comment .comment-awaiting-moderation {
        font-size: 0.96em;
        color: #999; }
      #content #comments ol.commentlist li.pingback.bypostauthor .comment-author .fn,
      #content #comments ol.commentlist li.comment.bypostauthor .comment-author .fn {
        color: #D63; }
      #content #comments ol.commentlist li.pingback .reply,
      #content #comments ol.commentlist li.comment .reply {
        margin-bottom: 1.7em; }
        #content #comments ol.commentlist li.pingback .reply a.comment-reply-link:before,
        #content #comments ol.commentlist li.comment .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;
          padding-right: 0.2em;
          content: "\f0da"; }

/* Forms
-------------------------------------------------------------- */
form input {
  font-size: 100%; }

#commentform {
  border: 1px dotted #CCC;
  padding: 10px 15px 0;
  margin-bottom: 1.7em; }
  #commentform p {
    margin-bottom: 0.85em; }
  #commentform label {
    padding: 0 0 5px 0;
    display: block; }
  #commentform input:not([id="submit"]) {
    width: 100%;
    max-width: 300px;
    padding: 5px;
    background: #FFF;
    border: solid 1px #CCC; }
  #commentform textarea {
    width: 100%;
    height: 100px;
    padding: 5px;
    background: #FFF;
    border: solid 1px #CCC; }
  #commentform input#submit {
    padding: 5px 10px; }
  #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 #CCC; }

/* Searcform
--------------------------------------------- */
#searchform {
  width: 100%;
  height: 30px;
  position: relative; }
  #searchform #s {
    width: 80%;
    padding: 5px 10px 5px 5px;
    height: 30px;
    line-height: 1;
    border: solid 1px #CCC; }
  #searchform #searchsubmit {
    position: absolute;
    top: 0;
    right: 1px;
    border: 0 none;
    cursor: pointer;
    width: 20%;
    height: 30px;
    margin: 0;
    background: #CCC;
    color: #FFF;
    -webkit-appearance: button; }
    #searchform #searchsubmit:before {
      font-size: 1.4rem;
      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: "\f002"; }

/* Archive
-------------------------------------------------------------------- */
.archive #content ul,
.error404 #content ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .archive #content ul li,
  .error404 #content ul li {
    border-bottom: dotted 1px #CCC;
    padding: 0;
    overflow: hidden;
    *zoom: 1; }
    .archive #content ul li a,
    .error404 #content ul li a {
      text-decoration: none;
      color: #555;
      border: none;
      padding: 0.5em 0;
      display: -webkit-flex;
      display: flex; }
      .archive #content ul li a:hover,
      .error404 #content ul li a:hover {
        background: #F5F5F5; }
    .archive #content ul li span,
    .error404 #content ul li span {
      text-indent: -0.3em;
      margin-left: 0.6em;
      flex: 2; }
      .archive #content ul li span:before,
      .error404 #content ul li 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;
        padding-right: 0.2em;
        content: "\f0da"; }
    .archive #content ul li em,
    .error404 #content ul li em {
      flex: 1;
      text-align: right;
      font-style: normal; }

.search #content h2 {
  font-size: 1.7em; }
  .search #content h2 a {
    border: none; }
    .search #content h2 a:hover {
      text-decoration: underline; }

/* Single
-------------------------------------------------------------------- */
.single #content #nav-below {
  display: -webkit-flex;
  display: flex; }
  .single #content #nav-below .nav-previous {
    flex: 1;
    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;
      padding-left: 0.4em;
      content: "\f061"; }
  .single #content #nav-below .nav-next {
    flex: 1; }
    .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;
      padding-right: 0.4em;
      content: "\f060"; }

/* Attachment
-------------------------------------------------------------------- */
.attachment #content .hentry .entry-attachment {
  text-align: center;
  margin-bottom: 1.7em; }
  .attachment #content .hentry .entry-attachment .wp-caption {
    background: none; }
.attachment #content .hentry .attachment a {
  border: none; }

/* Sidebars
--------------------------------------------- */
.widget {
  margin-bottom: 1.7em;
  line-height: 1.36em; }
  .widget a {
    text-decoration: none; }
    .widget a:hover {
      text-decoration: underline; }
  .widget .widget_image img {
    height: auto;
    max-width: 100%; }
  .widget h3 {
    font-size: 1.2em;
    font-weight: normal;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: solid 3px #CCC; }
  .widget ul {
    list-style: none;
    padding: 0;
    margin-left: 0;
    overflow: hidden; }
    .widget ul li {
      margin-top: -1px;
      border-top: dotted 1px #CCC;
      padding: 0.425em 0 0.425em 0.6em;
      text-indent: -0.3em; }
      .widget ul li a {
        color: #555; }
      .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;
        padding-right: 0.2em;
        content: "\f0da"; }
      .widget ul li ul {
        padding: 0.5em 0 0 0.5em; }
  .widget table {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0; }
  .widget .textwidget {
    line-height: 1.4; }
    .widget .textwidget a {
      text-decoration: underline; }
  .widget #wp-calendar {
    /* Calendar Widget */
    border-collapse: collapse;
    border-spacing: 0; }
    .widget #wp-calendar caption {
      font-size: 1.2em;
      font-weight: bold; }
    .widget #wp-calendar tbody th,
    .widget #wp-calendar tbody td {
      text-align: center;
      border-top: dotted 1px #CCC;
      padding: 2px; }
      .widget #wp-calendar tbody th a,
      .widget #wp-calendar tbody td a {
        display: block;
        background: #06A;
        color: #FFF; }
    .widget #wp-calendar thead th {
      padding: 5px 2px;
      text-align: center; }
    .widget #wp-calendar tfoot {
      border-top: 1px dotted #CCC; }
      .widget #wp-calendar tfoot #next {
        text-align: right; }
      .widget #wp-calendar tfoot td {
        padding: 5px 2px; }

/* Footer
--------------------------------------------- */
#footer {
  background: #D63;
  color: #FFF; }
  #footer .site-title {
    padding: 1em 0;
    line-height: 1.7; }
    #footer .site-title .home {
      font-weight: bold; }
    #footer .site-title a {
      color: #FFF; }
    #footer .site-title .generator {
      font-family: Georgia, "Bitstream Charter", serif;
      font-style: italic; }
      #footer .site-title .generator 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;
        padding-left: 0.4em;
        padding-right: 0.2em;
        content: "\f19a"; }
  #footer #back-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 3; }
    #footer #back-top a {
      color: #CCC;
      display: block;
      height: 60px;
      width: 60px;
      text-decoration: none;
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
      opacity: 0.7; }
      #footer #back-top a span {
        text-indent: -119988px;
        overflow: hidden;
        text-align: left;
        text-transform: capitalize;
        display: block; }
      #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: "\f0aa";
        font-size: 60px;
        display: block; }

/* Media queries for responsive design
--------------------------------------------- */
/* --- iPad Landscape --- */
@media screen and (max-width: 1000px) {
  /* --- General --- */
  #container {
    margin: 0 auto; }

  #wrapper {
    overflow: hidden; }

  #wrapper {
    display: block; }

  #content {
    padding-right: 0; }

  /* --- Sidebars --- */
  #leftcolumn {
    padding-right: 0; }
    #leftcolumn .widget ul li {
      border: none;
      display: inline; }
      #leftcolumn .widget ul li a {
        text-decoration: underline; }
        #leftcolumn .widget ul li a:hover {
          color: #999; }
      #leftcolumn .widget ul li ul li {
        border-top: none; }

  #rightcolumn {
    padding-top: 3.4em; } }
/* --- iPad Portrait --- */
@media screen and (max-width: 800px) {
  #header #branding #site-title {
    padding: 5px 0 0; }
  #header #branding #site-description {
    display: none; }

  #main {
    display: block; }

  /* --- Sidebars --- */
  #leftcolumn {
    padding-left: 0;
    padding-top: 3.4em; }

  #leftcolumn aside:last-child {
    margin-bottom: 30px;
    border-bottom: 1px solid #CCC; }

  #rightcolumn {
    padding-top: 0; }

  #rightcolumn aside:last-child {
    margin-bottom: 0;
    border-bottom: none; } }
/* --- Smartphones and small Tablet PCs --- */
@media screen and (max-width: 650px) {
  body {
    font-size: 1.04rem; }

  #wrapper {
    padding: 10px; }

  #header #branding {
    left: 0;
    padding: 0 10px; }
    #header #branding #site-title {
      font-size: 1.2rem; }
  #header.no-image #branding {
    padding: 1em 10px;
    margin: 0; }
  #header.no-image #menu-wrapper {
    position: absolute; }
  #header.no-menu {
    padding-top: 0; }
    #header.no-menu #branding {
      top: 0; }

  /* small menu */
  #menu-wrapper {
    bottom: 0;
    width: 100%;
    padding: 0; }
    #menu-wrapper .menu #small-menu {
      cursor: pointer;
      display: block;
      margin: 0 10px 10px 0;
      font-size: 24px;
      color: #DDD;
      float: right; }
      #menu-wrapper .menu #small-menu: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: "\f0c9"; }
    #menu-wrapper .menu ul#menu-primary-items {
      clear: both;
      position: absolute;
      top: 34px;
      width: 100%;
      display: none;
      /* visibility will be toggled with jquery */
      background: #F5F5F5; }
      #menu-wrapper .menu ul#menu-primary-items li ul {
        position: static;
        padding-left: 0.85em;
        display: block;
        border: none;
        width: auto; }
        #menu-wrapper .menu ul#menu-primary-items li ul li {
          border-top: dotted 1px #CCC; }
          #menu-wrapper .menu ul#menu-primary-items li ul li a {
            border-top: none;
            padding: 0.425em;
            background: none; }
            #menu-wrapper .menu ul#menu-primary-items li ul li a:hover {
              background: none; }
          #menu-wrapper .menu ul#menu-primary-items li ul li.menu-item-has-children > a:after {
            content: ""; }
          #menu-wrapper .menu ul#menu-primary-items li ul li:first-child a {
            border-top: none; }
      #menu-wrapper .menu ul#menu-primary-items > li {
        display: block;
        border-top: dotted 1px #CCC; }
        #menu-wrapper .menu ul#menu-primary-items > li > a {
          color: #555 !important;
          border-left: none;
          line-height: 1.2;
          padding: 0.425em; }
          #menu-wrapper .menu ul#menu-primary-items > li > a:hover {
            text-decoration: none; }
        #menu-wrapper .menu ul#menu-primary-items > li:first-child a {
          padding-left: 0.425em; }
        #menu-wrapper .menu ul#menu-primary-items > li.menu-item-has-children > a:after {
          content: ""; }
      #menu-wrapper .menu ul#menu-primary-items li[class*="current-menu"] > a {
        font-weight: normal; }
    #menu-wrapper.current .menu #small-menu: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 .hentry .entry-header {
    position: static; }
    #content .hentry .entry-header .entry-title {
      margin: 0; }
    #content .hentry .entry-header .postdate {
      position: static;
      color: #D63;
      background: none;
      padding: 0.5em 0 1em 0;
      width: 100%;
      text-align: left;
      background: none !important;
      display: block; }
      #content .hentry .entry-header .postdate.circle {
        height: auto;
        width: 100%;
        text-align: left; }
      #content .hentry .entry-header .postdate span {
        display: inline;
        padding-right: 5px; }
    #content .hentry .entry-header a:hover .postdate {
      text-decoration: underline; }
  #content .hentry a.thumbnail {
    float: none;
    margin-left: 0;
    text-align: center; }
    #content .hentry a.thumbnail img.wp-post-image {
      max-width: 100%; }

  .single #content #nav-below {
    display: block; }
    .single #content #nav-below .nav-previous {
      display: block;
      margin-top: 0.85em;
      text-align: left; }
    .single #content #nav-below .nav-next {
      display: block; }

  #footer {
    padding-left: 10px; }

  .archive #content ul li a,
  .error404 #content ul li a {
    display: block; }
  .archive #content ul li span,
  .error404 #content ul li span {
    display: block; }
  .archive #content ul li em,
  .error404 #content ul li em {
    display: block;
    margin-left: 0.6em;
    font-size: 0.86em; } }
@media screen and (min-width: 650px) {
  ul#menu-primary-items {
    /* ensure .menu is visible on desktop version */
    display: block !important; } }
