/*
Theme Name:    Salient Child
Description:   Child theme for Salient theme. Custom styles and modifications.
Author:        André Gansel
Template:      salient
Version:       1.2.7
*/


/* #region FONTS -------------------------------------------- */

/* 
=============================================
METROPOLIS FONT FACES (UNIFIED)
=============================================
*/

/* Thin - 100 */
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-Thin.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-ThinItalic.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

/* Extra Light - 200 */
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-ExtraLight.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-ExtraLightItalic.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

/* Light - 300 */
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-Light.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-LightItalic.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Regular - 400 */
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-Regular.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-RegularItalic.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-RegularItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Medium - 500 */
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-Medium.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-MediumItalic.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

/* Semi Bold - 600 */
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-SemiBold.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-SemiBoldItalic.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* Bold - 700 */
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-Bold.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-BoldItalic.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Extra Bold - 800 */
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-ExtraBold.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-ExtraBoldItalic.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

/* Black - 900 */
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-Black.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Metropolis';
    src: url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-BlackItalic.woff2') format('woff2'),
         url('/wp-content/themes/salient-child/fonts/metropolis/Metropolis-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

/* #endregion FONTS ----------------------------------------- */

/* #region GENERAL------------------------------------------- */

h1, h2, h3, h4, h5, h6 {

    margin-bottom: 0 !important;

}

body .nectar-button.large.see-through {

    border-width: 1px;

}

.divider {

    height: 0;

}

ol, ul {
    margin-bottom: 15px;
}

ul li {

    list-style-type: square;

}

ul li::marker {

    color: var(--nectar-accent-color);
    font-size: 22px;
    line-height: 30px;

}

ol li::marker,
ol li::marker {
    font-weight: 600 !important;
}

/* #endregion GENERAL---------------------------------------- */


/**
 * GWR Custom Tiered Navigation System
 * Reconstructs original menus into a centered interactive bar system.
 * Optimized for stability with flex layouts and internal shadows for active states.
 */

/* Completely hide the original WordPress widget menu */
.widget_nav_menu .menu { display: none !important; }

.gwr-nav-wrapper {
    width: 100%;
    position: relative;
}

/**
 * Tier 1: Horizontal Year Bar
 * Centered flex layout using gaps for consistent spacing.
 */
.gwr-nav-years {
    display: flex;
    justify-content: center;
    gap: 15px; /* Display gap as requested */
    margin-bottom: 5px;
}

/* Base button styling for years and months */
.gwr-nav-year-link, 
.gwr-nav-month-group a {
    font-family: 'Metropolis', sans-serif !important;
    text-decoration: none !important;
    border-radius: 50px;
    padding: 5px 20px;
    color: #ffffff !important;
    font-size: 16px !important;
    transition: all 0.2s ease;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #D1AD25;
}

/**
 * Year Link: Active State
 * Uses inset box-shadow to simulate a 2px border without changing physical width.
 * This prevents flickering and layout shifts during year switching.
 */
.gwr-nav-year-link.is-active {
    font-weight: 600 !important;
    box-shadow: 0 0 0px 2px #d1ad25;
}

/* Tier 2: The Sliding Month Container */
.gwr-nav-months {
    width: 100%;
    overflow: hidden; /* Required for jQuery slide effects */
}

/**
 * Month Groups: Flexible horizontal rows.
 * Centered flex layout with wrapping support for mobile devices.
 */
.gwr-nav-month-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; 
    justify-content: center;
    gap: 15px; /* Display gap as requested */
    padding: 10px;
}

.gwr-nav-month-group a:hover {
    font-weight: 600 !important;
    box-shadow: 0 0 0px 2px #d1ad25;
}

/* Mobile Responsiveness: Scaling down gaps and font sizes */
@media only screen and (max-width: 690px) {
    .gwr-nav-years { gap: 10px; }
    .gwr-nav-month-group { gap: 10px; }
    .gwr-nav-year-link { padding: 5px 15px; font-size: 14px !important; }
}