/*
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 to assist you create any education related website. It is ideal for academy, portfolio, primary and secondary schools, Learnpress, LMS, distance learning, tution, university, music school, Education Platform, E-learning, Online Education, Virtual Classroom, Study Programs, School Management, Academic Courses, Educational Resources, Learning Portal, Online Tutoring, Academic Support, Professional Development, Online Certification, Student Portal, Learning Management, Teaching Resources, Skill Development, Remote Learning, Online Workshops, Curriculum Planning dance academy, courses hub, business school and all such related websites. It comes with all the features of learning and useful plugins. It is also integrated with WooCommerce to help you buy courses online and do transactions safely. It is SEO-ready that will assist your site to rank quickly on major search engines like Google. The responsive design fits perfectly on any device screen size. It is cross-browser compatible and optimized for speed for faster page load time. The codes used are clean and optimized so your website will be free of errors. The social media option let’s you link all your social media pages with widgets to give credibility to your work. It is translation-ready so your users can translate pages into any language they want. It is regularly updated to give the best user experience. The base of the theme is on bootstrap framework that makes it handy at the same time powerful. You can add available shortcodes to increase functionality.
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, featured-image-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, blog, photography, education
Version: 4.6
Tested up to: 6.8
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: var(--color-primary1);
    }
    .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 #fff 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;
    }
}