@charset "UTF-8";


/* ===== Root Variables / Base Settings / Navigation ===== */

:root {
	--font2-ff: 'Barlow Condensed', sans-serif;
	--font2-fw: 400;
	--font2-ls: 0.02em;
	--font2-ws: 0.02em;
	--font2-clr: #444;
	--site-pad: 2.5rem;
	--bx-sh-p: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	--bx-sh-ii: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
	--black: #212529;																		/*	Text														*/
	--black-s: #555;																		/*	Selection Text Color										*/
	--blue: #1c77aa;																		/*	Nav Hover and Current Page + Underlined Links + Card Links	*/
	--blue-d: #145689;																		/*	Main Content Area Link Hover								*/
	--blue-l: #2d93e1;
	--blue-s: #d1e7f8;																		/*	Selection Background Color									*/
	--gray: #ccc;
	--gray-d: #bbb;
	--gray-l: #f5f5f5;
	--gray-r: #9a9da0;
	--orange: #ffc31f;																		/*	Breadcrumbs													*/
	--orange-d: #f2a71b;
	--purple: #652d90;
	--purple-l: #f8f4fc;
	--purple-m: #9758cb;
	--dvdr-color: #d2d2d2;
}


/* ===== Sticky Top + Scroll Padding ===== */

@supports ((position: -webkit-sticky) or (position: sticky)) {
	.sticky-top {
		top: 14rem;
	}
}


/* ===== Base Settings / Navigation ===== */

html {
	scroll-padding-top: 13.5rem;
	scroll-behavior: smooth;
}

body {
	color: var(--black);
}

a,
a:hover {
	color: var(--blue);
	text-decoration: none;
}

.main a {
	text-decoration: underline;
}

.main a:hover,
a.standard:hover {
	color: var(--blue-d);
	text-decoration: underline;
}

a.skip-main {
	color: var(--blue);
	left: -9999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -9999;
}

a.skip-main:focus,
a.skip-main:active {
    background: white;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: auto;
    margin: 10px;
    padding :5px;
    font-size: 1.4em;
    z-index: 9999;
}

a.standard-1 {
	text-decoration: underline !important;
}

a.faq-item-heading,
a.faq-item-heading:hover {
	text-decoration: none;
}

.side-nav-pnl {
	margin-bottom: 6rem;
}

.navbar-light .navbar-nav .nav-link,
.dropdown-item,
.sticky-top p,										/* -- Side Nav Section -- */
.side-nav li {
	font-family: var(--font2-ff);
	font-weight: var(--font2-fw);
	letter-spacing: var(--font2-ls);
	word-spacing: var(--font2-ws);
	color: #555;
}

.navbar-nav {
	margin-top: 0;
	margin-right: -0.95rem;
}

@media (max-width: 1233.98px) {
	.navbar-nav {
		margin-top: 1.3rem;
	}
}

.navbar-light .navbar-nav .nav-link,
.dropdown-item {
	font-size: 1.2rem;
	line-height: 1.35em;
}

.navbar-light .navbar-nav .nav-link {				/* -- Top Nav Link -- */
	font-size: 1.2rem;
}

.navbar-light .navbar-nav .nav-link:hover,			/* -- Hover -- */
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:active {
	color: var(--blue);
}

.navbar-light .navbar-nav .active > .nav-link,		/* -- Active -- */
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.show:hover,
.navbar-light .navbar-nav .show > .nav-link:hover {
	color: var(--blue) !important;
}

.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
	color: var(--font2-clr);
}

.dropdown-item,										/* -- Dropdown Link -- */
.navbar-nav .nav-link,
.nav .nav-link {
	text-transform: none;
}

.dropdown-item:hover,								/* -- Hover -- */
.dropdown-item:focus,
.dropdown-item:active {
	color: var(--blue);
}

.dropdown-item.active,								/* -- Active -- */
.dropdown-menu.show li {
	color: var(--blue-d);
}

nav.breadcrumb.fixed-top {
	z-index: 1025;
}


/* ----- Nav Shift ----- */

@media (min-width: 1234px) {
	.nav-right {
		text-align: right;
	}
	.dropright.shift .dropdown-menu {
		top: 0;
		right: 100%;
		left: auto;
		margin-top: 0;
		margin-right: 0.125rem;
	}
	.dropright.shift .dropdown-toggle::after {
		display: inline-block;
		margin-left: 0.255em;
		vertical-align: 0.255em;
		content: "";
	}
	.dropright.shift .dropdown-toggle::after {
		display: none;
	}
	.dropright.shift .dropdown-toggle::before {
		display: inline-block;
		margin-right: 0.255em;
		vertical-align: 0.255em;
		content: "";
		border-top: 0.3em solid transparent;
		border-right: 0.3em solid;
		border-bottom: 0.3em solid transparent;
	}
	.dropright.shift .dropdown-toggle:empty::after {
		margin-left: 0;
	}
	.dropright.shift .dropdown-toggle::before {
		vertical-align: 0;
	}
	.dropright.shift .dropdown-toggle-split::before {
		  margin-right: 0;
	}
}


/* ----- Mobile Nav ----- */

@media (max-width: 1233.98px) {
	.navbar-collapse.collapse.show {
		padding-bottom: 1.25rem;
	}
	.navbar.navbar-expand-xl.ml-auto.navbar-light.fixed-top {
		border-bottom: solid 1px var(--dvdr-color);
		margin-bottom: -1.25rem;
	}
}


