/*
 Theme Name: Anarcho Notepad
 Theme URI: https://www.spacexchimp.com/themes/anarcho-notepad.html
 Author: Space X-Chimp
 Author URI: https://www.spacexchimp.com
 Description: Inspired by the idea of anarchy, we designed this free WordPress theme for your personal blogs and diaries. This theme is perfect for writers and artists. "Anarcho 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 the Most Anarchist WP-Theme Of All! Enjoy!
 Version: 2.42
 Requires at least: 4.7
 Requires PHP: 5.2.4
 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: anarcho-notepad

 Copyright (c) 2013-2019, 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 {
    font-family: 'Forum';
    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-weight: normal;
    font-style: normal;
}

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

[hidden] {
    display: none;
}

/* Links
-------------------------------------------------------------- */
a:link {
    text-decoration: none;
    color: black;
}
a:visited {
    text-decoration: none;
    color: black;
}
a:hover,
a:active {
    text-decoration: underline;
    color: black;
}

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

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

/* Background
-------------------------------------------------------------- */
body {
    margin: 0;
    font-size: 100%;
    font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
}
.site-header {
    width: 960px;
    margin: 0 auto;
    position: relative;
    height: 238px;
}

/* Blog Title
-------------------------------------------------------------- */
.logo {
    position: absolute;
}
#title {
    margin-left: 4%;
    width: 52%;
    height: 70%;
    overflow: hidden;
    word-wrap: break-word;
}
#title a {
    color: #e5e5e5;
}
#title a:hover {
    text-decoration: none;
}
.site-title {
    font-size: 300%;
    line-height: 0.8;
    margin: 0;
    text-align: center;
    position: relative;
    padding: 58px 0 10px;
}
.site-description {
    font-size: 120%;
    text-align: center;
    position: relative;
    margin: 0;
}
.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;
}

/* Search Form (Header)
-------------------------------------------------------------- */
.top-search-form {
    padding-top: 0.3%;
    margin-left: 67%;
    width: 25%;
}

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

/* Search Form (Widget)
-------------------------------------------------------------- */
.search-field {
    width: 100%;
}

.search-submit {
    display: none;
}

/* Notepad
-------------------------------------------------------------- */
.notepad-bottom {
    background: url(images/notepad-bottom.png) no-repeat top center;
    width: 960px;
    height: 60px;
    margin: 0 auto;
    margin-top: -20px;
    position: relative;
}

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

pre,
code {
    margin: 3px;
    padding: 10px;
    background: #ececec;
    box-sizing: border-box;
    border: 1px solid #939393;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    overflow-x: auto;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    width: 100%;
    margin: 1.5em 0;
    padding: 1em;
    line-height: 2;
    font-size: 90%;
}
td,
th {
    border: 1px solid #111;
    padding: 0.5em;
    text-align: center;
}
tbody tr:nth-child(odd) {
    background: #eee;
    background: rgba(0, 0, 0, 0.08);
    border: none;
}

blockquote {
    border-left: 1px solid #bbb;
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    max-width: 450px;
    margin: 0.25em 0;
    padding: 0.25em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
    background: #ececec;
}
blockquote::before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -10px;
    top: -10px;
    color: #7a7a7a;
}
blockquote cite {
    text-align: right;
    color: #2b2a2a;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
blockquote cite::before {
    content: "\2014 \2009";
}

#content .col01 {
    float: left;
    width: 73%;
    padding-bottom: 3px;
    font-size: 100%;
    line-height: 150%;
}
#content .col01 h1,
#content .col01 .post-title {
    text-align: center;
    font-size: 180%;
    line-height: 110%;
    font-weight: normal;
    font-family: Forum, Times New Roman, Times, Georgia, serif;
    margin: 0;
    padding: 0 0 10px;
    overflow: hidden;
    background: url(images/line.png) repeat-x bottom;
}
#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 {
    float: right;
    margin: 10px 0 10px 10px;
}
#content .col01 .tagsandcopy {
    font-size: 90%;
    margin-bottom: 0;
}
#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 {
    -moz-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    -o-transform: rotate(-9deg);
    transform: rotate(-9deg);
    -ms-transform: rotate(-9deg);
    -ms-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 {
    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 {
    border-top: 2px solid #939393;
    border-bottom: 2px solid #939393;
    text-align: justify;
    font-size: 120%;
    margin-top: 50px;
    margin-bottom: 30px;
}
#content .col01 .author-info .author-description {
    margin-top: -13px;
}
#content .col01 .author-info .author-title {
    width: 85%;
    text-align: center;
    line-height: 100%;
    padding-top: 1px;
}
#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 {
    font-size: 90%;
    text-align: right;
    padding-top: 8px;
    background: url(images/line.png) repeat-x top;
}

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

