/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.2.3
License: GPL2
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hello-elementor-child
*/
/* Style WP ADMIN BAR */
#wpadminbar * {
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    margin: 0 !important;
}

html {
    overflow-x: hidden !important;
    background-color: var(--color-light-gray);
    font-family: var(--font-text) !important;
    font-size: 16px;
    letter-spacing: .2px;
    word-spacing: 1px;
}

body {
    font-family: var(--font-text) !important;
    color: var(--color-text);
}

/* START - Typography */
p,
strong,
a,
span,
li {
    font-family: var(--font-text) !important;
    font-size: var(--text-m) !important;
    line-height: var(--lh-text-m) !important;
    margin: 0 !important;
}

p,
a {
    font-weight: var(--font-weight-regular) !important;
}

strong {
    font-weight: var(--font-weight-bold) !important;
}

h1,
.h1 *,
h2,
.h2 *,
h3,
.h3 *,
h4,
.h4 *,
h5,
.h5 *,
h6,
.h6 * {
    font-family: var(--font-title) !important;
    font-weight: var(--font-weight-bold) !important;
}

h1,
.h1 * {
    font-size: var(--h1) !important;
    line-height: 1.1 !important;
}

h2,
.h2 * {
    font-size: var(--h2) !important;
    line-height: var(--lh-h2) !important;
}

h3,
.h3 * {
    font-size: var(--h3) !important;
    line-height: var(--lh-h3) !important;
}

h4,
.h4 * {
    font-size: var(--h4) !important;
    line-height: var(--lh-h4) !important;
}

h5,
.h5 * {
    font-size: var(--h5) !important;
    line-height: var(--lh-h5) !important;
}

h6,
.h6 * {
    font-size: var(--h6) !important;
    line-height: var(--lh-h6) !important;
}

.text-small * {
    font-size: var(--text-s) !important;
    line-height: var(--lh-text-s) !important;
    margin: 0 !important;
}


/* END - Typography */

/* START - Buttons */

.btn a {
    font-family: var(--font-title) !important;
    font-weight: var(--font-weight-bold) !important;
    border-radius: 0;
    text-align: center;
    transition: all 200ms ease-in;
    display: inline-block;
    text-transform: uppercase;
    margin: 1.5rem 0;
    padding: 0.5rem 1rem;
    cursor: pointer;
}

.btn-primary a {
    background-color: var(--color-accent);
    color: var(--color-light);
    border: 2px solid var(--color-accent);
}

.btn-secondary a {
    background-color: var(--color-light);
    color: var(--color-text);
    border: 2px solid var(--color-light);
}

.btn-primary a:hover {
    background-color: var(--color-transparent-black);
    border: 2px solid var(--color-secondary);
    color: var(--color-secondary);
    transition: all 200ms ease-in;
}

.btn-secondary a:hover {
    background-color: var(--color-transparent-black);
    border: 2px solid var(--color-light);
    color: var(--color-light);
    transition: all 200ms ease-in;
}

.border-bottom--dark {
    border-bottom: solid 1px;
    border-color: var(--color-primary);
}

.border-bottom--light {
    border-bottom: solid 1px;
    padding-bottom: 7px !important;
    border-color: var(--color-light);
}

/* END - Buttons */

/* START - Other Global Styles */

::selection {
    background-color: var(--color-secondary);
    color: var(--color-light);
}

.e-n-accordion-item-title .e-n-accordion-item-title-header * {
    font-family: var(--font-title);
    font-weight: var(--font-weight-semibold);
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    gap: 15px;
    display: flex;
}

/* END - Other Global Styles */

/** END - GLOBAL STYLES **/

/** START - COMPONENTS **/

/**************************
 * MEGAMENU
 **************************/
.megamenu__wpml li span {
    font-family: var(--font-text) !important;
    font-size: 1rem !important;
}

.megamenu__wpml .e-n-menu-wrapper {
    overflow: visible !important;
}

/**************************
 * HERO BANNER
 **************************/
@media screen and (max-width: 1024px) {
    #hero-banner {
        background-image: none !important;
        background-color: var(--color-primary) !important;
    }
}


/* START - Courses Card */

.card-course {
    margin: 0px !important;
    padding: 0px 0px 4rem 0px !important;
    gap: 0px !important;
    max-width: 25rem !important;
    background-color: var(--color-light);
}

.card-course__content {
    padding: var(--padding-sm) !important;
    gap: 0.5rem !important;
}

.card-course .elementor-widget-image a img[src$=".svg"] {
    width: 100%;
}

.card-course__content--start {
    color: var(--color-secondary);
}

.card-course--btn {
    position: absolute !important;
    bottom: 0;
    padding: var(--padding-sm) !important;
}

