@charset "UTF-8";
/*
Theme Name: Elearning Workshop
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/free-elearning-workshop-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: Elearning Workshop 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.0.3
Tested up to: 6.6
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: elearning-workshop
Tags: custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, 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

Elearning Workshop WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2024.
Elearning Workshop WordPress Theme is released under the terms of GNU GPL
*/
 .bypostauthor{}
#top-slider,.page-template-home-template #masthead{
    background: linear-gradient(95.96deg, #F3EDFF -3.29%, #FFDEE3 97.27%);
    clip-path: none;
}
#top-slider:before {
    background: url(assets/img/slider-after.png) no-repeat;
    width: 439px;
    background-size: 100% 100%;
    z-index: 1;
    bottom: 0;
}
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, #button {
    background: #EE4A62;    
}
.wp-block-button.is-style-outline .wp-block-button__link ,.wp-block-button__link{
    background: #EE4A62 !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: #EE4A62;
}
.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{
    border-color: #EE4A62;
}
h5.main-title, .navbar-brand a, h5.slider-short, #top-slider span.last_slide_head{
    color: #1AB69D;
}
.bottom-header-box,.contact-box,.site-navigation .primary-menu ul{
    background: #1AB69D;
}
.site-navigation .primary-menu > li a,.site-navigation .primary-menu > li > a, .link-icon-wrapper a{
    font-weight: 600;
}
.article-box a.btn-text {
    color: #fff;
}
.top-header {
    border-radius: 45px 45px 0px 0px;
    padding: 0px 25px;
    background: #1AB69D;
}
.contact-box {
    border-radius: 0;
    padding: 0;
    background: transparent;
}
.site-navigation .primary-menu > li a {
    font-size: 14px;
    display: inline-block;
}
.site-navigation li.menu-item-has-children a, .site-navigation ul.primary-menu.theme-menu li.menu-item-has-children a:hover {
    padding: 10px 25px 10px 15px ;
}
.link-icon-wrapper i {
    position: relative;
    left: -20px;
}
span.head-btn a {
    padding: 10px 20px;
}
.top-info .social-link a i {
    padding: 8px 6px;
}
.top-info, .top-info-1 {
    width: 82%;
}
#top-slider .slide-btn a {
    padding: 12px 35px;
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 30px;
}
.image-box-2{
    background: #8E56FF;
    border-radius: 12px;
    right: auto;
    top: auto;
    bottom: 10%;
    left: 250px;
}
.image-box-2-icon i,.image-box-2 h6.contact-text,.image-box-2 p{
    color: #fff;
}
.image-box-1 h6.contact-text {
    color: #000;
}
.image-box-1{
    background: #F8B81F;
    border-radius: 12px;
    padding: 16px 20px;
}
.image-box-3 {
    border-radius: 30px;
    position: static;
    display: inline-block;
    margin-left: 10px;
    width: 240px;
    padding: 3px 12px;
}
.contact {
    text-align: left;
}
.btn-team {
    display: flex;
    gap: 15px;
}
.slide-btn a {
    display: inline-block;
}
.image-box-3-heading {
    display: flex;
    gap: 5px;
}
.image-box-3-heading img, .btn-team .slide-btn, .btn-team .image-box-3 {
    align-self: center;
}
#top-slider .slider-inner-box .image-box-3-heading p {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: #5E462E;
    padding-top: 8px;
}
.slider-image img.sider-img {
    object-fit: none;
}
.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;
}
#top-slider .slider-inner-box p {
    max-width: 70%;
    line-height: 1.5;
}
.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;
}
#top-slider .slide-btn a:focus-visible, a:focus-visible {
    outline-offset: 1px;
}
.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: #1AB69D;
    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: #3399CC;
    margin-right: 10px;
}
p.couse-student i {
    color: #8E56FF;
    margin-right: 10px;
}
p.couse-student {
    text-align: right;
}
.feature-box:hover {
    background: #EE4A62;
    border-color: #EE4A62;
}
.feature-box:hover .ser-content span.category-div, .feature-box:hover .ser-content h4 a, .feature-box:hover span.course-rating, .feature-box:hover .course-price h6, .feature-box:hover p.couse-time, .feature-box:hover p.couse-student {
    color: #fff;
}
.feature-box:hover .rating-box, .feature-box:hover .course-price {
    border-color: #fff;
}

@media screen and (max-width: 1024px) {
    .top-info .top-header .contact a, .phone-box {
        font-size: 13px;
    }
    .btn-team {
        display: block;
    }
    .image-box-3 {
        margin-left: 0;
    }
    .image-box-1, .image-box-2 {
        position: static;
        padding: 20px;
        margin-top: 10px;
    }
    .mail-box, #colophon h5, #colophon aside, #colophon p, #colophon ul  {
        text-align: center;
    }
    #top-slider .slider-inner-box .image-box-3-heading p {
        display: block;
    }
    .slider-image img.sider-img {
        width: 100% !important;
        height: auto;
    }
    .main-slider {
        bottom: 4%;
    }
    .row.nav-box {
        padding: 10px 30px;
    }
}
@media screen and (max-width: 575px){
    .ser-heading{
        text-align: center !important;
    }
}