/* Resume Examples ACF Option - Table of Contents */
@media all and (min-width: 1137px) {
	section .container,
	section > .gb-inside-container,
	#resume-search-container {
		padding-right: 360px !important;
		max-width: 100% !important;
	}
	hr[class*='separator-']::before {
		left: calc(50% - 205px) !important;
	}
	.resume-search-heading {
    font-size: 1.30rem;
	}
}

#stickynav li.active a,
.simpletoc-list li.active a {
	font-weight: 600 !important;
}

/* ToC style in the Resume Examples shortcode page */
#stickynav {
	margin-top: 100px;
  --stickynav-height: 300px; /* default or initial */
}

/* ToC with conditional wrapper - when stickynavalt element is present */
#stickynav-wrapper.revert #stickynav {
	margin-top: 0 !important;
	margin-right: 100px !important;
}

#stickynav li p,
#stickynav li.active p {
	margin-left: 0 !important;
}

#stickynav li p::before,
#stickynav li p:hover:before,
#stickynav li.active p.active:before,
#stickynav li p.active:before {
	content: '' !important;
	background-image: none !important;
	border: none !important;
	width: 1px !important;
	height: 1px !important;
}

/*#stickynav li p:hover:before,
#stickynav li.active p.active:before,
#stickynav li p.active:before {
	margin-left: 0 !important;
	border: none !important;
}*/

/* The ::before uses that variable for its height */
#stickynav::before {
  height: var(--stickynav-height);
}
#stickynav > li {
	line-height: 1.7em;
}
#stickynav li a::before {
	top: 0;
}
#stickynav ul.resume-toc-subitems {
	padding-left: 0;
	margin-bottom: 15px;
}
#stickynav ul.resume-toc-subitems p {
	line-height: 1rem;
	margin-top: 8px;
	margin-bottom: 15px;
	padding-left: 0;
}
#stickynav ul.resume-toc-subitems p a {
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 15px !important;
}
/*#stickynav ul.resume-toc-subitems p.active,*/
#stickynav ul.resume-toc-subitems p a.active {
	font-weight: 600 !important;
}
#stickynav ul.resume-toc-subitems p a::before {
	content: '' !important;
	background-image: none;
	border: none;
	width: 1px;
	height: 1px;
}
#stickynav ul.resume-toc-subitems p:last-child a::before {
	content: none !important;
}
#stickynav li:not(:last-child) {
	margin-bottom: 15px;
}







/************************************
 * Search Input & Dropdown Results
 ************************************/
 .resume-role-wrapper {
  /* Matches your other select widths */
  position: relative; /* ensure absolute child (ul) positions correctly */
}

/* Style the search input so it looks similar to your other text fields */
#search-input {
  display: block;
  width: 100%;
  color: #000;
  font-size: 18px;
  background: #fff;
  border: none;
  border-bottom: 1px solid #ccc;
  outline: none;
  padding: 12px 12px 12px 5px;
  border-radius: 0; /* consistent with your other inputs */
}

/* The container for the dropdown results */
#options-list {
  display: none; /* hidden by default; shown when user focuses input */
  position: absolute;
  top: calc(100% + 2px); /* just below the input */
  left: 0;
  width: 100%;
  background: #f1f1f1;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 10; /* on top of other elements */
  max-height: 300px; /* limit the height */
  overflow-y: auto; /* scroll if too many items */
  margin-top: 2px;
  padding: 0;
  list-style-type: none;
}

/* Style each dropdown item (the <li> tags) */
#options-list li {
  padding: 7px 10px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4rem;
  background: #f1f1f1;
  transition: background-color 0.2s ease;
}

/* On hover, highlight the item */
#options-list li:hover {
  background-color: #e8e8e8;
}



/* Resume Examples Page - resume examples count and see resume button */
#resume-count-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-size: 14px;
	line-height: 15px;
	font-weight: 500;
	color: #1d1e78;
}


#resume-count {
	/*font-weight: bold;*/
	/*font-size: 14px;*/
	font-size: 12px;
	line-height: 15px;
	margin-top: 3px;
}

.see-resume-btn {
	background-color: #200bff;
	border: none;
	border-radius: 5px;
	color: white;
	cursor: pointer;
	font-size: 16px;
	padding: 8px 15px;
	margin-top: 0.5rem;
	transition: all 0.3s ease;
}

.see-resume-btn:hover {
	background-color: #1d1e78;
}


@media (max-width: 1400px) {
	#stickynav {
		margin-right: 50px !important
	}
}

@media (max-width: 1300px) {
	#stickynav {
		margin-right: 20px !important
	}
}

@media (max-width: 1136px) {
	#stickynav {
		display: none !important;
	}
}