/*
Theme Name: Bosa Online Education 02
Theme URI: https://bosathemes.com/bosa-online-education
Template: bosa
Author: Bosa Themes
Author URI: https://bosathemes.com
Description: Bosa Online Education is multipurpose business theme. Bosa Online Education 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 Online Education is a child theme of Bosa, a free multipurpose WordPress theme. Bosa Online Education works perfectly with Gutenberg and the most popular page builder Elementor that can easily drag-and-drop your ideas from the interface. Bosa Online Education is built with SEO, speed, and usability in mind with the multiple Header &amp; Footer layouts, predesigned starter sites includes awesome Home &amp; Inner Pages that is incredibly customizable and powerful enough to take a stand among the crowd. Bosa Online Education is compatible with all major plugins like WooCommerce, Yoast, Contact form 7, Mailchimp for WordPress, 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/online-education/
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
Version: 1.0.0.1759060871
Updated: 2025-09-28 12:01:11

*/

body {
    color: #333;
    font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    color: #111;
    font-family: 'Jost', serif;
}
.main-navigation ul.menu > li > a {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Jost', serif;
    text-transform: none;
}
.main-navigation ul.menu ul li a {
    font-weight: 500;
}
.site-header .site-branding .site-title {
    font-size: 25px;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'Jost', serif;
    text-transform: uppercase;
}
.site-header .site-branding .site-description {
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    text-transform: none;
}
.header-category-nav .navbar-nav > li > a {
    padding-top: 13px;
    padding-bottom: 13px;
    border-bottom: none;
    letter-spacing: 0.5px;
}
.header-category-nav .navbar-nav li li a {
    font-weight: 500;
    padding: 10px 20px;
}
.section-banner .banner-content .entry-meta a {
    font-size: 13px;
    line-height: 1.6;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}
