/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1741955327
Updated: 2025-03-14 13:28:47

*/




:root {
    --shadow-sm: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    --shadow-md: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    --shadow-lg: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;

}

body {
    overflow-x: hidden;
}

/* body:has(#wpadminbar) header>div {
    margin-top: 32px;
} */

.shadow-sm {
    box-shadow: var(--shadow-sm);
}

.shadow-md {
    box-shadow: var(--shadow-md);
}

.shadow-lg {
    box-shadow: var(--shadow-lg);
}

header>div {
    background-color: transparent;
    transition: transform 500ms ease, background-color 500ms ease !important;
}

header {
    --old-global-color-0a9f736: var(--e-global-color-0a9f736);
    --old-global-color-2ecf6f4: var(--e-global-color-2ecf6f4);
}

body.page-id-17 header>div.elementor-sticky--effects {
    background-color: white;
    --e-global-color-0a9f736: var(--e-global-color-text);
    --e-global-color-2ecf6f4: var(--e-global-color-text);
    box-shadow: var(--shadow-sm);
}

@media (max-width: 1024px) {
    body.page-id-17 header .e-off-canvas__content {
        background-color: white;
        --e-global-color-0a9f736: var(--old-global-color-0a9f736);
        --e-global-color-2ecf6f4: var(--old-global-color-2ecf6f4);
    }
}

header>div.elementor-sticky--effects .elementor-widget-icon {
    --e-global-color-0a9f736: var(--e-global-color-primary);
}

header>div.elementor-sticky--effects>div {
    padding: 0rem !important;
}

header>div.elementor-sticky--effects .elementor-widget-icon {

    transform: scale(0.7);
}

header>div.elementor-sticky--effects .btn-login a {
    color: var(--old-global-color-0a9f736) !important;
    transition-duration: 0.2s;
}

:where(h2, h3, h4, h5) span {
    color: var(--e-global-color-primary);
}


button.tutor-native-add-to-cart,
#tutor-apply-coupon-button,
#tutor-checkout-pay-now-button,
button.tutor-enroll-course-button,
button.tutor-btn {
    border-color: var(--tutor-color-primary) !important;
    color: var(--tutor-color-primary) !important;
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
}

.tutor-btn.tutor-btn-outline-primary:hover, .tutor-btn {
    color: white !important;
}

.tutor-btn.tutor-btn-link:hover, .tutor-btn.tutor-btn-outline-primary, .tutor-login-form .tutor-btn {
    color: var(--tutor-color-primary) !important;
}

#tutor-apply-coupon-button {
    width: auto;
    font-size: 14px;
    font-weight: 400;
    border: solid 1px;
    padding: 6px 28px;
}

button.tutor-native-add-to-cart:is(:hover, :focus, :active),
#tutor-apply-coupon-button:is(:hover, :focus, :active),
#tutor-checkout-pay-now-button:is(:hover, :focus, :active),
button.tutor-enroll-course-button:is(:hover, :focus, :active),
button.tutor-btn:is(:hover, :focus, :active) {
    color: #fff !important;
    border-color: var(--tutor-color-primary-hover);
    background-color: var(--tutor-color-primary-hover);
}

.tutor-cart-remove-button:hover {
    background-color: transparent !important;
    color: var(--tutor-color-primary) !important;
}

a[data-cy="tutor-native-checkout-button"] {
    text-decoration: none !important;
    color: white !important;
}

:is(.page-id-13, .page-id-14) section.elementor-element-7a127e7>div {
    --content-width: 1280px;
}

.tutor-btn-link {
    color: var(--tutor-color-primary) !important;
    border: none !important;
}

.tutor-btn-link:hover {
    background-color: transparent !important;
}

button.tutor-modal-close-o {
    border: none !important;
    color: var(--tutor-color-primary) !important;
}

button.tutor-modal-close-o:hover {
    background-color: transparent !important;
    color: black !important;
}

.tutor-modal-body .tutor_submit_review_btn {
    background-color: var(--tutor-color-primary) !important;
    color: #fff !important;
}

