/*
Theme Name: Mohamed Chaudry
Theme URI: https://mohamedchaudry.com/
Description: A Custom Build a Framework for MC courses.
Author: ZUFOLIO
Author URI: https://zufolio.com/
Template: astra
Version: 1.0
*/

/* ================================
   GLOBAL UTILITIES
================================ */
.pointer {
    cursor: pointer;
}

/* Hero banner fix */
.mc-hero-banner {
    z-index: 10;
}

/* Button hover fade effect */
.signup-btn {
    transition: opacity 0.3s ease;
}

/* Elementor button focus state */
.elementor-button:focus {
    border: none !important;
    border-color: transparent !important;
}

/* Hide WooCommerce menu icon */
.woo-menu-icon {
    display: none !important;
}

/* Astra styling */
.ast-desktop .ast-menu-hover-style-underline > .menu-item > .menu-link:before {
    width: calc(100% - 2em) !important;
    background-color: #800080 !important;
}

/* astra menu */
.ast-site-identity .site-title a {
	display: none !important;
}

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link {
    line-height: 24px;
    font-size: 14px;
    color: #000;
}


#ast-hf-menu-1 .current-menu-item .menu-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 1em;
  right: 1em;
  height: 1px;
  background-color: #800080;
  width: calc(100% - 2em);
}

/* ================================
   BUTTONS
================================ */
.mc-btn .elementor-button {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: color 0.5s;
    z-index: 1;
}

.mc-btn .elementor-button:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: var(--e-global-color-secondary);
    height: 150px;
    width: 280px;
    border-radius: 50%;
    top: 100%;
    left: 100%;
    transition: all 0.7s;
}

.mc-btn .elementor-button:hover {
    color: #fff;
}

.mc-btn .elementor-button:hover:before {
    top: -30px;
    left: -30px;
}

.mc-btn .elementor-button:active:before {
    background: var(--e-global-color-secondary);
    transition: background 0s;
}

/* Button style variant */
.mc-btn-1 .elementor-button {
    border: 1px solid var(--e-global-color-secondary) !important;
}

/* Login button (menu) */
.login-btn .menu-link span {
    color: #fff;
    background-color: transparent;
    font-family: "AzoSans", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    background-image: linear-gradient(135deg, var(--e-global-color-primary) 0%, var(--e-global-color-secondary) 100%);
    border-radius: 10px;
    padding: 12px 24px;
}

/* ================================
   WOOCOMMERCE STYLES
================================ */
.mc-saleprice .woocommerce-Price-amount.amount {
    font-size: 24px !important;
}

.total-discount {
    color: red;
}

.bundle-price {
    font-size: 20px;
}

del .amount {
    font-size: 13px;
}

.list-item-price ins {
    font-size: 16px;
    color: #3C7BE2;
}

/* Custom sale/regular price colors */
.mc-sale-price .woocommerce-Price-amount,
.mc-regular-price .woocommerce-Price-amount,
.mc-sale-pric-1 .woocommerce-Price-amount,
.mc-regular-price-1 .woocommerce-Price-amount {
    color: #fff !important;
}

.mc-regular-price .woocommerce-Price-amount {
    text-decoration: line-through !important;
}

.woocommerce-Price-amount {
    font-size: 16px !important;
}

/* ================================
   TUTOR LMS STYLES
================================ */
/* Hide dashboard menu items */
.tutor-dashboard-menu-my-quiz-attempts,
.tutor-dashboard-menu-question-answer,
.tutor-dashboard-menu-quiz-attempts {
    display: none !important;
}

/* Hide ratings & meta info */
.tutor-ratings,
.tutor-card-body .tutor-icon-user-line,
.tutor-card-body .tutor-icon-clock-line,
.tutor-card-body .tutor-meta-value {
    display: none !important;
}

/* Course card styles */
.tutor-card-body .tutor-course-name {
    font-size: 20px !important;
}

.tutor-course-content-list-item-duration,
.tutor-course-topic-item-duration {
    display: none !important;
}

/* Registration form */
.mc-tutor-registration-wrap {
    padding: 0 !important;
}

/* Course pricing */
.course-price {
    text-decoration: line-through;
    color: var(--e-global-color-primary);
}

.course-discounted-price {
    display: block;
    font-weight: bold;
    color: black;
}

/* Course details */
.tutor-course-details-title {
    font-family: "Pragmatica", Sans-serif !important;
    font-size: 45px !important;
    font-weight: 700 !important;
    line-height: 60px !important;
}

.tutor-nav .tutor-nav-item .tutor-nav-link {
    font-size: 20px !important;
    font-weight: 400 !important;
}

.tutor-course-details-content h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
}

.tutor-course-details-content p {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.tutor-course-details-widget-list li {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.tutor-course-single-sidebar-wrapper .tutor-course-topic-item-title {
    font-size: 14px !important;
}

/* Hide pagination */
.etlms-pagination {
    display: none !important;
}

/* Hide specific list item */
.tutor-ul li:nth-child(2) {
    display: none !important;
}

/* ================================
   WPFORMS STYLES
================================ */
.wpforms-container-full .wpforms-form input[type=text],
.wpforms-container-full .wpforms-form input[type=email],
.wpforms-container-full .wpforms-form input[type=tel],
.wpforms-container-full .wpforms-form input[type=url],
.wpforms-container-full .wpforms-form textarea {
    padding: 22px 10px !important;
    border-radius: 10px !important;
    resize: none !important;
}

.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices .choices__inner {
    border-radius: 10px !important;
}

.wpforms-container-full .wpforms-confirmation-container-full {
    background: transparent !important;
    border: unset !important;
}

.wpforms-container-full .wpforms-form input[type=submit] {
    width: 100% !important; 
    border-radius: 10px !important;
}

/* ================================
   MAILCHIMP (MC4WP) STYLES
================================ */
.mc4wp-alert,
.mc4wp-alert.mc4wp-success {
    font-family: "Pragmatica", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    color: #F2E6F2 !important;
    text-align: center !important;
    margin-top: 20px !important;
}

/* ================================
   RESPONSIVE (MOBILE)
================================ */
@media (max-width: 576px) {
    #site-header-inner {
        padding: 10px 30px !important;
    }
    
    /* Elementor comparison table buttons */
    .elementor-663 .elementor-element.elementor-element-d724d81 .elementor-repeater-item-3e7a1c7,
    .elementor-663 .elementor-element.elementor-element-d724d81 .elementor-repeater-item-9041058,
    .elementor-663 .elementor-element.elementor-element-d724d81 .elementor-repeater-item-d91df4e {
        padding: 0 !important;
    }
    
    .elementor-663 .elementor-element.elementor-element-d724d81 .ekit-wid-con .ekit-comparison-table-cell .ekit-cp-table-button {
        padding: 8px !important;
        margin: 8px 0 !important;
        font-size: 10px !important;
    }
    
    /* Mobile bundle price */
    .bundle-price {
        font-size: 14px;
    }
}