.section-banner .banner-content .entry-title {
    font-size: 52px;
    line-height: 1.2;
    font-weight: 500;
    font-family: 'Jost', serif;
}
.post .feature-posts-content .cat-links a {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}
.highlight-post-slider .post .cat-links a {
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}
.highlight-post-slider .post .entry-content .entry-title {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    font-family: 'Jost', serif;
    text-transform: none;
}
.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;
}
.section-banner .banner-content .entry-text p {
    font-size: 15px;
    line-height: 1.8;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    text-transform: initial;
}
.feature-posts-content-wrap .feature-posts-content .feature-posts-title {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
    font-family: 'Jost', sans-serif;
    text-transform: capitalize;
}
.post .feature-posts-content .entry-meta a, #primary .entry-meta, .highlight-post-slider .post .entry-meta a {
    font-size: 13px;
    line-height: 1.6;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
}
#primary article .entry-title {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 500;
    font-family: 'Jost', serif;
    text-transform: capitalize;
}
.sidebar .widget .widget-title {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 500;
    font-family: 'Jost', sans-serif;
    text-transform: uppercase;
}
.page-title {
    font-size: 42px;
    font-weight: 500;
    font-family: 'Jost', serif;
    text-transform: none;
}
.site-footer .site-info, .site-footer .footer-menu ul li a {
    font-size: 15px,
  text-transform: none,
  line-height: 1.6,;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.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 {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 0;
    line-height: 1.4;
    font-weight: 500;
    background-color: #fff;
    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 {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background-color: #ccc;
    z-index: 1;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}
.feature-pages-layout-one .feature-pages-image:before, .section-feature-posts-two-area .feature-posts-image:before {
    width: 100%;
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    left: 0;
    top: 0;
    z-index: 1;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 1;
}
.feature-pages-layout-one .feature-pages-content, .section-feature-posts-two-area .feature-posts-content {
    width: 100%;
    position: relative;
    z-index: 2;
    padding: 0 20px;
}
.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;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    letter-spacing: 0.8px;
    padding: 5px;
    margin: 2px;
}
.section-advert {
    padding-bottom: 70px;
}
.section-advert a {
    display: inline-block;
}
.site-content .grid-thumbnail .hentry {
    padding-bottom: 0;
    margin-bottom: 40px;
    border-bottom: none;
}
.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;
}
.header-category-nav ul li a {
    font-size: 15px;
    font-weight: 500;
    font-family: 'Jost', serif;
}
body[class*=woocommerce] ul.products li.product .woocommerce-loop-product__title {
    font-size: 21px;
    line-height: 1.4;
    font-weight: 500;
    font-family: 'Jost', serif;
    text-transform: none;
}
body[class*=woocommerce] ul.products li.product .price {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 600;
    font-family: 'Jost', serif;
    text-transform: none;
}
body[class*=woocommerce] .product-inner .button, body[class*=woocommerce] .product-inner .added_to_cart {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    font-family: 'Jost', serif;
    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 {
    -moz-box-shadow: 0 0 13px -4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 13px -4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 13px -4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 13px -4px rgba(0, 0, 0, 0.2);
    padding: 25px;
}
.services-content-wrap .featured-image {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}
.services-content-wrap .button-container {
    padding-top: 10px;
    position: relative;
    margin-top: 30px;
    margin-bottom: -10px;
}
.services-content-wrap .button-container:before {
    margin-left: -25px;
    margin-right: -25px;
    position: absolute;
    border-top: 1px solid rgba(243, 243, 243, 0.8);
    content: "";
    bottom: 100%;
    right: 0;
    left: 0;
}
.services-content-wrap .button-container a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-event-area {
    padding-bottom: 55px;
}
.event-iconbox {
    width: 100%;
    display: flex;
    margin-bottom: 25px;
    align-items: center;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -moz-box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.2);
    padding: 25px;
}
.event-iconbox .event-icon {
    width: 78px;
    font-size: 28px;
    text-align: center;
    height: 78px;
    line-height: 78px;
    background-color: #f2f2f2;
    color: #333;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
}
.section-event-area .event-iconbox:hover {
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
.section-event-area .event-iconbox:hover .event-icon {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
.event-iconbox .entry-content {
    width: -moz-calc(100% - 78px);
    width: -webkit-calc(100% - 78px);
    width: calc(100% - 78px);
    padding-left: 25px;
}
.event-iconbox .entry-content h3 {
    margin-bottom: 8px;
    color: white;
}
.event-iconbox .entry-content h3 a {
    color: black;
    text-decoration: none;
}
.section-advertisement-area {
    padding-bottom: 70px;
}
.section-advertisement-area .content-wrap {
    margin-bottom: -30px;
}
.advertisement-content-wrap {
    margin-bottom: 30px;
}
.advertisement-content-wrap .featured-image {
    text-align: center;
    border: 1px solid rgba(243, 243, 243, 0.6);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
}
.advertisement-content-wrap .featured-image img {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
.section-partner-area {
    padding-bottom: 70px;
}
.section-partner-area .partner-content-wrap {
    position: relative;
    margin-bottom: 15px;
    z-index: 1;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -moz-box-shadow: 0 0 13px -4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 13px -4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 13px -4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 13px -4px rgba(0, 0, 0, 0.2);
    filter: grayscale(90%);
}
.section-partner-area .partner-content-wrap:hover {
    -moz-box-shadow: 1px 3px 18px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 3px 18px 4px rgba(0,0,0,0.3);
    -o-box-shadow: 1px 3px 18px 4px rgba(0,0,0,0.3);
    box-shadow: 1px 3px 18px 4px rgba(0,0,0,0.3);
    filter: none;
}
@media screen and (max-width: 767px) {
.section-services-area {
    padding-bottom: 50px;
}
.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;
}
}
@media screen and (max-width: 479px) {
.header-cart a.cart-contents span.count {
    left: 6px;
}
.site-header .header-right svg {
    width: 14px;
}
#offcanvas-menu {
    padding-right: 10px;
    padding-left: 10px;
}
}
@media screen and (min-width: 576px) {
.site-content .grid-thumbnail:nth-last-of-type(2) .hentry {
    padding-bottom: 0;
    margin-bottom: 0;
}
}
@media screen and (min-width: 992px) {
.site-footer-eight .footer-menu {
    margin-bottom: 0;
}
}
