@charset "UTF-8";
/*
Theme Name: Elearning Online Courses
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-elearning-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The eLearning Online Courses Theme is a versatile, feature-rich, and professionally designed solution built for online teaching platforms, educational institutions, coaching centers, and individual instructors who want to deliver structured and engaging digital learning experiences; featuring a clean, modern, and highly organized layout, it is designed to present courses, lessons, and educational content in a clear and accessible format that supports effective learning; its responsive design ensures seamless performance across desktops, laptops, tablets, and smartphones, allowing students to access learning materials anytime and anywhere without disruption; built with a strong focus on learning management functionality, it enables instructors to create and manage courses, upload study materials, assign tasks, conduct quizzes, and track student progress efficiently; learners benefit from an interactive experience with video lessons, downloadable resources, discussion forums, and assessments that enhance understanding and engagement; customization options for colors, typography, and layout structures allow institutions to align the platform with their branding and create a unique academic identity; pre-designed templates simplify course organization and presentation, making it easy to structure educational content in a professional format; optimized for SEO and performance, it improves visibility in search results and ensures fast, reliable access for users; integrating flexibility, interactivity, and usability, the eLearning Online Courses theme provides a powerful digital platform for delivering modern education, supporting instructors, and enhancing student learning outcomes in an online environment.
Version: 1.5.4
Tested up to: 6.9
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: online-tutor
Text Domain: elearning-online-courses
Tags: custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, custom-menu, footer-widgets, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, left-sidebar, right-sidebar, grid-layout, blog, e-commerce, education

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


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

:root {
  --first-color: #ff4f57;
  --second-color: #212529;
}

body{
    font-family: "Open Sans";
}
.article-box a,h1, h2, h3, h4, h5, h6,.navbar-brand a,.navbar-brand p,.widget a:hover, .widget a:focus{
	color: var(--first-color);
}
.navbar-brand a:hover{
    color: var(--second-color);
}
.slider-inner-box h1 a:hover, .project-box h3 a:hover, .article-box:hover h3 a, .article-box:hover a.btn-text{
    color: var(--first-color);
}
.article-box a, .article-box a.btn-text{
    color: var(--second-color);
}
.main-navigation .menu > li > a{
    font-size: 14px;
    line-height: 33px;
    color: var(--second-color);
    font-weight: 700;
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: var(--second-color);
    color: #fff !important;
}
#site-navigation .menu ul li a{
    font-weight: 700;
    color: var(--second-color);
}
.loading, .loading2 {
    z-index: 999999;
}
#site-navigation .menu ul li a:hover {
    color: var(--first-color);
}
#colophon{
    background-color: var(--second-color);
}
.main-navigation .menu li.page_item_has_children ul.children,.searchbox h3, .slider-box-btn a:hover, .btn-primary:hover, #button:hover, .searchbox form.search-from, .searchbox, .woocommerce a.button:hover, .woocommerce-account .woocommerce-MyAccount-navigation ul li:hover, .woocommerce button.button:hover, .woocommerce button.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce a.button.alt:hover, .woocommerce a.added_to_cart:hover, .sidenav .closebtn,.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,.button-box a.box1:hover {
	background: var(--second-color);
}
#colophon a:hover,a, .main-navigation .menu > li > a:hover, .top_header span, a.btn-text, .widget a:hover, .sidebar ul li a:hover, .main-navigation .sub-menu > li > .menu-item-link-return:hover, p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .star-rating, .woocommerce .star-rating, .woocommerce-message::before, .woocommerce-info::before{
	color: var(--first-color);
}
.btn-primary{
    background-color: var(--first-color);
    border-color: var(--first-color);
    color: #ffffff ;
}
.sidebar section {
    padding: 10px;
}
a.wp-block-button__link.add_to_cart_button.ajax_add_to_cart,.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-totals-coupon__button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,.top_header p a, .button-box a.box1, .button-box a.box2:hover, .slider-box-btn a, #button, .btn-primary, .project-box h5, .project-box:hover:before, .sidebar input[type="submit"], .sidebar button[type="submit"], .meta-info-box, .comment-respond input#submit, .post-navigation .nav-previous a:hover, .main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return, .sidebar h5, .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a, .pro-button a, .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, .woocommerce-account .woocommerce-MyAccount-navigation ul li, .woocommerce .woocommerce-ordering select, .toggle-nav i, .woocommerce a.added_to_cart, .sidebar .tagcloud a:hover,.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .load hr, .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);
}
button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
  color: #ffffff;
  border:0px;
}
.top_header {
    background: var(--first-color);
}
.social-link i:hover{
	background: transparent;
}
.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover, .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);;
}
.sidebar h2.wp-block-heading {
  font-size: 20px;
  color: #fff;
  background: var(--first-color);
  padding: 15px 10px;
  margin-bottom: 0;
  border-radius: 6px 6px 0 0;
  letter-spacing: 2px;
  text-align: center;
}
a.info-text:hover,.social-link i:hover{
    color: var(--first-color);
}
a.added_to_cart.wc-forward {
  margin:0 auto;
  color: #ffffff;
  padding: 8px;
  border-radius: 4px;
  margin-top: 10px;
  font-weight: 700;
  font-size: 15px;
}
.project-box{
    position: relative;
}

.button-box a {
    padding: 14px 10px;
    border-radius: 11px;
    font-size: 13px;
    line-height: 38px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;
}

.top_header p {
    font-size: 12px;
    line-height: 21px;
    color: #fdf6f5;
    font-weight: 600;
}

.top_header i {
    color: #ffffff;
    padding: 0;
    border-radius: 0;
    width: auto;
    height: auto;
    background: transparent;
}
a.info-text {
    font-size: 13px;
    font-weight: 500;
    color: #fdf6f5;
}
/*--------------------------------------------------------------
# Header Search
--------------------------------------------------------------*/
span.head-search {
  position: relative;
}
span.search-main i{
  color: #ffffff;
}
.header-search-wrapper .search-form-main {
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.15);
  box-shadow: 1px 1px 7px rgba(0,0,0,.15);
  border-top: 2px solid #000000;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 124%;
  width: 300px;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
}
.search-form-main.active-search {
  opacity: 1;
  visibility: visible;
}
.search-form-main.active-search label{
  display: block;
}
.header-search-wrapper .search-form-main:before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #000000;
  content: "";
  position: absolute;
  right: 0px;
  top: -12px;
}
.header-search-wrapper .search-form-main .search-field {
  border-radius: 0;
  padding: 5px 10px;
  width: 100%;
  height: 40px;
  float: left;
}
.search-form-main input.search-submit {
  position: absolute;
  right: 15px;
  margin-top: 0px !important;
  top: 17px;
  background-color: var(--first-color);
  border: 0px;
}
.search-form-main input.search-field.form-control {
  position: relative;
}
.header-search-wrapper {
  float: right;
  position: relative;
}
.head-search span.search-main {
    background: #f98f8f;
    padding: 12px;
}
.main-navigation .sub-menu > li{
	border-color: #fff;
}
.page-template-home-template .navigation_header {
    background: #fff;
    position: relative;
}
.navigation_header {
    background: #fff;
}

