@charset "UTF-8";
/*
Theme Name: Online Educational Courses
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-educational-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Online Educational Courses Theme is a versatile and dynamic solution designed for educational institutions, trainers, and professionals who offer online courses. It is particularly well-suited for e-learning platforms, digital education providers, and certification programs, whether you're teaching digital marketing, coding, or professional development. With its clean and modern layout, the theme improves user experience through intuitive navigation, making it easy for both instructors and students to explore course catalogs, enrollment options, and interactive learning sections. Fully responsive and mobile-friendly, it ensures seamless access to content across desktops, tablets, and smartphones, allowing learners to engage with courses anytime and anywhere. Supporting a wide variety of course formats, including MOOCs and structured online degrees, the theme features customizable layouts and vibrant color schemes. It effectively showcases lessons, testimonials, and success stories through engaging media sections like image and video galleries. Overall, the Online Educational Courses Theme provides a powerful, user-friendly solution for creating impactful online education platforms that captivate students and enhance e-learning experiences.
Version: 0.2.4
Tested up to: 7.0
Requires PHP: 7.2
Requires at least: 5.0
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: lms-education-study
Text Domain: online-educational-courses
Tags: custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, footer-widgets, custom-menu, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, blog, portfolio, education

Online Educational Courses WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2024.
Online Educational Courses WordPress Theme is released under the terms of GNU GPL
*/

/*--------------------------------------------------------------
# Global Color
--------------------------------------------------------------*/

:root {
  --first-color: #FFD05A;
  --second-color: #6C62E9;
}

 .bypostauthor{}
#top-slider,.page-template-home-template #masthead{
    background: linear-gradient(98.89deg, #D9E7FB 0%, #FFEBB9 96.04%);
}
.footer-column{
    color: #000000;
}
.footer-column{
    border-color: #000000;
}
#top-slider:before {
    background: url(assets/img/slider-after.png);
    width: 439px;
}
.not-found-pagetext input.search-submit.btn.btn-primary,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,a.added_to_cart.wc-forward,.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,button.button-offcanvas-close, span.navbar-control-trigger i, .featured .about-btn a, .woocommerce ul.products li.product .onsale, .woocommerce span.onsale, .woocommerce-account .woocommerce-MyAccount-navigation ul li, .pro-button a, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .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, .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .wp-block-button__link, .sidebar .tagcloud a:hover, .sidebar h5, .comment-respond input#submit, a.btn-text, .search-form-main input.search-submit, .sidebar input[type="submit"], .sidebar button[type="submit"], #colophon, span.head-btn a, #top-slider .slide-btn a, .box-icon, .site-navigation ul.primary-menu.theme-menu li a:hover, .main-navigation .menu > li > a:focus, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover {
    background: var(--first-color);  
}
.wp-block-button.is-style-outline .wp-block-button__link ,.wp-block-button__link{
    background: var(--first-color) !important;
    color: #000 !important;
}
.woocommerce-message::before, .woocommerce-info::before, p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .sidebar ul li a:hover, a, .article-box a, h5.box-title,a,.woocommerce-message::before, .woocommerce-info::before{
    color: var(--first-color);
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,a.added_to_cart.wc-forward,button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained{
    padding: 4px 30px;
    border: 0px !important;
    color: #000000;
    border-radius: 5px;
}
.not-found-pagetext input.search-submit.btn.btn-primary,.woocommerce-message, .woocommerce-info, .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .wp-block-button.is-style-outline .wp-block-button__link, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover{
    border-color: var(--first-color);
}
h5.main-title, .navbar-brand a, h5.slider-short, #top-slider span.last_slide_head{
    color: var(--second-color);
}
.bottom-header-box,.contact-box,.site-navigation .primary-menu ul{
    background: var(--second-color);
}
.widget a:hover, .widget a:focus,.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,button.button-offcanvas-close, span.navbar-control-trigger i, .featured .about-btn a, .image-box-3, .image-box-1, .image-box-2, .woocommerce ul.products li.product .onsale, .woocommerce span.onsale, .woocommerce-account .woocommerce-MyAccount-navigation ul li, .pro-button a, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .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, .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .wp-block-button__link, .sidebar .tagcloud a:hover, .sidebar h5, .comment-respond input#submit, a.btn-text, .search-form-main input.search-submit, .sidebar input[type="submit"], .sidebar button[type="submit"], #colophon, span.head-btn a, .box-icon, .site-navigation ul.primary-menu.theme-menu li a:hover, .main-navigation .menu > li > a:focus,#colophon a, #colophon h5 ,#colophon,.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #000;
}
.site-navigation .primary-menu > li a,.site-navigation .primary-menu > li > a, .link-icon-wrapper a{
    font-weight: 600;
}
.site-navigation ul.primary-menu.theme-menu li a:hover, .main-navigation .menu > li > a:focus{
    color: #000 !important;
}
.load hr {
    background: var(--second-color);
}
.navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover {
    color: #000;
}
#top-slider .slide-btn a {
    padding: 12px 35px;
    color: #222237;
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 30px;
}
.image-box-2{
    background: #3585FF;
    border-radius: 12px;
}
.image-box-2-icon i,.image-box-2 h6.contact-text,.image-box-2 p{
    color: #fff;
}
.image-box-1 h6.contact-text {
    color: #09132F;
}
.image-box-1{
    background: #46FFB8;
    border-radius: 12px;
}
.image-box-3{
    border-radius: 12px;
}
.feature-box {
    border: 1px solid #CCCCCC;
    padding: 15px;
    border-radius: 15px;
}
.feature-img img {
    height: 250px;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}
.ser-content h4 a {
    font-family: Inter;
    font-size: 22px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    color: #000000;
}

.ser-content span.category-div {
    font-family: Just Another Hand;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #484848;
}
.star-rating {
    font-size: 20px; 
    color: #ddd;
}
.star-rating .star {
    color: gold; 
    cursor: pointer;
}

.star-rating span:hover ~ span {
    color: #ddd; 
}
.star-rating span:hover {
    color: gold;
}
p.couse-time,p.couse-student {
    font-size: 15px;
    font-weight: 600;
    line-height: 15.73px;
    text-align: left;
}
.time-box{
    margin: 0px;
}
.featured h3.main-heading {
    font-size: 30px;
    font-weight: 800;
    line-height: 38px;
    color: #000000;
}
.featured h4.main-heading {
    color: var(--second-color);
    letter-spacing: 1px;
    font-family: Just Another Hand;
    font-size: 25px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 20px;
}
span.course-rating,.course-price h6 {
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 19.36px;
    color: #484848;
}
.rating-box.row {
    border: 1.5px dotted #484848;
    border-radius: 30px;
    margin: 0px;
}
.course-price.align-self-center {
    padding: 12px;
    border-left: 1.5px dotted;
}
p.couse-time i {
    color: #FF5AA8;
    margin-right: 10px;
}
p.couse-student i {
    color: #0166FF;
    margin-right: 10px;
}
p.couse-student {
    text-align: right;
}

@media screen and (max-width: 575px){
    .ser-heading{
        text-align: center !important;
    }
}