/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* =========================================================
   THE BRIDGE ATLAS — GLOBAL DESIGN
========================================================= */

:root {
    --ba-green: #173d32;
    --ba-charcoal: #19231f;
    --ba-muted: #6b746f;
    --ba-cream: #f5f1e8;
    --ba-soft-cream: #e9e3d6;
    --ba-off-white: #fffdf8;
    --ba-rust: #b55e3f;
}


/* =========================================================
   BODY & CONTENT
========================================================= */

body {
    background: var(--ba-cream);
    color: var(--ba-charcoal);
}

.site-content,
.inside-article,
.page-header,
.comments-area {
    background: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--ba-green);
}

a {
    color: var(--ba-green);
}

a:hover,
a:focus {
    color: var(--ba-rust);
}

::selection {
    background: var(--ba-rust);
    color: var(--ba-off-white);
}

.entry-meta,
.entry-summary,
.wp-block-post-date {
    color: var(--ba-muted);
}


/* =========================================================
   HEADER
========================================================= */

.site-header {
    background: var(--ba-off-white);
    color: var(--ba-charcoal);
    border-bottom: 1px solid var(--ba-soft-cream);
}

.site-branding .main-title a,
.site-logo a {
    color: var(--ba-green);
}

.site-description {
    color: var(--ba-muted);
}


/* =========================================================
   PRIMARY NAVIGATION
========================================================= */

.main-navigation,
.main-navigation ul ul {
    background: var(--ba-off-white);
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
    color: var(--ba-charcoal);
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    background: var(--ba-soft-cream);
    color: var(--ba-rust);
}


/* =========================================================
   BUTTONS
========================================================= */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
.wp-block-button__link {
    background: var(--ba-green);
    color: var(--ba-off-white);
    border: 0;
    border-radius: 2px;
    transition:
        background-color 0.2s ease,
        transform 0.2s ease;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
.wp-block-button__link:hover {
    background: var(--ba-rust);
    color: var(--ba-off-white);
    transform: translateY(-1px);
}


/* =========================================================
   FORMS
========================================================= */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea,
select {
    background: var(--ba-off-white);
    color: var(--ba-charcoal);
    border: 1px solid var(--ba-soft-cream);
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--ba-rust);
    outline: none;
}


/* =========================================================
   FOOTER
========================================================= */

.site-footer,
.footer-widgets,
.site-info {
    background: var(--ba-green);
    color: var(--ba-cream);
}

.site-footer a,
.footer-widgets a,
.site-info a {
    color: var(--ba-off-white);
}

.site-footer a:hover,
.footer-widgets a:hover,
.site-info a:hover {
    color: var(--ba-rust);
}/* =========================================================
   THE BRIDGE ATLAS — FONTS
========================================================= */

add_action( 'wp_enqueue_scripts', function() {

    wp_enqueue_style(
        'bridge-atlas-fonts',
        'https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap',
        array(),
        null
    );

} );