/*!
Theme Name: BlogShining
Theme URI: https://facebook.com/thewebdevprolab.funke.1
Author: TheWebDevProLab
Author URI: https://www.thewebdevprolab.com
Description: BlogShining is a clean, responsive and user-friendly multipurpose WordPress Theme. BlogShining can be used to create personal websites and blog websites. BlogShining is included with color options, you can select your desired color for your theme. BlogShining support different header images for your pages and posts with custom widget for footer as well.Try BlogShining today and enjoy inbuilt userfriendly functionalities. 
Version: 1.2.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: blogshining
Tags: Blog, custom-background, custom-logo, custom-menu,sticky-post, two-columns,custom-header,featured-images, right-sidebar, threaded-comments,translation-ready

Blogshining WordPress Theme has been created by TheWebDevProLab, 2020
*/

body {
    background-color: #fff;
    color: #222;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    line-height: 1.8em;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b,
label {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
}

a:hover {
    color: #1565c0;
    opacity: 0.8;
}

iframe {
    border: none;
    width: 100%;
}

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

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #eee;
    text-decoration: none;
}

big {
    font-size: 125%;
}

.widget li:before,
nav[role="navigation"] li:before {
    content: "";
}

.gallery-item {
    padding: 5px;
}

.gallery-item img {
    border: none !important;
}

.screen-reader-text {
    display: none;
}

.wp-caption {
    max-width: 100%;
}

.sticky,
.bypostauthor {
    opacity: 1;
}


/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/


/* Jetpack infinite scroll
--------------------------------------------- */


/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none;
}


/* Re-display the Theme Footer when Infinite Scroll has reached its end. */

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


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

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.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-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 */
}


/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/

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

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

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}


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

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

blockquote {
    border-top: dotted 1px #999;
    border-bottom: dotted 1px #999;
    margin: 1.5rem 1.5em;
    padding: 1em;
}

blockquote,
q {
    quotes: "" "";
}

blockquote p {
    border-left: 2px solid #999;
    font-style: italic;
    margin-bottom: auto;
    padding-left: 5px;
}

button [type="submit"] {
    margin-top: 2px
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    color: #fff;
    background-color: #39c;
    border-style: none;
    border-radius: 2px;
    padding: 3px 8px;
}

input[type="search"] {
    padding-left: 0.5rem;
    -webkit-appearance: textfield;
}

input,
textarea,
select {
    border: 1px solid #ddd;
    height: 40px;
    width: 100%;
}

textarea {
    display: block;
    min-height: 140px;
    width: 100%;
}

label {
    display: block;
    margin-top: 0.5rem;
    width: 100%;
}

.btn {
    border: 1px solid #000;
}

.btn.focus,
.btn:focus {
    box-shadow: none;
}

.btn a:hover {
    text-decoration: none;
    color: #39c;
}

.fa-pencil-square-o {
    font-size: 1.5rem;
    margin-left: 5px;
}


/*--------------------------------------------------------------
Site Header
--------------------------------------------------------------*/

.logo img {
    width: 100%;
    height: 100%;
}

.site-branding {
    text-align: center;
}

#primary-menu {
    text-transform: uppercase;
}


/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/

.navbar {
    padding: 0;
}

.navbar-toggler {
    color: rgba(0, 0, 0, .5);
    border-color: rgba(0, 0, 0, .1);
    border: 1px solid #999;
}

.navbar,
.navbar ul li a {
    background-color: #39c;
}

.navbar .nav-link {
    display: block;
    padding: 1.4rem 1rem !important;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-weight: 700;
}

.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:visited {
    border-bottom: 1px solid #fff;
    color: #fff;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    border-bottom: 1px solid #fff;
    color: rgba(0, 0, 0, .9);
}

.dropdown-item {
    background: inherit;
    border-bottom: 1px solid #fff;
    color: #fff;
    display: block;
    padding: 1.4rem;
    text-decoration: none;
}

