/*
Theme Name: Black Boys Code
Theme URI: https://negliadesign.com
Author: Neglia Design [ Graeme Demarsh ]
Author URI: https://negliadesign.com
Description: Custom theme by Neglia Design
Version: 1.4.0
*/

/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(69, 94, 104, 0.5);
	height:100%;
}

*,
*:before,
*:after {
	box-sizing: inherit;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
}

body {
	margin:0;
	height:100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

img {
	vertical-align: middle;
	height: auto;
	max-width: 100%;
}

svg {
	width: 100%;
	max-width:100%;
	height: auto;
	vertical-align:middle;
}

embed,
iframe,
object {
	max-width: 100%;
}

figure {
	display:block;
	margin: 0 auto 1em;
}

table {
	max-width:100%;
	border-collapse:collapse;
	border-spacing:0;
}



/*--------------------------------------------------------------
Header structure
--------------------------------------------------------------*/
html body {
    padding-top:90px;
}


@media (min-width: 992px) {
	html body {
		padding-top:100px;
	}
}


@media (min-width: 1290px) {
	html body {
		padding-top:130px;
	}
}


body.admin-bar .site-header {
  top: 32px;
}


.site-header {
    position:fixed;
    top:0;
    right:0;
    left:0;
	z-index:99;
	background-color: var(--wp--preset--color--white);
}



/*--------------------------------------------------------------
Header top
--------------------------------------------------------------*/
.header-top-bar {
  background-color: #272727;
}

.header-top-bar .top {
  list-style: none;
  margin: 0;
  padding: .3rem 0;

  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

.header-top-bar .top > li {
  margin: 0;
  padding: 0;
}

.header-top-bar .top a {
  display: inline-flex;
  align-items: center;

  color: #fff;
  font-size: 0.8rem;
  font-weight: 500;
  text-decoration: none;

  padding: 0.3em 0;
}

.header-top-bar .top a:hover {
	text-decoration: underline;
}

.header-top-bar
.top > li.menu-item-type-custom > a::after {
  content: "";
  width: 0.85em;
  height: 0.85em;
  margin-left: 0.45em;

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='%23ffffff'%3E%3Cpath d='M202.87-111.87q-37.78 0-64.39-26.61t-26.61-64.39v-554.26q0-37.78 26.61-64.39t64.39-26.61H434.5q19.15 0 32.33 13.17Q480-821.78 480-802.63t-13.17 32.33q-13.18 13.17-32.33 13.17H202.87v554.26h554.26V-434.5q0-19.15 13.17-32.33Q783.48-480 802.63-480t32.33 13.17q13.17 13.18 13.17 32.33v231.63q0 37.78-26.61 64.39t-64.39 26.61H202.87Zm554.26-581.85L427-363.59q-12.67 12.68-31.59 12.56-18.91-.12-31.58-12.8-12.68-12.67-12.68-31.7 0-19.04 12.68-31.71l329.89-329.89H605.5q-19.15 0-32.33-13.17Q560-783.48 560-802.63t13.17-32.33q13.18-13.17 32.33-13.17h197.13q19.15 0 32.33 13.17 13.17 13.18 13.17 32.33v197.13q0 19.15-13.17 32.33Q821.78-560 802.63-560t-32.33-13.17q-13.17-13.18-13.17-32.33v-88.22Z'/%3E%3C/svg%3E");
}

/* Mobile tightening */
@media (max-width: 480px) {
  .header-top-bar .top {
    gap: 0.6rem;
  }

  .header-top-bar .top a {
    font-size: 0.6rem;
  }
}



/*--------------------------------------------------------------
Header main
--------------------------------------------------------------*/
.header-main {
	display: flex;
	justify-content: space-between;
	align-items: center;
    flex-wrap: wrap;
	padding-top: .6rem;
	padding-bottom: .6rem;
}

@media (min-width: 992px) {
	.header-main {
		padding: 1.3rem 0 !important;
	}
}


@media (min-width: 1290px) {
	.header-main {
		padding: 1.7rem 0 !important;
	}
}



.site-logo {
	width: auto;
	text-decoration: none;
}

.site-logo:hover {
	text-decoration: none;
}

.site-logo svg {
  display: block;
  height: clamp(28px, 6vw, 33px);
  width: auto;
}

.site-logo svg #Boy {
  transition: fill 0.5s ease;
}

.site-logo:hover svg #Boy {
  fill: var(--wp--preset--color--theme-primary);
}



