/*!
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.4
Requires at least: 5.0
Tested up to: 5.6
Requires PHP: 7.0
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
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
*/


/*--------------------------------------------------------------
Default
--------------------------------------------------------------*/

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    overflow-y: scroll;
}

body {
    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: #212529;
    display: block;
    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 {
    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;
    /* 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;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    right: 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;
}


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


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

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

.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-menu {
    margin: 0;
    padding: 0 !important;
}

.dropdown-item {
    background: inherit;
    color: #fff;
    display: block;
    padding: 1.4rem;
    text-decoration: none;
    margin-left: -1px;
    margin-top: -1px;
}

ul.dropdown-menu li>ul.dropdown-menu {
    left: 100%;
    top: 0;
}

ul#primary li:hover>ul.dropdown-menu li a {
    border-top: 1px solid #fff;
}

ul#primary li:hover>ul.dropdown-menu,
ul#primary li:focus>ul.dropdown-menu,
ul.dropdown-menu li:hover>ul.dropdown-menu,
ul.dropdown-menu li:focus>ul.dropdown-menu {
    display: block;
}

.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;
}


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


/*--------------------------------------------------------------
browser max-width equal to 991px or smaller 
--------------------------------------------------------------*/

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


/*--------------------------------------------------------------
Viewports max-width equal to 767px or smaller
--------------------------------------------------------------*/

@media (max-width: 767px) {
    .wp-post-image {
        height: 300px;
        width: 500px;
    }
    .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;
    }
    .dropdown-menu {
        border: 0;
    }
    .wp-post-image {
        height: 300px;
        width: 500px;
    }
}