/* ===== Breadcrumbs ===== */

.breadcrumb {
	padding: 2.75rem 0 1.25rem 0;
}

nav.breadcrumb .container .row {
	margin-top: 0.95rem;
}

.breadcrumb-item + .breadcrumb-item {
	padding-left: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
	padding-right: 0;
}

.breadcrumb-item {
	font-size: 1.02rem;
	font-family: var(--font2-ff);
	font-weight: var(--font2-fw);
	letter-spacing: var(--font2-ls);
	word-spacing: var(--font2-ws);
}

.breadcrumb-item a {
	color: var(--orange);
	padding: 0.5rem 0.7rem;
}

.breadcrumb-item a:hover {
	color: var(--gray-d);
}

.breadcrumb-item.active {
	color: var(--gray-d);
	padding: 0.5rem 0;
}

.breadcrumb-item.active::before {
	color: var(--gray-r);
	padding: 0 0.7rem 0 0;
}

@media (max-width: 767.98px) {
	.breadcrumb-item:not(.active) {
		display: none;
	}
}


/* ===== Side Nav ===== */

div.sticky-top p {
	font-size: 1.2rem;
	line-height: 1.3em;
	margin: 0.2rem auto -0.5rem auto;
}

.title::after {
	border-top-color: var(--gray);
}

ul.side-nav li {									/* -- Side Nav Links + Current Page -- */
	color: var(--blue);
	font-size: 1.02rem;
	line-height: 1.3em;
	margin: 0.9rem auto;
}

ul.side-nav li a {									/* -- Link -- */
	color: var(--font2-clr);
}

ul.side-nav li a:hover {							/* -- Hover -- */
	color: var(--blue);
}

li.nav-item a.nav-link {
	font-weight: 500 !important;
	color: #777 !important;
}

li.nav-item a.nav-link:hover {
	color: #1d86d0 !important;
}


/* ===== Anchors ===== */

a.anchor,
a.anchor:hover {
	font-weight: inherit;
	color: inherit;
	text-decoration: none;
}

.anchors a {
	text-decoration: none;
}

.anchors-partial a {
	color: inherit;
	text-decoration: none;
}

.anchors-partial a:hover {
	color: var(--blue-d);
	text-decoration: underline;
}


/* ===== Misc ===== */

::-moz-selection {
	background-color: var(--blue-s);
	color: var(--gray);
}

::selection {
	background-color: var(--blue-s);
	color: var(--gray);
}

.main {
	padding-bottom: 5rem;
}


/* ===== Cards ===== */

.act-card {
	margin-bottom: 5rem;
}

.act-card img {
	width: 100%;
}

.card img {
	box-shadow: none;
}

a .card-panel {
	display: block;
}

a:hover .card-panel {
	border: solid 1px var(--blue);
}

.card-panel img {
	box-shadow: none;
	width: 100%;
}

@media (max-width: 991.98px) {
	.card-panel a {
		padding-bottom: 0.5rem;
	}
}

.act-card p {
	padding-top: 1.1rem;
	font-family: var(--font2-ff);
	font-size: 1.25rem;
	font-weight: var(--font2-fw);
	letter-spacing: var(--font2-ls);
	word-spacing: var(--font2-ws);
	line-height: 1.3em;
	text-align: center;
}

.act-card a:hover p,
.tight a:hover {
	text-decoration: underline;
}

.card-title {
	font-size: 1.2rem;
	line-height: 1.35em;
}

.title-case,
.card-title a,
.act-card a {
	text-decoration: none;
}

a:hover .card-title,
.act-card a:hover {
	color: var(--blue);
}

.card {
	border-color: var(--gray);
}

div.card-body {
	margin-bottom: 0;
}

div.home h2 {
	font-size: 1.2rem;
	text-align: center;
}

@media (min-width: 992px) {
	.home {
		min-height: 8rem;
	}
	.yda {
		min-height: 31rem;
	}
	.pfa {
		min-height: 37rem;
	}
	.sel {
		min-height: 27rem;
	}
}

.card-panel.home div {
	padding: 1.6rem 1rem 0.6rem 1rem;
}

.card-panel {
	margin: 0 auto;
	max-width: 440px;
	background-color: #fff8f1;
	border: solid 1px #ddd;
	box-shadow: var(--bx-sh-p);
}

.card-panel div {
	padding: 2rem;
}

.card-panel h2 {
	margin-top: 0;
	font-size: 1.5rem;
	line-height: 2rem;
}

.card-panel p {
	color: #444;
	margin-bottom: 0;
}

.card-hdr-txt {
	margin-top: 0;
	font-size: 1.5rem;
}

.text-muted {
	color: #666 !important;
}

a.card:hover,
a.card:focus {
	border-color: var(--blue);
}


/* ===== Staff ===== */

.bio {
	margin: 4.8rem 0 -0.4rem 0;
}

.bio div {
	padding-left: 0;
	margin-left: 0;
}

.bio div:nth-child(2) {
	padding-left: 0;
	margin-left: 0;
}

@media (min-width: 768px) {
	.bio div:first-child {
		padding-right: 10rem;
	}
	.bio div:nth-child(2) {
		margin-left: -3.5rem;
		margin-right: -3.5rem;
		padding-left: 4rem;
	}
}

.bio div img {
	margin: 0.4rem 0 1.95rem 0;
}

.contact{
	line-height: 1.5rem;
}