/* Date-tab (Ribbons)
-------------------------------------------------------------- */
#content .col01 .date-tab {
    position: relative;
    z-index: 1;
    width: 20%;
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 70%;
    margin: -5px 10px 10px -90px;
    color: #000;
    background-color: #a00b0b;
    border-radius: 8px 1px 1px;
    text-shadow: 0 1px 2px #c53d3d;
    -webkit-box-shadow: 0 2px 4px #110303;
    -moz-box-shadow: 0 2px 4px #110303;
    box-shadow: 0 2px 4px #110303;
}
#content .col01 .date-tab::before {
    content: ' ';
    position: absolute;
    width: 40px;
    height: 0;
    left: -40px;
    top: 30px;
    border-radius: 0 0 10px;
    border-width: 20px 10px;
    border-style: solid;
    border-color: #a00b0b #a00b0b #a00b0b transparent;
}
#content .col01 .date-tab::after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 100%;
    border-radius: 8px 0 0;
    border-width: 5px 10px;
    border-style: solid;
    border-color: #6d0404 #6d0404 transparent transparent;
}
#content .col01 .date-tab .month {
    text-align: right;
    display: block;
    padding: 6px 16px 6px 0;
    font-size: 70%;
}
#content .col01 .date-tab .day {
    text-align: right;
    display: block;
    padding: 6px 16px 2px 0;
    font-size: 112%;
    font-weight: bold;
}
/* END-Date-tab (Ribbons) */

#content .col01 .post-inner p {
    overflow: visible;
}
#content .col01 .post-inner a {
    text-decoration: underline;
}
#content .col01 .thumbnail {
    float: right;
    margin: 12px 0 12px 12px;
}
#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-left: 20px;
    margin-right: 20px;
}
/* END-Content (Column 1) */

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

/* Follow
-------------------------------------------------------------- */
.follow {
    margin-left: 221px;
    height: 0;
}
.follow img {
    width: 80px;
}

/* Yellow Sticker
-------------------------------------------------------------- */
#sidebar .yellow-sticker-middle {
    width: 212px;
    background: url(images/yellow-sticker-middle.png) repeat-y;
}
#sidebar .yellow-sticker-middle ul {
    padding: 0;
    margin: 0;
    overflow: hidden;
}
#sidebar .yellow-sticker-middle ul li {
    font-size: 100%;
    line-height: 110%;
    list-style: none;
    padding: 0;
    margin: 0;
}
#sidebar .yellow-sticker-middle ul li .listMeta {
    font-size: 10px;
}
#sidebar .yellow-sticker-middle ul li a {
    color: #21565e;
    border-top: 1px solid #ffe5be;
    display: block;
    width: 170px;
    margin-left: 10px;
    padding: 4px 0 4px 25px;
    -webkit-transition: margin 0.3s;
    -moz-transition: margin 0.3s;
    -ms-transition: margin 0.3s;
    -o-transition: margin 0.3s;
    transition: margin 0.3s;
}
#sidebar .yellow-sticker-middle ul li a:hover {
    text-decoration: none;
    margin-left: 20px;
    color: #000;
}
#sidebar .yellow-sticker-middle ul .sub-menu {
    padding-left: 10px;
    overflow: hidden;
}
#sidebar .yellow-sticker-bottom {
    width: 188px;
    height: 62px;
    background: url(images/yellow-sticker-bottom.png) no-repeat left bottom;
    padding: 12px 12px 0;
    font-size: 100%;
    text-align: right;
}