.slider-inner-box {
    left: 33%;
    right: 33%;
    text-align: center;
}
.slider-inner-box h1 a {
    font-size: 48px;
    line-height: 52px;
    color: #ffffff;
    font-weight: 600;
    text-align: center;
    font-family: "Poppins";
}
.searchbox input.search-submit.btn.btn-primary{
    background: var(--first-color);
    color: #ffffff;
}

.slider-box-btn a{
	border-radius: 5px;
}
.button-box a.box1:hover{
	color: #fff;
}
#top-slider .owl-nav i{
    background: var(--first-color);
}
.price-box {
    margin-top: 0;
    position: absolute;
    top: 15%;
    right: 0;
}
.content{
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(0,0,0,.05);
    padding: 15px 32px;
}
.content p.course-text {
    display: inline-block;
    padding: 0px 20px;
    color: #fff;
    border-radius: 5px;
    background: var(--first-color);
}
.project-box h5 {
	padding: 4px 12px;
    border-radius: 0 0 0 15px;
    font-size: 20px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;
}
.project-box h3 a{
    font-size: 17px;
    line-height: 24px;
    color: #212121;
    font-weight: 700;
}
.project-box p.post {
    font-size: 14px;
    color: var(--second-color);
    font-weight: 400;
}
.article-box h3 a:hover{
    color: var(--second-color);
}
.article-box a.btn-text:hover{
    color: var(--second-color);
}
.page-content input.search-submit.btn.btn-primary {
    background: var(--first-color);
    border: var(--first-color);
}
@media screen and (max-width: 1000px){
	#site-navigation .menu ul li a, .main-navigation .menu > li > a, .main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return {
	    color: #ffffff;
        background: transparent;
	}
    .main-navigation .menu > li > a,.main-navigation .sub-menu > li > a, .main-navigation .sub-menu > li > .menu-item-link-return {
        color: #fff;
        display: block;
        border: none;
    }
    .main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
        background: transparent;
        color: #ffa155 !important;
    }
    #site-navigation .menu ul li a:hover{
        color: var(--first-color) !important;
    }
    #site-navigation .menu ul li a {
        text-transform: uppercase;
    }
    .sidenav .closebtn{
        background: var(--first-color);
    }
    .main-navigation .menu > li > a{
        line-height: 16px;
    }
}
@media screen and (min-width: 320px) and (max-width: 720px){
	.slider-inner-box p{
		display: none;
	}
	.slider-inner-box {
	   left: 0%;
       right: 0%;
	}
    .slider-box-btn a {
        padding: 8px 16px;
    }
    .slider-inner-box h1 a{
        font-size: 20px;
        line-height: 5px;
    }
    #top-slider .owl-nav i {
        padding: 15px;
    }
}
@media screen and (min-width: 768px) and (max-width: 999px){
	.slider-inner-box {
    	left: 15%;
        right: 15%;
        top: 40%;
	}
    .slider-box-btn a {
        padding: 8px 20px;
    }
}