/*
 Theme Name:   Rise Together
 Theme URI:    https://generatepress.com
 Description:  The "Rise Together" theme is designed for small businesses that want to grow together as a community. Built by Guild Media, a full-service digital marketing agency, this lightweight and speedy theme is optimized for search engine optimization (SEO) and designed to help businesses rise to the top of their industry. With a clean and modern design, the "Rise Together" theme features customizable templates and a user-friendly interface that allows businesses to easily create and manage their online presence. The theme also includes advanced features like social media integration, email marketing tools, and analytics tracking, all of which can help businesses build their brand and grow their audience. Whether you're just starting out or looking to take your business to the next level, the "Rise Together" theme is the perfect choice for businesses that want to build a strong and supportive community while also standing out online.
 Author:       Gary Shadle
 Author URI:   https://growwithguild.com
 Template:     generatepress
 Version:      0.1
*/

/* Set the main content area to a minimum of 65vh */
#main {
	min-height: 65vh;
}

body {
	background-color: var(--outside-container);
}

/* Site Wrapper to set overall site max width */
.site-wrapper {
	width: 100%;
	max-width: 1920px;
	background-color: var(--body);
}


/* HELPER CLASSES */

/* Standard Shadow(s) */

.shadow-standard {
	box-shadow: 0px 5px 16px -5px rgba(33, 33, 33, 0.2);
	transition: all .2s ease-in;
}

.shadow-standard:hover {
	box-shadow: 0px 8px 32px 0px rgba(33, 33, 33, 0.1);
}

/* Max Width(s) */

.max-width-1024 {
	max-width: 1024px;
}


.max-width-768 {
	max-width: 768px;
}

.max-width-640 {
	max-width: 640px;
}

.max-width-480 {
	max-width: 480px;
}

/* Margin Auto */

.margin-auto{
	margin-left: auto;
	margin-right: auto;
}

/* Position Properties */

.relative{
	position: relative;
}

.absolute{
	position:absolute;
	top: 0px;
	left: 0px;
}

.sticky{
	position: sticky;
	top: 24px;
}

/* Image Aspect Ratios */

.aspect-1-1 img{
    aspect-ratio: 1/1;
	object-fit: cover;
}

.aspect-3-2 img{
    aspect-ratio: 3/2;
	object-fit: cover;
}

.aspect-2-3 img{
    aspect-ratio: 2/3;
	object-fit: cover;
}

.aspect-4-3 img{
    aspect-ratio: 4/3;
	object-fit: cover;
}

.aspect-3-4 img{
    aspect-ratio: 3/4;
	object-fit: cover;
}

.aspect-16-9 img{
    aspect-ratio: 16/9;
	object-fit: cover;
}

.aspect-9-16 img{
    aspect-ratio: 9/16;
	object-fit: cover;
}