/* ==============================================================
   GENERAL MENU STYLES (BASE)
   ============================================================== */

.site-nav {
	position: relative;
	display: flex;
	margin: 0 0 0 auto;
	text-align: right;
	text-transform: uppercase;
}

.site-nav ul {
	list-style: none;
	font-size: inherit;
	margin: 0 auto;
	padding: 0;
}

.site-nav li {
	padding: 0;
	margin: 0;
	display: inline-block;
	align-items: center;
}

/* top-level list items spacing (desktop base) */
.site-nav > ul > li {
	position: relative;
	margin: 0 .1em;
}

/* anchor defaults */
.site-nav a {
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	letter-spacing: .05em;
	font-size: .9rem;
	color: var(--wp--preset--color--black);
}

/* top-level anchor padding */
.site-nav > ul > li > a {
	padding: .5rem 1rem;
}

/* hover baseline */
.site-nav a:hover {
	text-decoration: none;
}

/* dropdown caret on items with children */
.site-nav ul.menu > li.menu-item-has-children > a::after {
	content: ' ';
	position: absolute;
	top: .7rem;
	right: 0;
	display: block;
	width: .8em;
	height: .8em;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1683 808l-742 741q-19 19-45 19t-45-19l-742-741q-19-19-19-45.5t19-45.5l166-165q19-19 45-19t45 19l531 531 531-531q19-19 45-19t45 19l166 165q19 19 19 45.5t-19 45.5z' fill='%236FB43E'/%3E%3C/svg%3E%0A");
	background-size: contain;
	pointer-events: none;
	transition-duration: .3s;
	transition-property: all;
}

/* caret hover scale */
.site-nav ul.menu > li.menu-item-has-children > a:hover::after {
	transform: scale(1.5);
}

/* active/current states */
.site-nav ul.menu > li.current-menu-item > a,
.site-nav ul.menu > li.current-menu-parent > a,
.site-nav ul.menu > li.current-page-ancestor > a {
	font-weight: bold;
}

/* hover/focus/active color for top-level links */
.site-nav ul.menu > li:hover > a,
.site-nav ul.menu > li > a:hover,
.site-nav ul.menu > li > a:focus,
.site-nav ul.menu > li > a:active {
	text-decoration: underline;
}



@media (min-width: 992px) {
    nav .menu-item-donations a {
        padding: .8em 1.1em !important;
        border-radius: 20px;
        border: 3px solid var(--wp--preset--color--theme-primary);
        text-decoration: none;
        transition: all 0.25s ease
    }

	nav .menu-item-donations a:hover, 
	nav .menu-item-donations a:focus {
        background-color: var(--wp--preset--color--theme-primary);
        color: #FFF;
		text-decoration: none !important;
    }
}




/* ==============================================================
   DESKTOP DROPDOWNS (≥ 992px): POSITIONING & CONTAINER
   ============================================================== */

@media (min-width: 992px) {

	/* base dropdown container (hidden off-canvas until hover/open) */
	.site-nav ul ul {
		float: left;
		position: absolute;
		overflow: hidden;
		top: 90%;
		left: -999em;
		z-index: 99999;
		max-width: 400px;
		background-color: var(--wp--preset--color--white);
	}

	/* reveal dropdown on hover/open */
	.site-nav ul > li:hover > ul,
	.site-nav ul > li.open > ul {
		left: 0px;
	}
}


/* ==============================================================
   DROPDOWN CONTENT (ALL SIZES)
   ============================================================== */

.site-nav ul ul li {
	display: block;
}

.site-nav ul ul a {
	text-align: left;
	padding: 12px 17px;
	color: inherit;
	border-bottom: 1px solid #5E5E5E;
	white-space: nowrap;
}

/* remove border on last dropdown item */
.site-nav ul ul li:last-child a {
	border-bottom: none;
	padding-bottom: 14px;
}



/* ==============================================================
   NESTED SUBMENUS (3rd level)
   ============================================================== */

.site-nav ul ul ul {
	padding: 0 0 7px 10px;
}

