@charset "UTF-8";
/*
Theme Name: Elearning Online Courses
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/online-courses-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The eLearning Online Courses Theme is a dynamic and feature-rich solution tailored for online teaching platforms, educational institutions, coaching centers, and individual instructors looking to provide structured and engaging digital learning experiences. With a modern and organized layout, it effectively showcases courses, lessons, and educational content in a clear and accessible manner, ensuring seamless performance across desktops, laptops, tablets, and smartphones. This responsive design allows students to access learning materials anytime and anywhere without interruption. Focused on learning management, it empowers instructors to create and manage courses, upload study materials, assign tasks, conduct quizzes, and track student progress efficiently. Learners enjoy an interactive experience through video lessons, downloadable resources, discussion forums, and assessments that foster understanding and engagement. The platform's customization options for colors, typography, and layout enable institutions to reflect their branding and establish a unique academic identity. Additionally, pre-designed templates facilitate course organization and presentation, simplifying the structuring of educational content in a professional format. With optimization for SEO and performance, the theme enhances visibility in search results and provides reliable access for users. Combining flexibility, interactivity, and usability, the eLearning Online Courses Theme serves as a robust digital platform for modern education, supporting instructors and enriching the learning journey for students.
Version: 1.5.7
Tested up to: 7.0
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;
    }
}