/**
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: #FEC32E;
    color: #004369
}

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


/* =============================================================================
 *  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;
}

.site-below-footer-wrap {
  background-color: #007fae !important;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row {
  min-height: 0px !important;
}

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

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

.max-width-700 {
    max-width: 700px !important;
}

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

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

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

.max-width-1100 {
    max-width: 1100px !important;
}

.max-width-600, .max-width-700, .max-width-800, .max-width-900, .max-width-1000, .max-width-1100 {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* =============================================================================
 *   Breadcrumb
 * ========================================================================== */

.ast-breadcrumbs-wrapper {
    margin: 20px 0 !important;
    font-size: 90% !important;
}
/* =============================================================================
 *   Archives and Search page
 * ========================================================================== */

.post-type-archive #primary,
.search #primary {
    margin-top: 30px !important;
}

h1.ast-archive-title, .search h1 {
    margin-bottom: 5px;
    margin-top: 0px !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    color: #000 !important;
}

.ast-archive-description, .search .ast-archive-description {
    border-bottom: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
}

.search .ast-article-post {
    margin-bottom: 10px !important;
}

.search .entry-header {
    margin-bottom: 0px !important;
}

.search h2 a {
    font-size: 18px !important;
    color: #007fae !important;
    text-decoration: underline !important;
}

.search h2 a:focus,
.search h2 a:hover {
    color: var(--dark_blue) !important;
}

/* 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;
}

/* =============================================================================
 *  Resources single and faceted search
 * ========================================================================== */

.resource-template-default #primary {
    margin-top: 20px !important;
}

.resource-sidebar h2 {
    margin: 15px 0 5px 0;
    font-size: 18px !important;
}

.resource-sidebar .facetwp-facet {
    margin-block-start: 0px !important;
    margin-bottom: 20px !important;
}

.resource-sidebar .facetwp-facet .facetwp-link {
    font-size: 14px;
}

.resource-sidebar {
    padding: 30px 20px;
    background-color: #f7f7f7 !important;
}

.facetwp-facet {
    margin-top: 5px !important;
}

input.facetwp-search {
    background-color: #fff;
}

button.facetwp-reset {
    background-color: #fff;
    border: 2px solid var(--dark_blue);
    border-radius: 15px;
    color: var(--dark_blue);
    font-weight: 600;
    padding: 10px 20px;
}

button.facetwp-reset {
    margin-top: 20px;
}

button.facetwp-reset:hover,
button.facetwp-reset:focus {
    background-color: var(--dark_blue);
    color: #fff!important;
}

.facetwp-link {
    font-size: 16px !important;
    margin-bottom: 4px !important;
    line-height: 140% !important;
}

.facetwp-link:hover,
.facetwp-link:focus {
    text-decoration: underline;
}

.facetwp-input-wrap,
.facetwp-type-search,
.facetwp-facet input.facetwp-search {
    min-width: 0px !important;
    max-width: 200px !important;
}

.facetwp-selections p {
    display: none;
}

.facetwp-selections ul {
    margin: 20px 0 0 0 !important;
}

.facetwp-selections ul li {
    border: 1px solid #ccc;
    background-color: #fff;
    display: inline-block;
    margin: 5px 10px 5px 0px;
    margin-bottom: 5px;
    padding: 5px 5px 5px 10px;
    font-size: 85%;
}

.facetwp-facet-results_count {
    margin-bottom: 0px !important;
    margin-top: 20px !important;
}

/* =============================================================================
 *  News
 * ========================================================================== */

.wpv-view-output .news-item {
    clear: left;
    margin-bottom: 30px;
}

.wpv-view-output .news-image {
    float: left;
    width: 120px;
    margin: 0 30px 30px 0;
}

.wpv-view-output .news-title {
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 5px;
}

.wp-block-toolset-views-wpa-editor {
    padding: 0 20px !important;
}


/* individual news item */
.news-items-template-default #primary {
    margin-top: 0px !important;
}

.news-items-template-default .entry-meta {
    display: none !important;
}

.news-breadcrumb p {
    font-size: 90% !important;
    margin-bottom: 20px;
}

/* =============================================================================
 *   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;
    }
}

/* =============================================================================
 *  Events - from FPG sites and FERN try to pare down here
 * ========================================================================== */

/* home page */

.tribe-events-widget-events-list__header-title {
    display: none;
}


.tribe-compatibility-container .tribe-common a:hover {
    color: #13294b;
}

.tribe-compatibility-container .tribe-common .tribe-common-anchor-thin:active,
.tribe-compatibility-container .tribe-common .tribe-common-anchor-thin:focus,
.tribe-compatibility-container .tribe-common .tribe-common-anchor-thin:hover {
    border-bottom: none;
}

.tribe-compatibility-container h2.tribe-events-widget-events-list__header-title.tribe-common-h6.tribe-common-h--alt {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    color: #11294b;
    margin-top: 40px;
}


.tribe-events-calendar-list__event .tribe-events-calendar-list__event-title,
.tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list__event-title {
    line-height: 1.3em;
}


.tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list__event-title a:hover,
.tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list__event-title a:focus {
    color: #11294b;
    border-bottom: 0 !important;
}

.tribe-compatibility-container .tribe-common--breakpoint-medium.tribe-events-widget .tribe-events-widget-events-list__event-title {
    line-height: 1.1em;
}

.tribe-events .tribe-events-widget-events-list__event-header {
    padding: 0 60px 0 10px;
}

.tribe-compatibility-container .tribe-common .tribe-events-widget-events-list__event-datetime-wrapper,
.tribe-common--breakpoint-medium.tribe-common .tribe-events-calendar-list__event-datetime-wrapper,
.tribe-compatibility-container .tribe-common--breakpoint-medium.tribe-common .tribe-common-b3--min-medium{
    font-family: "Open Sans", sans-serif;
    background: url(/wp-content/themes/fpg-portal/fpg-portal/images/event.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    padding-left: 27px;
    font-size: 16px;
    margin-bottom: 5px;
}
.tribe-compatibility-container .tribe-events .tribe-events-widget-events-list__view-more-link {
    display: none;
    text-transform: capitalize;
    background-color: #b4d856;
    padding: 10px 15px;
    border-radius: 7px;
    color: #13294b !important;
    font-size: 16px;
    border: 3px solid #b4d856;
    border-bottom: 3px solid #b4d856 !important;
    font-weight: bold;
    text-decoration: none !important;
    position: relative;
    text-align: center;
}

.tribe-compatibility-container .tribe-events .tribe-events-widget-events-list__view-more-link:hover,
.tribe-compatibility-container .tribe-events .tribe-events-widget-events-list__view-more-link:focus {
    background-color: #fff;
    font-weight: bold;
    color: #13294b !important;
}

.tribe-events-widget-events-list__view-more {
    padding: 10px 10px 0 0;
}

/*individual*/
.single-tribe_events .tribe-events-single-event-title {
    color: #13294b;
    line-height: 1.4em;
    font-size: 1.5em;
}

.tribe-events-schedule h2 {
    color: #13294b;
}

.single-tribe_events .tribe-events-event-meta {
    border: 0px;
    background-size: auto 100%;
    margin: 30px 0;
    width: 100%;
    padding: 0 30px;
}

.single-tribe_events a.tribe-events-gcal, .single-tribe_events a.tribe-events-gcal:hover, .single-tribe_events a.tribe-events-ical, .single-tribe_events a.tribe-events-ical:hover {
    font-size: 16px;
    font-weight: 700;
    color: #007fae;
}

/* lists and calendars */
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding-bottom: 160px;
    padding-top: 60px;
    min-height: 700px;
}

.tribe-common .tribe-common-form-control-text__input {
    width: 300px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__input-group {
    flex: none;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border {
    border: 0px;
}

common-form-control-text__input, .tribe-common .tribe-common-form-control-text__input {
    color: #444;
    font-family: "Open Sans", sans-serif;
    line-height: 1;
    background-color: #fff;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input {
    padding: 10px 10px 10px 40px;
    border: 1px solid #ccc;
    margin-right: 5px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__button {
    background-color: #b4d856;
    border: 3px solid #b4d856;
    color: #13294b;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__button:hover,
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-search__button:focus {
    background-color: #fff;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-view-selector--tabs .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-link::after {
    background-color: #444;
    bottom: 7px;
}

.tribe-common .tribe-common-c-btn {
    padding: 8px 15px;
}

.tribe-common .tribe-common-b2 {
    color: #444;
    font-family: "Open Sans", sans-serif;
}

.tribe-events .tribe-events-c-view-selector__content,
.tribe-events .tribe-events-c-events-bar__search-container {
    background-color: transparent;
}

#content .tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search .tribe-events-c-events-bar {
    background-color: #eee;
    padding: 5px 15px;
}

.tribe-events .tribe-events-c-view-selector__list-item-text {
    color: #444;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h3 {
    font-size: 16px;
    line-height: 1.42;
    font-family: "Open Sans", sans-serif;
    color: #444;
    font-weight: 600;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium {
    font-size: 22px;
    line-height: 1.62;
    color: #13294b;
    font-weight: 600;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-details {
    width: 100%;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-events-calendar-list__event-title,
.tribe-compatibility-container .tribe-common--breakpoint-medium.tribe-common .tribe-events-calendar-list__event-title {
    line-height: 22px;
    margin: 0 0 10px 0;
}

.tribe-events .tribe-events-calendar-list__event-datetime-wrapper {
    margin: 0 0 3px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-venue {
    margin-bottom: 0px;
    font-size: 16px;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-description {
    margin-top: 5px;
}

.tribe-common .tribe-common-c-svgicon {
    color: #13294b;
}

.tribe-events .tribe-events-c-ical__link {
    background-color: #b4d856;
    border: 3px solid #b4d856;
    color: #13294b;
    font-size: 14px;
}

.tribe-events .tribe-events-c-ical__link:hover,
.tribe-events .tribe-events-c-ical__link:focus {
    background-color: #fff;
    color: #13294b;
}

.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date,
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {
    color: #4b9cd3;
}