/*!
Theme Name: Bosa Blog
Theme URI: https://bosathemes.com/bosa-blog
Author: Keon Themes
Author URI: https://keonthemes.com
Description: Bosa Blog is clean blog theme. Bosa Blog is beautiful, fast, lightweight, minimal, responsive, extremely customizable theme that you can use as a foundation to build versatile sites such as blog, news, personal or professional blogs, magazine, lifestyle, travel, food, cooking, fashion, beauty, spa, bakery, photography, quotes, health & fitness, media, freelance, diy, affiliate blog, business, technology, blogger, portfolio and preferably ideal for any type of blog sites. Bosa Blog is a child theme of Bosa, a free multipurpose WordPress theme. Bosa Blog is built with SEO, speed, usability in mind and compatible with all major plugins like WooCommerce, Yoast, Contact form 7, Mailchimp for WordPress, bbPress, etc. Looking for a beautiful 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/blog-01
Version: 1.0.4
Requires PHP: 5.5
Tested up to: 6.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: bosa
Text Domain: bosa-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 Blog WordPress Theme, Copyright 2022 Keon Themes
Bosa Blog is distributed under the terms of the GNU General Public License v3

Bosa 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: #444444;
  font-family: 'Open Sans', sans-serif;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
  color: #3a3a3a;
  font-family: 'Open Sans', serif;
  font-weight: 600;
}

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

.site-header .site-branding .site-title {
    font-family: 'Merriweather', serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
}

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

.section-banner .banner-content .entry-title {
  font-family: 'Merriweather', serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: capitalize;
}

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

.feature-posts-content-wrap .feature-posts-content .feature-posts-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: capitalize;
}

.post .feature-posts-content .cat-links a {
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

#primary article .entry-title {
  font-family: 'Merriweather', serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: capitalize;
}

.highlight-post-slider .post .entry-content .entry-title {
  font-family: 'Merriweather', serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  text-transform: capitalize;
}

.highlight-post-slider .post .cat-links a {
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}

.sidebar .widget .widget-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
}

.page-title {
  font-family: 'Merriweather', serif;
  font-size: 40px;
  font-weight: 700;
  text-transform: capitalize;
}

.post .entry-meta, 
.attachment .entry-meta, 
.banner-content .entry-meta,
.post .feature-posts-content .entry-meta a,
.highlight-post-slider .post .entry-meta a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
}

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

.slider-layout-two .slick-dotted {
  overflow: hidden;
}

.slider-layout-two.main-slider-wrap .slick-dots {
  margin-top: 25px;
  position: static;
}

.slider-layout-two.main-slider-wrap .slick-dots li button {
  background-color: transparent;
  border-color: #8c8c8c;
}
.slider-layout-two.main-slider-wrap .slick-dots li.slick-active button {
  background-color: #8c8c8c;
}

.slider-layout-two.main-slider-wrap .slick-dots li:hover button, .slider-layout-two.main-slider-wrap .slick-dots li:focus button, .slider-layout-two.main-slider-wrap .slick-dots li:active button {
  background-color: #8c8c8c;
}

.slider-layout-two .slick-control {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s, visibility 0.4s;
  -moz-transition: opacity 0.4s, visibility 0.4s;
  -ms-transition: opacity 0.4s, visibility 0.4s;
  -o-transition: opacity 0.4s, visibility 0.4s;
  transition: opacity 0.4s, visibility 0.4s;
}

.slider-layout-two .slick-control li.slick-arrow:hover, .slider-layout-two .slick-control li.slick-arrow:focus, .slider-layout-two .slick-control li.slick-arrow:active {
  border-color: #086abd;
}

.slider-layout-two .slick-control li.slick-arrow:hover span, .slider-layout-two .slick-control li.slick-arrow:focus span, .slider-layout-two .slick-control li.slick-arrow:active span {
  border-color: #086abd;
}

.slider-layout-two:hover .slick-control, .slider-layout-two:active .slick-control {
  opacity: 1;
  visibility: visible;
}

.bosa-blog-contact-form .wpcf7-submit {
  font-size: 17px;
  font-weight: 600;
  color: #FFFFFF;
  background-color: #18407C;
  padding: 15px 30px 16px 30px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
}

.bosa-blog-contact-form .wpcf7-email,
.bosa-blog-contact-form .wpcf7 input[type=text],
.bosa-blog-contact-form .wpcf7-textarea {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  height: 45px;
}