/*
 Theme Name:        Revolution
 Theme URI:         https://revolutionworld.com
 Description:       rEvolution - GeneratePress Child Theme
 Author:            Kyle Murphy
 Author URI:        https://revolutionworld.com
 Template:          generatepress
 Version:           1.2.0
 Requires at least: 6.1
 Requires PHP:      8.3
 Text Domain:       rev-gp-child-theme
*/

/**
 * Table of Contents
 *
 * # Reset
 *
 * # Typography
 *
 * # Container Classes
 * ## Page Fill
 * ## Linked Containers
 * ## rev custom classess

 *
 * */

/**
 * Reset
 *
 * Wrapped in a cascade layer so GeneratePress, GenerateBlocks and the rules
 * below always win without needing extra specificity.
 * */

@layer rev-reset {
	p,
	li,
	blockquote {
		text-wrap: pretty;
	}

	p,
	li,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		overflow-wrap: break-word;
	}

	input,
	button,
	textarea,
	select {
		font: inherit;
	}

	svg,
	video,
	canvas {
		display: block;
		max-width: 100%;
	}

	img[width][height] {
		height: auto;
	}

	body {
		overflow-x: clip; /* clip, not hidden, so position: sticky keeps working. */
	}

	:target {
		scroll-margin-block: 5ex;
	}

	:focus-visible {
		outline: 2px solid currentcolor;
		outline-offset: 2px;
	}

	textarea:not([rows]) {
		min-height: 8em;
	}

	@media (prefers-reduced-motion: reduce) {
		*,
		::before,
		::after {
			animation-duration: 0.01ms !important;
			animation-iteration-count: 1 !important;
			transition-duration: 0.01ms !important;
			scroll-behavior: auto !important;
		}
	}
}

/**
 * Typography
 * */

@font-face {
	font-family: 'Trade Gothic LT Std Cn';
	font-style: normal;
	font-weight: 400;
	src: url('./assets/fonts/TradeGothicLTStd-BdCn20_2.woff') format('woff');
}

@font-face {
	font-family: 'Franklin Gothic Medium';
	font-style: normal;
	font-weight: 400;
	src: url('./assets/fonts/Franklin Gothic Medium.woff') format('woff'),
		url('./assets/fonts/Franklin Gothic Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'Franklin Gothic Medium';
	font-style: italic;
	font-weight: 400;
	src: url('./assets/fonts/Franklin Gothic Medium Italic.woff') format('woff'),
		url('./assets/fonts/Franklin Gothic Medium Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'Franklin Gothic Book';
	font-style: normal;
	font-weight: 400;
	src: url('./assets/fonts/Franklin Gothic Book.woff') format('woff'),
		url('./assets/fonts/Franklin Gothic Book.ttf') format('truetype');
}
@font-face {
	font-family: 'Franklin Gothic Book';
	font-style: italic;
	font-weight: 400;
	src: url('./assets/fonts/Franklin Gothic Book Italic.woff') format('woff'),
		url('./assets/fonts/Franklin Gothic Book Italic.ttf') format('truetype');
}

h1,
h2,
h3,
.rev-text-wrap-balance {
	text-wrap: balance;
}

h1,
h2,
h3 {
	font-family: 'Trade Gothic LT Std Cn';
    text-transform: uppercase;
}

/**
 * Container Classes
 * */

#site-wrapper {
	max-width: 2560px;
	margin: auto;
}

/** Page Fill - Ensures page fills the View Port - apply Hook Elements to pages to use **/
.page-fill {
    display: grid;
    grid-template-rows: 1fr auto auto;
    min-height: 100dvh;
}

.page-fill #page,
.page-fill #content,
.page-fill #primary,
.page-fill #main,
.page-fill .inside-article {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.page-fill #page {
    width: 100%; /* keeps .grid-container from shrinking it */
}

/** Linked Containers - Source: GeneratePress **/

.linked-container {
    position: relative;
	transition: 0.5s ease;
	--overlay-color: rgba(0, 0, 0, 0.70);
}

.linked-container:hover {
	--overlay-color: rgba(205, 0, 26, 0.70);
}

.linked-container a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}


/**
 * rEvolution custom classes
 * */

.rev-hide {
	display: none;
}
.rev-text-shadow {
	text-shadow: 2px 2px 5px #000000;
}
.rev-text-shadow-white {
	text-shadow: 2px 2px 5px #ffffff;
}
.reverse-link-colors a {
	color: var(--contrast);
}
.reverse-link-colors a:hover {
	color: var(--accent);
}

a {
	transition: 0.5s ease;
}

/**
 * Front Page Overrids
 * */

.page-id-2824 .site-logo {
	display: none;
}

.page-id-2824 .main-navigation .inside-navigation {
	display: revert;
}

/**
* Gravity Forms Styling
**/
.gform-body h3 {
	color: var(--accent);
}

.gform-theme--framework .gform_footer button[type="submit"].gform_button,
.gform-theme--framework .gform_page_footer button[type="submit"].gform_button {
    --gf-ctrl-btn-bg-color-primary: var(--accent);
    --gf-ctrl-btn-bg-color-hover-primary: var(--accent-dark);
    --gf-ctrl-btn-color-primary: var(--base-3);
    --gf-ctrl-btn-radius: 2px;
    --gf-ctrl-btn-font-size: var(--wp--preset--font-size--medium);
	--gf-ctrl-btn-font-family: 'Franklin Gothic Demi Cond';
	--gf-ctrl-btn-text-transform: uppercase;
}