/* ===== Spacing + Miscellaneous ===== */

.block {
	display: block;
}

.nav-link,
.dropdown-item {
	font-size: 0.95rem;
}

.dropdown-item {
	padding-bottom: 0.82rem;
}

@media (max-width: 1233.98px) {
    .dropdown-menu .dropdown-menu .dropdown-item {
        padding-left: 3.15rem;
    }
}

.divider {
	border-top: solid 1px var(--dvdr-color);
}

.navbar::before {
	border-bottom: none;
}

.navbar-collapse {
	flex-grow: 0;
}

.navbar-toggler {
	margin-left: auto;
	margin-right: -1.3rem;
}

@media (min-width: 1234px) {
	.navbar-expand-xl .navbar-collapse {
		margin-left: auto;
    }
}

.ft-divider {
	border-bottom: solid 1px #eaeaea;
}

.container {
	padding-right: var(--site-pad);
	padding-left: var(--site-pad);
}

.index-content {
	max-width: 1440px;
	padding-right: var(--site-pad);
	padding-left: var(--site-pad);
	margin-left: auto;
	margin-right: auto;
}

footer.section {
	padding: 4rem 0 3rem 0;
}

.footer-contact p {
	margin-bottom: -0.2rem;
}

@media (max-width: 1233.98px) {
	.navbar-expand-xl > .container,
	.navbar-expand-xl > .container-fluid,
	.navbar-expand-xl > .container-xl {
		padding-right: var(--site-pad);
		padding-left: var(--site-pad);
	}
}

@media (min-width: 992px) {
	.main {
		padding-left: 4.5rem;
		padding-right: 4.5rem;
	}
	.col-lg-10.main {
		padding-right: 4.5rem;
	}
}

.bullet-entry {
	margin: 1.7rem auto 3rem -0.2rem;
}

.flex-center {
	display: flex;
	justify-content: center;
}

.br p,
p.br {
	margin-bottom: 0.05rem;
}

p.br2 {
	margin-bottom: 0.75rem;
}

.br > p:first-child {
	font-size: 1.35rem;
	font-weight: 500;
	margin-bottom: -0.1rem;
}

.br > p:nth-child(2){
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: 1rem;
}

.card-br {
	margin-top: -2.5rem;
}

.text-row {
	margin-top: 6.5rem;
}

.large {
	font-size: 1.04rem;
}

.larger {
	font-size: 1.14rem !important;
	line-height: 1.4rem;
}

footer div.largest div.res-link a div,
footer p.largest {
	font-size: 1.25rem;
	line-height: 1.7rem !important;
}

footer.section {
	color: #bbb;
}

.small {
	font-size: 0.89rem;
	line-height: 1.4rem;
}

.smaller {
	font-size: 0.8rem;
	line-height: 1.2rem;
}

@media (max-width: 991.98px) {
	img {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 440px;
	}
}

.flat {
	box-shadow: none;
}

.fill {
	min-width: 100%;
	max-width: 100%;
}

.w85 {
	width: 85%;
	margin-left: auto;
	margin-right: auto;"
}

img,
iframe {
	box-shadow: var(--bx-sh-p);
}

iframe.iframe {
	box-shadow: var(--bx-sh-ii);
}

a.navbar-brand img {
	box-shadow: none;
}


/* ===== Calendars ===== */

.calendar {
	padding: 0.9rem 0 0.7rem 0;
	border-bottom: 1px solid var(--dvdr-color);
}

.event {
	margin-top: 4rem;
}

.event h3 {
	margin-top: 0;
}

.event img {
	width: 100%;
	max-width: 300px;
	height: auto;
}

@media (max-width: 991.98px) {
	.event img {
		text-align: left;
		margin-left: 0;
		margin-bottom: 2.5rem;
		max-width: 350px;
	}
}

.event p {
	margin-bottom: 1.45rem;
	line-height: 1.35rem;
}

.event p:first-of-type {
	margin-top: 1rem;
}

.event p:first-of-type,
.event p:nth-of-type(2) {
	margin-bottom: 0.35rem;
}


/* ===== Banners ===== */

.banner {
	padding: 2rem;
	margin: 11.5rem 0 0 0;
	width: 100%;
	height: 175px;
	background-position: 50% 50%;
	background-repeat: repeat;
	opacity: 1;
	vertical-align: middle;
}

.bot-ban {
	margin-top: 7rem !important;
	height: 50px !important;
}

h1.banner-text {
	font-family: 'Kalam', cursive;
	text-align: center;
	position: relative;
	top: calc(50% - 0.5rem);
	transform: translateY(-50%);
	font-size: 4.6rem;
	line-height: 5.1rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.95);
}

@media (max-width: 1119.98px) {
	.bt-sel h1.banner-text {
		font-size: 6.5vw;
		line-height: 7.25vw;
	}
}

@media (max-width: 799.98px) {
	.bt-adulthood h1.banner-text {
		font-size: 8.75vw;
		line-height: 10vw;
	}
}


/* ===== Homepage Sections ===== */

h1.banner-text span,
.index-content h1 span {
	white-space: nowrap;
	display: inline-block;
}

@media (max-width: 859.98px) {
	div.index-content h1 {
		font-size: 6vw;
		line-height: 7vw;
		text-align: right;
	}
}

.index-content h2 {
	font-size: 2.125rem;
	line-height: 2.65rem;
}

