/*!
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.5
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;
    line-height: 1.8em
}

b,
h1,
h2,
h3,
h4,
h5,
h6,
label,
strong {
    font-family: Montserrat, sans-serif;
    color: #000
}

a:hover {
    color: #1565c0;
    opacity: .8
}

iframe {
    border: none;
    width: 100%
}

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

address {
    margin: 0 0 1.5em
}

pre {
    background: #212529;
    display: block;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code,
kbd,
pre,
tt,
var {
    font-size: .9375rem
}

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

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

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

.gallery-item {
    padding: 5px
}

.gallery-item img {
    border: none
}

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

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

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

.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
}
/*--------------------------------------------------------------
	Accessibility
--------------------------------------------------------------*/
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto!important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

/*--------------------------------------------------------------
	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:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
    content: "";
    display: table
}

.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header: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
}

input[type=checkbox] {
    height: 15px
}

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

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

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

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

label {
    display: block;
    margin-top: .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 {
    margin-left: 5px
}
/*--------------------------------------------------------------
Site Header ans Navigation
--------------------------------------------------------------*/
.site-branding {
    text-align: center
}

.site-title a {
    color: #39c
}

.entry-footer a,
.fa,
a {
    color: #39c
}

.nav-subtitle,
.btn {
    border: 1px solid #39c
}

.dropdown-item,
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:visited,
.dropdown-menu,
.nav-next,
.nav-previous,
.navbar,
.navbar ul li a,
.widget-title,
button,
input[type=button],
input[type=reset],
input[type=submit] {
    background-color: #39c
}

.navbar-nav {
    text-transform: uppercase
}

.navbar {
    padding: 0
}

.navbar-toggler {
    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.navbar-nav li:hover>ul.dropdown-menu li a.dropdown-item {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

ul.dropdown-menu li:focus>ul.dropdown-menu,
ul.dropdown-menu li:hover>ul.dropdown-menu,
ul.navbar-nav li:focus>ul.dropdown-menu,
ul.navbar-nav li:hover>ul.dropdown-menu {
    display: block
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item:visited {
    background-color: #39c;
    color: #fff
}
/*--------------------------------------------------------------
    Page Banner Image
--------------------------------------------------------------*/
.banner {
    margin-bottom: 3rem
}

.banner img {
    height: 500px;
    width: 100%
}
.blog-post .post {
    padding: 1rem;
    margin-bottom: 1.5rem;
    border: 1px solid #ddd
}

.post.sticky {
    display: block;
    border: 5px groove #ddd;
    padding: 1rem
}
/*--------------------------------------------------------------
Post and Pages
--------------------------------------------------------------*/
.site-title {
    font-size: 2rem
}

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

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

.site-description {
    font-style: italic
}

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

.entry-content,
.entry-summary,
.page-content {
    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-weight: 700;
    font-style: normal;
    text-transform: capitalize;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.entry-title a,
.entry-title a:active,
.entry-title a:hover,
.entry-title a:visited {
    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-next,
.nav-next a,
.nav-next a:active,
.nav-next a:hover,
.nav-next a:visited,
.nav-previous,
.nav-previous a,
.nav-previous a:active,
.nav-previous a:hover,
.nav-previous a:visited {
    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,
.edit-link a,
.tags-links a {
    color: #000
}

.nav-previous a {
    color: #fff
}

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

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

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

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

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

.author a:hover,
.posted-on 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
}

.fa-pencil-square-o,
.widget-title {
    font-size: 1.5rem
}

.widget-title {
    background-color: #39c;
    color: #fff;
    padding: .5rem;
    margin-bottom: .5rem
}

.widget select {
    max-width: 100%
}

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

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

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

.widget li,
.widget ul {
    list-style: none;
    margin: .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: #fff;
    float: left;
    font-size: 18px;
    font-weight: 400;
    line-height: 36px;
    margin: 0 0 28px;
    padding: 0 12px;
    text-transform: uppercase
}

.comment-content {
    margin-top: .9rem
}

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

.comment-navigation .nav-links,
.post-navigation .nav-links,
.posts-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: .8075em 0
}

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

.aligncenter,
.gallery-caption,
.wp-caption,
.wp-caption-text {
    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
}

/*--------------------------------------------------------------
Device Screen size with max-width equal to 767px or smaller
--------------------------------------------------------------*/
@media only screen and (max-width:991px) {
    .wp-post-image {
        height: 300px;
        width: 500px
    }
}

/*--------------------------------------------------------------
Viewports with max-width equal to 767px or smaller
--------------------------------------------------------------*/
@media (max-width:767px) {
    .wp-post-image {
        height: 300px;
        width: 500px
    }
    .banner img {
        width: 100%;
        height: 250px
    }
    .nav-link:first-of-type {
        border-top: 1px solid #fff
    }
    .nav-link {
        border-bottom: 1px solid #fff
    }
    .navbar-expand-md .container {
        justify-content: center
    }
    .dropdown-menu {
        border: 0
    }
    .wp-post-image {
        height: 300px;
        width: 500px
    }
}