/*
Theme Name: Online Courses Hub
Template: elearning-education
Text Domain: online-courses-hub
Author: ThemesPride
Author URI: https://www.themespride.com/
Theme URI: https://www.themespride.com/products/free-courses-wordpress-theme
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Description: Online Courses is a wonderful, elegant and sophisticated theme designed to help you build any education-related website, making it ideal for academies, portfolios, primary and secondary schools, Learnpress, LMS platforms, distance learning systems, tuition services, universities, music schools, education platforms, e-learning portals, virtual classrooms, study programs, school management systems, academic courses, educational resources, learning portals, online tutoring, academic support services, professional development programs, online certification platforms, student portals, learning management systems, teaching resources, skill development hubs, remote learning setups, online workshops, curriculum planning, dance academies, courses hubs, business schools, and similar projects; it also supports modern e-learning environments and works perfectly for a coacher setup offering structured guidance and training. This theme comes packed with powerful learning features and useful plugins, along with seamless integration for secure online course purchasing and transactions through WooCommerce. It is SEO-ready, helping your website rank efficiently on major search engines like Google, while its fully responsive design ensures perfect display across all devices. Built for cross-browser compatibility and speed optimization, it delivers fast loading performance with clean, error-free code. Social media integration allows you to connect all your platforms using widgets, enhancing credibility and engagement. It is translation-ready, enabling users to view content in their preferred language, and is regularly updated for a smooth user experience. Built on the Bootstrap framework, it offers both flexibility and strong performance, and includes shortcode support to extend functionality effortlessly.
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, featured-image-header, full-width-template, translation-ready, rtl-language-support, sticky-post, theme-options, post-formats, threaded-comments, flexible-header, blog, photography, education
Version: 6.1.3
Tested up to: 7.0
Requires PHP: 5.6
Requires at least: 5.0
*/
:root {
    --color-primary1:#f6520a;
    --font-awesome:'FontAwesome';
}
#theme-sidebar .wp-block-search .wp-block-search__label,a.added_to_cart.wc-forward,.box-info i,#theme-sidebar h3, #footer li a:hover, #theme-sidebar li a:hover, .box-content a, #theme-sidebar h1.wp-block-heading, #theme-sidebar h2.wp-block-heading, #theme-sidebar h3.wp-block-heading,#theme-sidebar h4.wp-block-heading, #theme-sidebar h5.wp-block-heading, #theme-sidebar h6.wp-block-heading {
    color: var(--color-primary1);
}
.woocommerce-page .woocommerce-MyAccount-content a{
  text-decoration: underline;
}
.menubar,.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,.wc-block-cart__submit-container a,.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,button[type="submit"],.page-template-front-page .menubar,.page-template-front-page .innermenubox,.site-info,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,#theme-sidebar button[type="submit"], .error-404 [type="submit"], #footer button[type="submit"],a.register-btn,#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon,#comments input[type="submit"],span.meta-nav{
    background: var(--color-primary1);
}
.lp-archive-courses .course-summary .course-summary-content .course-detail-info .course-info-left .course-meta .course-meta__pull-left .meta-item::before, #learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(1):checked ~ .learn-press-nav-tabs .course-nav:nth-child(1) label, #learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(2):checked ~ .learn-press-nav-tabs .course-nav:nth-child(2) label, #learn-press-course-tabs input[name=learn-press-course-tab-radio]:nth-child(3):checked ~ .learn-press-nav-tabs .course-nav:nth-child(3) label, .lp-archive-courses .course-summary .course-summary-content .course-detail-info .course-info-left .course-meta .course-meta__pull-left .meta-item.meta-item-categories .meta-item__value div a:hover, .lp-archive-courses .course-summary .course-summary-content .course-detail-info .course-info-left .course-meta .course-meta__pull-left .meta-item .meta-item__value > div a:hover, #learn-press-profile #profile-nav .lp-profile-nav-tabs > li > a > i, .learn-press-profile-course__tab__inner a.active, .learn-press-course-tab-filters .learn-press-filters a.active, input[type=radio]:nth-child(1):checked ~ .switch-btn:nth-child(2)::before, input[type=radio]:nth-child(3):checked ~ .switch-btn:nth-child(4)::before, .learn-press-breadcrumb li a:hover, .lp-archive-courses .learn-press-courses .course .course-item .course-content .course-permalink .course-title:hover, .lp-archive-courses .learn-press-courses[data-layout=list] .course .course-item .course-content .course-wrap-meta .meta-item::before, .lp-archive-courses .learn-press-courses .course .course-item .course-content .course-instructor a{
    color: var(--color-primary1) !important;
}
a,.box-content a, #theme-sidebar .textwidget a, #footer .textwidget a, .comment-body a, .entry-content a, .entry-summary a,#theme-sidebar h3,#theme-sidebar a:hover,.top-header a:hover,.courses-info strong{
    color: var(--color-primary1);
}
.readmore-btn a,#theme-sidebar .tagcloud a:hover,#footer p.wp-block-tag-cloud a:hover,#footer .tagcloud a:hover,p.wp-block-tag-cloud a:hover, .post_tag a:hover,#theme-sidebar .widget_tag_cloud a:hover{
  color: var(--color-primary1);
  border-color:var(--color-primary1);
}
#theme-sidebar .wp-block-search .wp-block-search__label:before,#theme-sidebar h3:before, #theme-sidebar h1.wp-block-heading:before, #theme-sidebar h2.wp-block-heading:before, #theme-sidebar h3.wp-block-heading:before,#theme-sidebar h4.wp-block-heading:before, #theme-sidebar h5.wp-block-heading:before, #theme-sidebar h6.wp-block-heading:before {
  background-color: var(--color-primary1);
}
.page-box,#theme-sidebar section{
  border-left-color: var(--color-primary1);
  border-bottom-color: var(--color-primary1);
}
.error-404 [type="submit"]{
  background: var(--color-primary1);
  border: solid 1px var(--color-primary1);
}
.page-numbers:hover, .prev.page-numbers:hover, .next.page-numbers:hover,.wc-block-cart__submit-container a:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.top-header,#footer,.main-navigation ul ul,#slider,a.teacher-btn,#theme-sidebar button[type="submit"]:hover, #footer button[type="submit"]:hover, #comments input[type="submit"]:hover{
    background: #1d1c1f;
}
.wp-block-woocommerce-checkout, .wp-block-woocommerce-cart ,.readmore-btn a:hover,a:hover,.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a,h1, h2, h3, h4, h5, h6,.headerbox i,a.register-btn:hover,.more-btn a,.search_inner .btn-secondary, .search_inner .btn-secondary:hover, .search_inner .btn-secondary:active,.courses-box-content h3 a,nav.woocommerce-MyAccount-navigation ul li a,.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price,h2.woocommerce-loop-product__title, .woocommerce div.product .product_title,.comment-body{
    color: #1d1c1f;
}
nav.woocommerce-MyAccount-navigation ul li,.readmore-btn a:hover{
    border-color: #1d1c1f;
}
.lp-archive-courses .course-summary .course-summary-content .course-detail-info, ul.learn-press-nav-tabs .course-nav.active::before, #learn-press-course .course-summary-sidebar .course-sidebar-preview .lp-course-buttons button:hover, #learn-press-profile .wrapper-profile-header, #learn-press-profile #profile-nav .lp-profile-nav-tabs li.active, #learn-press-profile #profile-nav .lp-profile-nav-tabs li:hover, .lp-archive-courses .learn-press-courses .course .course-item .course-content .course-categories a:first-child, .learn-press-message.error::before, .lp-archive-courses .learn-press-courses[data-layout=list] .course .course-item .course-content .course-readmore a{
    background: #1d1c1f !important;
}
a.login-btn {
    background: #444444;
}
a.teacher-btn:hover,.wp-block-search .wp-block-search__label{
    color: #fff;
}
.headerbox{
    background: transparent;
}
.search_inner {
    border: solid 1px #ddd;
    border-radius: 30px;
}
.search_inner .btn-secondary{
    padding: 7.5px 20px;
}
.search_inner [type="submit"] {
  background: url(assets/images/search.png) no-repeat scroll 10px 12px var(--color-primary1);
}
.wc-block-cart__submit-container a{
    border-radius: 0;
}
.page-template-front-page .menubar{
    margin: 0;
}
.page-template-front-page .headerbox {
    padding: 15px 0;
}
.page-template-front-page .menubar{
    position: static;
}
.page-template-front-page .menubar.stick_head{
    position: fixed;
}
.main-navigation li.page_item_has_children:after, .main-navigation li.menu-item-has-children:after{
    right: 3px;
}
/* Courses Icon Section */
#course-fields{
  padding: 0;
}
#course-fields .owl-carousel{
  background-color: var(--color-primary1);
  padding: 30px 100px;
}
#course-fields h4,#course-fields p{
  padding: 0;
  margin: 0;
  color: white;
}
#course-fields .owl-nav i{
  position: relative;
  color: #1d1c1f;
  font-size: 30px;
}
#course-fields .owl-prev i,
#course-fields .owl-prev i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#course-fields .owl-prev i{
    left: 0;
}
#course-fields .owl-next i{
    right: 0;
}
#course-fields .owl-prev,#course-fields .owl-next{
    height: 100%;
    width: 50px;
    background:rgb(255 255 255 / 50%);
}
#course-fields .owl-prev{
  clip-path: polygon(0 0, 0 100%, 100% 50%);
  position: absolute;
  left: 0;
  top: 0;
}
#course-fields .owl-next{
  clip-path: polygon(0 50%, 100% 99%, 100% 0);
  position: absolute;
  right: 0;
  top: 0;
}
#course-fields .owl-nav.disabled{
  display: block;
}
.course-fields-box i {
    font-size: 45px;
    color: #fff;
}
a.teacher-btn:hover{
  background: var(--color-primary1);
}
#slider .carousel-control-prev-icon:hover{
  background: #1d1c1f;
}
#slider .inner_carousel p.slider-top{
  color: var(--color-primary1);
}
/* Popular Courses Section */
#popular_topic h2{
  position: relative;
}
#popular_topic h2:after{
  content: "";
  position: absolute;
  top: 100%;
  bottom: 0;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  border-bottom: 4px solid var(--color-primary1);
  width: 2%;
}
#popular_topic h2 hr {
  width: 15%;
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  left: 50%;
  position: relative;
  right: auto;
  transform: translateX(-50%);
}
.cat-inner-box img{
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.cat-inner-box h3 a {
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
}
.cat-inner-box h3 {
    line-height: 1;
}
.page-numbers,.prev.page-numbers, .next.page-numbers{
    background: var(--color-primary1);
}
.page-numbers:hover,.prev.page-numbers:hover, .next.page-numbers:hover{
    background: black;
    color: #fff!important;
}

.page-template-front-page .stick_head {
    background: var(--color-primary1)!important;   
}
.center1, .center2 {
    border-left-color: var(--color-primary1);
    border-top-color: var(--color-primary1);
}

 .center2 .ring::before, .center1 .ring::before{
  background: var(--color-primary1);
}

nav.woocommerce-MyAccount-navigation ul li:hover{
  background: var(--color-primary1);
}


@media screen and (max-width: 1000px){
    .sidenav {
        background-color: #000;
    }
    .main-navigation ul ul{
        background-color: var(--color-primary1);
    }
    .nav ul li ul li a{
      background: var(--color-primary1) !important;
    }
    .menubar .nav ul li, .menubar.scrolled .main-navigation li {
        border-top: 1px rgb(255 255 255 / 20%) solid;
    }
    #course-fields .owl-carousel{
        padding: 10px 0;
        text-align: center;
    }
}

@media screen and (max-width: 767px){
    .search_inner form {
        border: solid 1px #ddd;
    }
    .search_inner {
        border: none;
    }
    .header-show {
        background: var(--color-primary1);
    }
    .search_inner .btn-secondary{
        color: #fff;
    }
}

@media screen and (max-width: 1000px){
    .menubar.login-user.stick_head {
        margin-top: 0px !important;
    }
    .main-navigation ul ul{
        background-color: #192640;
    }
    .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a,.main-navigation a ,.current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a,.nav ul li a:hover{
        color: #fff;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
.nav ul li a{
    font-size: 15px;
  }
}
@media screen and (max-width: 560px){
    #slider .carousel-control-next-icon, #slider .carousel-control-prev-icon{
        background: transparent;
        color: var(--color-primary1);
    }
    .page-template-front-page .menubar{
        background: var(--color-primary1) !important;
    }
    .cat-inner-box h3{
        text-align: center;
    }
}
