/*!
Theme Name: Bosa Digital Agency
Theme URI: https://bosathemes.com/bosa-digital-agency
Author: Bosa Themes
Author URI: https://bosathemes.com
Description: Bosa Digital Agency is multipurpose business theme. Bosa Digital Agency is beautiful, fast, lightweight, responsive, extremely customizable theme that you can use as a foundation to build versatile sites such as e-commerce, beauty products, women's fashion, smart home products, sports, toy shops, gadgets stores, jewelry shops, men's clothing, electronics, furniture, retail, digital products and preferably ideal for any type of business sites. Bosa Digital Agency is a child theme of Bosa, a free multipurpose theme. Bosa Digital Agency works perfectly with Gutenberg and the most popular page builder Elementor that can easily drag-and-drop your ideas from the interface. Bosa Digital Agency 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 Digital Agency is compatible with all major plugins like WooCommerce, Yoast, Contact form 7, Mailchimp for , bbPress, etc. Looking for a Multipurpose business theme? Look no further! Browse the demo to see that it's the only theme you will ever need: https://demo.bosathemes.com/bosa/digital-agency/
Version: 1.0.0
Requires PHP: 5.5
Tested up to: 6.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: bosa
Text Domain: bosa-digital-agency
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 Digital Agency Theme, Copyright 2023 Bosa Themes
Bosa Digital Agency is distributed under the terms of the GNU General Public License v3

Bosa Digital Agency 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: #333;
    font-family: 'Poppins', sans-serif
}

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

.entry-content h1 a,
.entry-content h2 a,
.entry-content h3 a,
.entry-content h4 a,
.entry-content h5 a,
.entry-content h6 a {
    text-decoration: underline
}

.entry-content p a,
.comment-content p a,
.entry-content li a,
.comment-content li a,
.widget p a,
.comments-area .comment-list .comment-content a {
    color: #2e92ff
}

.entry-content p a:hover,
.entry-content p a:focus,
.comment-content p a:hover,
.comment-content p a:focus,
.entry-content li a:hover,
.entry-content li a:focus,
.comment-content li a:hover,
.comment-content li a:focus,
.widget p a:hover,
.widget p a:focus,
.comments-area .comment-list .comment-content a:hover,
.comments-area .comment-list .comment-content a:focus {
    color: #086abd
}

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

.site-header .site-branding .site-title {
    font-family: 'Jost', serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase
}

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

.main-navigation ul.menu>li>a {
    font-family: 'Jost', serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-transform: none
}

.main-navigation ul.menu ul li a {
    font-weight: 500
}

.section-banner .banner-content .entry-title {
    font-family: 'Jost', serif;
    font-size: 52px;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase
}

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

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

.feature-posts-content-wrap .feature-posts-content .feature-posts-title {
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: capitalize
}

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

.post .feature-posts-content .entry-meta a,
#primary .entry-meta,
.highlight-post-slider .post .entry-meta a {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    text-transform: capitalize
}

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

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

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

.sidebar .widget .widget-title {
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase
}

.page-title {
    font-family: 'Jost', serif;
    font-size: 42px;
    font-weight: 500;
    text-transform: none
}

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

.site-footer-eight .social-profile {
    border-bottom: 1px solid rgb(0 0 0 / .1);
    padding-bottom: 20px
}

.site-footer-eight .footer-menu {
    margin-bottom: 20px
}

.section-feature-pages-area {
    padding-bottom: 70px
}

.section-feature-pages-area~.section-banner {
    padding-bottom: 70px
}

.section-feature-pages-area .content-wrap {
    margin-bottom: -30px
}

.post .feature-pages-content .feature-pages-title {
    background-color: #FFF;
    display: inline-block;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
    padding: 10px 20px
}

.feature-pages-content-wrap,
.travel-content-wrap {
    margin-bottom: 30px
}

.feature-pages-layout-one .feature-pages-image,
.section-feature-posts-two-area .feature-posts-image {
    background-color: #ccc;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    z-index: 1
}

.feature-pages-layout-one .feature-pages-image:before,
.section-feature-posts-two-area .feature-posts-image:before {
    background-color: rgb(0 0 0 / .2);
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    position: absolute;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 1
}

.feature-pages-layout-one .feature-pages-content,
.section-feature-posts-two-area .feature-posts-content {
    padding: 0 20px;
    position: relative;
    z-index: 2;
    width: 100%
}

.section-feature-posts-two-area {
    padding-bottom: 50px
}

.section-feature-posts-two-area .feature-posts-image {
    height: 260px
}

.section-feature-posts-two-area .feature-big-posts .feature-posts-image {
    height: 550px
}

.section-feature-posts-two-area .feature-posts-content .feature-posts-title {
    margin-bottom: 15px
}

.section-feature-posts-two-area .feature-posts-content .cat-links {
    display: block;
    margin-bottom: 10px
}

.section-feature-posts-two-area .feature-posts-content .cat-links a {
    background-color: #EB5A3E;
    margin: 2px;
    padding: 5px;
    letter-spacing: .8px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.section-advert {
    padding-bottom: 70px
}

.section-advert a {
    display: inline-block
}

.site-content .grid-thumbnail .hentry {
    border-bottom: none;
    margin-bottom: 40px;
    padding-bottom: 0
}

.site-content .grid-thumbnail .list-post .featured-image a {
    display: block
}

.site-content .grid-thumbnail .list-post .featured-image img {
    width: 100%
}

.site-content .grid-thumbnail .list-post {
    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
}

.site-content .grid-thumbnail .list-post .featured-image {
    width: 100px
}

.site-content .grid-thumbnail .list-post .entry-content {
    width: -moz-calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
    padding-left: 20px
}

.site-content .grid-thumbnail .list-post .entry-content h3 {
    margin-bottom: 8px
}

@media screen and (min-width:576px) {
    .site-content .grid-thumbnail:nth-last-of-type(2) .hentry {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media screen and (min-width:992px) {
    .site-footer-eight .footer-menu {
        text-align: left;
        display: block
    }
    .site-footer-eight .footer-menu ul li:first-child {
        border-left: none
    }
}

@media screen and (max-width:991px) {
    .site-footer-eight .bottom-footer-image-wrap {
        margin-bottom: 20px
    }
}

@media screen and (max-width:767px) {
    .section-feature-pages-area {
        padding-bottom: 50px
    }
    .section-feature-pages-area~.section-banner {
        padding-bottom: 50px
    }
}

@media screen and (max-width:574px) {
    #masthead.site-header .site-branding .site-description {
        font-size: 12px;
        margin-top: 5px
    }
}

.header-category-nav .navbar-nav {
    margin: 0
}

.header-category-nav .navbar-nav ul {
    padding: 0;
    margin: 0
}

.header-category-nav .navbar-nav li {
    list-style: none;
    position: relative
}

.header-category-nav .navbar-nav li a {
    border-bottom: 1px solid rgb(243 243 243 / .8);
    display: block
}

.header-category-nav .navbar-nav>li>a {
    background-color: #333;
    border-bottom: none;
    color: #FFF;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 20px;
    letter-spacing: .5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

.header-category-nav .navbar-nav>li>a:hover,
.header-category-nav .navbar-nav>li>a:focus {
    background-color: #086abd;
    color: #FFF
}

.header-category-nav .navbar-nav>li>a i {
    margin-right: 10px
}

.header-category-nav .navbar-nav li li a {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px
}

.header-category-nav .navbar-nav li li a:hover,
.header-category-nav .navbar-nav li li a:focus {
    color: #086abd
}

.bottom-header .main-navigation ul.menu>li>a {
    padding: 12px 24px 12px 0
}

.header-category-nav ul li a {
    font-family: 'Jost', serif;
    font-weight: 500;
    font-size: 15px
}

body[class*=woocommerce] ul.products li.product .woocommerce-loop-product__title {
    font-family: 'Jost', serif;
    font-weight: 500;
    font-size: 21px;
    line-height: 1.4;
    text-transform: none
}

body[class*=woocommerce] ul.products li.product .price {
    font-family: 'Jost', serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.3;
    text-transform: none
}

body[class*=woocommerce] .product-inner .button,
body[class*=woocommerce] .product-inner .added_to_cart {
    font-family: 'Jost', serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
    text-transform: uppercase
}

.section-services-area {
    padding-bottom: 70px
}

.section-services-area .content-wrap {
    margin-bottom: -30px
}

.services-content-wrap {
    margin-bottom: 30px
}

.section-services-area .services-content-wrap {
    box-shadow: 0 0 13px -4px rgb(0 0 0 / .2);
    padding: 25px
}

.services-content-wrap .featured-image {
    overflow: hidden;
    border-radius: 100%;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 30px
}

.services-content-wrap .button-container {
    padding-top: 10px;
    margin-top: 30px;
    margin-bottom: -10px;
    position: relative
}

.services-content-wrap .button-container:before {
    border-top: 1px solid rgb(243 243 243 / .8);
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 100%;
    margin-right: -25px;
    margin-left: -25px
}

.services-content-wrap .button-container a {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#offcanvas-menu .header-text {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 15px
}

@media screen and (min-width:992px) {
    .site-footer-eight .footer-menu {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .section-services-area {
        padding-bottom: 50px
    }
}

@media screen and (max-width:479px) {
    .site-header .header-right svg {
        width: 14px
    }
    .header-cart a.cart-contents span.count {
        left: 6px
    }
    #offcanvas-menu {
        padding-right: 10px;
        padding-left: 10px
    }
}

.section-project-area {
    padding-bottom: 70px
}

.project-content-wrap .featured-image {
    border: 1px solid rgb(243 243 243 / .6);
    padding: 15px
}

.section-review-area {
    padding-bottom: 50px
}

.section-review-area .review-item {
    background-color: #fafafa;
    padding: 30px;
    margin-bottom: 30px
}

.section-review-area .review-item .entry-header {
    margin-bottom: 20px
}

.section-review-area .review-item .entry-title {
    margin-bottom: 0
}

.review-item .entry-content {
    position: relative
}

.review-item .featured-image {
    border-radius: 100%;
    height: 70px;
    overflow: hidden;
    width: 70px;
    margin-right: 20px;
    position: relative;
    z-index: 1
}

.review-quote-icon {
    font-size: 20px;
    opacity: .2;
    position: absolute;
    bottom: -25px;
    right: -15px;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1)
}

.review-item .entry-content a {
    text-decoration: none
}

.section-client-area {
    padding-bottom: 70px
}

.section-client-area .client-item {
    margin-bottom: 30px
}

.client-content-wrap {
    background-color: #f8f8f8;
    padding: 35px 35px 5px 35px
}