/*
 Theme Name: Authors Notepad
 Theme URI: https://www.spacexchimp.com/themes/authors-notepad.html
 Author: Space X-Chimp
 Author URI: https://www.spacexchimp.com
 Description: We designed this premium WordPress theme for your personal blogs and diaries. This theme is perfect for writers and artists. "Authors Notepad" can be easily customized and already translated to different languages. It utilizes latest HTML-5, CSS-3, PHP and WordPress native functions for creating the awesomeness that looks good on every browser. We are constantly adding new features to this theme to allow you to personalize it to your own needs. If you want a new feature or just want to be able to change something just ask us and we would be happy to add it. We are glad to present you this premium theme. Enjoy!
 Version: 1.20
 Requires at least: 4.9
 Tested up to: 5.6
 Requires PHP: 5.6
 License: GNU General Public License v3
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
 Tags: blog, two-columns, right-sidebar, custom-header, custom-background, custom-logo, custom-menu, featured-images, sticky-post, rtl-language-support, translation-ready, theme-options, footer-widgets, threaded-comments
 Text Domain: authors-notepad-sxc

 Copyright (c) 2015-2021, Space X-Chimp

*/

/******************************************************************************
 *              PLEASE DON'T EDIT THIS FILE DIRECTLY                          *
 *                                                                            *
 *    To add custom styles, consider using a plugin from the same developer   *
 *    "My Custom Styles" (https://wordpress.org/plugins/my-custom-styles/)    *
 ******************************************************************************/

/* Fonts
-------------------------------------------------------------- */
@font-face {
    src: url('fonts/forum/Forum.eot');
    src:
        url('fonts/forum/Forum.eot?#iefix') format('embedded-opentype'),
        url('fonts/forum/Forum.woff') format('woff'),
        url('fonts/forum/Forum.ttf') format('truetype'),
        url('fonts/forum/Forum.svg#Forum') format('svg');
    font-family: 'Forum';
    font-style: normal;
    font-weight: normal;
}

section,
article,
header,
footer,
nav,
aside,
hgroup {
    display: block;
}

[hidden] {
    display: none;
}

/* Links
-------------------------------------------------------------- */
a:link {
    color: black;
    text-decoration: none;
}

a:visited {
    color: black;
    text-decoration: none;
}

a:hover,
a:active {
    color: black;
    text-decoration: underline;
}

/* Align
-------------------------------------------------------------- */
.aligncenter,
div.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.wp-caption {
    margin: 10px;
    padding-top: 4px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #f3f3f3;
    text-align: center;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
    font-size: 11px;
    line-height: 17px;
}

/* Background
-------------------------------------------------------------- */
body {
    margin: 0;
    font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 100%;
}

.site-header {
    max-width: 960px;
    margin: 0 auto;
}

/* Blog Title
-------------------------------------------------------------- */
.logo {
    position: absolute;
}

#title {
    word-wrap: break-word;
    z-index: -1;
    max-width: 500px;
    min-height: 100px;
    margin: 0 auto;
    margin-left: 0;
    padding-bottom: 10px;
}

#title a {
    color: #e5e5e5;
}

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

.site-title {
    position: relative;
    margin: 0;
    padding: 58px 0 10px;
    font-size: 300%;
    line-height: 0.8;
    text-align: center;
    -webkit-filter: drop-shadow(-1px 10px 10px rgba(0, 0, 0, 0.46));
    filter: drop-shadow(-1px 10px 10px rgba(0, 0, 0, 0.46));
}

.site-description {
    position: relative;
    margin: 0;
    font-size: 140%;
    text-align: center;
    -webkit-filter: drop-shadow(-1px 10px 10px rgba(0, 0, 0, 0.46));
    filter: drop-shadow(-1px 10px 10px rgba(0, 0, 0, 0.46));
}

.site-description .home-link a {
    text-decoration: none;
    text-shadow: 0 4px 0 rgba(0, 0, 0, 0.6);
}

.site-header .home-link a:hover {
    text-decoration: none;
}

/* Top bar (Header)
-------------------------------------------------------------- */
.top-bar {
    z-index: 1;
    left: 0;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #8a8989;
    background-color: #333;
}

@media (min-width: 930px) {
    .top-bar {
        display: none;
    }
}

/* Navigation (Mobile) (Header)
-------------------------------------------------------------- */
@media (max-width: 930px) {
    .primary-nav {
        display: none !important;
    }

    .primary-mobile-nav-trigger {
        display: block !important;
    }
}

