/*!
Theme Name: Blink Context Blog
Theme URI: https://www.postmagthemes.com/downloads/blink-context-blog-a-free-wordpress-theme/
Author: postmagthemes.com
Author URI: postmagthemes.com
Description: The WordPress theme Blink Context Blog is a free, customizable, context-focused theme. Posts are selected by category, date, or comment count. It offers full customization with live preview and uses an HTML5 structure for strong SEO performance. It’s a flexible, SEO-friendly option for bloggers aiming to improve visibility and rankings. Demo is here https://contextblog.postmagthemes.com/blinkcontextblog . Theme detail is here https://www.postmagthemes.com/downloads/blink-context-blog-a-free-wordpress-theme/ .
Version: 1.0.0
Requires at least: 4.5
Tested up to: 7.1
Requires PHP: 5.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blink-context-blog
Template: context-blog
Tags: blog, entertainment, one-column, two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-image-header, featured-images, footer-widgets, theme-options, threaded-comments

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

blink-context-blog is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
     ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

/* add for child version */

/* menu */

.header .site-navigation {
    box-shadow: 0px -1px 5px rgb(11 11 11 / 10%);
}

.header .site-navigation,
#main-menu .menu-description {
    background-color: rgb(255, 255, 255);
}

#main-menu li a.nav-link,
#main-menu .menu-description {
    color: black;
}

/* Header site title setting */

.banner-author-holder .banner-author-info h1 a,
.banner-author-holder .banner-author-info p,
p.site-title a,
.site-description,
.bread-title {
    color: #404040;
}

.banner-author-holder .banner-author-info h1 a {
    font-size: 8vw;
}

.banner-author-holder .banner-author-info {
    top: 35%;
}

/* related post title */

.main-blog h4.other-title {
    font-size: 18px;
    text-align: center;
    text-decoration: underline 2px #ccd4da;
    text-underline-offset: 4px;
}

aside .sidebar-title,
.related-post-block {
    text-decoration: underline 2px #ccd4da;
    text-underline-offset: 4px;
}

.related-post-mainblog .row>div {
    padding-right: 10px;
    padding-left: 10px;
}

.related-post-mainblog .row {
    justify-content: left;
}

.main-blog .related-post-mainblog img {
    aspect-ratio: 538 / 382;
    object-fit: cover;
    display: block;
    margin: auto;
}

.related-post-mainblog .blog-snippet {
    display: flex;
    flex-direction: column;
    align-items: center;
}

h3.title a,
h5.title a {
    letter-spacing: 1px;
    font-weight: 400;
}

h3.sidebar-custom-title,
.sidebar-title h2,
.sidebar-title h3,
.sidebar-title h4,
.sidebar-title h5,
.sidebar-title h6,
h3.title a,
h5.title a,
.home-section h2.about-author-title a,
.home-section h2.main-title,
.home-section h3.other-title,
.detail-page-body h2.comments-title,
.detail-page-body h2.other-title,
.detail-page-body h3.comment-reply-title,
.home-section.widget_block h2,
.home-section.widget_block h3,
.home-section.widget_block h4,
.home-section.widget_block h5,
.home-section.widget_block h6,
.main-blog h4.other-title {
    color: #404040;
    font-family: 'Courgette', cursive;
}

.page-404 .page-text,
.bread-title,
.banner-author-holder .banner-author-info p,
.banner-author-holder .banner-author-info h1 a,
p.site-title,
h1.site-title,
.header .t-header-holder span.site-title a,
.top-header p.site-description {
    font-family: 'Courgette', cursive;
}

body {
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: #777777;
}

button,
input,
select,
optgroup,
textarea {
    font-family: 'Muli', sans-serif;
}

/* strat from here in pro add */

.category-tag,
.category-tag li a {
    font-size: 12px;

}

.category-tag li a {
    text-decoration: solid;
}

/* border at meta */
ul.extra-info {
    border: 1px solid #f1f0f0;
    border-style: solid none;
    padding: 5px 0 5px 0;
    font-size: 12px;
}

.excerpt {
    color: #777777;
}

.extra-info,
.extra-info span,
.extra-info span a {
    color: #999999;
}

.extra-info li {
    margin: 5px 10px 5px 0px;
}

.btn-text {
    padding-right: 0px;
}

.home-section h3.title,
.archive h3.title,
.search h3.title {
    font-size: 20px;
}

.footer h3.title {
    font-size: 16px;

}

#main .modal img {
    border-radius: unset;
    width: auto;
    max-width: auto;
}