.dropdown-menu {
    margin: 0;
    padding: 0 !important;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:visited {
    background-color: inherit;
    color: #fff;
}


/*--------------------------------------------------------------
Page Banner Image
--------------------------------------------------------------*/

.banner {
    margin-bottom: 3rem;
}

.banner img {
    height: 500px;
    width: 100%;
}


/*--------------------------------------------------------------
Post and Pages 
--------------------------------------------------------------*/

.site-title {
    font-family: "Holtwood One SC", serif;
    font-size: 2rem;
    margin: 1rem 0;
}

.site-title a,
.site-title a:visited,
.site-title a:hover {
    text-transform: uppercase;
    text-decoration: none;
}

.site-description {
    font-style: italic;
}

.updated:not(.published) {
    display: none;
}

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

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

.page-title {
    text-transform: capitalize;
}

.entry-title {
    color: #000;
    font-family: Montserrat;
    font-size: 2rem;
    font-weight: 700;
    font-style: normal;
    text-transform: capitalize;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.entry-title a {
    font-size: 1.5rem;
}

.entry-title a,
.entry-title a:visited,
.entry-title a:hover,
.entry-title a:active {
    color: #000;
    text-decoration: none;
}

.nav-subtitle {
    font-weight: 700;
    text-transform: uppercase;
    display: none;
}

.nav-title {
    color: #fff;
    padding-right: 1rem;
    text-transform: capitalize;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.nav-previous,
.nav-next,
.nav-previous a,
.nav-next a,
.nav-previous a:visited,
.nav-previous a:hover,
.nav-previous a:active,
.nav-next a:visited,
.nav-next a:hover,
.nav-next a:active {
    color: #fff;
    font-style: italic;
    text-transform: uppercase;
}

.nav-previous a:hover {
    text-decoration: none;
}

.nav-links {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

.nav-links a:hover {
    text-decoration: none;
}

.cat-links a,
.tags-links a,
.edit-link a {
    color: #000;
}

.nav-previous a {
    color: #fff;
}

.nav-previous {
    margin-right: 3rem;
}

.nav-previous,
.nav-next {
    padding-left: 1rem;
    padding: 0.5rem 0 0.5rem 1rem;
    width: 45%;
}

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

.post-image img {
    height: 300px;
    width: 100%;
}

.posted-on a,
.author a {
    color: #000;
}

.posted-on a:hover,
.author a:hover {
    text-decoration: none;
    color: #000;
}


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

.widget {
    padding: 1.5rem;
}

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

.widget {
    border: 1px solid #ddd;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
}

.widget ul {
    list-style: disc;
}

.widget-title {
    background-color: #39c;
    color: #fff;
    font-size: 1.5rem;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
}

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

.widget_search .search-submit {
    display: inline-block;
    margin-bottom: 0;
}

.widget a,
.widget a:visited,
.widget a:hover.widget a:active,
#today {
    color: #222;
    font-weight: 500;
    text-decoration: none;
}

.widget a:hover {
    text-decoration: underline;
}

.widget ul,
.widget li {
    list-style: none;
    margin: 0.3em 0 0;
    padding-left: 10px;
}

.widget ul li {
    padding: 5px;
    border-bottom: 1px dashed #999;
}

.page-content .widget {
    border: none;
}


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

.comments-area {
    margin-top: 5rem;
    border-top: 1px solid #eee;
}

.comment-replay-title {
    background: none repeat scroll 0 0 #0480b5;
    color: white;
    float: left;
    font-size: 18px;
    font-weight: normal;
    line-height: 36px;
    margin: 0 0 28px;
    padding: 0 12px;
    text-transform: uppercase;
}

.comment-content {
    margin-top: 0.9rem;
}

.site-main .comment-navigation,
.site-main.posts-navigation,
.site-main.post-navigation {
    margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex;
}

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

.bypostauthor {
    display: 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;
}

.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.aligncenter {
    margin: 0;
    padding: 0;
}


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


/* Text meant only for screen readers. */

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.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;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}


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

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


/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

.site-footer {
    background: #000;
    padding: 25px 0;
    text-align: center;
}

.footer-copyright {
    justify-content: center;
    color: #999;
}

.footer-copyright a {
    color: #999;
}

.themeby {
    text-align: left;
}

.poweredby {
    text-align: right;
}


/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/

@media only screen and (max-width: 991px) {
    .wp-post-image {
        height: 300px;
        width: 500px;
    }
}

@media (max-width: 767px) {
    .logo img {
        width: 100%;
        height: 100%;
    }
    .banner img {
        width: 100%;
        height: 250px;
    }
    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, .5);
        border-color: rgba(0, 0, 0, .3);
    }
    .nav-link:first-of-type {
        border-top: 1px solid #fff;
    }
    .nav-link {
        color: rgba(0, 0, 0, .9);
        border-bottom: 1px solid #fff;
    }
    .navbar-expand-md .container {
        justify-content: center;
    }
    .wp-post-image {
        height: 300px;
        width: 500px;
    }
}