.primary-mobile-nav-trigger {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 1.5em;
    font-family: Helvetica, Times New Roman, Times, Georgia, serif;
    font-size: 1.2em;
    line-height: 57.5px;
}

.primary-mobile-nav-trigger a {
    color: #fff;
    text-decoration: none;
}

.menu-icon {
    position: relative;
    padding-left: 1.25em;
}

.menu-icon::before {
    position: absolute;
    top: 0.25em;
    left: 0;
    width: 1em;
    height: 0.125em;
    border-top: 0.375em double #fff;
    border-bottom: 0.125em solid #fff;
    content: "";
}

.primary-mobile-nav {
    display: none;
    z-index: 1;
    position: absolute;
    top: 50px;
    left: 0;
    width: 250px;
    background: #3b3b3b;
}

.primary-mobile-nav ul {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #484848;
    list-style: none;
}

.primary-mobile-nav li a {
    display: block;
    padding: 0.5em 5%;
    border-top: 1px solid #484848;
    border-bottom: 1px solid #2e2e2e;
    background: #3b3b3b;
    background: linear-gradient(to bottom, #3e3e3e, #383838);
    color: #f7f7f7;
    font-family: Helvetica, Times New Roman, Times, Georgia, serif;
    font-weight: 700;
    text-decoration: none;
    text-shadow: 0 -1px 2px #222;
}

.primary-mobile-nav li a:hover,
.primary-mobile-nav li a:focus {
    background: #404040;
    background: linear-gradient(to bottom, #484848, #383838);
}

.primary-mobile-nav li a:active {
    padding-top: 0.55em;
    padding-bottom: 0.45em;
    border-top-color: #222;
    background: #363636;
    background: linear-gradient(to bottom, #3e3e3e, #2e2e2e);
    box-shadow: 0 2px 7px #222 inset;
}

/* Search Form (Header and Widget)
-------------------------------------------------------------- */
.search-paper {
    z-index: -1;
    position: absolute;
    width: 385px;
    height: 75px;
    margin-left: 580px;
    background: url(images/search-paper.png) no-repeat top center;
    -webkit-filter: drop-shadow(-1px 10px 10px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(-1px 10px 10px rgba(0, 0, 0, 0.25));
}

.search-label {
    position: absolute;
    margin-left: 620px;
    font-family: Indie Flower;
    font-size: 150%;
    text-align: center;
}

.top-search-form {
    width: 25%;
    margin-left: 73%;
    padding-top: 0.3%;
}

@media (max-width: 930px) {

    .search-paper,
    .search-label,
    .top-search-form {
        display: none;
    }
}

.search-field {
    width: 100%;
}

.search-submit {
    display: none;
}

/* Assistive Text
-------------------------------------------------------------- */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

/* Notepad
-------------------------------------------------------------- */
.notepad-top {
    z-index: -1;
    position: relative;
    max-width: 960px;
    height: 60px;
    margin: 0 auto;
    background: url(images/notepad-top.png) no-repeat bottom center;
    -webkit-filter: drop-shadow(-1px -3px 5px rgba(0, 0, 0, 0.36));
    filter: drop-shadow(-1px -3px 5px rgba(0, 0, 0, 0.36));
}

.notepad-bottom {
    z-index: -1;
    position: relative;
    max-width: 960px;
    height: 60px;
    margin: 0 auto;
    margin-top: -20px;
    background: url(images/notepad-bottom.png) no-repeat top center;
    -webkit-filter: drop-shadow(-1px 5px 5px rgba(0, 0, 0, 0.46));
    filter: drop-shadow(-1px 5px 5px rgba(0, 0, 0, 0.46));
}

/* Content
-------------------------------------------------------------- */
#content {
    word-wrap: break-word;
    max-width: 870px;
    min-height: 500px;
    margin: 0 auto;
    margin-top: -1px;
    padding: 0 20px 10px 70px;
    background: url(images/notepad-middle.png) repeat-y top center;
}

@media (max-width: 900px) {
    #content {
        padding-left: 20px;
    }
}

pre,
code {
    box-sizing: border-box;
    display: block;
    margin: 3px;
    padding: 10px;
    overflow-x: auto;
    border: 1px solid #939393;
    background: #ececec;
}

table {
    width: 100%;
    margin: 1.5em 0;
    padding: 1em;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 90%;
    line-height: 2;
    text-align: left;
}

td,
th {
    padding: 0.5em;
    border: 1px solid #111;
    text-align: center;
}

tbody tr:nth-child(odd) {
    border: none;
    background: #eee;
    background: rgba(0, 0, 0, 0.08);
}

blockquote {
    position: relative;
    max-width: 450px;
    margin: 0.25em 0;
    padding: 0.25em 40px;
    border-left: 1px solid #bbb;
    background: #ececec;
    color: #383838;
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    line-height: 1.45;
}

blockquote::before {
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    color: #7a7a7a;
    font-size: 80px;
    content: "\201C";
}

blockquote cite {
    display: block;
    margin-top: 5px;
    color: #2b2a2a;
    font-size: 14px;
    text-align: right;
}

blockquote cite::before {
    content: "\2014 \2009";
}

#content .col01 {
    width: 73%;
    padding-bottom: 3px;
    float: left;
    font-size: 100%;
    line-height: 150%;
}

@media (max-width: 930px) {
    #content .col01 {
        width: 100%;
    }
}

