/* ==========================================================================
   TYPOGRAPHY - FashionX Custom Fonts & Sizes
   ========================================================================== */

/* Body and Page Fonts */
body.page-id-12, 
body.single-post, 
body.page-id-6350, 
body.page-id-5637, 
body.page-id-4307, 
body.page-id-16 {
    font-family: 'IBM Plex Serif' !important;
    font-size: 18px !important;
}

body.home {
    font-family: 'IBM Plex Serif' !important;
}

/* Headings */
.single-post h2, 
.single-post h3, 
.single-post h4, 
.single-post h5, 
.single-post h6,
.eldtf-post-title,
.entry-title {
    font-family: 'IBM Plex Serif' !important;
}

.page-id-5637 h4,
.page-id-5637 h3,
.page-id-4307 h4,
.page-id-16 h4 {
    font-family: 'IBM Plex Serif' !important;
}

#about-container h5 {
    font-family: 'IBM Plex Serif' !important;
}

body.page-id-5576 .vc_separator.vc_separator_align_center h4 {
    color: white;
    font-family: 'IBM Plex Serif';
}

/* Montserrat Font Elements */
.eltdf-social-share-dropdown-opener,
#menu-main-menu,
footer {
    font-family: 'Montserrat', sans-serif !important;
}

body:not(.home) .eltdf-news-holder .eltdf-post-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

.h-idx {
    line-height: 1.62em;
    letter-spacing: .16em;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.read-all-btn {
    font-family: 'Montserrat';
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

/* Links and Text Elements */
.eltdf-post-text-main a,
.eltdf-sidebar a {
    font-family: 'IBM Plex Serif' !important;
}

/* Font Weights and Sizes */
b, strong {
    font-weight: 600;
}

.eltdf-btn-text {
    font-size: 15px !important;
    font-weight: 500;
}

.eltdf-post-excerpt {
    font-size: 15px;
    font-family: 'IBM Plex Serif' !important;
}

#submit-idx h4 {
    font-size: 28px !important;
    font-weight: 600;
}

.vc_separator h4 {
    font-size: 30px !important;
}

/* Event Typography */
.event-info, 
.ticket-info {
    font-family: "IBM Plex Serif";
    font-size: 18px;
}

.event-info h3 {
    font-family: "IBM Plex Serif";
}

/* Submit IDX Responsive Typography */
@media (max-width: 1440px) {
    #submit-idx h4 {
        font-size: 26px !important;
    }
}

@media (max-width: 1280px) {
    #submit-idx h4 {
        font-size: 24px !important;
    }
}

@media (max-width: 1025px) {
    #submit-idx h4 {
        font-size: 22px !important;
    }
}

@media (max-width: 768px) {
    #submit-idx h4 {
        font-size: 20px !important;
    }
    
    .vc_separator h4 {
        font-size: 24px !important;
    }
}

@media (max-width: 480px) {
    #submit-idx h4 {
        font-size: 18px !important;
    }
    
    .vc_separator h4 {
        font-size: 17px !important;
    }
}

@media (max-width: 320px) {
    #submit-idx h4 {
        font-size: 16px !important;
    }
}