/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * BASE SETTINGS
 *
 * The settings defined in this file should be updated per project. Any
 * custom global variables needed for the project should be defined in
 * utils/variables.scss
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/*-------------------------------------------- */
/** File Path Settings */
/*-------------------------------------------- */
/*-------------------------------------------- */
/** Layout Settings */
/*-------------------------------------------- */
/*-------------------------------------------- */
/** Typography Settings */
/*-------------------------------------------- */
/*-------------------------------------------- */
/** Color Settings */
/*-------------------------------------------- */
/*-------------------------------------------- */
/** Common Library variables */
/*-------------------------------------------- */
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * FUNCTIONS
 *
 * Define any custom site-wide functions below. These should only be
 * functions that are global in scope and that need to be referenced
 * by multiple SASS files.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/**
 * Strip Units from values.
 * Mostly used by other functions
 */
/**
 * Pixels to REMs
 */
/**
 * Return colors from $color map
 */
/**
 * Shades any color value a percentage darker from 
 * the original value. Using for hover button colors. 
 */
/**
 * Tint any color value a percentage darker from 
 * the original value. Using for hover button colors. 
 */
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * MIXINS
 *
 * Define any custom site-wide mixins below. These should only be
 * mixins that are global in scope and that need to be referenced
 * by multiple SASS files.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/**
 * Basic Clearfix - pulled from Bourbon.io
 */
/**
 * Vertical Centering
 * $position: variable to set position value, Defaults to relative.
 *
 */
/**
 * Center Pinned
 *
 */
/**
 * Creates an intrinsic ratio container. Useful for videos and elements that
 * you want to scale proportionately.
 *
 * @type {string} $child-selector A string selector targeting the child element that
 *                                 you want to scale
 * @type {int} $width The width component of the aspect ratio
 * @type {int} $height The height component of the aspect ratio
 */
/**
 * Create an arrow shape and is inserted next to
 * to text, ideally on the same line (depends on text length).
 */
/**
* to be used on a link
* creates a pseudo element that will cover the closest positioned parent
* Example: used on content card and similar components
*          that need the entire component clickable.
*/
/**
 * Include within your grid container ruleset
 *
 * @param $columns The number of grid columns to render
 * @param $grid-spacing The vertical and horizontal spacing between each grid item
 */
/**
 * Include within your grid item ruleset
 *
 * @param $columns The number of grid columns to render
 * @param $grid-spacing The vertical and horizontal spacing between each grid item
 */
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * Z-INDEX DEFINITIONS
 *
 * Use the z-index variables below instead of hard coded values.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
.z-neg-1 {
  z-index: -10;
}

.z-1 {
  z-index: 10;
}

.z-2 {
  z-index: 20;
}

.z-3 {
  z-index: 30;
}

.z-4 {
  z-index: 40;
}

.z-5 {
  z-index: 50;
}

.z-6 {
  z-index: 60;
}

.z-7 {
  z-index: 70;
}

.z-8 {
  z-index: 80;
}

.z-9 {
  z-index: 90;
}

.z-10 {
  z-index: 100;
}

.z-zeus {
  z-index: 9999;
}

.z-zeus-grand-parents {
  z-index: 10000;
}

.z-slim-header {
  z-index: 10001;
}

.z-site-header {
  z-index: 10002;
}

.z-leaderboard {
  z-index: 10003;
}

.z-fs-overlay {
  z-index: 10004;
}

/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * COLORS
 *
 * Define any global color variables below. Ideally color variables should be
 * referenced by the theme variables that follow.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * COLORS
 *
 * Define any global color variables below. Ideally color variables should be
 * referenced by the theme variables that follow.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/*-------------------------------------------- */
/** Theme Variables */
/*-------------------------------------------- */
/*-----------------------------------------------------------------------------
 *-----------------------------------------------------------------------------
 *
 * BREAKPOINTS
 *
 * Define all breakpoint variables below. Breakpoint is included as a vendor
 * library: http://breakpoint-sass.com/. All media queries should make use of
 * the @include respond-to('<string>') mixin and reference the breakpoint string
 * names defined in this file. When coding a responsive site, m
 * obile first CSS should be used.
 *
 * See http://www.zell-weekeat.com/how-to-write-mobile-first-css/.
 *
 *-----------------------------------------------------------------------------
 *----------------------------------------------------------------------------- */
