/**
 * Theme Name:       POPP Communications
 * Theme URI:        https://popp.com
 * Description:      POPP Communications is a custom child theme built on the Genesis Framework utilizing Mai Engine 2.0.
 * Author:           Flying Orange
 * Author URI:       https://www.flyingorangewebdesign.com/
 * Version:          1.0
 * Text Domain:      popp
 * Template:         genesis
 * Template Version: 3.6
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */


@font-face {
    font-family: 'Source Sans Pro Bold';
    src: url('fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Source Sans Pro Regular';
    src: url('fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Source Sans Pro Semibold';
    src: url('fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* Table of Contents

	- Defaults
	- Theme Customizations
	- Plugin Customizations
	- Media Queries

*/



/* # Defaults
---------------------------------------------------------------------------------------------------- */

:root {
	--h3-font-size: var(--font-size-lg);
	--menu-font-weight: 600;
	--button-font-weight: 600;
	--sub-menu-width: 260px;
	--sub-menu-border-radius: 0;
	--sub-menu-background: var(--color-link);
	--border-radius: 30px;
	--body-font-family: 'Source Sans Pro Regular' !important;
  	--heading-font-family: 'Source Sans Pro Bold' !important;
  	--alt-font-family: 'Source Sans Pro Semibold' !important;
	--body-font-weight: normal !important;
	--heading-font-weight: normal !important;
	--alt-font-weight: normal !important;
}



/* # Theme Customizations
---------------------------------------------------------------------------------------------------- */

/*.site-header-wrap, .page-header-wrap {
	max-width: calc(100vw - (var(--side-spacing) * 1));
}*/

.blog .content-sidebar-wrap {
	margin-top: 0;
}

.button {
	border-radius: 30px;
	text-transform: uppercase;
	font-size: var(--font-size-md);
	padding: var(--spacing-sm) var(--spacing-lg);
}

.menu-item-button .menu-item-link {
	padding: var(--spacing-sm) var(--spacing-lg);
	text-transform: none;
}

.sub-menu .menu-item-link {
	padding: var(--spacing-xs) var(--spacing-md);
	color: var(--color-white);
	font-size: var(--font-size-sm);
}

.mobile-menu {
	--sub-menu-background: var(--color-link);
}

.is-style-subheading {
	font-family: 'Source Sans Pro Semibold';
	font-weight: 400;
	letter-spacing: 0px;
}

.mai-column.has-border-radius {
	border-radius: 30px;
}

.poppbg {
	background-image: url("images/popp-icon-bg-500crop.png");
	background-position: right center;
	background-repeat: no-repeat;
}

.poppbg-white {
	background-image: url("images/popp-icon-bg-white-crop2.png");
	background-position: right bottom;
	background-repeat: no-repeat;
}

.whatsmyip {
	font-weight: 700;
	text-align: center;
}

/* # Plugin Customizations
---------------------------------------------------------------------------------------------------- */

ul.mait-arrows {
	--button-color: var(--color-custom-1);
  	--button-color-hover: var(--color-custom-1);
	--button-background: var(--color-link);
	--button-background-hover: var(--color-link-dark);
}

.mai-accordion-item {
	background: var(--color-custom-1) !important;
	--heading-color: var(--color-link) !important;
	border: var(--border-width) solid var(--color-link) !important;
}

.mejs-container {
	max-width: 400px !important;
}

.wp-gr {
	text-align: center !important;
}


/* # Media Queries
---------------------------------------------------------------------------------------------------- */