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


body main .links_grid a:hover, body main .links_grid a:focus {
    background-color: var(--anthracitelightgrey);
    color: var(--anthracite)
}

body main .links_grid li {
    background-color: var(--primarygreen55percent);
}

body main .links_grid a{
    color: var(--white);

}
.page_president_index .captioned_image {
	float: left;
    margin-right: 2rem;
    width: 225px;
    margin-top: 0.5rem;
}

.xp_hero img {
    z-index: -1;
    width: 100%;
}

.page_president_index .xp_hero .info, .page_president_index .xp_hero .info a, .page_president_index .xp_hero .info a:visited{color: var(--white);}

.page_president_index .xp_hero {position: relative;}

.page_president_index .xp_hero .info {
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	width: 45%;
	padding: 4% 6% 4% 3%;
	font-size: 1.1rem;
	text-shadow: 1px 1px 5px var(--black);

	/* needed due to busy background on CTA photo; once we change the photo we may not need this */
	background: radial-gradient(at 0% 50%,var(--primarygreen55percent) 50%,transparent 70%);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.page_president_index #accreditation { clear: both; }

.news_inside {
	clear: both;
	float: left;
	box-sizing: border-box;
	width: 100%;
	padding: 0.4em 2em 2em;
	background-color: var(--anthracitelightgrey)
}

.page_story aside ul {
    font-size: 0.842em;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.page_story aside li { margin-bottom: 3px; }

.page_story aside li a:link, .page_story aside li a:visited {
    display: block;
    background-color: var(--anthracitelightgrey);
    padding: 0.4em 1em;
    text-decoration: none;
    color: var(--anthracite);
}

.page_story aside li a:hover {
    color: var(--secondarygreen9);
}


.sticky {
    display: block;
    width: 100%;
    position: fixed !important;
    bottom: 1rem;
    left: 0;
    top: unset;
    text-align: center;
    background-color: var(--secondarygreen10);
    height: 13vh;
    clear: none;
    padding-top: 3vh;
}

.sticky a {
    position: relative;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    background-color: var(--primarygreen);
    color: var(--white);
    text-decoration: none;
    padding: 0.3em 0.6em;
    border-radius: 10px;
    margin-left: 1em;
    margin-right: 1em;
}

.sticky a:hover {color: var(--white)!important;}
.page_the-seven-schools .grid p:nth-child(3n), .page_the-seven-schools .grid2 p:nth-child(2n), .page_the-seven-schools .full_width .grid p:nth-child(4n) {
    text-align: left;
}
.page_the_seven_schools  .grid2 {

    margin-bottom: 1.5rem;
}

.honoraries > div:nth-child(odd) { border-top:1px solid var(--anthracite15percent); padding-top:1rem; }
.honoraries > div:nth-child(even) { font-size:.8em; padding-bottom:1rem; margin-left:1.4rem; }
h4 { margin:0; }

@media only screen and (min-width: 981px) {
	.news_inside { min-height: 25rem; }
}

@media only screen and (max-width: 760px) {
	.sticky {height: 16vh; }
}


@media only screen and (max-width: 580px) {
	.page_president_index .xp_hero .info {font-size: 0.8rem; top: 50%; width: 50%;}
	.sticky {height: 22vh; padding-bottom: 3vh; padding-top:0;}
	.sticky strong {display: block; margin-bottom: 0.5em;  margin-top: 0.5em;}
	.sticky a {display: block; max-width: 60%; margin: 0 auto;}
}

@media only screen and (max-width: 480px) {
	.page_president_index .captioned_image {float: none;}
	.page_president_index .xp_hero .info {font-size: 0.6rem; top: 47%; padding: 0 2%;}
	.news_inside { padding-left: 4%; padding-right: 4%; }
}