@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: Online Educational Courses is a dynamic and versatile WordPress Theme designed specifically for educational institutions and professionals offering online courses. This theme is ideal for e-learning platforms, digital education providers, and online certification programs. Whether you're offering digital marketing courses, online coding classes, or professional development workshops, this theme provides a comprehensive solution for creating a professional and engaging online presence. Built with a focus on online learning, the theme features a clean and modern design that enhances the user experience. It supports various types of online courses including MOOCs, digital skills courses, and online degree programs. Its user-friendly interface allows for easy navigation and interaction, making it accessible for both instructors and students. The theme also includes features like course catalogue layouts, enrollment options, and interactive content sections, helping educational institutions effectively manage and display their course offerings. Visually, the theme stands out with its sleek design and customizable elements. It includes pre-designed page layouts, vibrant colour schemes, and engaging imagery that reflect the dynamic nature of online education. The theme’s responsive design ensures that the website looks great on all devices, from desktops to smartphones. It also features image and video galleries to showcase course content and testimonials, helping build credibility and attract potential students. 
Version: 0.1.9
Tested up to: 6.9
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;
    }
}
