/*
Theme Name: JNews - Child Theme
Version: 1.0.0
Theme URI: http://themeforest.net/?ref=jegtheme
Description: A basic starter child theme for customization purpose of JNews theme.
Author: Jegtheme
Author URI: http://themeforest.net/user/jegtheme?ref=jegtheme
Template: jnews
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ------------------------------------------------------------------------- *
 *  Theme customization starts here
 * ------------------------------------------------------------------------- */
.entry-content .intro-text {
    color: #FF0000;
    font-size: 1.5em;
    letter-spacing: -.0em;
    line-height: 1.2em;
}

/* Footer */
.jeg_footer.dark .jeg_footer_heading h3, 
.jeg_footer .footer_dark .jeg_footer_heading h3, 
.jeg_footer .footer_dark .widget h2 {
    color: #fff;
}

/* Make form fields full-width */
.ninja-forms-field {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Adjust file upload button text alignment */
.nf-field-element input[type="file"] {
    line-height: 1.5; /* Adjust line-height for centering */
    text-align: center;
    vertical-align: middle;
}

.pricing-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
}

.pricing-table th, 
.pricing-table td {
    border: 1px solid #333;
    padding: 10px;
    text-align: left;
}

.pricing-table th {
    background-color: #2755a5;
    color: white;
}

.pricing-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.pricing-table tr:nth-child(odd) {
    background-color: #ffffff;
}

/* Style for the button with class 'btn' */
.btn.ninja-forms-field.nf-element.btn-success.nf-fu-fileinput-button {
    padding-bottom: 40px;
}

/* Inner span styling to reset padding-bottom */
.btn.ninja-forms-field.nf-element.btn-success.nf-fu-fileinput-button span {
    padding-bottom: 0px;
}

/* Logo size */
.jeg_desktop_logo img.jeg_logo_img { 
    width: 218px !important; 
    height: 38px !important; 
}

.jeg_mobile_logo img.jeg_logo_img { 
    width: 150px !important; 
    height: 26px !important; 
}

.jeg_logo_img.lazyloading, 
.jeg_logo_img.afterloading { 
    width: 218px !important; 
    height: 38px !important; 
}

/* Footer heading */
.jeg_footer .footer_dark .jeg_footer_heading h3, 
.jeg_footer .footer_dark .widget h2, 
.jeg_footer.dark .jeg_footer_heading h3 {
    color: #ffffff; /* White text */
}

.entry-header .jeg_post_meta {
    font-size: 13px;
    color: #0c0c0c;
    text-transform: none;
    display: block;
}

/* Custom CSS to simplify post meta */
.jeg_post_meta .jeg_meta_date i.fa {
    display: none;
}

/* Custom CSS to limit child elements in tag cloud */
.tagcloud a {
    display: inline-block;
    margin: 2px 5px;
}

/* Drop caps dark mode */
.jnews-dark-mode .entry-content .dropcap { 
    background-color: #1a1a1a !important; 
}

/* Front module 29 font size */
.jeg_pl_xs .jeg_post_title {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    display: inline;
    margin-right: 5px;
    letter-spacing: normal;
    line-height: 1.3em;
}

/* Fixing top CLS */
/* ======================= */
/* Banners – Height Fixes  */
/* ======================= */

/* hero banner comp 200px height */
.akeywer-1 {
    height: 200px !important;
}

/* hero banner smart tab 400px height */
.akeywer-2 {
    height: 400px !important;
}

/* rectangle comp 250px height */
.akeywer-3, .akeywer-5, .akeywer-19, .akeywer-21, .akeywer-23, .akeywer-25, .akeywer-27 {
    height: 250px !important;
}

/* rectangle smart tab 335px height */
.akeywer-4, .akeywer-6, .akeywer-20, .akeywer-22, .akeywer-24, .akeywer-26, .akeywer-28 {
    height: 335px !important;
}

/* leaderboard comp 90px height */
.akeywer-7, .akeywer-9, .akeywer-11, .akeywer-13, .akeywer-15, .akeywer-17 {
    height: 90px !important;
}

/* leaderboard smart tab 235px height */
.akeywer-8, .akeywer-10, .akeywer-12, .akeywer-14, .akeywer-16, .akeywer-18 {
    height: 235px !important;
}

/* Remove background from thumbnails */
.thumbnail-container:after {
    background: none !important;
}

/* ======================= */
/* Mailchimp Form Layout   */
/* ======================= */

/* Make the form fully horizontal */
.mc4wp-form-fields {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    flex-wrap: wrap; /* Keeps it responsive */
}

/* Info icon */
.info-icon {
    font-size: 18px;
    color: #0073aa;
}

/* Title inline with form */
h2 {
    font-size: 25px;
    margin: 0;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    line-height: 1.2;
}

/* Input fields */
.mc4wp-form-fields input[type="text"],
.mc4wp-form-fields input[type="email"] {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    width: 160px;
    max-width: 100%;
}

/* Subscribe button */
.submit-button {
    background-color: #0073aa;
    color: white;
    border: none;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.3s;
}

.submit-button:hover {
    background-color: #005177;
}

/* Responsive: Adjusts for smaller screens */
@media (max-width: 600px) {
    .mc4wp-form-fields {
        flex-direction: column;
        align-items: stretch;
    }

    .mc4wp-form-fields input,
    .submit-button {
        width: 100%;
    }

    h2 {
        text-align: left;
    }
}