/* active/hover states in submenus */
.site-nav ul.sub-menu a:hover,
.site-nav ul.sub-menu a:focus,
.site-nav ul.sub-menu li.current-menu-item a,
.site-nav ul.sub-menu li.current-menu-parent a,
.site-nav ul.sub-menu li.current-page-ancestor a {
	color: var(--wp--preset--color--theme-primary);
}



/* ==============================================================
   MOBILE HEADER TOGGLE (HAMBURGER) + STATES
   ============================================================== */

.menu-toggle {
	display: none;
	align-self: center;
	border: none;
	border-radius: 0;
	background-color: transparent;
	cursor: pointer;
	transition: all 0.25s ease-in-out;
	font-size: 0.875em;
	min-width: auto;
	color: var(--wp--preset--color--theme-primary);
	padding: 5px 15px;
	margin: 0 0 0 auto;
	text-align: center;
}

.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active {
	color: var(--wp--preset--color--theme-primary);
	background-color: transparent;
}

/* show toggle on mobile */
@media (max-width: 991px) {
	.menu-toggle {
		display: block;
	}
}

/* label + icon sizing */
.menu-toggle span {
	display: block;
	font-size: .9em;
}

.menu-toggle svg {
	display: block;
	fill: currentColor;
	vertical-align: middle;
	position: relative;
	width: 2.7em;
	height: 2.7em;
	top: 0;
}

/* hamburger lines + transition */
.menu-toggle svg .line {
	opacity: 1;
	transform: rotate(0) translateY(0) translateX(0);
	transform-origin: 1em 1em;
	transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
}

/* specific transform-origins for top/bottom bars */
.menu-toggle svg .line-1 {
	transform-origin: 1em 2.5em;
}
.menu-toggle svg .line-3 {
	transform-origin: 1em 4.5em;
}

/* expanded (X) state transforms */
.menu-toggle[aria-expanded="true"] svg .line-1 {
	transform: rotate(45deg) translateY(0) translateX(0);
}
.menu-toggle[aria-expanded="true"] svg .line-2 {
	opacity: 0;
}
.menu-toggle[aria-expanded="true"] svg .line-3 {
	transform: rotate(-45deg) translateY(0em) translateX(0em);
}


/* ==============================================================
   MOBILE NAVIGATION PANEL (≤991px)
   ============================================================== */

body.mobile-menu-visible {
	overflow: hidden;
}

@media screen and (max-width: 991px) {

	/* collapsed by default */
	.main-navigation {
		display: none;
		overflow-x: hidden;
		overflow-y: auto;
		width: 100%;
	}

	/* shown when toggled */
	.main-navigation.visible {
		display: block;
	}

	/* panel inner width + spacing */
	.main-navigation > ul {
		max-width: 350px;
		margin-top: 30px;
	}

	/* vertical list items */
	.main-navigation li {
		display: block;
		font-size: 1.1rem;
	}

	/* separators between items */
	.main-navigation > ul > li {
		border-bottom: 1px solid #FFFFFF;
	}

	/* remove last separator */
	.main-navigation > ul > li:last-child {
		border-bottom: none;
	}

	/* mobile link padding + left align */
	.main-navigation > ul > li > a {
		padding: 10px;
		text-align: left;
	}

	/* flip caret icon when a submenu is open (mobile) */
	.main-navigation ul.menu > li.menu-item-has-children.open > a::after {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='1792' height='1792' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1683 1331l-166 165q-19 19-45 19t-45-19l-531-531-531 531q-19 19-45 19t-45-19l-166-165q-19-19-19-45.5t19-45.5l742-741q19-19 45-19t45 19l742 741q19 19 19 45.5t-19 45.5z' fill='%236FB43E'/%3E%3C/svg%3E%0A");
	}

	/* nested submenu block behavior for mobile */
	.main-navigation ul ul {
		position: relative;
		display: none;
		margin-bottom: 15px;
	}

	/* show nested submenu when parent is open (mobile) */
	.main-navigation ul li.menu-item-has-children.open ul {
		display: block;
	}

	/* nested items in mobile */
	.main-navigation ul ul li {
		display: block;
	}

	/* nested link padding in mobile */
	.main-navigation ul ul a {
		text-align: left;
		padding: 8px 8px 8px 30px;
	}

	/* third-level padding in mobile */
	.main-navigation ul ul ul {
		padding: 0 0 7px 10px;
	}
}