@media (max-width: 599.98px) {
	.index-content h2 {
		margin-top: 0.5rem;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.index-content .col {
		padding: 0.5rem;
	}
}


/* ----- Main ----- */

.home-sect-main {
	background-image: url(/assets/img/banners/pyd.png);
	padding: 17rem 0 12rem 0;
	min-height: 725px;
	max-height: 725px;
}

.home-sect-main .bg-overlay::before {
	opacity: 0;
}

.home-sect-main h1 {
	font-size: 3.25rem;
	line-height: 3.95rem;
	color: #8f4bc7;
	font-weight: 400;
}


/* ----- ACT ----- */

.home-sect-act {
	padding: 6rem 0 8rem 0;
}

.home-sect-act .index-content > div {
	padding: 0;
	margin: 0;
}

.home-sect-act img {
	width: 100%;
	max-width: 100%;
}

@media (min-width: 992px) {
	.home-sect-act .index-content > div:first-child {
		padding-right: 2.5rem;
	}
	.home-sect-act .index-content > div:nth-child(2) {
		padding-left: 2.5rem;
	}
}

@media (max-width: 991.98px) {
	.home-sect-act img {
		margin-bottom: 3.25rem;
	}
	.home-sect-act .index-content > div:first-child {
		-webkit-box-ordinal-group: 2;
		order: 2;
	}
	.home-sect-act .index-content > div:nth-child(2) {
		-webkit-box-ordinal-group: 1;
		order: 1;
	}
}


/* ----- MYE ----- */

.home-sect-mye {
 	padding: 0;
	background-image: url(/assets/img/banners/program-toolkit.png);
	background-position: 795px 0;
}

.home-sect-mye .bg-overlay::before {
	opacity: 0.15;
}

.home-sect-mye .index-content  {
	padding-right: 2.5rem;
 	padding-left: calc(0.5* (100vw - 80px));
	padding-top: 6.5rem;
	padding-bottom: 11rem;
}

@media (max-width: 599.98px) {
	.home-sect-mye .index-content  {
 		padding-left: 1rem;
		padding-right: 1rem;
		padding-top: 0.5rem;
		padding-bottom: 3rem;
	}
}

@media (min-width: 600px) and (max-width: 1039.98px) {
	.home-sect-mye .index-content  {
 		padding-left: 2.5rem;
		padding-top: 3rem;
		padding-bottom: 6.5rem;
	}
}

@media (min-width: 1440px) {
	.home-sect-mye .index-content {
 		padding-left: 680px;
		padding-top: 6.5rem;
		padding-bottom: 11rem;
	}
}


/* ----- SEL ----- */

.home-sect-sel {
	padding: 4.5rem 0 5.5rem 0;
}

@media (max-width: 599.98px) {
	.home-sect-sel .index-content  {
 		padding-left: 1rem;
		padding-right: 1rem;
		padding-top: 0.5rem;
		padding-bottom: 3rem;
	}
}


/* ----- AD ----- */

.home-sect-ad {
	padding: 0;
	background-image: url(/assets/img/banners/adolescence.png);
}

.home-sect-ad .bg-overlay::before {
	opacity: 0.2;
}

.home-sect-ad .index-content  {
	padding-left: 2.5rem;
 	padding-right: calc(0.5* (100vw - 80px));
	padding-top: 6.5rem;
	padding-bottom: 11rem;
}

@media (max-width: 599.98px) {
	.home-sect-ad .index-content  {
 		padding-left: 1rem;
		padding-right: 1rem;
		padding-top: 0.5rem;
		padding-bottom: 3rem;
	}
}

@media (min-width: 600px) and (max-width: 1039.98px) {
	.home-sect-ad .index-content  {
 		padding-right: 2.5rem;
		padding-top: 3rem;
		padding-bottom: 6.5rem;
	}
}

@media (min-width: 1440px) {
	.home-sect-ad .index-content {
 		padding-right: 680px;
		padding-top: 6.5rem;
		padding-bottom: 11rem;
	}
}

@media (max-width: 599.98px) {
	.home-btn-lg {
		display: none;
	}
}

@media (min-width: 600px) {
	.home-btn-sm {
		display: none;
	}
}


/* ----- Cards ----- */

.home-sect-cards {
	padding: 7rem 0 1rem 0;
}


/* ----- Providers ----- */

.home-sect-prov {
	margin-top: 1rem;
	padding: 4.5rem 0 2rem 0;
	background-image: url(/assets/img/banners/capp.svg);
	background-size: 2000px 768px;
	margin-bottom: 2.5rem;
}

.home-sect-prov .bg-overlay::before {
	opacity: 0.45;
}

.home-sect-prov img {
	max-width: 300px;
}

.mpc img {
	width: 100%;
	max-width: 240px;
	margin-bottom: 1rem;
}

@media (max-width: 767.98px) {
	.mpc img {
		margin-top: 0.3rem;
	}
}


/* ===== Notes ===== */

.note {
	margin: 3.8rem 0 4rem 0;
	padding: 1.5rem 2.5rem;
	background-color: #f1f1f1;
	box-shadow: var(--bx-sh-p);
}

.note-alt {
	margin: 5.75rem 0 5.35rem 0;
}

.note-header div:first-child {
	width: 2.75rem;
	vertical-align: top;
	padding-top: 1.2rem;
}

.note-header img {
	width: 2.75rem;
	box-shadow: none;
}

.note-header div:nth-child(2) {
	width: auto;
	padding-left: 1.5rem;
	vertical-align: top;
	padding-top: 1.4rem;
}

.title:after {
    display: none !important;
}

.note h2,
.note h3 {
	margin: 0rem auto 0.5rem auto;
}

.note h2 + p,
.note h3 + p {
	margin-top: -0.8rem;
}

.sub span {
	font-size: 1.25rem;
	font-weight: 400;
}


/* ===== Resources ===== */

.resources + h2 {
	margin-top: 4.5rem;
}

.resources + h3 {
	margin-top: 4.5rem;
	margin-bottom: 1.5rem;
}

.note .resources {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.note .resource {
	box-shadow: none;
	border: transparent;
	background-color: transparent;
	padding: 0;
	margin-bottom: 2.75rem;
}

.note .resource p:first-child {
	font-size: 1.04rem;
	margin-bottom: 0.3rem;
}

.resource p:first-child {
	font-size: 1.04rem;
}

.resource + h2 {
	margin-top: 4rem;
}

h2 + .resource {
	margin-top: 2rem;
}

h2.resource-int {
	margin: 0 0 1rem 0;
	padding: 0;
}

.resource {
	background-color: var(--gray-l);
	padding: 2rem 2rem 0.1rem 2rem;
	box-shadow: var(--bx-sh-p);
	margin: 1.5rem auto;
}

.right .resource {
	background-color: var(--purple-l);
	box-shadow: none;
	border: solid 1px var(--gray);
	border-top: none;
	box-shadow: 0 -10px 0 0 var(--purple);
	padding-bottom: 1.5rem;
	margin-bottom: 3rem;
	line-height: 1.45rem;
}

.right .resource p:first-child {
	font-size: 1.03rem;
}

.vid-txt p:first-child {
	font-size: 1.04rem;
	line-height: 1.63rem;
}

.right .resource a:hover {
	text-decoration: underline;
	color: var(--blue-d);
}

.resource-group {
	margin-top: 0.4rem;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.right .resource {
		padding: 1.2rem 1.13rem 0.1rem 1.13rem;
		font-size: 90%;
		line-height: 170%
	}
}

.resource-group .css-table-row p:first-child {
	color: #9c6b9e;
	border-top: solid 1px var(--gray);
	padding-top: 1.75rem;
	margin-bottom: 1rem;
}

.resource.mt-0.mb-7 + .resource {
	margin-top: -1.5rem !important;
}

.creator {
	font-size: 0.98rem;
}

.web-date {
	margin-top: -1.7rem;
	font-size: 0.98rem;
}

.panel-capp {
	line-height: 1.55rem;
	background-color: #eaeaf5;
	border: none;
	padding: 2rem;
	margin: 0 0 5.5rem 0;
	box-shadow: var(--bx-sh-p);
}

.panel-capp p:first-child {
	color: #9c6b9e;
	font-size: 1.15rem;
	line-height: 1.5rem;
	font-weight: 700;
}

.panel-capp a:hover {
	text-decoration: underline;
	color: var(--blue-d);
}


/* ===== FAQs ===== */

.faq-item {
	padding: 1.5rem 0;
}

a.faq-item-heading {
	color: var(--black);
	text-decoration: none;
}

a.faq-item-heading:hover {
	color: var(--black);
	text-decoration: none;
}

.faq-item-heading {
	margin: 0.6rem auto -0.5rem auto;
}

.faq-item-heading::before {
	background-color: #bb7ab7;
	font-size: 0.9375rem;
	line-height: 1.75
}

.faq-item-heading:hover::before {
	background-color: #09a9c9;
}

.faq-item-content-inner {
	color: var(--black);
	margin: 0rem 0 -1rem 0;
}

.acc-doc {
	margin-left: 2rem;
}

.acc-ind-1 {
	margin-left: 2rem;
}

.faq-item + .faq-item {
	border-top: 1px solid rgba(0, 0, 0, 0.12);
}


/* ===== Headings ===== */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	letter-spacing: 0;
}

h1 {
	font-size: 2.125rem;
}

h2 {
	font-size: 1.625rem;
}

h3 {
	font-size: 1.375rem;
	color: #6e1e69;
}

h1 {
	margin-bottom: 2rem;
	line-height: 2.8rem;
}

@media (max-width: 767.98px) {
	h1 {
		margin-top: 0;
		padding-top: 0;
	}
}

h2 {
	margin-top: 2.75rem;
	margin-bottom: 1rem;
	line-height: 2.3rem;
}

h3 {
	margin-top: 2.5rem;
	margin-bottom: 0.5rem;
}

h4 {
	margin-top: 2rem;
	margin-bottom: 0.6rem;
}

.hdr {
	font-size: 1.25rem;
	font-weight: 500;
	margin: 2rem auto 1.5rem auto;
}

.img-r {
	margin: 0.25rem auto 3.5rem auto;
}

@media (min-width: 768px) {
	.img-r {
		margin: 0.25rem 0 2rem 4rem;
		float: right;
	}
}

.img-r img {
	width: 100%;
}

h2 + .css-table {
	margin-top: 1.2rem;
}

h3 + .css-table {
	margin-top: 1rem;
}


/* ===== Lists ===== */

.disc {
	list-style-type: disc;
}

.circle {
	list-style-type: circle;
}

.no-bullet {
	list-style-type: none;
}

ul {
	margin-bottom: 1.6rem;
}

ul.footnote {
	margin: 4rem auto 0 0;
	padding-left: 10px;
	list-style-type: '* ';
}

ul.exp li:not(:first-child),
ol.exp > li:not(:first-child) {
	padding-top: 1rem;
}

ul.exp-alt li:not(:first-child),
ol.exp-alt > li:not(:first-child) {
	padding-top: 0.6rem;
}

ul.standard li {
	padding-top: 0 !important;
}

.short-list li {
	margin-bottom: 0;
}

.long-list > li {
	margin-bottom: 1rem;
}

.long-list li:last-child {
	margin-bottom: 1.5rem;
}

ol.refs {
	counter-reset: list;
}

ol.refs > li {
	list-style: none;
	position: relative;
	margin-top: 1.6rem;
	padding-left: 1.1rem;
}

ol.refs > li::before {
	content: "[" counter(list) "]";
	counter-increment: list;
	position: absolute;
	left: -3.9rem;
	width: 4rem;
	padding-right: 0.5rem;
	text-align: right;
}

.list-mb {
	margin-bottom: 2rem !important;
}

.refURLTxt {
   overflow-wrap: break-word;
}


/* ===== CSS Tables ===== */

.css-table {
	margin-top: -0.4rem;
	display: table;
	border: none;
	margin-bottom: 2rem;
	width: 100%;
}

.right .css-table {
	margin-top: 0.01rem;
	margin-bottom: 0.3rem;
}

.right .css-table .res-link div {
	padding-top: 0.25rem;
	padding-bottom: 1.3rem;
}

.css-table-res-list {
	display: table;
	border: none;
}

ol.res-list li {
	padding-left: 0.25rem;
	margin-bottom: 2.65rem;
}

ol.res-list ::marker {
	font-size: 1.04rem;
	font-weight: 500;
}

.css-table-body {
	display: table-row-group;
}

.css-table-row {
	display: table-row;
}

.css-table-row div {
	display: table-cell;
}

.res-link div {
	line-height: 1.45rem;
	padding-bottom: 0.45rem;
}

.res-link a {
	text-decoration: none;
}

.note .resource .css-table-row p:first-child {
	margin-top: 0.6rem;
}

.note .resource .css-table-row p:nth-child(2) {
	margin-bottom: 1.4rem;
}

.right .res-link div {
	line-height: 1.38rem;
	padding-bottom: 1.05rem;
}

.right .resource {
	padding-bottom: 1.3rem;
}

.right .resource p:nth-child(2) {
}

.right .tight .res-link div {
	padding-top: 0;
	padding-bottom: 0.6rem;
}

.webinars {
	width: 100%;
	margin: 2rem 0 5rem 0 !important;
}

.webinars .css-table-row div {
	padding: 0 1.2rem 1.2rem 0;
}

.grid-start div {
	border-top: solid 1px var(--gray);
	padding-top: 1.5rem !important;
}

.webinars .css-table-row div:nth-child(5) {
	width: 100%;
	padding-left: 0.85rem;
	padding-right: 0;
}

.webinars .css-table-body div:last-child div {
	border-bottom: solid 1px var(--gray);
}

.webinars a svg {
	margin-right: 0;
}

.webinars a {
	text-decoration: none;
}


/* ===== HTML Tables ===== */

table {
	margin: 2.25rem auto 2.25rem auto;
	border: none;
	border-spacing: 1px;
	border-collapse: collapse;
	box-shadow: var(--bx-sh-p);
}

th, td {
	padding: 14px;
	vertical-align: top;
}

th {
	border: none;
	background-color: var(--purple);
	color: #f6f6f6;
}

th.w15 {width: 15%;}
th.w20 {width: 20%;}
th.w30 {width: 30%;}
th.w40 {width: 40%;}
th.w60 {width: 60%;}

th {
	border-left: solid 1px var(--gray);
	border-right: solid 1px var(--gray);
}

th:first-child {
	border-left: solid 1px var(--purple);
	border-right: solid 1px var(--gray);
}

th:last-child {
	border-right: solid 1px var(--purple);
}

td {
	border: solid 1px var(--gray);
	background-color: var(--purple-l);
}

td:first-child {
	font-weight: 500;
}

.nw {
	white-space: nowrap;
}

p em {
	font-size: 1rem;
}

.right .resource p {
	margin-bottom: 1.3rem;
}

.tools {
	margin-left: 2.45rem;
}

em a {
	font-style: normal;
}

.basic {
	color: var(--black);
	text-decoration: none;
}

img.infographics {
	width: 100%;
	max-width: 180px;
}


/* ===== Site Search ===== */


/* ----- Navigation Icon ----- */

.order-custom-1 {
	margin-left: 1.75rem;
}

@media (min-width: 1234px) {
	.order-custom-1 {
		-webkit-box-ordinal-group: 1;
		order: 1;
	}
	margin-left: 2.75rem;
}

i.fa.fa-search {
    color: #777;
    font-size: 1.25rem;
	margin: 0.5rem 0 0 0;
}

i.fa.fa-search:hover {
	color: var(--blue-l);
}


/* ----- ExpertRec Search Form + Icon ----- */

.ci-search {
	margin: 3rem 0 15rem 0;
	height: 5rem;
}

button i.fa.fa-search {
	color: #bbb;
	font-size: 2rem;
	margin: 0 0 -0.1rem 0;
}

button i.fa.fa-search:hover {
	color: var(--blue-l);
}


/* ----- ExpertRec Search Results Layout ----- */

.ci-search.ci-results {
	margin-bottom: 5rem !important;
}

.er-top-head {
	border: none !important;
}

.er-search-result-box {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 2rem !important;
	padding-bottom: 2.25rem !important;
}

@media (max-width: 768px) {
	.er-top-head .er_search_results_count {
    	width: 100% !important;
		text-align: center !important;
		padding: 0.5rem 0 2.5rem 0 !important;
	}
	.er-search-result-box {
		margin: 0 2rem !important;
	}
}

#er_search_results .er-search-result-box .text.er-text {
	line-height: 1.4rem !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 3 !important;
	line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;
	height: auto !important;
	max-height: 4.3rem !important;
}

