/*
 Theme Name:   Oregon Raindrop Fund
 Theme URI:    https://www.upsweptcreative.com/
 Description:  Theme for Upswept Creative, built as GeneratePress child theme
 Author:       Chynna Lew for Upswept Creative
 Author URI:   https://www.upsweptcreative.com
 Template:     generatepress
 Version:      1.0
*/

/* TABLE OF CONTENTS
* 0. FONTS AND COLORS
* 1. TYPOGRAPHYå
-- 2.1 BUTTONS
-- 2.2 OFFSET COLUMNS
-- 2.3 INTERIOR HEADER
* 3. NAVIGATION
* 4. HOMEPAGE
* 5. SINGLE POSTS AND PAGES
* 6. FOOTER
*/

/* ---------------
0. FONTS AND COLORS
----------------- */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap');

@font-face {
    font-family: "MODULAR";
    src: url(assets/fonts/MODULAR-14.otf);
}

/*
  font-family: "Roboto Serif", sans-serif;
font-family: "MODULAR", sans-serif;
*/

:root {
	--green: #47A247;
	--navy: #0C436B;
	--blue: #059BD7;
	--md-blue: #23567a;
	--white: #fff;
	--gray: #1e1e1e;
	--lt-navy: #0972a4;
	--lt-blue: #a2d9f0;
	
}

body {
  	font-family: "Roboto Serif", sans-serif;
}

/* ---------------
1. TYPOGRAPHY
----------------- */
h1, h2, h3, h4, h5, h6, .main-navigation a, a.wp-block-button__link{
	font-family: "MODULAR", sans-serif;
}
h1, h2{
	font-size: 5rem;
}
h3{
	font-size: 4rem;
}
p{
	font-size: 1.4rem;
}
h1, h2{
	filter: drop-shadow(-5px -5px var(--lt-navy));
}
.has-white-background-color h1, .has-white-background-color h2{
		filter: drop-shadow(-5px -5px var(--lt-blue));
}
/* ---------------
2. ELEMENTS
----------------- */
body{
	overflow-x: hidden;
}
/* ---------------
-- 2.1 BUTTONS
----------------- */
.wp-block-button  .wp-block-button__link{
	border: var(--green) 1px solid;
	border-radius: 5px;
	font-size: 1.25rem;
	padding: 8px 28px;
	transition: all .5s;
}
.wp-block-button__link:hover{
	background-color: var(--navy);
	color: var(--green);
}
/* ---------------
-- 2.2 OFFSET COLUMNS
----------------- */
.wp-block-columns{
	padding: 0px;
	position: relative;
}
.wp-block-columns .wp-block-column:not(:has(img)){
	padding: 40px;
}
.wp-block-columns.right-offset .wp-block-column:not(:has(img)), .wp-block-columns.left-offset .wp-block-column:not(:has(img)){
	padding: 40px 40px 140px 40px;
}
.wp-block-columns.right-offset, .wp-block-columns.left-offset{
	border-radius: 40px;
	margin-top: -100px;
	width: calc(100% + 120px);
}
main.site-main > article > .inside-article > .entry-content > .wp-block-columns:first-child{
	margin-top: 0px;
}
.wp-block-columns.right-offset{
	margin-right: -120px;
}
.wp-block-columns.left-offset{
	margin-left: -120px;
}
.wp-block-columns.right-offset figure, .wp-block-columns.left-offset figure{
	height: 100%;
	width: 100%;
}
.wp-block-columns.right-offset img, .wp-block-columns.left-offset img{
	border-radius: 40px;
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
}
/* ---------------
-- 2.3 INTERIOR HEADER
----------------- */
.entry-title{
	color: white;
	margin-left: 40px;
}
/* ---------------
3. NAVIGATION
----------------- */
.header-image.is-logo-image{
	margin-left: 40px;
}
.main-navigation a{
	font-size: 1.25rem !important;
}
.sub-menu{
	border-radius: 10px;
}

/* desktop styles */
@media (min-width: 971px){
	.main-navigation .gp-icon.icon-arrow{
	display: none;
}
}

/* ---------------
4. HOMEPAGE
----------------- */

/* ----------------------
5. SINGLE PAGES AND POSTS
----------------------- */

/* ---------------
6. FOOTER
----------------- */
.site-footer{
	margin-bottom: -30px;
}
.site-footer .wp-block-group{
	margin-bottom: -30px;
	padding-left: 40px;
	padding-right: 40px;
}
.site-footer h2{
	font-size: 1.6rem;
	filter: none;
	margin-bottom: 0px;
}
.site-footer p{
	font-size: 1rem;
}