/*
Theme Name:        Efor
Text Domain:       efor
Version:           13.1.5
Description:       Coaching & Online Courses WordPress Theme
Requires at least: 6.2
Requires PHP:      7.0
Tags:              education
Author:            Pixelwars
Author URI:        https://themeforest.net/user/pixelwars
Theme URI:         https://themeforest.net/user/pixelwars/portfolio
License:           ThemeForest License
License URI:       https://themeforest.net/licenses
Domain Path:       /languages
*/


/*
    Do not remove any of the commented text above as it is used by the theme for proper function!
*/


/* Plugin: "Top 10 - Popular Posts" */

.tptn_counter {
	display: none;
}

/* Plugin: "Top 10 - Popular Posts" */


/* Plugin: "Tutor LMS" */

.tutor-course-archive-header {
	margin-top: 70px;
}

/* Plugin: "Tutor LMS" */


/* Plugin: "Social Feed Gallery" */

.instagram-gallery__actions {
	margin: 0px;
}

/* Plugin: "Social Feed Gallery" */


/* Plugin: "Contact Form 7" */

.wpcf7 .contact-form {
	margin-bottom: 0px;
}

.wpcf7 .wpcf7-form-control-wrap {
	display: block;
}

.wpcf7 span.wpcf7-not-valid-tip {
	position: absolute;
	left: 10px;
	bottom: -16px;
	font-size: 10px;
	color: #222222;
	background-color: #fbe7ba;
	padding: .2em .8em;
	margin: 0;
	min-width: 150px;
	z-index: 1;
}

.wpcf7 .wpcf7-spinner {
	display: block;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

.wpcf7 form .wpcf7-response-output {
	margin: 0px;
}

/* Plugin: "Contact Form 7" */

/* Thiết lập kích thước chữ cơ bản cho toàn website */
:root {
    font-size: 16px; /* Kích thước chữ cơ sở, 1rem = 16px */
}

/* Kích thước chữ cho desktop */
h1 {
    font-size: 3rem; /* 48px */
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

h2 {
    font-size: 2.25rem; /* 36px */
    line-height: 1.3;
    margin-bottom: 1.25rem;
}

h3 {
    font-size: 1.75rem; /* 28px */
    line-height: 1.4;
    margin-bottom: 1rem;
}

h4 {
    font-size: 1.5rem; /* 24px */
    line-height: 1.4;
    margin-bottom: 0.75rem;
}

h5 {
    font-size: 1.25rem; /* 20px */
    line-height: 1.5;
    margin-bottom: 0.5rem;
}

h6 {
    font-size: 1rem; /* 16px */
    line-height: 1.5;
    margin-bottom: 0.5rem;
}

p {
    font-size: 1rem; /* 16px */
    line-height: 1.6;
    margin-bottom: 1rem;
}

span {
    font-size: 1rem; /* 16px */
    line-height: 1.6;
}

/* Media query cho mobile (màn hình nhỏ hơn 768px) */
@media (max-width: 768px) {
    h1 {
        font-size: 2rem; /* 32px */
        line-height: 1.3;
    }

    h2 {
        font-size: 1.75rem; /* 28px */
        line-height: 1.4;
    }

    h3 {
        font-size: 1.5rem; /* 24px */
        line-height: 1.4;
    }

    h4 {
        font-size: 1.25rem; /* 20px */
        line-height: 1.5;
    }

    h5 {
        font-size: 1.125rem; /* 18px */
        line-height: 1.5;
    }

    h6 {
        font-size: 0.875rem; /* 14px */
        line-height: 1.6;
    }

    p {
        font-size: 0.9375rem; /* 15px */
        line-height: 1.7;
    }

    span {
        font-size: 0.9375rem; /* 15px */
        line-height: 1.7;
    }
}

/* Media query cho màn hình rất nhỏ (dưới 480px, ví dụ: điện thoại nhỏ) */
@media (max-width: 480px) {
    h1 {
        font-size: 1.75rem; /* 28px */
        line-height: 1.3;
    }

    h2 {
        font-size: 1.5rem; /* 24px */
        line-height: 1.4;
    }

    h3 {
        font-size: 1.25rem; /* 20px */
        line-height: 1.5;
    }

    p {
        font-size: 0.875rem; /* 14px */
        line-height: 1.7;
    }

    span {
        font-size: 0.875rem; /* 14px */
        line-height: 1.7;
    }
}