/*--------------------------------------------------------------
Global
--------------------------------------------------------------*/
.container {
	position:relative;
	max-width: var(--wp--style--global--content-size);
	margin-right: auto;
	margin-left: auto;
	padding-right: var(--wp--style--root--padding-right);
    padding-left: var(--wp--style--root--padding-left);
}


.display-flex {
    display: flex;
    gap: 4%;
    flex-direction: row
}

@media (max-width: 991px) {
    .display-flex {
        flex-direction:column
    }
}

.space-between {
    justify-content: space-between
}


/* -------------------------------------------------
Layout utilities
-------------------------------------------------- */

.u-row {
	display: flex;
	gap: var(--wp--preset--spacing--lg);
	align-items: flex-start;
}

.u-col {
	flex: 1 1 0;
	min-width: 0;
}

/* Stack on mobile, matching core Columns */
@media (max-width: 781px) {
	.u-row {
		flex-direction: column;
		gap: 0;
	}

	.u-col {
		width: 100%;
		flex: 0 0 auto;
	}
}


/*--------------------------------------------------------------
Posts
--------------------------------------------------------------*/
body.blog,
body.category,
body.archive {
	background: var(--wp--preset--color--theme-primary-10);
}

.posts-archive__header {
	padding-bottom: var(--wp--preset--spacing--md);
}


.posts-archive__wrap{
	padding-top: var(--wp--preset--spacing--2-xl);
}




.posts-archive__select {
	position: relative;
	display: inline-block;
}

.posts-archive__select::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.4rem; /* ← adjust this to move inward */
	transform: translateY(-50%);
	width: 12px;
	height: 8px;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='black' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}


.posts-archive__select select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0;
	background: var(--wp--preset--color--white);
	border-radius: 20px;
	padding: 1.1rem 1.7rem;
	font-weight: 700;
	min-width: 250px;
}

/* Grid */
.posts-grid {
	margin-top: var(--wp--preset--spacing--2-xl);
	padding: 0;
	list-style: none;
	display: grid;
	gap: var(--wp--preset--spacing--xl);
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 991px) {
	.posts-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.posts-grid {
		grid-template-columns: 1fr;
	}
}

.posts-card {
	position: relative;
	display: grid;
	align-content: start;
	gap: .8rem;
	height: 100%;
	margin-bottom: 0;
	padding: 2.5rem;
	background: var(--wp--preset--color--white);
	border-radius: var(--wp--preset--border-radius--md);
	overflow: hidden;
	color: inherit;
	text-decoration: none;
	transition: transform 0.3s ease;
}

.posts-card,
.posts-card:hover,
.posts-card:focus,
.posts-card:active {
	text-decoration: none;
}

.posts-card:hover,
.posts-card:focus-visible {
	transform: scale(1.05);
}

/* Title underline on card hover */
.posts-card:hover .posts-card__title,
.posts-card:focus-visible .posts-card__title {
	text-decoration: underline;
	text-decoration-color: var(--wp--preset--color--theme-primary);
}

/* Image */
.posts-card__media {
	border-radius: var(--wp--preset--border-radius--md);
	overflow: hidden;
	justify-self: start;
	align-self: start;
	margin: 0 0 .7rem;
	max-width: 200px;
}

.posts-card__img {
	display: block;
}

/* Pill */
.posts-card__tag {
	justify-self: start;
	align-self: start;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 700;
	font-size: 0.75rem;
}

/* Title */
.posts-card__title {
	margin: 0;
}

/* Date */
.posts-card__date {
	font-size: 0.95rem;
	color: rgba(0, 0, 0, 0.65);
}

/* Excerpt */
.posts-card__excerpt {
	color: rgba(0, 0, 0, 0.78);
	font-size: 1rem;
	line-height: 1.35;
}

.posts-card__excerpt p {
	margin: 0 0 45px;
	font-size: var(--wp--preset--font-size--small) ;
}