/*-----------------------------------------------------------------------------
*-----------------------------------------------------------------------------
*
* FONT FACE
*
* Define any @font-face declarations below.
*
*-----------------------------------------------------------------------------
*----------------------------------------------------------------------------- */
@font-face {
  font-family: "Lato";
  font-display: swap;
  font-weight: 300;
  src: url("https://stage-mpr.marketplace.akc.org/build/assets/lato-v20-latin-300-fuL1Awre.woff2") format("woff2"), url("https://stage-mpr.marketplace.akc.org/build/assets/lato-v20-latin-300-BgqWOxxp.woff") format("woff");
}
@font-face {
  font-family: "Lato";
  font-display: swap;
  font-weight: 400;
  src: url("https://stage-mpr.marketplace.akc.org/build/assets/lato-v20-latin-regular-CNtt3gFW.woff2") format("woff2"), url("https://stage-mpr.marketplace.akc.org/build/assets/lato-v20-latin-regular-BCXf5A6u.woff") format("woff");
}
@font-face {
  font-family: "Lato";
  font-display: swap;
  font-weight: 400;
  font-style: italic;
  src: url("https://stage-mpr.marketplace.akc.org/build/assets/lato-v20-latin-italic-BsyNtuLR.woff2") format("woff2"), url("https://stage-mpr.marketplace.akc.org/build/assets/lato-v20-latin-italic-BHYD13-G.woff") format("woff");
}
@font-face {
  font-family: "Lato";
  font-display: swap;
  font-weight: 700;
  src: url("https://stage-mpr.marketplace.akc.org/build/assets/lato-v20-latin-700-Dj654xud.woff2") format("woff2"), url("https://stage-mpr.marketplace.akc.org/build/assets/lato-v20-latin-700-oFgZO75O.woff") format("woff");
}
@font-face {
  font-family: "Lato";
  font-display: swap;
  font-weight: 900;
  src: url("https://stage-mpr.marketplace.akc.org/build/assets/lato-v20-latin-900-BzD8pFi-.woff2") format("woff2"), url("https://stage-mpr.marketplace.akc.org/build/assets/lato-v20-latin-900-BAHkYoLs.woff") format("woff");
}
@font-face {
  font-family: "Merriweather";
  font-display: swap;
  font-weight: 400;
  src: url("https://stage-mpr.marketplace.akc.org/build/assets/merriweather-v25-latin-regular-BBjlpuaw.woff2") format("woff2"), url("https://stage-mpr.marketplace.akc.org/build/assets/merriweather-v25-latin-regular-0-0oAGG1.woff") format("woff");
}
@font-face {
  font-family: "Merriweather";
  font-display: swap;
  font-weight: 700;
  src: url("https://stage-mpr.marketplace.akc.org/build/assets/merriweather-v25-latin-bold-wPrB__B0.woff2") format("woff2");
}
@font-face {
  font-family: "Merriweather";
  font-display: swap;
  font-weight: 400;
  font-style: italic;
  src: url("https://stage-mpr.marketplace.akc.org/build/assets/merriweather-v25-latin-italic-BDHfp7S7.woff2") format("woff2"), url("https://stage-mpr.marketplace.akc.org/build/assets/merriweather-v25-latin-italic-7V4PAN4F.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-weight: 300;
  src: url("https://stage-mpr.marketplace.akc.org/build/assets/roboto-v29-latin-300-MgpfczZf.woff2") format("woff2"), url("https://stage-mpr.marketplace.akc.org/build/assets/roboto-v29-latin-300-CfLPtcDL.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-weight: 400;
  src: url("https://stage-mpr.marketplace.akc.org/build/assets/roboto-v29-latin-regular-DeojfH1t.woff2") format("woff2"), url("https://stage-mpr.marketplace.akc.org/build/assets/roboto-v29-latin-regular-D3chKyDE.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-weight: 400;
  font-style: italic;
  src: url("https://stage-mpr.marketplace.akc.org/build/assets/roboto-v29-latin-italic-Cv5_oDHN.woff2") format("woff2"), url("https://stage-mpr.marketplace.akc.org/build/assets/roboto-v29-latin-italic-BJtzYb-M.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-weight: 700;
  src: url("https://stage-mpr.marketplace.akc.org/build/assets/roboto-v29-latin-700-GvK2Ggwj.woff2") format("woff2"), url("https://stage-mpr.marketplace.akc.org/build/assets/roboto-v29-latin-700-ChyI-Qu4.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-display: swap;
  font-weight: 900;
  src: url("https://stage-mpr.marketplace.akc.org/build/assets/roboto-v29-latin-900-CoozunK9.woff2") format("woff2"), url("https://stage-mpr.marketplace.akc.org/build/assets/roboto-v29-latin-900-BQ54QxZj.woff") format("woff");
}
.f-lato {
  font-family: "Lato";
  font-display: swap;
  font-weight: 400;
}

.f-lato-ri {
  font-family: "Lato";
  font-display: swap;
  font-weight: 400;
  font-style: italic;
}

.f-lato-b {
  font-family: "Lato";
  font-display: swap;
  font-weight: 700;
}

.f-lato-l {
  font-family: "Lato";
  font-display: swap;
  font-weight: 300;
}

.f-merriweather-l {
  font-family: "Merriweather";
  font-display: swap;
  font-weight: 300;
}

.f-merriweather {
  font-family: "Merriweather";
  font-display: swap;
  font-weight: 400;
}

.f-merriweather-i {
  font-family: "Merriweather";
  font-display: swap;
  font-weight: 400;
  font-style: italic;
}

.f-11 {
  font-size: calc_rem(11);
}

.f-13 {
  font-size: calc_rem(13);
}

.f-16 {
  font-size: calc_rem(16);
}

.f-20 {
  font-size: calc_rem(20);
}

.f-25 {
  font-size: calc_rem(25);
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-underline {
  text-decoration: underline;
}

.l-spacing {
  letter-spacing: 0.01em;
}

.fw-b {
  font-weight: bold;
}