/*!
Theme Name: Bosa News Blog
Theme URI: https://bosathemes.com/bosa-news-blog
Author: Bosa Themes
Author URI: https://bosathemes.com
Description: Bosa News Blog is multipurpose news blog theme. Bosa News Blog is beautiful, fast, lightweight, responsive, extremely customizable theme that you can use as a foundation to build versatile sites such as dynamic news, newspapers, magazine, publishers, editors, online and gaming magazines, newsportals, personal blogs, travel blogs, publishing or review site and preferably ideal for any blogs, news & magazines websites. Bosa News Blog is a child theme of Bosa, a free multipurpose WordPress theme. Bosa Blog works perfectly with Gutenberg and the most popular page builder Elementor that can easily drag-and-drop your ideas from the interface. Bosa News Blog is built with SEO, speed, and usability in mind with the multiple Header & Footer layouts, predesigned starter sites includes awesome Home & Inner Pages that is incredibly customizable and powerful enough to take a stand among the crowd. Bosa News Blog is compatible with all major plugins like WooCommerce, Yoast, Contact form 7, Mailchimp for WordPress, bbPress, etc. Looking for a Multipurpose News Blog theme? Look no further! Browse the demo to see that it's the only theme you will ever need: https://demo.bosathemes.com/bosa/news-blog
Version: 1.0.6
Requires PHP: 5.5
Tested up to: 6.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: bosa
Text Domain: bosa-news-blog
Tags: blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

Bosa News Blog WordPress Theme, Copyright 2022 Bosa Themes
Bosa News Blog is distributed under the terms of the GNU General Public License v3

Bosa News Blog is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

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

body {
  color: #333333;
  font-family: 'Open Sans', sans-serif;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  color: #111111;
  font-family: 'Montserrat', serif;
  font-weight: 500;
}

.wp-block-quote {
  padding: 30px 30px 30px 50px;
  margin: 30px 0 30px 30px;
}

.site-header .site-branding .site-title {
  font-family: 'Montserrat', serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
  text-transform: none;
}

.site-header .site-branding .site-description {
  font-family: 'Open Sans;', sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: none;
}

.main-navigation ul.menu > li > a {
  font-family: 'Open Sans', serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-transform: uppercase;
}

.section-banner .banner-content .entry-title {
  font-family: 'Montserrat', serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: none;
}

.section-banner .banner-content .entry-meta a {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  text-transform: capitalize;
}

.section-banner .banner-content .entry-text p {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  text-transform: initial;
}

.feature-posts-content-wrap .feature-posts-content .feature-posts-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
}

.post .feature-posts-content .cat-links a {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-transform: capitalize;
}

.post .feature-posts-content .entry-meta a,
.highlight-post-slider .post .entry-meta a {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.6;
  text-transform: capitalize;
}

#primary .entry-meta {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.6;
  text-transform: capitalize;
}

#primary article .entry-title {
  font-family: 'Montserrat', serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: capitalize;

}

.highlight-post-slider .post .entry-content .entry-title {
  font-family: 'Montserrat', serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: none;
}

.highlight-post-slider .post .cat-links a {
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
}

.sidebar .widget .widget-title {
  font-family: 'Montserrat', serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: capitalize;
}

.page-title {
  font-family: 'Montserrat', serif;
  font-size: 48px;
  font-weight: 600;
  text-transform: none;
}

.site-footer .site-info, 
.site-footer .footer-menu ul li a {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  line-height: 1.6;
}

.section-banner .slider-layout-two {
  position: relative;
}

.section-banner .slider-layout-two .banner-content {
  max-width: 100%;
}

.section-banner .slider-layout-two .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.section-banner .slider-layout-two .overlay {
  background-color: #080808;
}

.section-banner .slider-layout-two .banner-img {
  width: 100%;
}

.section-banner .slider-layout-two .post {
  background-color: #ffffff;
  margin-bottom: 100px;
  margin-right: 30px;
  margin-top: 100px;
  padding: 60px;
  position: relative;
}

.section-banner .slider-layout-two .slick-control li.slick-arrow span {
  display: block;
  width: 15px;
  height: 15px;
  margin: auto;
}

@media screen and (min-width: 768px) {
  .section-banner .slider-layout-two .slide-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: relative;
  }

  .section-banner .slider-layout-two .banner-content.text-left, .section-banner .slider-layout-two .banner-content.text-right {
    padding-right: 40px;
  }
  .section-banner .slider-layout-two .banner-content.text-center {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-banner .slider-layout-two .banner-img {
    right: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50%;
    bottom: 0;
  }

  .section-banner .slider-layout-two .slick-control {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 20px;
  }

  .section-banner .slider-layout-two .slick-control li.slick-arrow {
    position: static;
    top: inherit;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .section-banner .slider-layout-two .slick-control li.slick-arrow.main-slider-prev {
    margin-bottom: 10px;
  }

  .section-banner .slider-layout-two .slick-control li.slick-arrow.main-slider-prev span {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .section-banner .slider-layout-two .slick-control li.slick-arrow.main-slider-next {
    margin-top: 10px;
  }

  .section-banner .slider-layout-two .slick-control li.slick-arrow.main-slider-next span {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

  .section-banner .slider-layout-two .slick-dots {
    position: static;
  }

  .section-banner .slider-layout-two .slick-dots li {
    display: block;
    margin: 6px;
  }

  .section-banner .slider-layout-two .slick-dots li button {
    height: 11px;
    width: 11px;
  }
}

@media screen and (max-width: 767px) {
  .section-banner .slider-layout-two .banner-content {
    padding-top: 30px;
  }

  .section-banner .slider-layout-two .banner-img {
    height: 200px;
  }

  .section-banner .slider-layout-two .post {
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 30px;
    margin-right: 0;
  }
}

.header-home-icon a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #EB5A3E;
  color: #ffffff;
  height: 100%;
  padding: 0 20px;
  margin-right: 20px;
  -webkit-transition: background-color 0.4s, color 0.4s;
  -moz-transition: background-color 0.4s, color 0.4s;
  -ms-transition: background-color 0.4s, color 0.4s;
  -o-transition: background-color 0.4s, color 0.4s;
  transition: background-color 0.4s, color 0.4s;
}

.header-home-icon a:hover, .header-home-icon a:focus, .header-home-icon a:active {
  color: #ffffff;
}

.header-date {
  font-size: 13px;
  margin-right: 15px;
  font-weight: 600;
}

.header-date:before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  margin-right: 8px;
  font-size: 12px;
}

@media screen and (min-width: 992px) {
  .header-four .header-navigation {
    display: inline-block;
  }
}

.header-four .header-advertisement-banner {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .header-four .header-advertisement-banner {
    text-align: right;
  }
}

@media screen and (max-width: 767px) {
  .header-four .site-branding {
    text-align: center;
  }
  .header-four .site-branding > a {
    margin: auto;
  }
}

.feature-posts-layout-two .post {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.feature-posts-layout-two .post .feature-posts-image {
  width: 120px;
  margin-right: 15px;
}

.feature-posts-layout-two .post .feature-posts-image a {
  display: block;
  position: relative;
}

.feature-posts-layout-two .post .feature-posts-image a:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.4s, opacity 0.4s;
  -moz-transition: visibility 0.4s, opacity 0.4s;
  -ms-transition: visibility 0.4s, opacity 0.4s;
  -o-transition: visibility 0.4s, opacity 0.4s;
  transition: visibility 0.4s, opacity 0.4s;
}

.feature-posts-layout-two .post .feature-posts-content {
  width: -moz-calc(100% - 140px);
  width: -webkit-calc(100% - 140px);
  width: calc(100% - 140px);
}

.feature-posts-layout-two .post .feature-posts-content .feature-posts-title {
  margin-bottom: 6px;
}

.feature-posts-layout-two .post .feature-posts-content .cat-links {
  display: block;
}

.feature-posts-layout-two .post .feature-posts-content .cat-links a {
  position: relative;
}

.feature-posts-layout-two .post .feature-posts-content .cat-links a:after {
  content: ",";
  display: inline-block;
}

.feature-posts-layout-two .post .feature-posts-content .cat-links a:last-child:after {
  display: none;
}

.feature-posts-layout-two .post.no-thumbnail .feature-posts-content {
  width: 100%;
}

.feature-posts-layout-two .post:hover .feature-posts-image a:before, .feature-posts-layout-two .post:focus .feature-posts-image a:before, .feature-posts-layout-two .post:active .feature-posts-image a:before {
  visibility: visible;
  opacity: 1;
}

/* instagram css */
.section-instagram-wrapper {
  padding-bottom: 60px;
}
@media screen and (max-width: 575px) {
  .section-instagram-wrapper {
    padding-bottom: 40px;
  }
}