/* White Sticker
-------------------------------------------------------------- */
#sidebar .white-sticker-top {
    height: 124px;
    background: url(images/white-sticker-top.png) no-repeat;
}
#sidebar .white-sticker-middle {
    width: 212px;
    background: url(images/white-sticker-middle.png) repeat-y;
}
#sidebar .white-sticker-middle ul {
    padding: 0;
    margin: 0;
}
#sidebar .white-sticker-middle ul li {
    font-size: 93%;
    line-height: 130%;
    list-style: none;
    padding: 0;
    margin: 0;
}
#sidebar .white-sticker-middle ul li a {
    color: #21565e;
    display: block;
    width: 170px;
    padding: 4px 0 4px 25px;
}
#sidebar .white-sticker-middle ul li a:hover {
    text-decoration: none;
    color: #000;
}
#sidebar .white-sticker-middle ul li a i {
    margin-right: 6px;
    color: navy;
    font-size: 70%;
}
#sidebar .white-sticker-bottom {
    width: 188px;
    height: 62px;
    background: url(images/white-sticker-bottom.png) no-repeat;
    padding: 12px 12px 0;
    font-size: 70%;
    text-align: right;
}
#sidebar .white-sticker-bottom a {
    color: #21565e;
}
#sidebar .white-sticker-bottom a:hover {
    color: #21565e;
    text-decoration: none;
}

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

/* About Widget */
#sidebar .about-widget {
    background: url(images/about-label.png) no-repeat 10px 5px;
    padding: 30px 10px 20px;
    font-family: Forum, Times New Roman, Times, Georgia, serif;
    font-size: 100%;
    line-height: 110%;
}

/* Links Widget */
#sidebar .links-widget {
    text-align: center;
    background: url(images/links-label.png) no-repeat 10px 5px;
    padding: 30px 10px 20px;
}
#sidebar .links-widget ul {
    margin: 0;
    padding: 0;
}
#sidebar .links-widget ul li {
    font-size: 100%;
    line-height: 110%;
    list-style: none;
    background: url(images/line.png) no-repeat bottom;
}
#sidebar .links-widget ul li a {
    color: #21565e;
    margin: 0 auto;
    display: block;
    width: 186px;
    padding: 3px 0;
}
#sidebar .links-widget ul li a:hover {
    text-decoration: none;
    color: #000;
}

/* Other Widgets */
#sidebar .widget {
    display: block;
    padding: 10px;
    width: 90%;
}
#sidebar .widget-title {
    font-family: Permanent Marker;
    font-size: 18px;
}

select {
    width: 100%;
}
/* END-Sidebar (Column 2) */

/* 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-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 15px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 15px 2px 0;
    display: inline;
}

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

/* Footer
-------------------------------------------------------------- */
#footer {
    min-width: 1070px;
    text-align: center;
    font-size: 92%;
    padding: 1% 0 0;
    line-height: 110%;
    overflow: hidden;
    margin-top: 40px;
    color: #ccc;
    position: relative;
    background-color: #2d3032;
    border-top: 1px solid #8a8989;
}
#footer a {
    text-decoration: none;
    color: #909490;
}
#footer a:visited {
    text-decoration: none;
    color: #909490;
}
#footer-widgets {
    display: block;
    text-align: initial;
}
#footer-widgets span {
    float: left;
    width: -webkit-calc(33% - 20px);
    width: calc(33% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}
/* END-Footer */

