/*
Theme Name: Scratch
Author: Atwater Media
Author URI: http://www.atwatermedia.com
Description: Theme for Scratch
Requires at least: 6.1
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: atwatertheme
*/

:root {
    --brand-color-red: #c01f2f;
    --brand-color-green: #344E4B;
    --brand-color-dark-gray: #221F20;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: 15px;
    padding-left: 15px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.col {
    padding-right: 15px;
    padding-left: 15px;
}

body {
    font-family: "Kiwi Maru", serif;
    font-size: 20px;
}

h1, h2, h3, .h1, .h2, .h3 {
    font-family: "Kiwi Maru", serif;
}
h1, .h1 {
    font-size: 3.75rem
}
h2, .h2 {
    font-size: 40px;
    font-weight: 500;
}

.atwm-bg_dark_gray {
    background-color: var( --brand-color-dark-gray );
}
.atwm-color_white {
    color: #ffffff;
}
.atwm-color_white a {
    color: #ffffff;
}




/** ======================================================================================
* WORDPRESS SPECIFIC STYLES
* ======================================================================================== */

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
figure.alignright {float:right; margin:0 0 1.5em 1.5em}
figure.alignleft {float:left; margin:0 1.5em 1.5em 0}
figure.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* Accessibility */
.screen-reader-text {
    clip: rect(0 0 0 0); 
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap; 
    width: 1px;
}