#er_facets.er-facets {
    width: 30% !important;
	max-width: 22rem !important;
	padding-top: 0.15rem !important;
}

#er_facets div.er-facet-header,
.er_gcs_facetSection_containerDiv .er-facet-header {
	border: none;
    margin: 1rem 0;
    padding: 0.6rem 0.8rem 0.2rem 0.8rem;
	background-color: #ddd;
    color: #444;
    font-size: 1.05rem;
	text-transform: uppercase;
    font-weight: bold;
}

.er-facet-label {
	text-transform: uppercase;
    font-weight: bold !important;
    color: #444;
}

#desk_type .er-facet-label {
	line-height: 1.2rem;
}

#mob_type .er-facet-label {
	line-height: 0.8rem;
}

.er-facet-val {
    font-weight: normal !important;
    color: #444;
}

@media (max-width: 768px) {
	.er_gcs_fixed_facets_btn {
		box-shadow: none !important;
		border-top: solid 1px #ddd;
    }
}

#search-result-input-form {
	padding-bottom: 0.75rem !important;
}

input#er_search_input {
	padding-top: 0.2rem !important;
}


/* ----- ExpertRec Search Results Icons ----- */

.clearInputBtn.fa.fa-times {
	display: none !important;
}

#search-result-input-form #er_search_button {
	margin: 0.14rem 4rem 0 -7rem !important;
}