#content .col01 h1,
#content .col01 .post-title {
    margin: 0;
    padding: 0 0 10px;
    overflow: hidden;
    background: url(images/line.png) no-repeat bottom;
    background-size: contain;
    font-family: Forum, Times New Roman, Times, Georgia, serif;
    font-size: 180%;
    font-weight: normal;
    line-height: 110%;
    text-align: center;
}

#content .col01 h1 a,
#content .col01 .post-title a {
    color: #000;
    text-decoration: none;
}

#content .col01 h1 a:hover,
#content .col01 .post-title a:hover {
    color: gray;
}

#content .col01 h2,
#content .col01 h3,
#content .col01 h4,
#content .col01 h5,
#content .col01 h6 {
    text-align: center;
}

#content .col01 .post {
    padding-top: 5px;
    padding-bottom: 30px;
}

#content .col01 .thumbnail {
    margin: 10px 0 10px 10px;
    float: right;
}

#content .col01 .tagsandcopy {
    margin-bottom: 0;
    font-size: 90%;
}

#content .col01 article {
    padding-bottom: 30px;
}

/* Author info box after post
-------------------------------------------------------------- */

.author-avatar-big {
    text-align: center;
}

.author-avatar-big img {
    width: 200px;
    height: 200px;
    float: none;
}

/* Transforme author-avatar */
.author-avatar img {
    -webkit-transform: rotate(-9deg);
    transform: rotate(-9deg);
    filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=6.123031769111886e-17,M12=-1,M21=1,M22=6.123031769111886e-17, SizingMethod="auto expand", enabled=true)';
}

*+html .transform img {
    -webkit-filter: progid:dximagetransform.microsoft.matrix(M11=6.123031769111886e-17, M12=-1, M21=1, M22=6.123031769111886e-17, SizingMethod='auto expand', enabled=true);
    filter: progid:dximagetransform.microsoft.matrix(M11=6.123031769111886e-17, M12=-1, M21=1, M22=6.123031769111886e-17, SizingMethod='auto expand', enabled=true);
}

#content .col01 .author-info {
    margin-top: 50px;
    margin-bottom: 30px;
    border-top: 2px solid #939393;
    border-bottom: 2px solid #939393;
    font-size: 120%;
    text-align: justify;
}

#content .col01 .author-info .author-description {
    margin-top: -13px;
}

#content .col01 .author-info .author-title {
    width: 85%;
    padding-top: 1px;
    line-height: 100%;
    text-align: center;
}

#content .col01 .author-info p.author-bio {
    margin-left: 1px;
}

#content .col01 .author-info p.author-bio .author-link::after {
    content: "\2192";
}

#content .col01 .meta {
    padding-top: 8px;
    background: url(images/line.png) no-repeat top;
    background-size: contain;
    font-size: 90%;
    text-align: right;
}

@media (max-width: 480px) {

    #content .col01 .meta span,
    #content .col01 .meta .button {
        display: none;
    }
}

#content .col01 .post-inner {
    position: relative;
    padding-top: 13px;
}

/* Date-tab (Yellow Sticker)
-------------------------------------------------------------- */
/* Sticker */
#content .col01 .date-tab {
    position: relative;
    width: 160px;
    height: 70px;
    margin: -10px 10px 10px -90px;
    float: left;
    border-radius: 0 10px 250px / 0 200px 55px 250px;
    background-color: #fcf59b;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.25);
    font-family: Indie Flower;
    font-size: 1.5em;
    font-weight: bold;
}

