/* Import custom fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&family=Open+Sans:wght@400;600&display=swap');

/* Define font-face rules for Mont font */
@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* Add other font weights and styles as needed */
@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Mont';
    src: url('./fonts/Mont-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

/* Apply the Mont font to the body and headings */
body {
    font-family: 'Mont', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Mont', sans-serif;
    font-weight: 700; /* Use bold for headings */
}

/* General styles for single post */
.single-post .date span {
    margin-top: 12px !important;
    font-family: 'Mont', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    color: #2f3e56 !important;
    display: block;
}

.single-post {
    font-family: 'Mont', sans-serif;
    color: #2f3e56;
}

.single-post p {
    font-family: 'Mont', sans-serif;
    font-weight: 400; /* Regular weight for paragraphs */
    font-size: 16px; /* Default paragraph font size */
    line-height: 1.6; /* Improve readability */
    color: #2f3e56;
}

.single-post .extracto {
    font-family: 'Mont', sans-serif;
    font-weight: 600; /* Regular weight for paragraphs */
    font-size: 16px; /* Default paragraph font size */
    line-height: 1.6; /* Improve readability */
    color: #2f3e56;
}

.single-post h1 {
    font-family: 'Mont', sans-serif !important;
    font-weight: 700; /* Bold for headings */
    font-size: 40px; /* Desktop font size */
    margin-top: 40px; /* Added top margin */
    color: #2f3e56;
}

.single-post h2 {
    font-family: 'Mont', sans-serif;
    font-weight: 700;
    font-size: 32px; /* Desktop font size */
    margin-top: 35px; /* Added top margin */
    color: #2f3e56;
}

.single-post h3 {
    font-family: 'Mont', sans-serif;
    font-weight: 700;
    font-size: 28px; /* Desktop font size */
    margin-top: 30px; /* Added top margin */
    color: #2f3e56;
}

.single-post h4 {
    font-family: 'Mont', sans-serif;
    font-weight: 700;
    font-size: 24px; /* Desktop font size */
    margin-top: 25px; /* Added top margin */
    color: #2f3e56;
}

/* Mobile styles for single post */
@media (max-width: 768px) {
    .single-post p {
        font-size: 14px; /* Smaller font size for paragraphs on mobile */
    }

    .single-post h1 {
        font-size: 30px; /* Mobile font size */
        margin-top: 30px; /* Added top margin */
    }

    .single-post h2 {
        font-size: 25px; /* Mobile font size */
        margin-top: 25px; /* Added top margin */
    }

    .single-post h3 {
        font-size: 20px; /* Mobile font size */
        margin-top: 20px; /* Added top margin */
    }

    .single-post h4 {
        font-size: 18px; /* Mobile font size */
        margin-top: 15px; /* Added top margin */
    }
}


.dialog-widget-content {
    box-shadow: none !important;
    display: flex !important;
}

#elementor-popup-modal-1521 .dialog-message {
    width: 100vw !important;
    padding: 0 !important;
}