.tutor-modal-body .tutor_submit_review_btn:hover {
    background-color: var(--tutor-color-primary-hover) !important;
}


.tutor-dashboard-student .tutor-container {
    padding: 5rem 0 !important;
}

button.tutor-iconic-btn {
    background-color: transparent !important;
    border: none !important;
    color: var(--tutor-color-primary) !important;
    margin-top: -8px !important;
}

button.tutor-iconic-btn:hover {
    background-color: transparent !important;
    color: var(--tutor-color-text) !important;
}

.tutor-my-course-edit {
    opacity: 1 !important;
}

.btn-login a:after,
.btn-login a:before {
    content: none !important;
}

button.tutor-open-login-modal {
    padding: 6px 24px;
    width: auto;
}

#tutor-toggle-coupon-button {
    width: auto;
}

#tutor-toggle-coupon-button:hover {
    color: var(--tutor-color-primary) !important;
}


.elementor-widget-theme-post-content {
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    font-size: var(--e-global-typography-text-font-size, 1rem);
    line-height: var(--e-global-typography-text-line-height, 1.75);
    color: var(--e-global-color-text, #2e2e2e);
    padding-bottom: 2rem;
}


.elementor-widget-theme-post-content h2.wp-block-heading {
    font-size: 1.675rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 2rem 0 1rem;
    color: var(--e-global-color-bf9133f, #1d1d1d);
    border-left: 4px solid var(--e-global-color-primary, #3b82f6);
    padding-left: 1rem;
}

.elementor-widget-theme-post-content h3.wp-block-heading {
    font-size: 1.375rem;
    font-weight: 600;
    margin: 1.75rem 0 0.75rem;
}

.elementor-widget-theme-post-content h4.wp-block-heading,
.elementor-widget-theme-post-content h5.wp-block-heading,
.elementor-widget-theme-post-content h6.wp-block-heading {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 1.5rem 0 0.5rem;
}

/* Paragraphes */
.elementor-widget-theme-post-content:where(.type-post, .type-courses) p {
    margin-bottom: 1.5rem;
}

/* Listes */
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content ol {
    margin: 1.5rem 0 1.5rem 2rem;
    padding-left: 1rem;
}

.elementor-widget-theme-post-content li {
    margin-bottom: 0.75rem;
}

/* Tables */
.elementor-widget-theme-post-content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 2rem 0;
    background: #fff;
    border: 1px solid var(--e-global-color-border, #e5e7eb);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
}

.elementor-widget-theme-post-content table thead {
    background-color: var(--e-global-color-2ecf6f4, #f3f4f6);
}

.elementor-widget-theme-post-content th,
.elementor-widget-theme-post-content td {
    padding: 1rem;
    text-align: left;
    border-bottom: 1px solid var(--e-global-color-a448eb8, #e5e7eb);
}

.elementor-widget-theme-post-content table :where(th, td) {
    border-color: var(--e-global-color-a448eb8, #e5e7eb) !important;
}

.elementor-widget-theme-post-content table thead {
    border-color: var(--e-global-color-primary, #3b82f6) !important;
}

.elementor-widget-theme-post-content table tr:last-child td {
    border-bottom: none;
}

.elementor-widget-theme-post-content table thead tr:first-child th:first-child {
    border-top-left-radius: 12px;
}

.elementor-widget-theme-post-content table thead tr:first-child th:last-child {
    border-top-right-radius: 12px;
}

.elementor-widget-theme-post-content table tr:last-child td:first-child {
    border-bottom-left-radius: 12px;
}

.elementor-widget-theme-post-content table tr:last-child td:last-child {
    border-bottom-right-radius: 12px;
}

/* Blockquotes */
.elementor-widget-theme-post-content blockquote {
    border-left: 4px solid var(--e-global-color-primary, #3b82f6);
    padding: 1.25rem 1.5rem;
    margin: 2rem 0;
    background: var(--e-global-color-light, #f9fafb);
    font-style: italic;
    border-radius: 8px;
    color: var(--e-global-color-text, #555);
}

/* Images */
.elementor-widget-theme-post-content .wp-block-image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 2rem auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Code */
.elementor-widget-theme-post-content pre,
.elementor-widget-theme-post-content code {
    background: var(--e-global-color-light, #f3f4f6);
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.95rem;
    overflow-x: auto;
    display: block;
    margin: 1rem 0;
}

#tutor-pro-google-authentication iframe {
    width: 100% !important;
    margin-right: -40px !important;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('./chevron-down.svg') no-repeat right 0.75em center / 1em auto;
    padding-right: 2em;
}

.jet-form-builder-messages-wrap {
    position: fixed;
    right: 25px;
    bottom: 25px;
    left: auto;
    max-height: 400px;
    width: 350px;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0);
    z-index: 99999999
}

.jet-form-builder-message {
    border-radius: 10px !important;
    border: 1px solid var(--tutor-border-color) !important;
    padding: 16px 20px !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    display: flex;
    align-items: center;
    position: relative;
    overflow-wrap: anywhere;
    background: var(--tutor-color-white) !important;
}

.jet-form-builder-message--success {
    color: var(--tutor-color-success)
}




@media (max-width: 767px) {
    .tutor-dashboard-student .tutor-container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {
    .tutor-dashboard-student .tutor-container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

.tutor-btn-secondary {
    background-color: var(--tutor-color-secondary) !important;
    color: var(--tutor-color-white) !important;
}

.tutor-btn-secondary:hover {
    background-color: var(--tutor-color-primary-hover) !important;
}

.tutor-single-course-content-next .tutor-btn-secondary {
    background-color: var(--tutor-color-primary) !important;
    color: var(--tutor-color-white) !important;
}

.tutor-single-course-content-next .tutor-btn-secondary:hover {
    background-color: var(--tutor-color-primary-hover) !important;
}

.tutor-btn-tertiary {
    border: 1px solid var(--tutor-color-primary) !important;
    color: var(--tutor-color-primary) !important;
}

.tutor-btn-tertiary:hover {
    background-color: var(--tutor-color-primary) !important;
    color: var(--tutor-color-white) !important;
}

.tutor-topbar-mark-btn {
    background-color: var(--tutor-color-white) !important;
    color: var(--tutor-color-primary) !important;
    border: 1px solid var(--tutor-color-primary) !important;
}

.tutor-topbar-mark-btn.tutor-btn:hover,
.tutor-topbar-mark-btn.tutor-btn:focus {
    background-color: #f1f1f1 !important;
    color: var(--tutor-color-primary-hover) !important;
}

.tutor-quiz-btn-group {
    display: flex;
}

.tutor-btn.start-quiz-btn {
    background-color: var(--tutor-color-primary) !important;
    color: var(--tutor-color-white) !important;
}

.tutor-btn.start-quiz-btn:hover {
    background-color: var(--tutor-color-primary-hover) !important;
    color: var(--tutor-color-white) !important;
}

.tutor-progress-value {
    left: 0 !important;
}

#tutor-login-form .tutor-mt-20 {
    display: flex !important;
}

.tutor-form-check {
    display: flex !important;
    align-items: center !important;
}

.tutor-form-check label {
    font-size: 0.925rem !important;
}

#tutor-login-agmnt-1 {
    width: 16px !important;
    height: 16px !important;
}

.tutor-checkout-page .tutor-checkout-billing .tutor-open-login-modal, #tutor-apply-coupon-button {
    background-color: var(--tutor-color-primary) !important;
    color: var(--tutor-color-white) !important;
    border: none !important;
}

.tutor-checkout-page .tutor-checkout-billing .tutor-open-login-modal:hover,
.tutor-checkout-page .tutor-checkout-billing .tutor-open-login-modal:focus,
#tutor-apply-coupon-button:hover,
#tutor-apply-coupon-button:focus {
    background-color: var(--tutor-color-primary-hover) !important;
    color: var(--tutor-color-white) !important;
}