#sb_instagram {
  position: relative;
}

#sb_instagram .sbi_photo_wrap a {
  opacity: 1 !important;
  position: relative;
}

#sb_instagram .sbi_photo_wrap a:before {
  background-color: transparent;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 50px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  -webkit-transition: background-color 0.3s, height 0.3s, width 0.3s;
  -moz-transition: background-color 0.3s, height 0.3s, width 0.3s;
  -ms-transition: background-color 0.3s, height 0.3s, width 0.3s;
  -o-transition: background-color 0.3s, height 0.3s, width 0.3s;
  transition: background-color 0.3s, height 0.3s, width 0.3s;
  top: 0;
  width: 50px;
}

#sb_instagram .sbi_photo_wrap a:hover:before, #sb_instagram .sbi_photo_wrap a:focus:before, #sb_instagram .sbi_photo_wrap a:active:before {
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  width: 100%;
  z-index: 9;
}

#sb_instagram #sbi_load {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  z-index: 99;
}

#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram #sbi_load .sbi_follow_btn a {
  background-color: #ffffff;
  border: 2px solid #565656;
  color: #313131;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 10px 30px;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}

#sb_instagram #sbi_load .sbi_load_btn:hover, #sb_instagram #sbi_load .sbi_load_btn:focus, #sb_instagram #sbi_load .sbi_load_btn:active,
#sb_instagram #sbi_load .sbi_follow_btn a:hover,
#sb_instagram #sbi_load .sbi_follow_btn a:focus,
#sb_instagram #sbi_load .sbi_follow_btn a:active {
  background-color: #313131;
  border-color: #313131;
  box-shadow: none;
  color: #ffffff;
}

#sb_instagram #sbi_load .sbi_follow_btn {
  margin-left: 10px;
}

@media screen and (max-width: 575px) {
  #sb_instagram #sbi_load {
    position: static;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 100%;
  }
  #sb_instagram #sbi_load .sbi_load_btn,
  #sb_instagram #sbi_load .sbi_follow_btn a {
    display: block;
    padding: 5px 10px;
  }
  #sb_instagram #sbi_load .sbi_follow_btn {
    display: block;
    margin-left: 0;
    margin-top: 10px;
  }
}

.product-detail-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
}
.product-detail-wrapper:before, .product-detail-wrapper:after {
  content: "";
  clear: both;
  display: block;
}
.product-detail-wrapper .breadcrumb-wrap {
  margin-bottom: 20px;
}
.product-detail-wrapper .breadcrumb-wrap .breadcrumbs {
  background-color: transparent;
  padding: 0;
  font-size: 15px;
  font-weight: 600;
}
.product-detail-wrapper .breadcrumb-wrap .breadcrumbs .current-item {
  color: #383838;
}
.product-detail-wrapper .entry-summary {
  margin-left: 4%;
}

.thumbnails.slider svg {
  vertical-align: initial;
}

.related.products ul.products {
  padding-top: 20px;
}