@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: The Elearning Workshop is a dynamic WordPress Theme crafted for educational institutions and professionals focused on offering online learning experiences. This versatile theme is perfect for e-learning platforms, digital education providers, and online certification programs, accommodating a range of courses like digital marketing and coding classes. With a modern and clean design, it enhances user experience while supporting various types of courses, including MOOCs, digital skills training, and online degrees. Its intuitive interface ensures easy navigation for both instructors and students, complemented by features like course catalog layouts, enrollment options, and interactive content sections that help educational institutions manage their offerings effectively. Visually appealing, the theme provides customizable page layouts, vibrant color schemes, and engaging imagery that capture the essence of online education. Additionally, its responsive design ensures a seamless appearance across devices, showcasing course content and testimonials through image and video galleries to enhance credibility and attract potential learners. 
Version: 0.3.2
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: elearning-workshop
Tags: custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, footer-widgets, 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
*/

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

:root {
  --first-color: #EE4A62;
  --second-color: #1AB69D;
}

 .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;
}
a.added_to_cart.wc-forward{
    padding: 6px 14px;
    color: #fff;
    font-size: 15px;
    border-radius: 5px;
}
.load hr {
    background: var(--second-color);
}
.widget a:hover, .widget a:focus{
    color: #000;
}
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,button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained{
    padding: 10px 30px;
    border:0px !important;
    color: #ffffff;
}
.not-found-pagetext input.search-submit.btn.btn-primary,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,.woocommerce .woocommerce-ordering select,.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,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,a.added_to_cart.wc-forward,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, .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;
}
.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);
}
.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{
    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);
}
.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: var(--second-color);
}
.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: 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: #3399CC;
    margin-right: 10px;
}
p.couse-student i {
    color: #8E56FF;
    margin-right: 10px;
}
p.couse-student {
    text-align: right;
}
.feature-box:hover {
    background: var(--first-color);
    border-color: var(--first-color);
}
.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;
}
.header-content {
    position: relative;
}

@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;
    }
}