/* END - Courses Card */
/* START - Faculty Card */

#faculty .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.faculty-card {
    max-width: 300px !important;
}

.faculty-card__content img {
    width: 100px;
    border: solid 1px var(--color-primary) !important;
    border-radius: 100% !important;
}

.faculty-card__content .elementor-image-box-title {
    font-size: var(--h4) !important;
    line-height: var(--lh-h4) !important;
}

/* END - Faculty Card */

/* START - Testimonial Card */

#testimonial .testimonial-card {
    max-width: 250px !important;
    color: var(--color-light-gray) !important;
}

#testimonial .testimonial-card img {
    width: 100px;
    border: solid 1px var(--color-light-gray) !important;
    border-radius: 100% !important;
}

#testimonial .testimonial-card .elementor-image-box-title {
    font-size: var(--h4) !important;
    line-height: var(--lh-h4) !important;
    font-weight: var(--font-weight-bold) !important;
}

/* END - Testimonial Card */
/** END - COMPONENTS **/

/** START - SECTIONS **/

/* START - COURSES SECTIONS */
/* START - Hero Banner Courses */

.iframe-form {
    min-width: 320px !important;
    height: 700px !important;
    border: none !important;
    width: 100% !important;
}

@media screen and (min-width: 768px) {
    .iframe-form {
        height: 630px !important;
        min-width: 470px !important;
        width: 470px !important;
    }
}

@media screen and (min-width: 1280px) {
    .iframe-form {
        height: 470px !important;
        min-width: 576px !important;
        width: 576px !important;
    }
}

/* END - Hero Banner Courses */

/* START - Info Bar*/

.info-bar .elementor-icon svg {
    width: 50px;
    height: 50px;
}

.info-bar .elementor-icon-box-title {
    font-size: var(--h6);
    line-height: var(--lh-h6) !important;
    font-family: var(--font-title) !important;
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
}

.discount-phrase {
    font-family: var(--font-title) !important;
}

/* END - Info Bar */

/* START - Register */

#register svg {
    width: 75px;
    height: 75px;
}

#register .elementor-icon-box-title * {
    font-family: var(--font-title);
    font-size: var(--h5);
    line-height: var(--lh-h5) !important;
    font-weight: var(--font-weight-bold);
}

/* END - Register */
/* END - COURSES SECTIONS */

/* START - POLICY & OTHERS*/

.menu-privacy-policy a {
    font-family: var(--font-title) !important;
    font-weight: var(--font-weight-semibold) !important;
    color: var(--color-accent);
}

.menu-privacy-policy a:hover {
    color: var(--color-accent);
    text-decoration: underline;
}

#general-policies a,
#enrollment-policy a,
#academic-policy a,
#troubleshooting a,
#privacy-policy a,
#unsubscribing a,
#terms-services a {
    font-family: var(--font-title) !important;
    font-weight: var(--font-weight-semibold) !important;
    color: var(--color-accent);
}

#general-policies a:hover,
#enrollment-policy a:hover,
#academic-policy a:hover,
#troubleshooting a:hover,
#privacy-policy a:hover,
#unsubscribing a:hover,
#terms-services a:hover {
    color: var(--color-accent);
    text-decoration: underline;
}

#about-us h2 a {
    font-size: var(--h2) !important;
    line-height: var(--lh-h2) !important;
    font-family: var(--font-title) !important;
    font-weight: var(--font-weight-bold) !important;
    color: var(--color-accent);
}

#about-us h2 a:hover {
    color: var(--color-accent);
    text-decoration: underline;
}

/* END - POLICY */

/* START - Generic */

/* START - Learning Experience*/

#learning-experience svg {
    width: 75px;
    height: 75px;
}

#learning-experience .elementor-icon-box-title * {
    font-family: var(--font-title) !important;
    font-size: var(--h5) !important;
    line-height: var(--lh-h5) !important;
    font-weight: var(--font-weight-bold) !important;
}

/* END - Learning Experience*/

/* START - Header */

header * {
    font-family: var(--font-title) !important;
    font-weight: var(--font-weight-regular) !important;
    font-size: var(--text-s) !important;
    color: var(--color-primary) !important;
}

header a:hover {
    color: var(--color-accent) !important;
}

.course-title a:hover {
    text-decoration: underline;
}

/* END - Header  */

/* START - Footer */

footer {
    position: fixed;
    bottom: 0;
}

footer * {
    font-size: var(--text-s) !important;
    color: var(--color-light) !important;
}

footer a {
    text-decoration: underline !important;
}

footer a:hover {
    color: var(--color-accent) !important;
}

/* END - Footer  */

/* END - Generic */