/*
 Theme Name:   Hello Elementor Child
 Description:  Custom Course System for Metropolitan College
 Author:       Ahmad Fadzul
 Template:     hello-elementor
 Version:      1.0.1
*/

/* 1. COURSE CONTENT SPACING 
   Targeting ONLY the custom course fields and rich text areas 
*/

.metro-rich-text ul li, 
.course-content-area ul li,
.elementor-widget-shortcode ul li {
    margin-bottom: 15px !important;
}

.metro-rich-text ul li:last-child, 
.course-content-area ul li:last-child,
.elementor-widget-shortcode ul li:last-child {
    margin-bottom: 0 !important;
}

/* Gap after the entire list */
.metro-rich-text ul, 
.metro-rich-text ol,
.course-content-area ul,
.elementor-widget-shortcode ul {
    margin-bottom: 30px !important;
}

/* Gap above headings in course content */
.metro-rich-text h1, .metro-rich-text h2, .metro-rich-text h3, .metro-rich-text h4,
.course-content-area h1, .course-content-area h2, .course-content-area h3, .course-content-area h4 {
    margin-top: 45px !important;
    margin-bottom: 15px !important;
}

/* Paragraph spacing in course content */
.metro-rich-text p, 
.course-content-area p {
    margin-top: 20px;
    margin-bottom: 1.5em;
    white-space: normal;
}

/* 2. NAVIGATION MENU PROTECTION
   This forces the menu to stay horizontal and removes the gaps 
*/

.elementor-nav-menu ul.elementor-nav-menu--main {
    display: flex !important;
    flex-direction: row !important;
    margin-bottom: 0 !important;
}

.elementor-nav-menu--main li {
    margin-bottom: 0 !important;
}