/*
Theme Name: original_theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: original_theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

original_theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

img.size-large{
    max-width: 100%;
    height: auto;
}

/*--------------------------------------------------------------
# breadcrumb
--------------------------------------------------------------*/

#breadcrumb {
    background: #dfdfdf;
    border-bottom: solid 1px #d4d4d4;
    padding: 5px 0 0;
    margin-bottom: 20px;
}

#breadcrumb .breadcrumb {
    margin: auto;
    max-width: 1140px;
    background: none;
    padding-left: 0;
    padding-right: 0;
}

#breadcrumb .breadcrumb a {
    color: #111;
}

#breadcrumb .breadcrumb li{
    padding-right: 0;
}
#breadcrumb .breadcrumb>li+li:before {
    content: "/";
}


/*--------------------------------------------------------------
# posts-navigation
--------------------------------------------------------------*/

.navigation.posts-navigation {
    background: #dfdfdf;
    width: 100%;
    padding: 1rem;
    margin-top: 30px;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1) inset;
}

.navigation.posts-navigation::after {
    display: block;
    clear: both;
    content: "";
}

.navigation.posts-navigation a {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}

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

.navigation.posts-navigation .nav-next {
    float: right;
}

#pagenation {
    margin: 40px auto;
}

#pagenation .page-numbers {
    padding: 10px 15px;
    background: #e6e6e6;
    border: solid 1px #d9d9d9;
    text-align: center;
}

#pagenation .page-numbers:hover {
    background: #ddd;
}

#pagenation .page-numbers.current {
    border-width: 1px;
    border-style: solid;
    color: #ffffff;
    text-align: center;
}


/*--------------------------------------------------------------
## primary content-area
--------------------------------------------------------------*/

#content_wrap {
    padding-top: 1rem;
    padding-bottom: 2rem;
}

#secondary {}


/*--------------------------------------------------------------
## main
--------------------------------------------------------------*/

main,
aside {}

aside {margin-bottom: 30px;}

main article {
    background: #fff;
    border-bottom: solid 1px #d9d9d9;
}


#tags_area {
    margin: 1rem auto;
}

#tags_area .tags_list {
    background: #fff;
    border: solid 1px #e9e9e9;
    border-bottom: solid 1px #d9d9d9;
    padding: 1rem;
    margin: 0 1rem;
}

#tags_area .tags_list p {
    margin-bottom: 0;
}

#tags_area .tags_list ul {
    margin-left: 0;
    margin-bottom: 0;
}

#tags_area .tags_list ul li {
    display: inline-block;
    padding: 4px 7px;
    margin-bottom: 5px;
    background: #eee;
}

#tags_area .tags_list ul li a {
    color: #7a7a7a;
    font-size: 11px !important;
}

#tags_area .tags_list ul li a::before {
    font-family: FontAwesome;
    content: "\f02b";
    margin-right: 5px;
}



/*--------------------------------------------------------------
## index
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# feature-box
--------------------------------------------------------------*/

#feature-box {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

#feature-box a {
    display: block;
    position: relative;
    border: solid 1px #e9e9e9;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2) inset, 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}

#feature-box h1 {
    position: absolute;
    bottom: 0px;
    color: #fff;
    font-size: 1.3rem;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    padding: .5rem;
    margin-bottom: 0;
    text-align: center;
}



/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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


/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
    outline: 0;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


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

.widget {
    margin: 0 0 1.5em;
    padding: 0 15px;
}


/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.updated:not(.published) {
    display: none;
}
.page-content {
    background: #ffffff;
    padding: 1rem;
}


.single-page .page-content {
    max-width: 1000px;
    margin: auto;
    padding: 5rem
}

#box-about {
    text-align: center;
}

#box-about h2 {
    margin: 38px 0 30px;
    font-size: 28px;
    color: #4a4a4a;
    line-height: 1.4;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,

/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
    display: block;
}


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    width: 100%;
    max-width: 100%;
}


/* Make sure logo link wraps around logo image. */

.custom-logo-link {
    display: inline-block;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

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


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-caption {
    display: block;
}


@media (max-width: 575px) {

    .drawer-nav {
        background: #eee;
    }
    .drawer-nav ul li {
        border-bottom: 1px #fff solid;
    }
    .drawer-nav ul li .drawer-menu-item {
        padding: 1.2rem;
        border-bottom: 1px #ddd solid;
        font-size: 1.2rem;
        font-weight: bold;
        text-shadow: 0px 1px 2px #ffffff;
        -moz-box-shadow: 0px 1px 2px #ffffff;
        -webkit-box-shadow: 0px 1px 2px #ffffff;
    }
    .drawer-hamburger {
        padding: 20px 15px 30px;
    }
    body:not(.single-post) main article .post_thumbnail,
    body:not(.single-post) main article .post_thumbnail img,
    body:not(.single-post) main article .post_content {
        width: 100%;
        display: block;
    }
    body:not(.single-post) main article .post_content {
        padding-bottom: 5rem;
    }
    body:not(.single-post) main article .post_thumbnail .category_tag a {
        font-size: 10px;
    }
    body:not(.single-post) main article .entry-footer {
        bottom: 15px;
    }
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-right: 10px;
        padding-left: 10px;
    }
}