/* Date */
#content .col01 .date-tab .day-month {
    display: block;
    padding: 15px 30px 20px 0;
    font-size: 80%;
    text-align: right;
}

#content .col01 .date-tab .year {
    display: block;
    margin-top: -20px;
    padding: 0 30px 0 0;
    text-align: right;
}

/* Shadow under sticker */
#content .col01 .date-tab::before {
    display: block;
    z-index: -1;
    position: absolute;
    bottom: 5px;
    width: 90%;
    height: 20px;
    box-shadow: 3px 17px 6px rgba(0, 0, 0, 0.3);
    content: '';
}

/* Curl */
#content .col01 .date-tab::after {
    display: block;
    position: absolute;
    right: 8px;
    bottom: 1px;
    width: 0;
    height: 0;
    -webkit-transform: skew(-55deg, 10deg);
    transform: skew(-55deg, 10deg);
    border-top: 10px solid rgb(156, 166, 61);
    border-right: 10px solid transparent;
    content: ' ';
}

@media (max-width: 960px) {
    #content .col01 .date-tab {
        margin-left: -40px;
    }
}

@media (max-width: 400px) {
    #content .col01 .date-tab {
        display: none;
    }
}

/* END-Date-tab (Yellow Sticker) */

#content .col01 .post-inner p {
    overflow: visible;
}

/* Links in Posts */
#content .col01 .post-inner a {
    color: blue;
    text-decoration: underline;
}

#content .col01 .post-inner a:hover {
    color: darkblue;
}

#content .col01 .post-inner a:visited {
    color: blue;
}

#content .col01 .thumbnail {
    margin: 12px 0 12px 12px;
    float: right;
}

#content .col01 .meta a {
    color: #000;
    text-decoration: none;
}

#content .col01 .meta a:hover {
    text-decoration: underline;
}

#content .col01 figure {
    display: inline-block;
    max-width: 90%;
    margin-right: 20px;
    margin-left: 20px;
}

/* END-Content */

/* Sidebar
-------------------------------------------------------------- */
#sidebar {
    width: 210px;
    float: right;
    font-size: 100%;
    line-height: 110%;
}

@media (max-width: 930px) {
    #sidebar {
        display: none;
    }
}

/* Follow
-------------------------------------------------------------- */
.follow {
    height: 0;
    -webkit-filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.46));
    filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.46));
}

.follow img {
    width: 80px;
    margin-left: 221px;
}

@media (max-width: 960px) {
    .follow {
        display: none;
    }
}

/* Yellow Sticker
-------------------------------------------------------------- */
#sidebar .yellow-sticker-top {
    position: absolute;
    width: 212px;
    height: 63px;
    margin-top: -60px;
    background: url(images/yellow-sticker-top.png) no-repeat bottom center;
}

#sidebar .yellow-sticker-clip {
    position: absolute;
    width: 25px;
    height: 58px;
    margin-top: -63px;
    margin-left: 20px;
    background: url(images/yellow-sticker-clip.png) no-repeat top center;
    -webkit-filter: drop-shadow(-1px 1px 0 rgba(0, 0, 0, 0.36));
    filter: drop-shadow(-1px 1px 0 rgba(0, 0, 0, 0.36));
}

#sidebar .yellow-sticker-label {
    position: absolute;
    width: 212px;
    margin-top: -25px;
    font-family: Indie Flower;
    font-size: 150%;
    text-align: center;
}

#sidebar .yellow-sticker-middle {
    width: 212px;
    background: url(images/yellow-sticker-middle.png) repeat-y;
}

#sidebar .yellow-sticker-middle ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#sidebar .yellow-sticker-middle ul li {
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 110%;
    list-style: none;
}

#sidebar .yellow-sticker-middle ul li .listMeta {
    font-size: 10px;
}

#sidebar .yellow-sticker-middle ul li a {
    display: block;
    width: 170px;
    margin-left: 10px;
    padding: 4px 0 4px 25px;
    border-top: 1px solid #ffe5be;
    color: #21565e;
    transition: margin 0.3s;
}

#sidebar .yellow-sticker-middle ul li a:hover {
    margin-left: 20px;
    color: #000;
    text-decoration: none;
}

#sidebar .yellow-sticker-middle ul li a[aria-current],
#sidebar .yellow-sticker-middle ul li a[aria-current]:hover {
    margin-left: 0;
    color: #000;
}

