/*!
Theme Name: Newsmag Context Blog
Theme URI: https://www.postmagthemes.com/downloads/newsmag-context-blog-a-free-wordpress-theme/
Author: postmagthemes.com
Author URI: https://postmagthemes.com/
Description: The WordPress theme Newsmag context blog is a customizable, context-focused theme that is available for free. Selection of posts is based on various contexts, including category, date, and comment count. The customizer's preview allows you to access and fully customize the theme. Its sectioned and article-based HTML5 structure guarantees top SEO performance. Demo is here https://contextblog.postmagthemes.com/newsmagcontextblog
Version: 1.0.0
Requires at least: 4.5
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Newsmag-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.

newsmag-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
# 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 */

/* scroll video feature */

.hidebutton .wp-custom-header-video-button {
    display: none;
  }
  
  /* sticky slide section */

  .home-section.sticky-slide {
    background: #c4c4c4;
  }

  .sticky-slide .slick,
  .sticky-slide .slick-wrap {
    position: relative;
  }
  
  .sticky-slide .horizontal {
    display: flex;
  }
  .sticky-slide .list-view-new {
      display:flex;
    flex-shrink: 0;
  
  }
  .sticky-slide .list-view-new .blog-snippet {
    padding: 40px 20px;
    display: inline-flex;
    flex-direction: row-reverse;
    justify-content: space-evenly;
    align-items: center;
  }
  
  .sticky-slide .list-view-new .blog-snippet img{
    object-fit: cover;
    padding-left: 20px;
    padding-right: 20px;
    aspect-ratio: 576 / 307; 
  }
  
  .sticky-slide .list-view-new .blog-snippet a.img-holder {
    margin: 0;
  }
  
  .sticky-slide .list-view-new .blog-content.yes_image {
    padding: 0 20px;
  }
  .sticky-slide .list-view-new .blog-content {
  width: 40vw;
  }
  
  /* grid column */
  
  .grid-column-block .row {
    justify-content: center;
  }

  .grid-column-block .category-tag {
    margin: 0 0 10px;
  }
  .grid-column-block .category-tag {
    margin: 0 0 10px;
  }

  .grid-column-block .blog-snippet img {
    object-fit: cover;
    aspect-ratio:  785 / 485;
  }
  .grid-column-blog .col-sm-6 {
    padding-bottom: 15px;
    padding-top:15px;
  }
  #Showmore_post_modal .blog-content {
    border: 1px solid #ddd;
  }
  
  #Showmore_post_modal .category-tag {
    margin: 0;
  }
  .home-section.grid-column-blog {
    background: #f5f5f5;
}
  /* Add preloader  */
  
  #bouncing-dots-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #73B66B; /* Light overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
  }
  .dot {
    width: 15px; /* Size of the dot */
    height: 15px; /* Size of the dot */
    margin: 0 5px;
    border-radius: 50%;
    background-color: #3498db; /* Dot color */
    animation: bounce 0.6s infinite alternate;
  }
  .dot:nth-child(2) {
    animation-delay: 0.2s; /* Delay for second dot */
  }
  .dot:nth-child(3) {
    animation-delay: 0.4s; /* Delay for third dot */
  }
  @keyframes bounce {
    from { transform: translateY(0); }
    to { transform: translateY(-20px); }
  }
  
  /* address info  */
  
  #header-address {
    font-size: 14px;
  }
  #header-address .address_info,
  #header-address .address_info .single-contact{
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  
  #header-address.home-section {
    padding: 0;
    box-shadow: 0px 0px 5px rgb(11 11 11 / 10%);
    background-color: #b9b9b9;
  }
  
  #header-address .address_info .single-contact p{
  margin: 7px 0;
  }
  
  #header-address .address_info .single-contact {
    padding-left: 10px;
    padding-right: 10px;
  }
  #header-address .address_info .single-contact i {
    padding-left: 10px;
    padding-right: 10px;
  }
  #header-address .container {
    padding: 0;
  }
  footer .address_info {
    margin-top: 10px;
    margin-bottom: 10px;
  
  }
  footer .address_info i {
    position: absolute;
    left: 0;
    top: 5px;
  }
  footer .address_info .single-contact {
    position: relative;
    padding-left: 25px;
  }
  footer .address_info p{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  
  @media (max-width: 512px) { 
    #header-address .address_info p {
      word-break: keep-all;
    }
    
    #header-address .address_info .single-contact p {
      font-size: 0.7rem !important;
    }
    #header-address .address_info .single-contact p {
      margin: 3px 0;
    }
    #header-address.home-section {
      padding: 4px;
    }
  }
  
  /* scroll news section */
  
  .scroll-news-ticker.home-section {
    padding: 0;
  }
  
  .scroll-news-title{
    margin-right: 10px;
    min-height: 40px;
    float: left;
    display: flex;
    align-items: center;
  }
  #scroll-news {
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .scroll-news-title h2{ 
    margin: 0;
    word-break: normal;
  }
  #scroll-news .slick-track {
    display: flex !important;
    align-items: center;
  }
  .scroll-news-title .main-title:before {
    top: -10px;
    width: 0;
    height: 0;
  }
  
  #scroll-news .img-holder img{
    width: 40px;
    height: 40px;
  }
  #scroll-news h3.title a {
    font-size: 16px;
  }
  #scroll-news h3.title {
    line-height: normal;
  }
  #scroll-news .blog-snippet .title {
    margin: 2px 10px;
  }
  #scroll-news .blog-snippet {
    display: flex !important;
    align-items: center !important;
  }
  #scroll-news .blog-content {
    padding: 0;
    float: left;
    display: flex !important;
    align-items: center !important;
  }
  
  #scroll-news .blog-snippet .img-holder {
    margin: 0px;
  }
  #scroll-news {
    border-bottom: 1px solid #ddd;
  }
  #scroll-news h2.main-title {
    font-size: 17px;
  }

  #scroll-news .slick-slide {
    padding-right: 30px;
  }
  
  @media (max-width: 512px) { 
    #scroll-news .col-12 {
      padding-right: 0;
      padding-left: 0;
    }
    #scroll-news h2.main-title {
      font-size: 1rem;
    }
    #scroll-news h3.title a {
      font-size: 14px;
    }
    .left-news-slider-block p.count-news, 
    .right-news-slider-block p.count-news {
      font-size: 10px ;
    }
    .col-sm-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
  }
  @media (max-width: 991px) { 
    #scroll-news h3.title a{
      font-size: 15px;
    }
    #scroll-news h2.main-title {
      font-size: 1.1rem;
    }
    .home-section .left-news-slider-block p.count-news, 
    .home-section .right-news-slider-block p.count-news {
      font-size: 12px !important;
    }
  }
  
  /* main news section */
  
  /* here main news background color changed but its child background color is matched with main background color */
  
  #main-news.home-section {
    background: #e2e2e2;
  }

  #main-news .blog-snippet .img-holder {
    margin: 0;
  }

  #main-news .container {
    padding-top: 50px; 
  }
  
  .center-news-slider-blog a.img-holder { 
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  
  .center-news-slider-blog .slick-prev, 
  .center-news-slider-blog .slick-prev:focus {
    left: 2px;
  }
  .center-news-slider-blog .slick-next, 
  .center-news-slider-blog .slick-next:focus {
    right: 0px;
  }
  
  .center-news-slider-blog .category-tag {
    margin: 0 0 10px;
  }
  .center-news-slider-blog .blog-snippet .img-holder {
    margin: 2px 2px 2px;
  }  
  .wrapper_centernews {
    overflow: hidden;
    display: flex;
    justify-content: center;
  }

  .left-news-slider-block .slick-next,
  .right-news-slider-block .slick-next {
    right: 15px;
    top: -20px;
  }
  .left-news-slider-block .slick-prev,
  .right-news-slider-block .slick-prev {
    left: 15px;
    top: -20px;
  }
  
  .left-news-slider-block .slick-next:focus,
  .right-news-slider-block .slick-next:focus {
    right: 0px;
    outline: none;
  }
  .left-news-slider-block .slick-prev:focus,
  .right-news-slider-block .slick-prev:focus {
    left: 0px;
    outline: none;
  
  }
  .left-news-slider-block .slick-next:hover,
  .right-news-slider-block .slick-next:hover,
  .left-news-slider-block .slick-prev:hover,
  .right-news-slider-block .slick-prev:hover {
      outline: 2px solid #2e86de;
  }
  .left-news-slider-block .fa-angle-down:before,
  .right-news-slider-block .fa-angle-down:before {
    content: "\f107";
  
  }
  .left-news-slider-block .fa-angle-up:before,
  .right-news-slider-block .fa-angle-up:before {
    content: "\f106";
  }
  .left-news-slider-block .slick-arrow,
  .right-news-slider-block .slick-arrow  {
    width: 22px;
    height: 22px;
  }
  .left-news-slider-block .slick-arrow:before,
  .right-news-slider-block .slick-arrow:before {
    font-size: 15px;
  }
  .left-news-slider-blog .blog-content.yes_image,
  .right-news-slider-blog .blog-content.yes_image {
    padding: 0;
  }
  
  .left-news-slider-blog .blog-content,
  .right-news-slider-blog .blog-content {
    padding: 10px 0 !important;
  }
  
  .left-news-slider-blog .slick-vertical .slick-slide .blog-snippet,
  .right-news-slider-blog .slick-vertical .slick-slide .blog-snippet {
    border: none;
    border-bottom: 1px inset #d4d4d4;
  }
  
  .left-news-slider-blog,
  .right-news-slider-blog,
  .center-news-slider-blog {
    padding: 0;
  }
  
  .left-news-slider-block .count-news,
  .right-news-slider-block .count-news {
      color: white;
      margin: 0px 10px 0px 0px;
      background-color: #73B66B;
      font-size: 12px;
      padding: 0px 7px;
      float:left;
  }
  
  .left-news-slider-block .blog-content h3,
  .right-news-slider-block .blog-content h3{
    clear: none;
    word-break: break-word;
    margin: 0 0 5px;
  }
  .left-news-slider-block .blog-content h3 a,
  .right-news-slider-block .blog-content h3 a {
    display: block;
  }
  
  .left-news-slider-block .blog-snippet a.img-holder,
  .right-news-slider-block .blog-snippet a.img-holder {
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 42%;
    float: left;
  }
  .left-news-slider-block .extra-info ,
  .right-news-slider-block .extra-info {
    clear: both;
  }
  
  #main-news .blog-snippet .title,
  #main-news .extra-info {
  margin-bottom: 2px;
  }


  #main-news .center-news-slider-blog .blog-content.yes_image {
    padding: 20px 20px 0px 20px;
  }
  @media (max-width: 991px) {
    .left-news-slider-blog .blog-content, 
    .right-news-slider-blog .blog-content {
      margin: 10px 10px;
    }
  }
  @media (max-width: 820px) {
    .center-news-slider-blog .slick-prev, 
    .center-news-slider-blog .slick-next {
      top: 32%;
    }
  
  }  
  @media (max-width: 991px) {
    .left-news-slider-blog .blog-content, 
    .right-news-slider-blog .blog-content {
      margin: 10px 10px;
    }
  }
  @media (max-width: 820px) {
    .center-news-slider-blog .slick-prev, 
    .center-news-slider-blog .slick-next {
      top: 32%;
    }

  }
  @media (max-width: 512px) {
    .center-news-slider-blog .slick-prev, 
    .center-news-slider-blog .slick-next {
      top: 25%;
    }
    .home-section.image-inner-blog .slick-prev, 
    .home-section.image-inner-blog .slick-next {
      top: 90%;
    }
    .right-news-slider-block,
    .left-news-slider-block,
    .center-news-slider-block {
      min-height: unset;
    }

  }
  
  .its-blog-page > #header-address + #scroll-news + [class*="about-author-"],
  .its-blog-page > #header-address + [class*="about-author-"],
  .its-blog-page > #scroll-news + [class*="about-author-"],
  .its-static-page > #header-address + #scroll-news + [class*="about-author-"],
  .its-static-page > #header-address + [class*="about-author-"],
  .its-static-page > #scroll-news + [class*="about-author-"] {	
      margin: -6vw 0 0;
  }
  

