/*
 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.0
*/

/**
 * Table of Contents
 * 
 * # Reset
 * 
 * # Typography
 * 
 * # General
 * ## rev custom classess
 * 
 * # Masonry Grid Styling
 * 
 * # SwiperJS Styling


/**
 * Reset
 * */

/**
 * 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('ttf');
}

@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('ttf');
}

@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('ttf');
}
@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('ttf');
}

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

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

p {
	font-family: 'Franklin Gothic Book';
}

/**
 * General
 * */

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

 /* 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(--dark-primary);
}
.reverse-link-colors a:hover {
	color: var(--accent);
}

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

.gb-container.linked-container .gb-inside-container {
    position: relative;
}

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

/**
 * GP Elements Styling
 * */

/* Header */
.inside-navigation {
	padding: 0 2%;
}

/**
 * Masonry Grid Styling
 * */

@media (max-width: 768px) {
    /* CSS in here for mobile only */
		.masonry-grid-sizer,
		.masonry-grid-item {
			width: 100%;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {
    /* CSS in here for tablet only */
		.masonry-grid-sizer,
		.masonry-grid-item {
			width: 50%;
	}
}
@media (min-width: 1025px) {
    /* CSS in here for desktop only */
	.masonry-grid-sizer,
	.masonry-grid-item {
		width: 33.33%;
	}
}
.masonry-grid-item {
	margin-bottom: 10px;
	padding-left: 10px;
}
.masonry-grid {
	margin-left: -10px;
}

/**
 * SwiperJS Styling
 * */

.swiper-button-next,
.swiper-button-prev {
	color: var(--accent);
	background-color: var(--dark-primary);
	padding: 2rem 1.5rem;
	border-radius: 10px;
}