/*
Theme Name: Samueli
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.nectar_hook_global_section_footer #menu-main-menu-1,
.nectar_hook_before_secondary_header #menu-main-menu {
    margin: 0;
    display: flex;
}

.nectar_hook_global_section_footer #menu-main-menu-1 li,
.nectar_hook_before_secondary_header #menu-main-menu li {
    list-style: none;
}

.nectar_hook_global_section_footer #menu-main-menu-1 li:not(:last-child)::after,
.nectar_hook_before_secondary_header #menu-main-menu li:not(:last-child)::after {
  content: "|";
  color: #cbcac8;
  margin: 0 1rem;
}

.nectar_hook_before_secondary_header #menu-main-menu li a {
    position: relative;
	cursor: pointer;
	color: #cbcac8;
	font-weight: 600;
	font-size: 16px;
}

.nectar_hook_before_secondary_header #menu-main-menu li a:before {
    content:'';
    width: 23px;
    height: 20px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.92 20.42'%3E%3Cpath d='M11.59 20.42C5.28 16.14 1.26 9.67 0 2.67 3.5.96 7.45 0 11.63 0s7.88.9 11.29 2.5c-1.15 7.02-5.07 13.54-11.32 17.92' style='fill:%23ea6a20'/%3E%3C/svg%3E");
	opacity: 0;
}

.nectar_hook_before_secondary_header #menu-main-menu li.current_page_item a:before {
	opacity: 1;
}
.nectar_hook_before_secondary_header #menu-main-menu li a:hover,
.nectar_hook_before_secondary_header #menu-main-menu li.current_page_item a {
	color: #524e49;
}


/* ------------------------------------------------------------------ *
 * Reusable helpers for native-WPBakery samueli sections
 * (e.g. Employment & Education): an underlined section heading and a
 * white rounded "card" column (apply .samueli-panel as a column Extra class).
 * ------------------------------------------------------------------ */

/* Section eyebrow — small uppercase title with a thin underline (the standard
 * section-title treatment, matching the samueli-blocks component eyebrows like
 * .samueli-region__heading). Stated at higher specificity through `.wpb_wrapper`
 * so Salient's `.row .col h3 { margin-bottom: 8px }` (and its heading
 * typography) don't override the size/margin/font in WPBakery content. */
.samueli-uline,
.wpb_wrapper h3.samueli-uline {
	display: inline-block;
	margin: 0 0 12px;
	padding-bottom: 8px;
	/* Eyebrow tokens come from the samueli-blocks plugin (:root); the literal
	   fallbacks keep this correct if the plugin is ever inactive. */
	border-bottom: 1px solid var(--samueli-eyebrow-rule, #1b2a4a);
	font-family: 'sofia-pro', sans-serif;
	font-size: var(--samueli-eyebrow-size, 13px);
	font-weight: var(--samueli-eyebrow-weight, 900);
	line-height: 1;
	letter-spacing: var(--samueli-eyebrow-tracking, 2px);
	text-transform: uppercase;
	text-align: left;
	color: var(--samueli-eyebrow-color, #555);
}

/* Muted intro paragraph under a section heading. */
.samueli-section-sub {
	color: #636466;
	max-width: 760px;
}

/* White rounded card: set a WPBakery column's Extra class to "samueli-panel". */
.samueli-panel .vc_column-inner {
	height: 100%;
	background: #ffffff;
	border-radius: 18px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	padding: 40px 44px;
}

/* Card title (plain dark heading, no underline). */
.samueli-card-title {
	color: #54585a;
	margin-top: 0;
}

/* Chart image inside a card. */
.samueli-card-img {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 8px;
}



/* ------------------------------------------------------------------ *
 * Study page header (Reports / FAQs): orange eyebrow + black title +
 * muted intro, centered. Native-WPBakery text styled by these helpers.
 * ------------------------------------------------------------------ */

.samueli-study-head {
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
}

.samueli-study-eyebrow {
	color: #ec7624;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.1;
	margin: 0 0 2px;
}

.samueli-study-title {
	color: #1a1a1a;
	font-weight: 700;
	font-size: 42px;
	line-height: 1.1;
	margin: 0 0 20px;
}

.samueli-study-intro {
	color: #636466;
	font-size: 15px;
	line-height: 1.7;
	margin: 0;
}