/* for all */

.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,
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 {
  font-family: 'Scada';
}

/* section title for all places h2 */

.home-section h2.main-title {
  font-size: 24px; 
}

/* Post title font size at various places h3 */

#main-news .left-news-slider-block h3.title a, 
#main-news .right-news-slider-block h3.title a,
.grid-column-blog h3.title,
.home-section.inline-blog .blog-slider-thmb h3.title,
.footer h3.title
{
  font-size: 16px;
}

/* end */

ul.extra-info,
.category-tag li a,
.category-tag {
  font-size: 13px;
}

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

@media (min-width: 1300px) {
  #main-news .container,
    #scroll-news .container,
    #header-address .container {
        max-width: 1280px;
    }
}
/* added later */

.left-news-slider-block,
.right-news-slider-block ,
.center-news-slider-block   {
  padding: 15px;
}

.right-news-slider-blog .left-right-countnews,
.left-news-slider-blog .left-right-countnews{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.center-news-slider-block h3.title a{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.scroll-news-title {
  padding: 0;
}

/* added later */
/* below code for show meta in main news section */

.left-news-slider-blog .extra-info,
.right-news-slider-blog .extra-info {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.left-news-slider-blog .slick-slide.slick-active:hover .extra-info li,
.right-news-slider-blog .slick-slide.slick-active:hover .extra-info li{
    margin-top: 5px;
    margin-bottom: 5px;
}

.banner-author-holder .banner-author-info h1 a, p.site-title, h1.site-title,
.banner-author-holder .banner-author-info p, .top-header p.site-description,
h3.title a, .detail-page-body h3.comment-reply-title, h5.title a,
.home-section h2.about-author-title, .home-section h2.main-title,
.home-section h3.other-title,
.detail-page-body h2.comments-title,
.detail-page-body h2.other-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,
p.excerpt,
.category-tag li > a,
.extra-info, .social-share,
a.read-more,
body .detail-page-body,
body .detail-page-body p, 
body .detail-page-body h1,
body .detail-page-body h2,
body .detail-page-body h3,
body .detail-page-body h4,
body .detail-page-body h5,
body .detail-page-body h6,
.editor-styles-wrapper *,
h3.sidebar-custom-title,
.sidebar-title h2,
.sidebar-title h3, 
.sidebar-title h4, 
.sidebar-title h5, 
.sidebar-title h6,
.sidebar-block,
.bread-title, .editor-styles-wrapper h1,
.breadcrumb li,
footer .footer-news  h2.f-title,
footer {
  letter-spacing: 1px;
}

body, button, input, select, optgroup, textarea {
  font-size: 14px;
}


/* end */

@media (max-width: 991px) { 
  .right-news-slider-block {
    height: auto;
  }
  #main-news .right-news-slider-block .slick-slide .blog-snippet {
    min-height: auto !important;
  }

  .col-md-12.right-news-slider-blog {
    padding-top: 50px;
  }
  .right-news-slider-blog {
    padding-top: 30px;
  }
  .right-news-slider-blog .main-title {
      margin: 0 0 40px;
  }


}

@media (max-width: 768px) { 
  .right-news-slider-block,
  .left-news-slider-block,
  .center-news-slider-block {
    height: auto;
  }
}

@media (max-width: 551px) {
  .main-title {
      margin: 0 0 15px;
  }
  .col-lg-6.center-news-slider-blog {
    padding-top: 30px;
  }
  .sticky-slide .list-view-new .blog-snippet {
    display: block;
  }
  .sticky-slide .list-view-new .blog-content {
    width: min-content;
  }
  .sticky-slide .list-view-new .blog-snippet img {
    max-width: 80vw !important;
    height: auto;
  }
  .sticky-slide .list-view-new .blog-content.yes_image {
    padding: 20px 20px;
    width: 80vw;
  }
  .sticky-slide .list-view-new .blog-snippet img {
    padding-left: initial;
    padding-right: initial;
  }
}

/* The Modal (show more post) */

#Showmore_post_modal .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 4 equal columns */
  gap: 20px;
}

@media (max-width: 550px) {
  #Showmore_post_modal .grid {
    grid-template-columns: 1fr;
  }
  .sticky-slide .container {
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch; /* smooth iOS scroll */
	}

}
.open_modal {
  /* display: none; */
  position: fixed; /* Stay in place */
  z-index: 999999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* The Close Button */
.close {
  color: #aaa;
  float: none;
  font-size: 28px;
  font-weight: bold;
  padding:10px 10px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

@media (min-width: 768px) and (max-width: 991px) {
  .left-news-slider-block .blog-snippet a.img-holder {
    float:none;
    max-width: 100%;
  }
  .left-news-slider-block .blog-snippet a.img-holder img {
    width: 200px;
  }
}
#main-news.home-section .container {
	max-width: 1400px !important;
}
#main-news.home-section {
	padding: 3% !important;
}