/*
Theme Name: APX PPC 2
Theme URI: #
Author: APX
Description: A minimalistic WordPress theme for displaying top lists with a focus on mobile responsiveness
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: apxppc
Tags: tailwind, minimalist, responsive
*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
div {
    font-family: 'Lato', sans-serif;
}

body {
    line-height: 1.6;
    color: #333;
}

p {
    font-size: 18px !important;
    margin-bottom: 1em !important;
    line-height: 1.6 !important;
    font-weight: 300 !important;
}

strong {
    font-weight: 900 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 1rem !important;
    margin-bottom: 0.8rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

h1 {
    font-size: 36px !important;
}

h2 {
    font-size: 30px !important;
}

h3 {
    font-size: 24px !important;
}

h4 {
    font-size: 20px !important;
}

h5 {
    font-size: 18px !important;
}

h6 {
    font-size: 16px !important;
}

/* Fix spacing in the content editor */
.wp-block-paragraph {
    margin-bottom: 1rem !important;
}

/* Add proper spacing between blocks */
.wp-block {
    margin-bottom: 1.5rem !important;
}

.wp-block-image.aligncenter {
	display:flex;
	justify-content:center;
}

@media (max-width: 768px) {
    body {
        font-size: 16px !important;
    }

    p {
        font-size: 16px !important;
    }

    h1 {
        font-size: 28px !important;
    }

    h2 {
        font-size: 24px !important;
    }

    h3 {
        font-size: 20px !important;
    }

    iframe {
        width: 100% !important;
        height: 400px !important;
    }
}