/*
Theme Name: Custom Elementor Theme
Theme URI: https://example.com/custom-elementor-theme
Author: Your Name
Author URI: https://example.com
Description: A clean and responsive WordPress theme built with modern standards and fully compatible with the Elementor page builder.  The theme registers all Elementor core locations so that users can design headers, footers and other templates via Elementor's theme builder.  It also provides sensible fallbacks for when Elementor templates are not assigned.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: custom-elementor-theme
Tags: two-columns, right-sidebar, flexible-header, custom-logo, translation-ready, theme-options
*/

/*
 * Basic resets and typography
 */
body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans,
        Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    line-height: 1.6;
    /* Use a dark background inspired by the Mediamozak logo */
    background-color: #0d1f28;
    /* Lighten the default text colour for improved contrast on dark backgrounds */
    color: #f5f5f5;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 600;
    /* Headings use an off‑white colour to stand out on dark backgrounds */
    color: #ffffff;
}

a {
    /* Primary link colour based on the beige tone of the logo */
    color: #b79b7b;
    text-decoration: none;
}

a:hover,
a:focus {
    color: #d1b89d;
    text-decoration: underline;
}

.container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

/*
 * Header styles
 */
.site-header {
    /* Dark header background to match the logo */
    background-color: #0d1f28;
    border-bottom: 1px solid #0a1820;
    padding: 1rem 0;
}

.site-branding {
    display: flex;
    align-items: center;
}

.site-branding .site-identity {
    margin-left: 0.5rem;
}

.site-title {
    font-size: 1.5rem;
    margin: 0;
}

.site-description {
    margin: 0;
    font-size: 0.875rem;
    color: #8f9395;
}

.main-navigation {
    margin-top: 1rem;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.main-navigation li {
    margin-right: 1rem;
}


.main-navigation a {
    color: #b79b7b;
    font-weight: 500;
}

.main-navigation a:hover,
.main-navigation a:focus {
    color: #d1b89d;
}

/*
 * Footer styles
 */
.site-footer {
    background-color: #0d1f28;
    border-top: 1px solid #0a1820;
    padding: 2rem 0;
    text-align: center;
    color: #8f9395;
    font-size: 0.875rem;
}

/*
 * Content styles
 */
.entry-title {
    margin-bottom: 0.5rem;
}

.entry-content {
    margin-bottom: 1.5rem;
}

.archive-posts article {
    margin-bottom: 2rem;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 1rem;
}

.archive-posts .entry-title a {
    color: #0073aa;
}

.archive-posts .entry-title a:hover,
.archive-posts .entry-title a:focus {
    color: #005177;
}

.page-header {
    margin-bottom: 2rem;
    text-align: center;
}

.error-404 {
    text-align: center;
    padding: 4rem 0;
}