/* Arrow affordance */
.posts-card__icon {
	position: absolute;
	right: var(--wp--preset--spacing--lg);
	bottom: var(--wp--preset--spacing--lg);
	width: 45px;
	height: 45px;
	padding: 7px;
	border-radius: 8px;
	background: var(--wp--preset--color--theme-primary-10);
	display: grid;
	place-items: center;
	pointer-events: none;
	transition: transform 0.3s ease;
}

.posts-card:hover .posts-card__icon,
.posts-card:focus-visible .posts-card__icon {
	transform: scale(1.2);
}

/* Empty */
.posts-empty {
	padding: var(--wp--preset--spacing--lg) 0 var(--wp--preset--spacing--xl);
}



/*--------------------------------------------------------------
Single Post
--------------------------------------------------------------*/
body.single-post {
	background: var(--wp--preset--color--theme-primary-10);
}

.single-post__header {
	padding-top: var(--wp--preset--spacing--3-xl);
	padding-bottom: var(--wp--preset--spacing--lg);
}

.single-post__pills {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin: 0 0 var(--wp--preset--spacing--sm);
	text-transform: uppercase;
}

.single-post__pill,
.single-post__pill:hover,
.single-post__pill:focus,
.single-post__pill:active {
	text-decoration: none;
}

.single-post__title {
	margin: 0 0 0.5rem;
}

.single-post__date {
	margin: 1.5rem 0 0;
	font-size: 1rem;
}

.single-post__content {
	padding-top: var(--wp--preset--spacing--lg);
	padding-bottom: var(--wp--preset--spacing--4-xl);
}


	
	
	
/*--------------------------------------------------------------
Programs Archive (Events)
--------------------------------------------------------------*/
body.post-type-archive-event {
	background: var(--wp--preset--color--white);
}

/* Panel */
.programs-archive__panel {
	background: var(--wp--preset--color--theme-primary-10);
	margin-top: var(--wp--preset--spacing--lg);
	padding-top: var(--wp--preset--spacing--2-xl);
	padding-bottom: var(--wp--preset--spacing--2-xl);
}

.programs-archive__panel-inner {
	position: relative;
	max-width: 1020px;
	margin: 0 auto;
}

/* Filters row */
.programs-archive__filters {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--md);
	margin-bottom: var(--wp--preset--spacing--2-xl);
	flex-wrap: wrap;
}

.programs-archive__location-select {
	position: relative;
	display: inline-block;
}

.programs-archive__location-select::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.4rem; /* ← adjust this to move inward */
	transform: translateY(-50%);
	width: 12px;
	height: 8px;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='black' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
}


.programs-archive__location-select select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0;
	background: var(--wp--preset--color--white);
	border-radius: 20px;
	padding: 1.1rem 1.7rem;
	font-weight: 700;
	min-width: 250px;
}

.programs-archive__usa-link {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	text-decoration: none;
	font-weight: 600;
}