#er_clear_input {
	margin: 0 0.2rem 0 auto !important;
	z-index: 10000 !important;
}

button#er_clear_input i.fa.fa-times::before {
	color: #bfbfbf !important;
	font-weight: 900 !important;
    font-size: 2.25rem !important;
	margin: 0.2rem 0 0 0 !important;
}

button#er_clear_input i.fa.fa-times:hover,
button#er_clear_input i.fa.fa-times:hover::before {
	color: var(--blue-l) !important;
}


/* ===== Database ===== */

/* ----- Search Form ----- */

@media (max-width: 767.98px) {
	.search > div:nth-child(2) {
		margin-top: 4rem;
	}
 	.srch-hdr-ftr div:nth-child(2) {
		margin-bottom: 3rem !important;
	}
}


/* ----- Results Toolbar ----- */

.toolbar a,
.toolbar a:hover {
	text-decoration: none;
}

.hide-links {
	visibility: hidden;
}

#rPageT,
#rPageB {
	color: var(--purple);
}

.srch-hdr-ftr div:nth-child(2) {
	text-align: right;
}

@media (max-width: 767.98px) {
	.srch-hdr-ftr div:nth-child(2) {
		text-align: left;
		margin-top: 0.5rem;
		margin-bottom: 2rem;
	}
}


