/**
 * Theme Name:        HybridIndustrial
 * Description:       The official theme for hybridindustrial.com.
 * Version:           0.1.0
 * Author:            Jay Trees
 * Author URI:        https://github.com/grandeljay
 * Text Domain:       hybrid-industrial
 * Domain Path:       /assets/translations
 * Tested up to:      6.8
 * Requires at least: 6.8
 * Requires PHP:      8.3
 */

/**
 * General
 */
body {
    margin: 0;

    font-family: sans-serif;
    line-height: 1.6;

    background-color: #f4f4f4;
}

a {
    padding: 0.2em 0.08em;
    line-height: inherit;

    color: #72b534;
}
a:hover {
    color: #325c0b;
    background-color: #eaf8dd;
}

/**
 * Header
 */
header {
    display: flex;
    flex-flow: column nowrap;
    gap: 2rem;

    padding: 2rem 0;

    color: #ddd;
    background-color: #222;
}

header > #site-navigation > .menu > ul {
    display: flex;
    justify-content: center;
    align-items: center;

    margin: 0;
    padding: 0;

    list-style: none;
}

/** Logo */
header > .site-branding {
    display: flex;
    justify-content: center;
    align-items: center;

    padding: 0;
}

header > .site-branding > .custom-logo-link {
    display: block;
}

header > .site-branding > .custom-logo-link > .custom-logo {
    display: block;

    height: auto;
    max-width: 100%;
}

/**
 * Main
 */
main {
    padding: 1rem;
    box-sizing: border-box;

    background-color: #fff;
}
@media (min-width: 1024px) {
    main {
        margin: 4rem auto;
        max-width: 1024px;

        border-radius: 4px;
        box-shadow: 0 0 2px #e2e2e2;
    }
}

/**
 * Footer
 */
footer {
    padding: 4rem;

    color: #ddd;
    background-color: #222;
}