.programs-archive__usa-link::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 409 409'%3E%3Cpath fill='%23cd1026' d='M333.07 45.43h-83.64V4.92c31.15 6.97 59.64 21.06 83.64 40.5Z'/%3E%3Cpath fill='%23cd1026' d='M397.33 136.25H249.44v-45.43h125.13c9.38 14 17.06 29.26 22.76 45.43Z'/%3E%3Cpath fill='%23cd1026' d='M409 204.37c0 7.68-.43 15.23-1.27 22.7H249.44v-45.39h158.29c.84 7.46 1.27 15.02 1.27 22.7Z'/%3E%3Cpath fill='%23cd1026' d='M397.33 272.49c-5.7 16.16-13.38 31.43-22.76 45.43H34.7c-9.38-14-17.06-29.26-22.76-45.43h385.39Z'/%3E%3Cpath fill='%23cd1026' d='M333.07 363.31c-35.11 28.43-79.8 45.43-128.44 45.43s-93.33-17-128.44-45.43h256.89Z'/%3E%3Cpath fill='%2301225d' d='M204.01 0v226.04H1.44C.67 218.92.26 211.7.26 204.36s.43-15.23 1.27-22.7c1.73-15.76 5.26-30.96 10.4-45.43 5.7-16.16 13.38-31.43 22.76-45.43 11.49-17.15 25.48-32.48 41.49-45.39C111.15 17.12 155.61.15 204.01 0Z'/%3E%3Cg fill='%23ffffff'%3E%3Cpolygon points='39.52 177.62 51.41 171.75 53.32 158.62 62.58 168.12 75.66 165.88 69.48 177.62 75.66 189.36 62.58 187.12 53.32 196.62 51.41 183.49'/%3E%3Cpolygon points='39.52 122.94 51.41 117.07 53.32 103.94 62.58 113.44 75.66 111.2 69.48 122.94 75.66 134.68 62.58 132.44 53.32 141.94 51.41 128.81'/%3E%3Cpolygon points='142.94 177.62 154.84 171.75 156.75 158.62 166.01 168.12 179.08 165.88 172.91 177.62 179.08 189.36 166.01 187.12 156.75 196.62 154.84 183.49'/%3E%3Cpolygon points='89.11 177.62 101 171.75 102.91 158.62 112.17 168.12 125.25 165.88 119.07 177.62 125.25 189.36 112.17 187.12 102.91 196.62 101 183.49'/%3E%3Cpolygon points='142.94 122.94 154.84 117.07 156.75 103.94 166.01 113.44 179.08 111.2 172.91 122.94 179.08 134.68 166.01 132.44 156.75 141.94 154.84 128.81'/%3E%3Cpolygon points='89.11 122.94 101 117.07 102.91 103.94 112.17 113.44 125.25 111.2 119.07 122.94 125.25 134.68 112.17 132.44 102.91 141.94 101 128.81'/%3E%3Cpolygon points='142.94 67.52 154.84 61.65 156.75 48.52 166.01 58.02 179.08 55.78 172.91 67.52 179.08 79.26 166.01 77.02 156.75 86.52 154.84 73.39'/%3E%3Cpolygon points='89.11 67.52 101 61.65 102.91 48.52 112.17 58.02 125.25 55.78 119.07 67.52 125.25 79.26 112.17 77.02 102.91 86.52 101 73.39'/%3E%3C/g%3E%3C/svg%3E");
}

/* Section headings */
.programs-archive__section-title {
	margin: 0 0 var(--wp--preset--spacing--2-xl);
}

/* List spacing */
.programs-archive__list {
	display: grid;
	gap: var(--wp--preset--spacing--xl);
}

/* Past section spacing */
.programs-archive__section--past {
	margin-top: var(--wp--preset--spacing--3-xl);
}





/*--------------------------------------------------------------
Mentors Archive
--------------------------------------------------------------*/
body.post-type-archive-mentor {
	background: var(--wp--preset--color--theme-primary-10);
}

.mentors-archive__list {
	display: grid;
}

.mentor-row {
	background: var(--wp--preset--color--white);
	padding-top: var(--wp--preset--spacing--4-xl);
	padding-bottom: var(--wp--preset--spacing--4-xl);

	/* full-bleed section */
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.mentor-row--alt {
	background: var(--wp--preset--color--theme-primary-10);
}

.mentor-row__grid {
	display: grid;
	grid-template-columns: 1.25fr minmax(0, 420px);
	gap: var(--wp--preset--spacing--2-xl);
	align-items: start;
}

@media (max-width: 900px) {
	.mentor-row__grid {
		grid-template-columns: 1fr;
	}
}

.is-style-bbc-pill.mentor-row__pill {
	margin: 0 0 var(--wp--preset--spacing--sm);
}

.mentor-row__name {
	margin: 0 0 var(--wp--preset--spacing--sm);
}

.mentor-row__position {
	margin: 0 0 var(--wp--preset--spacing--md);
	font-weight: 800;
}

.mentor-row__body > *:first-child {
	margin-top: 0;
}

.mentor-row__body > *:last-child {
	margin-bottom: 0;
}

.mentor-row__imagewrap {
	border-radius: 26px;
	overflow: hidden;
}

.mentor-row__img {
	display: block;
	width: 100%;
	height: auto;
}







/*--------------------------------------------------------------
Paginate
--------------------------------------------------------------*/
.paginate-area {
	padding: 4rem 0;
	font-size: 1.3rem;
}

/* UL wrapper from paginate_links(type=list) */
.paginate-area ul.page-numbers {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem;
}

/* LI items */
.paginate-area ul.page-numbers > li {
	margin: 0;
	padding: 0;
}

/* Links + spans */
.paginate-area .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	padding: 0.35rem 0.6rem;
}