/* Comment
-------------------------------------------------------------- */
#submit {
    text-decoration: none;
    border: 1px solid #bfbfbf;
    padding: 2px 7px;
    background-color: whitesmoke;
    background-clip: padding-box;
    border-radius: 10px;
    text-shadow: 0 0 1px #aaa;
}
#submit:hover {
    text-decoration: none;
    border: 1px solid #000;
    padding: 2px 7px;
    background-color: whitesmoke;
    background-clip: padding-box;
    border-radius: 10px;
}
#commentform {
    padding: 0;
    margin: 0;
}
#commentform .comment-field {
    border: 1px solid #939393;
    width: 290px;
    margin: 0;
    padding: 3px;
    font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 75%;
    background: #fff;
    float: left;
}
#commentform .comment-box {
    border: 1px solid #939393;
    width: 70%;
    margin: 0 0 10px;
    padding: 3px;
    font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
    background: #fff;
    border-radius: 10px;
    opacity: 0.6;
    position: relative;
}
#commentform .btnComment {
    margin: 0;
    padding: 2px;
    font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
    float: left;
    clear: left;
}
#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-size: 90%;
    font-family: Forum, Tahoma, Arial, Helvetica, sans-serif;
}
#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 {
    float: left;
    clear: left;
    margin-top: 10px;
    margin-right: 10px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), -2px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), -2px 2px 2px rgba(0, 0, 0, 0.2);
    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;
    line-height: 125%;
    list-style: none;
}
.commentlist li a {
    color: #000;
    position: relative;
    text-decoration: none;
}
.commentlist li a:hover {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #000;
    background: #fffbc1;
}
.commentdate {
    display: block;
    padding: 0 0 6px;
    font-size: 60%;
}
.commentlist li cite {
    font-weight: bold;
    font-style: normal;
}
/* END-Comment */

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

/* Next page
-------------------------------------------------------------- */
#content .col01 .post-inner .page-links {
    margin-top: 15px;
    margin-bottom: 10px;
    overflow: hidden;
    text-shadow: 0 0 1px #aaa;
    white-space: nowrap;
    width: 104%;
    line-height: 180%;
}
#content .col01 .post-inner .page-links a {
    text-decoration: none;
    border-bottom: none;
}
#content .col01 .post-inner .page-links span {
    text-decoration: none;
    border: 1px solid #bfbfbf;
    padding: 2px 7px;
    background-color: whitesmoke;
    background-clip: padding-box;
    border-radius: 10px;
    text-transform: uppercase;
}
/* End-Breadcrumbs */

/* Breadcrumbs
-------------------------------------------------------------- */
#breadcrumbs {
    margin-bottom: 20px;
    overflow: hidden;
    text-shadow: 0 0 1px #aaa;
    white-space: nowrap;
    width: 104%;
    line-height: 180%;
}
#breadcrumbs a,
#breadcrumbs span {
    text-decoration: none;
    border: 1px solid #bfbfbf;
    padding: 2px 7px;
    background-color: whitesmoke;
    background-clip: padding-box;
    border-radius: 10px;
}
/* End-Breadcrumbs */

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

/* Page Navigation
-------------------------------------------------------------- */
#page-nav {
    clear: both;
    margin: 5px;
    text-shadow: 0 0 1px #aaa;
}
#page-nav a,
#page-nav span {
    text-decoration: none;
    border: 1px solid #bfbfbf;
    padding: 3px 12px;
    background-color: whitesmoke;
    background-clip: padding-box;
    border-radius: 10px;
    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 {
    margin: 0 auto;
    max-width: 1040px;
}
.paging-navigation .nav-previous {
    float: left;
}
.paging-navigation .nav-next {
    text-align: right;
}
/* End-Page Navigation */

/* Post Navigation
-------------------------------------------------------------- */
.post-navigation .nav-links {
    margin: 0 auto;
    max-width: 1040px;
}
.post-navigation a[rel="next"] {
    float: right;
    text-align: right;
}
/* End-Post Navigation */

/* Scroll to Top button
-------------------------------------------------------------- */
.scroll-to-top {
    position: fixed;
    bottom: 10px;
    right: 15px;
    opacity: 0.8;
    padding: 11px 13px;
    cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    z-index: 10000;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-family: Fontawesome;
    background-color: #3f3b3b;
    transition: background-color 0.1s linear;
    -moz-transition: background-color 0.1s linear;
    -webkit-transition: background-color 0.1s linear;
    -o-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 {
    list-style: none;
    padding-bottom: 5px;
}
.grey {
    color: #777;
    background-color: inherit;
}
.cat-posts {
    padding-bottom: 10px;
    padding-top: 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/)    *
 ******************************************************************************/