/*
 Theme Name:   Prairie Mountain Media Starter Site
 Theme URI:    https://prairiemountain.media
 Description:  The Starter Site for Prairie Mountain Media Websites
 Author:       Justin Artibise
 Author URI:   https://prairiemountain.media
 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(--background-body);
}

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

/*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;
	aspect-ratio: cover;
}

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

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

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

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

/* Adding an indent in front of the pill. Looks off. Might just be this font */
.gb-headline-pill {
	text-indent: 4px;
}

/* adding the hyperlink effect */
.gb-headline a {
	color: var(--text);
	font-weight: bold;
	text-decoration: none;
	background-size: 3px;
	padding: 6px 2px 2px 2px;
	border-radius: 0;
	transition: background 500ms, color 500ms;
	background-position-y: -0%;
	background-image: linear-gradient( white 50%, var(--main-brand) 50%);
	background-size: auto 175%;
}
.gb-headline a:hover {
	background-position-y: 100%;
	padding: 6px 2px 2px 2px;
	border-radius: 0px;
	color: var(--white);
}

/* adding the highlight effect */
.gb-highlight {
	color: var(--text);
	font-weight: bold;
	padding: 6px 2px 2px 2px;
	border-radius: 0px;
	background-position-y: 100%;
	background-image: linear-gradient( white 50%, var(--light-accent-1) 50%);
	background-size: auto 175%;
}

/* changing the underline effect */
.underline {
	text-decoration-line: underline;
	text-decoration-thickness: 2px;
}

#underline {
	text-decoration-line: underline;
	text-decoration-thickness: 2px;
}

/* Allow Gutenberg editor to see custom css */
add_filter( ‘generate_editor_styles’, function( $editor_styles ) {
    $editor_styles[] = ‘style.css’;
    return $editor_styles;
} );

/* Making the last section of multiple cards line up at the bottom  */
.even-cards .gb-inside-container, .even-cards {
  display: flex;
  height: 100%;
  flex-direction: column; 
}

.even-cards .gb-inside-container >*:last-child {
  margin-top: auto;
}