/* Current page */
.paginate-area .page-numbers.current {
	color: var(--wp--preset--color--theme-red);
	font-weight: bold;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-decoration-color: var(--wp--preset--color--theme-red);
	text-underline-offset: 0.2em;
}

/* Dots (…) */
.paginate-area .page-numbers.dots {
	padding: 0.35rem 0.2rem;
}

/* Next / Prev arrows */
.paginate-area .page-numbers.next::before {
	content: ' ';
	display: inline-block;
	width: 1em;
	height: 1em;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23222B35' d='M256 8c137 0 248 111 248 248S393 504 256 504 8 393 8 256 119 8 256 8zm113.9 231L234.4 103.5c-9.4-9.4-24.6-9.4-33.9 0l-17 17c-9.4 9.4-9.4 24.6 0 33.9L285.1 256 183.5 357.6c-9.4 9.4-9.4 24.6 0 33.9l17 17c9.4 9.4 24.6 9.4 33.9 0L369.9 273c9.4-9.4 9.4-24.6 0-34z'%3E%3C/path%3E%3C/svg%3E");
}

.paginate-area .page-numbers.prev::after {
	content: ' ';
	display: inline-block;
	width: 1em;
	height: 1em;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23222B35' d='M256 504C119 504 8 393 8 256S119 8 256 8s248 111 248 248-111 248-248 248zM142.1 273l135.5 135.5c9.4 9.4 24.6 9.4 33.9 0l17-17c9.4-9.4 9.4-24.6 0-33.9L226.9 256l101.6-101.6c9.4-9.4-24.6-9.4-33.9 0L142.1 239c-9.4 9.4-9.4 24.6 0 34z'%3E%3C/path%3E%3C/svg%3E");
}






/*--------------------------------------------------------------
Jobs
--------------------------------------------------------------*/
ul.job_listings {
    border-top: none;
}

ul.job_listings li.job_listing {
    border-bottom: none;
}

ul.job_listings li.job_listing a {
    border-bottom: none;
    margin-bottom: var(--wp--preset--spacing--lg);
	background: var(--wp--preset--color--theme-primary-10);
    border-radius: var(--wp--preset--border-radius--md);
    padding: var(--wp--preset--spacing--lg);
}

ul.job_listings li.job_listing a:hover {
	background: var(--wp--preset--color--theme-primary-20);
}



/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.site-footer {
	margin:0;
	padding-top: 3rem;
	background-color: var(--wp--preset--color--theme-primary-10);
}

.page-contact .footer-contact {
	display: none;
}

.footer-meta {
	font-size:.8rem;
	padding: 20px 5px;
	text-align: center;
}

.footer-meta a {
	text-decoration: none;
}

.footer-meta .neglia {
	display: block;
	margin-top: 1rem;
}



/*--------------------------------------------------------------
Helper classes
--------------------------------------------------------------*/
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}



/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/
.wpcf7-form-control {
	margin-top:.5rem;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: none;
	border-radius:0;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    outline: none;
	box-shadow: none;
	text-shadow: none;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	-webkit-appearance: none;
	margin: 0 auto;
	
	position:relative;
	transition:all .5s;
	text-decoration:none;
	display:block;
	
	text-align:center;
	font-weight: 600;
	font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.037), 0.9rem);
	line-height:1.5;
    padding: 1.3em 2em;
	max-width:100%;
	color: #000000;
	background-color: var(--wp--preset--color--theme-primary);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	text-decoration:none;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: none;
}

input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="password"],
input[type="search"],
select,
textarea {
    width: 100%;
    border: 1px solid #DCDEE0;
    outline: none;
    background-color: #FFFFFF;
	border-radius: 10px;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
select:focus,
textarea:focus {
	outline: none!important;
}

input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="password"],
input[type="search"],
select {
    padding: 16px 20px;
}

textarea {
    padding: 18px 20px;
	overflow: auto;
}



/*--------------------------------------------------------------
Print
--------------------------------------------------------------*/
@media print {
	
	.site-header,
	.site-footer,
	.share-icons {
		display:none;
	}

}