/**
Theme Name: FPG Project Theme
Description: Astra child theme to be used for FPG Project sites
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fpg-projects
Template: astra
*/

/* =============================================================================
 *   Color Variables
 * ========================================================================== */

:root {
    --text: #050505;
    --unc_blue: #4b9cd3;
    --link_blue: #007fae;
    --dark_blue: #13294b;
    --very_dark_blue: #11294b;
    --dark_green: #006548;
    --light_green: #b4d856;
    --purple: #673065;
    --red: #c10230;
    --dark_orange: #bc4700;
    --light_orange: #ffb259;
    --dark_gray: #50555b;
    --light_gray: #eeefef;
}

/* =============================================================================
 *  Header and main nav
 * ========================================================================== */

/* hover and focus color for main nav items */
.main-header-menu .menu-link:hover,
.main-header-menu .menu-link:focus,
.main-header-menu .menu-item:hover > .menu-link {
    background: var(--very_dark_blue);
    color: #fff;
}

/* add spacing to dropdown items */
.main-header-menu ul.sub-menu li.menu-item .menu-link {
    padding: 10px 20px;
}

/* FPG toolbar */
.ast-above-header-bar .site-above-header-wrap {
    min-height: 40px !important;
}

.site-header-above-section-right {
    color: #fff !important;
}

.site-header-above-section-right a {
    color: #fff !important;
    font-size: 13px !important;
    padding: 0 5px;
}

.site-header-above-section-right a:hover,
.site-header-above-section-right a:focus {
    text-decoration: underline !important;
}

/* =============================================================================
 *  Footer
 * ========================================================================== */
#astra-footer-menu li a {
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

#astra-footer-menu li a:hover,
#astra-footer-menu li a:focus {
    text-decoration: underline;
}



/* =============================================================================
 *  Classes to use for custom max-width settings for blocks
 * ========================================================================== */

/* set max widths instead of using padding */
.max-width-700 {
    max-width: 700px !important;
    margin: 30px auto !important;
}

.max-width-800 {
    max-width: 800px !important;
    margin: 30px auto !important;
}

.max-width-900 {
    max-width: 900px !important;
    margin: 30px auto !important;
}

.max-width-1000 {
    max-width: 1000px !important;
    margin: 30px auto !important;
}

/* =============================================================================
 *  Wave backgrounds to apply to Groups or other large areas
 * ========================================================================== */
.purple-wave {
    background: #6b3c6b url('images/purpleWave.png') top left no-repeat;
    background-size: 100% auto;
}

.purple-wave p, .purple-wave h1, .purple-wave h2 {
    color: #fff !important;
}

.yellow-wave {
    background: #fac189 url('images/yellowWave.png') top left no-repeat;
    background-size: 100% auto;
}

.yellow-wave p, .yellow-wave h1, .yellow-wave h2 {
    color: var(--dark_blue) !important;
}

/* =============================================================================
 *  Blue underline to be added to headers
 * ========================================================================== */

/* add blue underline to headers */
.blue-underline::after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    border-bottom: 3px solid var(--unc_blue);
    margin-top: 5px;
}

/* =============================================================================
 *  search results page fixes if using Relevanssi
 * ========================================================================== */

.search .ast-archive-description {
    padding-top: 0px;
    padding-left: 30px;
}

.search-results .entry-meta,
.search-results .read-more {
    display: none;
}

.search-results h2.entry-title a {
    font-weight: 600 !important;
}

/* =============================================================================
 *   Styles for cookie banner
 * ========================================================================== */

.cookie-notice-container {
    padding: 20px 40px !important;
    font-family: Verdana,Arial,sans-serif !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #fff !important;
    background-color: #414141 !important;
    align-items: center;
    display: flex  !important;
    flex-direction: row !important;
}

#cookie-notice.cookie-notice-hidden .cookie-notice-container,
#cookie-notice.cookie-revoke-hidden .cookie-revoke-container {
    display: none !important;
}

#cn-notice-text {
    padding: 0 30px 0 0;
    display: block !important;
}

#cn-notice-text a {
    color: #fff !important;
    text-decoration: underline !important;
}

#cn-notice-text a:hover,
#cn-notice-text a:focus {
    text-decoration: none;
}

#cn-notice-buttons {
    display: block !important;
    min-width: 150px !important;
}

#cn-notice-buttons a {
    padding: 10px 20px !important;
    font-size: 16px !important;
    color: #fff !important;
    margin: 10px !important;
    display: inline-block !important;
}

#cn-notice-buttons a:hover,
#cn-notice-buttons a:focus {
    background-color: #000 !important;
}

#cn-close-notice {
    display: none;
}

@media (max-width: 700px) {
    .cookie-notice-container {
        flex-direction: column !important;
    }
}