/* ----- Results ----- */

.results {
	padding: 0.8rem 0 0.7rem 0;
	border-top: solid 1px var(--gray);
	border-bottom: solid 1px var(--gray);
	margin: 0.5rem 0 2.5rem 0;
}

.results p {
	margin: 0;
}

.pub-entry {
	margin-bottom: 2.4rem;
}

.pub-entry + .pub-entry {
	border-top: solid 1px var(--gray);
	padding-top: 2.5rem;
}

.pub-entry p {
	margin-bottom: 0;
}

.pub-entry p:first-child {
	font-size: 1.05rem;
}

p.pub-add {
	font-size: 0.97rem;
	font-weight: 500;
	margin-bottom: 0.15rem;
}

.pub-add + p {
	margin-bottom: 1.75rem;
}

@media (max-width: 767.98px) {
	.results div {
		text-align: center;
	}
	.toolbar {
		margin: 1rem auto;
	}
}

@media (min-width: 768px) {
	.results div:nth-child(2) {
		text-align: center;
	}
	.results div:nth-child(3) {
		text-align: right;
	}
}

.panel {
	padding: 0 0;
	margin: 0 auto;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.panel {
		margin: 0 6rem;
	}
}

@media (max-width: 1199.98px) {
	.panel-3 {
		display: none;
	}
}

@media (min-width: 1200px) {
	.panel-2 {
		display: none;
	}
}

@media (max-width: 991.98px) {
	.panel-2 {
		display: none;
	}
}

@media (min-width: 992px) {
	.panel-1 {
		display: none;
	}
}

@media (max-width: 991.98px) {
	.wide {
		display: none;
	}
}


/* ===== Buttons ===== */

a.custom,
button.btn.btn-outline-primary.custom {
	color: #f6f6f6;
	text-decoration: none;
	border-color: #90278e;
	background-color: #90278e;
	text-transform: uppercase;
	font-size: 0.85rem !important;
	font-weight: 500;
	line-height: 0.85rem !important;
	padding: 1.1rem 1.4rem 1rem 1.4rem !important;
	letter-spacing: 0.14rem !important;
	box-shadow: var(--bx-sh-p);
}