#sidebar .yellow-sticker-middle ul li a[aria-current]::before {
    padding-right: 12px;
    color: navy;
    font-family: FontAwesome;
    font-size: 70%;
    vertical-align: middle;
    content: "\f069";
}

#sidebar .yellow-sticker-middle ul li a[aria-current]+.sub-menu {
    display: block;
}

#sidebar .yellow-sticker-middle ul .sub-menu {
    display: none;
    padding-left: 12px;
    overflow: hidden;
}

#sidebar .yellow-sticker-bottom {
    width: 212px;
    height: 81px;
    background: url(images/yellow-sticker-bottom.png) no-repeat top center;
}

/* White Sticker
-------------------------------------------------------------- */
#sidebar .white-sticker-top {
    width: 212px;
    height: 124px;
    background: url(images/white-sticker-top.png) no-repeat top center;
}

#sidebar .white-sticker-clip {
    position: absolute;
    width: 58px;
    height: 25px;
    margin-top: -90px;
    margin-left: 170px;
    background: url(images/white-sticker-clip.png) no-repeat top center;
    -webkit-filter: drop-shadow(-1px 1px 0 rgba(0, 0, 0, 0.36));
    filter: drop-shadow(-1px 1px 0 rgba(0, 0, 0, 0.36));
}

#sidebar .white-sticker-label {
    width: 212px;
    margin-top: -63px;
    padding-bottom: 10px;
    font-family: Indie Flower;
    font-size: 150%;
    text-align: center;
}

#sidebar .white-sticker-middle {
    width: 212px;
    background: url(images/white-sticker-middle.png) repeat-y;
}

#sidebar .white-sticker-middle ul {
    margin: 0;
    padding: 0;
}

#sidebar .white-sticker-middle ul li {
    margin: 0;
    padding: 0;
    font-size: 93%;
    line-height: 130%;
    list-style: none;
}

#sidebar .white-sticker-middle ul li a {
    display: block;
    width: 170px;
    padding: 4px 0 4px 25px;
    color: #21565e;
}

#sidebar .white-sticker-middle ul li a:hover {
    color: #000;
    text-decoration: none;
}

#sidebar .white-sticker-middle ul li a i {
    margin-right: 6px;
    color: navy;
    font-size: 70%;
}

#sidebar .white-sticker-bottom {
    width: 212px;
    height: 69px;
    background: url(images/white-sticker-bottom.png) no-repeat top center;
}

#sidebar .white-sticker-bottom a {
    color: #21565e;
}

#sidebar .white-sticker-bottom a:hover {
    color: #21565e;
    text-decoration: none;
}

/* Widgets
 -------------------------------------------------------------- */

/* About Widget */
#sidebar .about-label {
    margin-top: 10px;
    font-family: Indie Flower;
    font-size: 150%;
    text-align: center;
}

#sidebar .about-widget {
    margin-top: 3px;
    padding: 1px 10px 10px;
    background: url(images/line.png) no-repeat top center;
    background-size: contain;
    font-family: Forum, Times New Roman, Times, Georgia, serif;
    font-size: 100%;
    line-height: 110%;
    text-align: justify;
}

/* Links Widget */
#sidebar .links-label {
    margin-top: 10px;
    font-family: Indie Flower;
    font-size: 150%;
    text-align: center;
}

#sidebar .links-widget {
    margin-top: 3px;
    padding: 1px 10px 10px;
    background: url(images/line.png) no-repeat top center;
    background-size: contain;
    text-align: center;
}

#sidebar .links-widget ul {
    margin: 0;
    padding: 0;
}

#sidebar .links-widget ul li {
    background: url(images/line.png) no-repeat bottom;
    background-size: contain;
    font-size: 100%;
    line-height: 110%;
    list-style: none;
}

#sidebar .links-widget ul li a {
    display: block;
    width: 186px;
    margin: 0 auto;
    padding: 3px 0;
    color: #21565e;
}

#sidebar .links-widget ul li a:hover {
    color: #000;
    text-decoration: none;
}

/* Other Widgets */
#sidebar .widget {
    display: block;
    width: 90%;
    padding: 10px;
}

#sidebar .widget-title {
    background: url(images/line.png) no-repeat bottom center;
    background-size: contain;
    font-family: Indie Flower;
    font-size: 18px;
    text-align: center;
}

