/*
Theme Name: Grace Ossining 2022
Theme URI:
Author: Elliot Toman
Author URI: https://www.asubtleweb.com
Description: A custom WordPress theme for Grace Church, Ossining
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: 
*/

@import url('https://fonts.googleapis.com/css2?family=Gentium+Basic:ital,wght@0,400;0,700;1,400;1,700&family=Outfit:wght@400;600&display=swap');
@import    url('assets/css/base.css?rnd=20250912');
@import  url('assets/css/tablet.css?rnd=20250912');
@import url('assets/css/desktop.css?rnd=20250912');

:root {
    --blue: #407EC9;
    --red: #BF0D3E;
    --gray: #888B8D;
    --silver: #EDEDED;
    --off-white: #F5F5F5;
    --charcoal: #333333;
    --secondary: 'Gentium Basic', sans-serif;
    --primary: 'Outfit', serif;
    --desktop: 82rem;
    --tablet: 50rem;
    --mobile: 30rem;
    --content: 40rem;

}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

img {
    display: block;
    height: auto;
    max-width: 100%;
}

.asw .has-white-color { color: white; }
.asw .has-white-background-color { background-color: white; }
.asw .has-black-color { color: black; }
.asw .has-black-background-color { background-color: black; }
.asw .has-blue-color { color: var(--blue); }
.asw .has-blue-background-color { background-color: var(--blue); }
.asw .has-red-color { color: var(--red); }
.asw .has-red-background-color { background-color: var(--red); }
.asw .has-gray-color { color: var(--gray); }
.asw .has-gray-background-color { background-color: var(--gray); }
.asw .has-silver-color { color: var(--silver); }
.asw .has-silver-background-color { background-color: var(--silver); }
.asw .has-charcoal-color { color: var(--charcoal); }
.asw .has-charcoal-background-color { background-color: var(--charcoal); }

@media screen and ( max-width: 781px ) {
    .asw .wp-block-columns {
        display: block;
    }

    .asw .wp-block-column {
        margin-bottom: 1rem;
    }
}

@media screen and ( min-width: 600px ) and ( max-width: 781px ) {
    .asw .wp-block-column:nth-child(2n) {
        margin-left: 0;
    }
}