a.custom:hover,
button.btn.btn-outline-primary.custom:hover {
	color: #f6f6f6;
	text-decoration: none;
	border-color: #ba32b8;
	background-color: #ba32b8;
}

a.custom:active,
button.btn.btn-outline-primary.custom:active {
	color: #f6f6f6;
	text-decoration: none;
	border-color: #ff7f00;
	background-color: #ff7f00;
}

.bold {
	font-weight: 500 !important;
}

.bolder {
	font-weight: 900 !important;
}

ul ul {
	padding-top: 0.65rem;
	padding-bottom: 0.7rem;
}

ul.flush {
	margin-bottom: 0;
	padding-bottom: 0;
}

h2.accordion {
	font-size: 1.04rem;
	line-height: 1.75;
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 1.5rem;
}


/* ===== Text Input ===== */

.form-control {
	padding: 1.1rem 1.4rem 1rem 1.4rem;
}

.form-control.order-1 {
	border-left: solid 1px #dee2e6;
}

.form-control:focus {
	border: solid 1px #dee2e6;
}


/* ===== SVG Icons + Icon Lists ===== */

svg {
	margin-right: 0.7rem;
	margin-top: -0.22rem;
	height: 18px;
	width: auto;
}

svg.bi-file-pdf-fill {
	color: #de5a5b;
}

svg.bi-file-text-fill {
	color: #708fcf;
}

svg.bi-file-word-fill {
	color: #52a5e7;
}

svg.bi-file-excel-fill {
	color: #66bd90;
}

svg.bi-file-ppt-fill {
	color: #f59160;
}

svg.bi-arrow-up-right-square-fill {
	color: #bb7ab7;
}

svg.bi-arrow-down-left-square-fill {
	color: #09a9c9;
}

svg.bi-play-btn-fill {
	color: #8383c5;
}

.q-icon svg {
	height: 64px;
	width: auto;
	padding-left: 0;
	margin-left: -0.69rem;
	margin-bottom: 0.75rem;
}


/* ===== Quotes ===== */

.q-indent {
	margin: 4rem 6rem 4.5rem 6rem;
}

.q-indent p:nth-child(2) {
	font-size: 1.15rem;
}


/* ===== Footer ===== */

footer {
	color: #bbb;
}

footer .res-link a {
	color: #bbb;
}

footer .res-link a:hover {
	color: #cfcfcf;
	text-decoration: underline;
}

.footer-left {
	border-right: solid 1px #6c6c6c;
}

.update {
	margin-top: -0.4rem;
	line-height: 1.45rem;
}

footer p a {
	color: #bbb;
	text-decoration: none;
	border-bottom: solid 1px #888;
}

footer p a:hover,
footer p a:active {
	color: #bfbfbf;
	border-bottom: solid 1px #bfbfbf;
}

@media (max-width: 991.98px) {
	.footer-wide {
		display: none;
	}
	.fd-1, .fd-2, .fd-3 {
		border-top: solid 1px #555;
	}
	.fd-1 {
		margin-top: -2.1rem;
		padding-top: 4.25rem;
	}
	.fd-2 {
		margin-top: 0.7rem;
		padding-top: 3.75rem !important;
	}
	.fd-3 {
		margin-top: -0.7rem;
		padding-top: 3.75rem !important;
	}
}

@media (min-width: 992px) {
	.footer-narrow {
		display: none;
	}
}


/* ===== Vimeo ===== */

.vimeo {
	position: relative;
	padding: 0;
}

.iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.no-recording img {
	max-width: 100%;
}

.no-recording p {
	margin-top: 1.15rem;
	text-align: center;
}


/* ===== Google Maps ===== */

p.gm {
	margin: 2.5rem auto 0.75rem auto;
}

p.gm iframe {
	width: 100%;
	height: 380px;
	border: none;
}


/* ===== Accessibility ===== */

nav a:focus, 
nav button:focus {
	outline: none !important;
}

.keyboard-nav nav a:focus, 
.keyboard-nav nav button:focus {
	outline: 2px solid var(--blue-l) !important;
    outline-offset: 2px;
}

.keyboard-nav .breadcrumb a:focus, 
.keyboard-nav .breadcrumb button:focus, 
.keyboard-nav footer div#footer a:focus, 
.keyboard-nav footer div#footer button:focus {
	outline: 2px solid #fff !important;
    outline-offset: 9px;
}


/* ===== Misc ===== */

.adm-banners img {
	width: 300px;
}

.adm-cards img {
	width: 180px;
}

.adm-cards-cal {
	max-width: 100%; 
}

@media (max-width: 599.98px) {
	.adm-cards-cal {
		max-width: 300px; 
	}
}

.vid-right-cap {
	text-align: center;
	line-height: 1.45rem;
	margin-top: 1.05rem;
	margin-bottom: 0.5rem;
}

.vid-right-cap p:nth-of-type(2){
	margin-top: -1.15rem;
}

.vid-title {
	font-size: 1.47rem;
	font-weight: 500;
}

div.row.bio + h2 {
	margin-top: 6.75rem;
}

div.row.bio img {
	max-width: 120px;
	max-height: 160px;
}

@media (min-width: 768px) {
	.indent {
		margin-left: 5rem;
		margin-right: 5rem;
	}
}