.masionary-view .main-blog-snippet {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.home-section {
    padding: 60px 0;
}

.sm-clean a,
.sm-clean a:hover,
#main-menu li ul li a:hover,
#main-menu li ul li a {
    font-family: 'Muli', sans-serif;
}

.footer-news ul.extra-info {

    border: none;
    padding: 0;
}

@media (max-width: 991px) {
    .main-blog .related-post-mainblog .blog-content h3.title a {
        font-size: 14px;
    }

    .main-blog-holder .main-blog-body .blog-snippet,
    .archive .main-blog-body .blog-snippet,
    .search .main-blog-body .blog-snippet {
        margin: 0 0 25px;
    }

    .header #main-menu {
        background: white !important;

    }

    #main-menu li a.nav-link,
    #side-menu li a.nav-link {
        color: black !important;
    }

}

@media (max-width: 575px) {

    .main-blog-holder .main-blog-body .blog-snippet,
    .archive .main-blog-body .blog-snippet,
    .search .main-blog-body .blog-snippet {
        margin: 0 0 10px;
    }

}

/* reduce image height */

@media (min-width: 991px) {

    .single-blog>.blog-snippet>a {
        display: inline;
    }

    .single-blog>.blog-snippet>a.img-holder>img {
        margin: 2px 2px 20px;
    }

}

/* dimenson of img of slider maintain with the design 
    --------------------------------------------- */
.home img,
#main img,
aside img,
.archive img,
.search img {
    max-width: 100%;
}

.header .top-header .logo img {
    width: 100%;
}

aside img,
aside a.img-holder {
    width: 100%;
}

/* aside fullwidth slider image dimension maintain */
aside .full-width img {
    min-height: 491px;
    object-fit: cover;
}


/* end */

/* blink */

.main-blog .list-view img {
    aspect-ratio: 538 / 382;
    width: 100%;
    object-fit: cover;
}

/* set theme mode */
p.excerpt {
    line-height: 1.4;
}

/* set theme mode */
.main-blog-body .list-view h3.title a {
    font-size: 24px;
}

.main-blog-body .list-view .blog-snippet {
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.0009), 0 0px 4px rgba(0, 0, 0, 0.09);
    border-radius: 5px;
    padding: 0;
}

/* set theme mode */
#main img,
#main iframe,
#main video,
aside img,
footer img,
.archive img,
.search img,
aside .latest-sider .slick-list {
    border-radius: 5px;
}

/* set theme mode n new */
.main-blog h4.other-title {
    text-align: left;
    padding-left: 10px;
}

/* all*/
.related-post-mainblog .row {
    margin-right: 0;
    margin-left: 0;
}

.main-blog-body>.list-view>.blog-snippet>.blog-content.yes_image {
    padding: 10px 30px;
}

/* all including ink */
.related-post-mainblog .blog-content.yes_image {
    padding: 10px;
}

/* for button */
.category-tag li a,
.readmore-modal.btn-text {
    background-color: hsla(120, 71%, 28%, 0.938);
    padding: 3px 5px;
    margin: 3px;
    border-radius: 3px;
    color: white;
}

/* all */

.main-blog-holder .list-view iframe {
    height: 291px;
}

.main-blog-body div.related-post-block {
    text-decoration: none !important;
}

/* set theme mode */
#main .main-blog-body .list-view .related-post-block img {
    border-radius: 5px 5px 0 0;
}

.main-blog .list-view .extra-info li {
    margin: 5px 10px 5px 0px;
}

.main-blog .list-view .related-post-mainblog img {
    aspect-ratio: 608 / 382;
}

.main-blog .list-view .category-tag {
    margin: 0 0 10px;
}

/* card slidder setting */

/* set theme mode n new */
.thumb-block .slick-list .slick-slide {
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.0009), 0 0px 6px rgba(0, 0, 0, 0.09);
    border-radius: 5px;
    padding: 0px;
    margin: 10px
}

/* make left alignment */
/* set theme mode n new */

.thumb-blog {
    text-align: left;
}

.thumb-blog .img-holder {
    width: -webkit-fill-available;
}

/* set theme mode n new */

.thumb-blog .extra-info,
.thumb-blog .category-tag {
    justify-content: left;
    margin: 5px 10px 5px 0px;
}

.thumb-blog .extra-info li {
    margin: 5px 10px 5px 0px;
}

#main .main-blog-body .list-view .related-post-block iframe {
    height: 103px;
}

.main-blog-body .blog-snippet video {
    width: 100%;
    height: auto;
}

.main-blog-holder .list-view .blog-snippet video {
    width: 100%;
    height: 99%;
    object-fit: cover;
}

.main-blog-holder .list-view .blog-snippet iframe {
    height: 99%;
}