select {
    width: 100%;
}

/* END-Sidebar */

/* Responsive * Fluid image, embed, object & video
-------------------------------------------------------------- */

/* Fluid images for posts, comments, and widgets */
img,
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
    max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
}

.size-large {
    height: 100%;
}

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

/* Image style
-------------------------------------------------------------- */

/* Wrapping text around images
-------------------------------------------------------------- */
img.centered {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

img.alignright {
    display: inline;
    margin: 0 0 2px 15px;
    padding: 4px;
}

img.alignleft {
    display: inline;
    margin: 0 15px 2px 0;
    padding: 4px;
}

/* Miniatures
-------------------------------------------------------------- */
.wp-post-image {
    display: block;
    margin: 10px auto 3px;
    border: 1px #ccc solid;
    border-bottom: 5px solid #bbb;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* Footer
-------------------------------------------------------------- */
#footer {
    position: relative;
    margin-top: 40px;
    padding: 1% 0 0;
    overflow: hidden;
    border-top: 1px solid #8a8989;
    background-color: #2d3032;
    color: #ccc;
    font-size: 92%;
    line-height: 110%;
    text-align: center;
}

#footer a {
    color: #909490;
    text-decoration: none;
}

#footer a:visited {
    color: #909490;
    text-decoration: none;
}

#footer-widgets {
    display: block;
    text-align: initial;
}

#footer-widgets span {
    width: calc(33% - 20px);
    margin-right: 10px;
    margin-left: 10px;
    float: left;
}

/* END-Footer */

/* Comment
-------------------------------------------------------------- */
#submit {
    padding: 2px 7px;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    background-clip: padding-box;
    background-color: whitesmoke;
    text-decoration: none;
    text-shadow: 0 0 1px #aaa;
}

#submit:hover {
    padding: 2px 7px;
    border: 1px solid #000;
    border-radius: 10px;
    background-clip: padding-box;
    background-color: whitesmoke;
    text-decoration: none;
}

#commentform {
    margin: 0;
    padding: 0;
}

#commentform .comment-field {
    width: 290px;
    margin: 0;
    padding: 3px;
    float: left;
    border: 1px solid #939393;
    background: #fff;
    font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 75%;
}

#commentform .comment-box {
    position: relative;
    width: 70%;
    margin: 0 0 10px;
    padding: 3px;
    border: 1px solid #939393;
    border-radius: 10px;
    background: #fff;
    font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
    opacity: 0.6;
}

#commentform .btnComment {
    margin: 0;
    padding: 2px;
    float: left;
    clear: left;
    font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
}

#commentform .comment-notes {
    display: none;
}

#commentform label {
    font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
}

#commentform p {
    margin-bottom: 0;
}

#commentform code {
    display: inline;
    border: none;
    background: none;
    font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 90%;
}

#commentform .form-allowed-tags {
    margin-top: 0;
    font-size: 90%;
}

#author,
#email,
#url,
#comment {
    display: block;
    width: 48%;
}

#comment {
    width: 98%;
    height: 100px;
}

p.comments-title {
    font-size: 130%;
    font-weight: bold;
}

/* Comment list
-------------------------------------------------------------- */
.avatar {
    margin-top: 10px;
    margin-right: 10px;
    float: left;
    clear: left;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), -2px 2px 2px rgba(0, 0, 0, 0.2);
}

.edit-link {
    display: inline;
}

.reply {
    display: inline;
}

.commentlist {
    margin: 20px 0;
    padding: 0;
}

.commentlist li {
    padding: 12px 0;
    background: url(images/line.png) no-repeat bottom;
    background-size: contain;
    line-height: 125%;
    list-style: none;
}

.commentlist li a {
    position: relative;
    color: #000;
    text-decoration: none;
}

.commentlist li a:hover {
    border-bottom: 1px solid #000;
    background: #fffbc1;
    color: #000;
    text-decoration: none;
}

.commentdate {
    display: block;
    padding: 0 0 6px;
    font-size: 60%;
}

.commentlist li cite {
    font-style: normal;
    font-weight: bold;
}

/* END-Comment */

/************************** Navigation **************************/
/* "Continue reading" button
-------------------------------------------------------------- */
#content .col01 .post-inner a.more-link {
    display: inline-block;
    position: relative;
    padding: 2px 6px;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    background-clip: padding-box;
    background-color: whitesmoke;
    color: #000;
    text-decoration: none;
    text-shadow: 0 0 1px #aaa;
}

/* Next page
-------------------------------------------------------------- */
#content .col01 .post-inner .page-links {
    width: 104%;
    margin-top: 15px;
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 180%;
    text-shadow: 0 0 1px #aaa;
    white-space: nowrap;
}

#content .col01 .post-inner .page-links a {
    border-bottom: none;
    text-decoration: none;
}

#content .col01 .post-inner .page-links span {
    padding: 2px 7px;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    background-clip: padding-box;
    background-color: whitesmoke;
    text-decoration: none;
    text-transform: uppercase;
}

/* End-Breadcrumbs */

/* Breadcrumbs
-------------------------------------------------------------- */
#breadcrumbs {
    width: 104%;
    margin-bottom: 20px;
    overflow: hidden;
    line-height: 180%;
    text-shadow: 0 0 1px #aaa;
    white-space: nowrap;
}

#breadcrumbs a,
#breadcrumbs span {
    padding: 2px 7px;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    background-clip: padding-box;
    background-color: whitesmoke;
    text-decoration: none;
}

/* End-Breadcrumbs */

/* Navigation Links
-------------------------------------------------------------- */
.nav-links {
    padding: 20px 0;
    color: #000;
    font-size: 105%;
    font-weight: 300;
}

.nav-links a {
    display: inline-block;
    padding: 2px 7px;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    background-clip: padding-box;
    background-color: whitesmoke;
    text-decoration: none;
}

/* End-Navigation Links */

/* Page Navigation
-------------------------------------------------------------- */
#page-nav {
    margin: 5px;
    clear: both;
    text-shadow: 0 0 1px #aaa;
}

#page-nav a,
#page-nav span {
    padding: 3px 12px;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    background-clip: padding-box;
    background-color: whitesmoke;
    text-decoration: none;
    text-transform: uppercase;
}

#page-nav a:hover,
#page-nav span.current {
    border-color: #bfbfbf;
}

#page-nav span.current {
    font-weight: bold;
}

.paging-navigation .nav-links {
    max-width: 1040px;
    margin: 0 auto;
}

.paging-navigation .nav-previous {
    float: left;
}

.paging-navigation .nav-next {
    text-align: right;
}

/* End-Page Navigation */

/* Post Navigation
-------------------------------------------------------------- */
.post-navigation .nav-links {
    max-width: 1040px;
    margin: 0 auto;
}

.post-navigation a[rel="next"] {
    float: right;
    text-align: right;
}

/* End-Post Navigation */

/* Button
-------------------------------------------------------------- */
.button {
    display: inline;
    padding: 2px 7px;
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    background-clip: padding-box;
    background-color: whitesmoke;
    text-decoration: none;
}

/* End-Button */

/* Scroll to Top button
-------------------------------------------------------------- */
.scroll-to-top {
    z-index: 10000;
    position: fixed;
    right: 15px;
    bottom: 10px;
    width: 30px;
    height: 30px;
    padding: 11px 13px;
    border-radius: 2px;
    background-color: #3f3b3b;
    font-family: Fontawesome;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    opacity: 0.8;
    transition: background-color 0.1s linear;
}

.scroll-to-top:hover {
    opacity: 1;
}

/* End-Scroll to Top button */
/************************** END-Navigation **************************/

/* Sitemap Page
-------------------------------------------------------------- */
.html-sitemap h2 {
    padding-top: 10px;
}

.category {
    padding-bottom: 5px;
    list-style: none;
}

.grey {
    background-color: inherit;
    color: #777;
}

.cat-posts {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

.cat-posts li {
    padding-bottom: 5px;
    list-style: square;
}

.sitemap-authors li,
.sitemap-pages li,
.sitemap-archives li {
    padding-bottom: 5px;
}

/* Some required CSS classes
-------------------------------------------------------------- */
.sticky {
    position: relative;
}

.gallery-caption {
    text-align: center;
}

.bypostauthor {
    font-style: normal;
}

/* Remove The WordPress Stats Smiley Face added by JetPack plugin
   because it messes up design
-------------------------------------------------------------- */
img#wpstats {
    display: none;
}


/******************************************************************************
 *              PLEASE DON'T EDIT THIS FILE DIRECTLY                          *
 *                                                                            *
 *    To add custom styles, consider using a plugin from the same developer   *
 *    "My Custom Styles" (https://wordpress.org/plugins/my-custom-styles/)    *
 ******************************************************************************/