/***
SI Red: #A71930 - rgb(167, 25, 48) 
SI Blue: #002664 - rgb(0, 38, 100)
***/


:root {
  --si-red: #A71930;
  --si-blue: rgb(0, 38, 100);
  --si-matrix-bkgd: rgb(240,248,255); /* aliceblue */
  --si-matrix-bkgd-rgb-val: 240,248,255;
  --si-gold: #eac331;
  --si-silver: #a6afac;
  --si-med-blue: #20638e;
  --si-lt-blue: #80d0d7;
  --si-green: #7ea655;
  --si-orange: #e89224;
}

/* new families header video */
body:not(.fsComposeMode).home .hero article:before {
    background: linear-gradient(0deg,rgba(0,0,0, 0),rgba(0,0,0,.2) 100%); /* adds a little gradient, mostly behind the nav */
    /* background: initial; */
}
body:not(.fsComposeMode).home .hero footer {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #fff;
    width: 35px;
    height: 35px;
    border: 0;
    border-radius: 100%;
    color: rgba(0,0,0,0);
    overflow: hidden;
    z-index: 4;
}
.control-toggle { /* moves pause button to left */
    left: 20px;
}
body:not(.fsComposeMode).home .hero footer:hover {
    background: var(--si-red);
    color: #fff;
}
body:not(.fsComposeMode).home .hero footer .fsElementFooterContent,
body:not(.fsComposeMode).home .hero footer .fsElementFooterContent div {
	margin-top: 0;	
    height: 100%;
    width: 100%;
    color: var(--si-red);
}
body:not(.fsComposeMode).home .hero footer .fsElementFooterContent div:hover {
	color: #fff;
}
body:not(.fsComposeMode).home .hero footer .fa-icon:after {
	content: "\f063";
    width: 100%;
    height: 100%;
    text-align: center;
    color: inherit;
    font-size: 25px;
    line-height: 35px;
}
body:not(.fsComposeMode).home .hero footer a {
    position: absolute;
    height: 100%;
    width: 100%;
    text-decoration: none;
}
@media (min-width: 1000px) {
	body:not(.fsComposeMode).home .hero footer {
		bottom: 50px;
		right: 50px;
		width: 50px;
		height: 50px;
	}
	.control-toggle {
		left: 50px;
	}
}

/* Alert banner */
.alert-banner {
	position: relative;
	height: 100%;
	background-color: var(--si-red);
	color: white;
	padding: 15px;
	text-align: center;
	transition: transform .25s;
	z-index: 99;
	
	padding: 10px 15px;
	margin-bottom: 0;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font-size: .75rem;
    line-height: 30px;
}
body.fsAccountBarVisible.alert .alert-banner {
    top: 45px;
}
.alert-banner.blue {
	background-color: var(--si-blue);
}
.alert-banner a {
	color: white;
	font-weight: 700;
	font-size: .75rem;
    line-height: 30px;
}
body.alert #fsHeader .fsBanner {
	top: 50px;
}
body.fsAccountBarVisible.alert #fsHeader .fsBanner {
	top: 95px;
}
@media (min-width: 600px) {
	.alert-banner {
		font-size: .875rem;
	}
	.alert-banner a {
		font-size: .875rem;
	}
}
@media (min-width: 1000px) {
	.alert-banner {
		font-size: 1rem;
	}
	.alert-banner a {
		font-size: 1rem;
	}
}

/* header background */
#fsHeader .fsBanner.current-family {
	background: var(--si-red);
}
.fsElement.header-bg-image {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    margin-bottom: 0;
    z-index: -1;
	opacity: .4;
}
.fsElement.header-bg-image.white{
	opacity: .2;
}
.fsElement.header-bg-image.black{
	opacity: .4;
}
.fsElement.fsResourceElement.header-bg-image img {
    object-fit: cover;
    width: 100%;
    height: 70px;
    object-position: 50% 21%;
}
/* increase size of nav fonts */
.nav-main .fsNavLevel1>li>a {
	font-size: 1rem;
	padding: 0.875em 11px 10px;
}
.nav-utility-header .fsNavLevel1 li a {
	font-size: .875rem;
}

/* changes the underline on the CF site header from red to blue */
#fsHeader .fsBanner.current-family .nav-utility-header .fsNavLevel1 li.current-family a:after, 
#fsHeader .fsBanner.current-family .nav-utility-header .fsNavLevel1 li a:focus:after, 
#fsHeader .fsBanner.current-family .nav-utility-header .fsNavLevel1 li a:hover:after,
#fsHeader .fsBanner.current-family .nav-main .fsNavLevel1>li>a:focus:after,
#fsHeader .fsBanner.current-family .nav-main .fsNavLevel1>li:hover>a:after,
#fsHeader .fsBanner.current-family .nav-main .fsNavLevel1>li[class*=fsNavCurrentPage]>a:after,
#fsHeader .fsBanner.current-family .nav-quicklinks .fsNavLevel1>li>a:focus:after,
#fsHeader .fsBanner.current-family .nav-quicklinks .fsNavLevel1>li>a:hover:after {
    background: var(--si-blue);
}
.fsMenu.current-family .fsNavigation .expanded>.expander:before,
.fsMenu.current-family .fsNavigation .expander:focus:before, 
.fsMenu.current-family .fsNavigation .expander:hover:before {
    color: var(--si-blue);
}
#fsHeader .fsBanner.current-family .nav-main .fsNavPageInfo,
#fsHeader .fsBanner.current-family .fsSearchElement.site-search,
#fsHeader .fsBanner.current-family .nav-quicklinks .fsNavPageInfo,
#fsHeader .fsBanner.current-family .mobile-header,
#fsHeader .fsBanner.current-family .mobile-quicklinks-container,
#fsHeader .fsBanner.current-family .search-container,
.fsMenu.current-family,
.fsMenu.current-family .nav-main-mobile .fsNavLevel1>li .fsNavLevel2 {
	background: var(--si-red);
}
.fsMenu.current-family {
	margin-bottom: 0;
	padding-bottom: 20px;
}
html:not(.js) .nav-main .fsNavLevel1>li:not(.fsNavParentPage)>.fsNavPageInfo {
	background: green;
	display: none;
}

/* set up for different logos/crests on different sites */
#fsHeader .fsBanner .site-info-container a:before {
	background-position-y: 50%;
	background-position-x: 0%;
	background-size: initial;
	background-repeat: no-repeat;
}
/* si crest */
#fsHeader .fsBanner.new-family .site-info-container a:before,
#fsHeader .fsBanner.current-family .site-info-container a:before,
#fsHeader .fsBanner.faculty .site-info-container a:before {
	background-image: url(../images/logo2.svg);
}
/* alumni crest */
#fsHeader .fsBanner.alumni .site-info-container a:before {
	background-image: url(images/alumnicrest2.png);
}
/* fsa crest */
#fsHeader .fsBanner.academy .site-info-container a:before {
    background-image: url(images/fsacrest.png);
    background-image: url(images/fsacrestnew3.png);
    background-image: url(images/fsacrestnew4.png);
    background-image: url(images/fsacrestnew5.png);
}

/* navigation */
.nav-main.nav-no-img .fsNavPageInfo {
    width: 645px;
}
.nav-main.nav-no-img .fsNavPageInfo .fsNavPageThumbnail {
    display: none;
}
.nav-main.nav-no-img .fsNavPageInfo .fsNavLevel2 {
    width: 100%;
}


.nav-sub-horizontal .fsNavLevel1 li.fsNavCurrentPage a:after,
.nav-sub-horizontal .fsNavLevel1 li.fsNavCurrentPageAncestor a:after,
.fsNavigation.sub-nav-plus li.fsNavCurrentPage>a:after,
.fsNavigation.sub-nav-plus li.fsNavCurrentPageAncestor>a:after {
    background: #002664;
}
/* 
.nav-sub-horizontal.line2>header {
    display: inline-block;
}
 */
.nav-sub-horizontal.line1 {
    margin-bottom: 0;
}
.nav-sub-horizontal .fsNavLevel1 {
/* 	padding-bottom: 10px; */
}
.nav-sub-horizontal.line1 .fsNavLevel1:after {
	display:none;
}
.nav-sub-horizontal.line2 ul::before {
	content:"In this section:";
    font-weight: 700;
    font-size: .9375rem;
    line-height: 1.2;
	margin-right: 10px;
	padding: 11px 0;
}

/* sub sub nav  */
/* 
.sub-nav-plus {
    font-size: .875rem;
    line-height: 125%;
    color: #002664;
    font-weight: 700;
	margin-top: -20px;
}
.sub-nav-plus h2 {
    display: none;
}
.sub-nav-plus .fsElementContent {
}
.sub-nav-plus ul {
	display: flex;
}
.nav-sub-horizontal.sub-nav-plus .fsNavLevel1 {
    padding-bottom: 5px;
}
.sub-nav-plus ul::before {
	content:"In this section:";
    line-height: unset;
    font-size: 1rem;
	color: #242424;
	margin-right: 10px;
	padding: 11px 0;
}
.sub-nav-plus ul li {
}
.fsNavigation.sub-nav-plus li.fsNavCurrentPage>a, 
.fsNavigation.sub-nav-plus li.fsNavCurrentPageAncestor>a {
    color: #373737;
}

.sub-nav-plus a {
	position: relative;
	font-size: inherit;
    line-height: inherit;
	padding: 11px 15px;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.2;
    color: #373737;
    text-decoration: none;
}
.fsNavigation.sub-nav-plus li a:after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    height: 2px;
    width: 100%;
    background: rgba(0,0,0,0);
    transition: background .3s;
}
.fsNavigation.sub-nav-plus li a:hover:after {
	background: #002664;
}
 */

/* new families distinctions */
body:not(.fsComposeMode) .our-distinctions button span:before {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-light);
}
body:not(.fsComposeMode) .our-distinctions .icon-fa-academics button span:before {
    content: "\f5da";
}
body:not(.fsComposeMode) .our-distinctions .icon-fa-community button span:before {
    content: "\f0c0";
}
body:not(.fsComposeMode) .our-distinctions .icon-fa-faith button span:before {
    content: "\f51d";
}
body:not(.fsComposeMode) .our-distinctions .icon-fa-justice button span:before {
    content: "\f24e";
}
body:not(.fsComposeMode) .our-distinctions .icon-fa-arts button span:before {
    content: "\f630";
}
body:not(.fsComposeMode) .our-distinctions .icon-fa-athletics button span:before {
    content: "\f70c";
}

/* quicklinks */
.fsContent.nav-quicklinks ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fsContent.nav-quicklinks .fsElementContent>ul>li {
    position: relative;
	margin: 0 0 0 25px;
}
.fsContent.nav-quicklinks .fsElementContent>ul>li:hover>ul {
    opacity: 1;
    pointer-events: all;
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    transition: all .3s ease-out .2s;
}
.fsContent.nav-quicklinks .fsElementContent>ul>li>a {
    position: relative;
    text-transform: capitalize;
    font-weight: 700;
    font-size: .9375rem;
    line-height: 1;
    padding: 15px 0 10px;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.fsContent.nav-quicklinks .fsElementContent>ul>li>a:before {
    content: "\E90B";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: 7px;
    color: #fff;
    z-index: 1;
    margin-right: 10px;
}
.fsContent.nav-quicklinks .fsElementContent>ul>li>a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: rgba(0,0,0,0);
    transition: background .3s;
}
	/* nav level2 */
.fsContent.nav-quicklinks .fsElementContent>ul>li>ul {
    padding: 47px 75px 57px;
    width: 100%;
    min-height: 320px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    order: 1;
    text-align: left;
    width: 645px;
    z-index: 300;
    filter: drop-shadow(0 15px 15px rgba(0,0,0,.1));
    position: absolute;
    top: 100%;
    right: 0;
    opacity: 0;
    clip-path: polygon(0 0,100% 0,100% 0,0 0);
    transition: all .3s ease-out;
    background: var(--si-blue);
}
#fsHeader .fsBanner.current-family .fsContent.nav-quicklinks .fsElementContent>ul>li>ul {
    background: var(--si-red);
}
.fsContent.nav-quicklinks .fsElementContent>ul>li>ul>li {
    width: calc(50% - 17.5px);
    border-bottom: 1px solid hsla(0,0%,100%,.5);
}
.fsContent.nav-quicklinks .fsElementContent>ul>li>ul>li:last-child, 
.fsContent.nav-quicklinks .fsElementContent>ul>li>ul>li:nth-last-child(2) {
    border-bottom: 0;
}
.fsContent.nav-quicklinks .fsElementContent>ul>li>ul>li>a {
    padding: 22px 0;
    display: block;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
}
/* mobile quicklinks */
.mobile-quicklinks-container .fsContent.nav-quicklinks .fsElementContent ul {
    padding: 0;
    position: initial;
    display: block;
    width: initial;
    opacity: initial;
    top: initial;
    right: initial;
    filter: none;
    clip-path: initial;
    z-index: initial;
    min-height: unset;
}
.mobile-quicklinks-container .fsContent.nav-quicklinks .fsElementContent a {
    position: relative;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1;
    text-transform: capitalize;
    color: #fff;
    padding: 10px 0;
    text-decoration: none;
	display: block;
	width: 100%;

}
.mobile-quicklinks-container .fsContent.nav-quicklinks .fsElementContent>ul>li>a {
    pointer-events: none;
}
.mobile-quicklinks-container .fsContent.nav-quicklinks .fsElementContent>ul>li>a:before,
.mobile-quicklinks-container .fsContent.nav-quicklinks .fsElementContent>ul>li>a:after {
	display: none;
}
.mobile-quicklinks-container .fsContent.nav-quicklinks .fsElementContent>ul>li>ul>li {
    width: 100%;
    border: none;
}
.mobile-quicklinks-container .fsContent.nav-quicklinks .fsElementContent>ul>li>ul>li>a {
/* 
    position: relative;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1;
    text-transform: capitalize;
    color: #fff;
    text-decoration: none;
    padding: 10px 0;
 */
    padding-left: 10px;
}
.mobile-quicklinks-container .fsContent.nav-quicklinks .fsElementContent>ul>li>ul>li>a:hover,
.mobile-quicklinks-container .fsContent.nav-quicklinks .fsElementContent>ul>li>ul>li>a:focus {
	text-decoration: underline;
    color: #fff;
}

/* for non specialized areas of a home page with a hero image */
.home .home-content-container {
    background: white;
    padding: 30px;
    margin-bottom: 0;
}


/* list links */
.list-links {
    font-family: Montserrat,sans-serif;
    font-size: .875rem;
    line-height: 125%;
    color: #002664;
    margin-bottom: inherit;
    display: block;
    margin-right: 5px;
    font-weight: 700;
}
.list-links li {
	margin-bottom: 14px;
}
.list-links a {
	color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}
.list-links a:hover {
}

/* images */
.fsImage.fsStateFloatRight,
.fsImageCaptioned.fsStateFloatRight,
img.fsStateFloatRight,
.fsImage.fsStateFloatLeft,
.fsImageCaptioned.fsStateFloatLeft,
img.fsStateFloatLeft {
	margin-right: 0;
    margin-bottom: 10px;
	width: 100%;
	text-align: center;
}
.fsImageCaptioned.fsStateFloatRight,
.fsImageCaptioned.fsStateFloatLeft {
    border: 1px solid #cccccc;
}
figcaption p {
    margin-bottom: 5px;
    width: 90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    font-style: italic;
}

/* icons */
.fa-icon::before,
.fa-icon::after {
/* 
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
    font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
    speak: none;
	font-family: "Font Awesome 6 Pro"; 
	font-weight: 900; 
 */
	
    color: #000;
    font: var(--fa-font-solid);
	display: inline-block;
    text-rendering: auto;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}
.fa-icon.brands::before,
.fa-icon.brands::after {
/* 
	font-family: "Font Awesome 6 Brands"; 
	font-weight: 400; 
 */
	font: var(--fa-font-brands);
}
.fa-icon.before::before {
	margin-right: 10px;
}
.fa-icon.after::after {
	margin-left: 10px;
}

.fa-icon.twitter.before::before,
.fa-icon.twitter.after::after {
/*     content: "\f099"; */
/*     color: #00acee; */
    content: "\e61b";
	color: black;
}
.fa-icon.facebook.before::before,
.fa-icon.facebook.after::after {
	content: "\f09a";
    color: #4267B2;
}
.fa-icon.youtube.before::before,
.fa-icon.youtube.after::after {
	content: "\f167";
    color: #FF0000;
}
.fa-icon.instagram.before::before,
.fa-icon.instagram.after::after {
    content: "\e055";
	color: initial;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	-webkit-background-clip: text;
 /* Also define standard property for compatibility */
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.fa-icon.email.before::before,
.fa-icon.email.after::after {
    content: "\f0e0";
}
.fa-icon.phone.before::before,
.fa-icon.phone.after::after {
    content: "\f095";
}
.fa-icon.addressbook.before::before,
.fa-icon.addressbook.after::after {
    content: "\f2b9";
}
.fa-icon.images.before::before,
.fa-icon.images.after::after {
/*     content: "\f302"; */
	content: "\f030";

}
.fa-icon.images.athletics.before::before,
.fa-icon.images.athletics.after::after {
    color: var(--si-red);
}
.fa-icon.ticket.before::before,
.fa-icon.ticket.after::after {
    content: "\f145";
}
.fa-icon.ticket.athletics.before::before,
.fa-icon.ticket.athletics.after::after {
    color: var(--si-blue);
}


.fa-icon.sportsball.before::before,
.fa-icon.sportsball.after::after {
    content: "\e44b";
}
.fa-icon.question.before::before,
.fa-icon.question.after::after {
    content: "\3f";
}
/* timeline */
.fa-icon.calendar-days.before::before,
.fa-icon.calendar-days.after::after {
    content: "\f073";
}
/* learn */
.fa-icon.comment-question.before::before,
.fa-icon.comment-question.after::after {
    content: "\e14b";
}
/* visit */
.fa-icon.location-dot.before::before,
.fa-icon.location-dot.after::after {
    content: "\f303";
}
/* apply */
.fa-icon.pencil.before::before,
.fa-icon.pencil.after::after {
    content: "\f303";
}
.fa-icon.hands-holding-child.before::before,
.fa-icon.hands-holding-child.after::after {
    content: "\e4fa";
}
.fa-icon.cards-blank.before::before,
.fa-icon.cards-blank.after::after {
    content: "\e4df";
}
.fa-icon.scale-balanced.before::before,
.fa-icon.scale-balanced.after::after {
    content: "\f24e";
}
/* powerschool */
.fa-icon.school.before::before,
.fa-icon.school.after::after {
    content: "\f549";
}
.fa-icon.book-open-reader.before::before,
.fa-icon.book-open-reader.after::after {
    content: "\f5da";
}
.fa-icon.building-columns.before::before,
.fa-icon.building-columns.after::after {
    content: "\f19c";
}
.fa-icon.user-graduate.before::before,
.fa-icon.user-graduate.after::after {
    content: "\f501";
}

.fa-icon.books.before::before,
.fa-icon.books.after::after {
    content: "\f5db";
}
.fa-icon.book-copy.before::before,
.fa-icon.book-copy.after::after {
    content: "\e0be";
}
.fa-icon.book-heart.before::before,
.fa-icon.book-heart.after::after {
    content: "\f499";
}
.fa-icon.tablet-screen.before::before,
.fa-icon.tablet-screen.after::after {
    content: "\f3fc";
}


/* infographic buttons */
body:not(.fsComposeMode) .fsFourColumnLayout.infographic-button-grid, 
body:not(.fsComposeMode) .fsThreeColumnLayout.infographic-button-grid, 
body:not(.fsComposeMode) .fsTwoColumnLayout.infographic-button-grid {
    margin-right: -10px;
    margin-left: -10px;
}
body:not(.fsComposeMode) .fsFourColumnLayout.infographic-button-grid .fsDiv, 
body:not(.fsComposeMode) .fsThreeColumnLayout.infographic-button-grid .fsDiv, 
body:not(.fsComposeMode) .fsTwoColumnLayout.infographic-button-grid .fsDiv,
body:not(.fsComposeMode).landing-page .fsFourColumnLayout.infographic-button-grid .fsDiv, body:not(.fsComposeMode).landing-page .fsThreeColumnLayout.infographic-button-grid .fsDiv, body:not(.fsComposeMode).landing-page .fsTwoColumnLayout.infographic-button-grid .fsDiv {
    padding-right: 0;
    padding-left: 0;
    max-height: 287px;
}
body:not(.fsComposeMode) .infographic-button-grid .infographic-button {
    height: 100%;
}
body:not(.fsComposeMode) .infographic-button h2 {
	margin-bottom: 0;
}
.infographic-button.fa-icon::before,
.infographic-button.fa-icon::after {
    width: 70px;
    height: 70px;
    line-height: 70px!important;
    border-radius: 100%;
    color: #fff;
    background: #a71930;
    font-size: 2rem!important;
    margin-bottom: 40px;
    margin-right: 0;
}

/* make all FS box elements match our rounded corner style */
body:not(.fsComposeMode) .calendar-container,
body:not(.fsComposeMode) .news-posts,
body:not(.fsComposeMode) .infographic-button,
body:not(.fsComposeMode) .parent-clubs-container,
body:not(.fsComposeMode) .resource-links,
body:not(.fsComposeMode) .information-container,
body:not(.fsComposeMode) .contact-form {
    border-radius: 10px;
}


/* content cards */
.fsElement.card-container {
    margin-bottom: 30px;
}
.card-container .callout-box,
.callout-box {
    border-radius: 10px;
}
.callout-box {
    box-shadow: 0 5px 5px rgba(0,0,0,.05);
    border: 1px solid #cfcfcf;
    overflow: hidden;
    margin-bottom: 0;
    height: 100%;
}

/* lunch menus */
body:not(.fsComposeMode) .information-container .fsElementContent .fsBody h2 {
	line-height: 100%;
    color: #002664;
    font-size: 1.0625rem;
    width: 44%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}
body:not(.fsComposeMode) .information-container .fsElementContent .fsBody p {
    display: inline-block;
    width: 54%;
    font-size: .875rem;
    line-height: 125%;
    color: #373737;
}

/* news page */
.news-page.main-page .news-post-feature-medium.fsPostElement,
.news-page.main-page .news-post-feature-large.fsPostElement {
    padding: 10px 20px;
    border: 1px solid #cccccc;
	margin-bottom: 20px;
	border-radius: 10px;
}
.news-page.main-page .news-post-feature-large.fsPostElement article {
	line-height: 24px;
}
.news-page.main-page .news-post-feature-large.fsPostElement .fsTitle {
    color: #A71930;
    font-size: 26px;
    line-height: 42px;
    font-family: "Bitter", serif;
}

/* post lists, side, wide, and small features */
/*hr*/
.news-page .news-post-list-wide.fsPostElement article,
.news-page .news-post-feature-small.fsPostElement article,
.news-page .news-post-list-side.fsPostElement.fsList article {
	margin-bottom: 30px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
}
/*h2*/
.news-page .news-post-list-side.fsPostElement.fsList > header h2.fsElementTitle,
.news-page .news-post-list-wide.fsPostElement.fsList > header h2.fsElementTitle {
/* 	color: #A71930; */
}
.news-page.single-page .news-post-list-side.fsPostElement.fsList > header h2.fsElementTitle {
	margin-bottom: 15px;
    margin-top: 30px;
}

/*thumb*/
.news-page .news-post-list-wide.fsThumbnailLarge.fsPostElement .fsThumbnail,
.news-page .news-post-feature-small.fsThumbnailLarge.fsPostElement .fsThumbnail,
.news-page .news-post-feature-medium.fsThumbnailLarge.fsPostElement .fsThumbnail,
.news-page .news-post-feature-large.fsThumbnailLarge.fsPostElement .fsThumbnail,
.news-page .news-post-list-side.fsThumbnailSmall.fsPostElement .fsThumbnail,
.siThumbnailFull.fsThumbnailSmall.fsPostElement .fsThumbnail {
    max-width: initial;
    text-align: center;
    margin-bottom: 10px;
}
/*thumb border*/
.news-page .news-post-list-wide.fsThumbnailLarge.fsPostElement .fsThumbnail img,
.news-page .news-post-feature-small.fsThumbnailLarge.fsPostElement .fsThumbnail img,
.news-page .news-post-list-side.fsThumbnailSmall.fsPostElement .fsThumbnail img {
	border: 1px solid #ccc;
/* 	box-shadow: 0px 0px 0px 1px #ccc; */
}
/*title*/
.news-page .news-post-list-wide.fsPostElement .fsTitle,
.news-page .news-post-feature-small.fsPostElement .fsTitle,
.news-page .news-post-list-side.fsPostElement .fsTitle {
    font-size: 18px;
    line-height: 22px;
}
/*title a*/
.news-page .news-post-list-wide.fsPostElement .fsTitle a,
.news-page .news-post-feature-small.fsPostElement .fsTitle a,
.news-page .news-post-list-side.fsPostElement .fsTitle a {
    color: #002664;
}
/*date*/
.news-page .news-post-list-wide.fsPostElement .fsDateTime,
.news-page .news-post-feature-small.fsPostElement .fsDateTime,
.news-page .news-post-list-side.fsPostElement .fsDateTime {
	font-size: 14px;
}
.news-page .news-post-list-wide.fsPostElement .fsDateTime span.fsDay::after,
.news-page .news-post-feature-small.fsPostElement .fsDateTime span.fsDay::after,
.news-page .news-post-list-side.fsPostElement .fsDateTime span.fsDay::after {
	content: ",";
}
/*summary*/
.news-page .news-post-list-wide.fsPostElement .fsSummary p,
.news-page .news-post-feature-small.fsPostElement .fsSummary p,
.news-page .news-post-list-side.fsPostElement .fsSummary p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
}
/*readmore*/
.news-page .news-post-list-wide.fsPostElement a.fsPostLink.fsReadMoreLink,
.news-page .news-post-feature-small.fsPostElement a.fsPostLink.fsReadMoreLink,
.news-page .news-post-list-side.fsPostElement a.fsPostLink.fsReadMoreLink {
    font-size: 14px;
}
body:not(.fsComposeMode).news-page .news-post-list-wide.fsPostElement>footer .fs_style_65 {
    color: #002664;
    margin-top: 0;
}

/* news story single page */
/* 
.news-page.single-page .news-post-single.fsPostElement .fsTitle {
	color: #A71930;
	font-size: 32px;
	line-height: 42px;
	margin-bottom: 20px;
	font-family: "Bitter", serif;
}
 */
.news-page.single-page .news-post-single.fsPostElement .fsBody img.fsStateFloatRight {
	margin-left: 15px;
    margin-bottom: 10px;
}
.news-page .news-post-feature-large.fsPostElement .fsDateTime,
.news-page .news-post-single.fsPostElement .fsDateTime {
	display: initial;
	font-size: initial;
	line-height: initial;
}
.news-page .news-post-feature-large.fsPostElement .fsDateTime::after,
.news-page .news-post-single.fsPostElement .fsDateTime::after {
	content: " -\00a0";
}

/* news single sharing */
.news-page.single-page .fsSharingButtons {
    border-top: 1px solid #cccc;
    border-bottom: 1px solid #cccccc;
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}
.news-page.single-page .fsSharingTypePost a {
    padding: 8px 0;
    width: 36px;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #002664;
    border-radius: 4px;
}
.news-page.single-page .fsSharingTypePost a::before {
    height: 20px;
    width: 20px;
}
.news-page.single-page a.fsSharingLink.fsSharingGooglePlus,
.news-page.single-page a.fsSharingLink.fsSharingPinterest {
    display: none;
}

/* news back to home button */
.news-page .news-post-nav-toHome.fsElement .fsElementContent p a span:before {
    content: "\0000AB";
    padding-right: 5px;
}

/* 
.news-page .news-post-nav-toHome.fsElement .fsElementContent p {
    border: none;
    border-radius: 4px;
    background: var(--si-blue);
    padding: 10px 20px;
	margin: 0;
	
	position: relative;
	height: 45px;
}
.news-page .news-post-nav-toHome.fsElement .fsElementContent p a {
    font-size: 20px;
    color: white;
    font-weight: 700;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	line-height: 45px;
}
.news-page .news-post-nav-toHome.fsElement .fsElementContent p a::before {
    content: "\0000AB";
    font-size: 20px;
    line-height: 20px;
    color: white;
    font-weight: 700;
    padding-right: 5px;
}
 */

/* news search */
.news-page .news-post-search-wide {
    border: 1px solid #ccc;
    padding: 0 10px 10px 10px;
    border-radius: 10px;
}
.news-page .news-post-search-wide .fsElementToolsSearch input {
	border: 1px solid #cccccc;
}
.news-page .news-post-search-wide .fsElementToolsSearch .fsElementToolsKeyword label.fsFieldLabel.fsStyleSROnly {
	height: 26px;
    width: 70px;
    clip: initial;
    clip-path: initial;
    -webkit-clip-path: initial;
    font-weight: normal;
/*     color: #A71930; */
    font-size: 15px;    
/*     font-family: "Bitter",serif; */
	line-height: 26px;
	position: relative;
	top: initial;
	margin: 0;
}
.news-page .news-post-search-wide .fsElementToolsSearch .fsElementToolsKeyword .fsButtonClear {
	top: initial;
	bottom: 16px;
	right: 10px;
}
.news-page .news-post-search-wide .fsElementToolsDateRange {
    display: inline-block;
/*     max-width: 240px; */
    margin-right: 10px;
}
.news-page .news-post-search-wide button.fsElementToolsSearchButton.fsStyleUpdateButton {
    max-width: 115px;
    padding-top: 10px;
    padding-bottom: 9px;
}

/* Grid stories list */
.grid-post-list.fsGrid .fsListItems>article {
    padding: 15px;
}
.grid-post-list.fsPostElement article {
    border: 1px solid #ccc;
	margin-left: 5px;
	margin-right: 5px;
}
.grid-post-list.fsPostElement .fsTitle {
    text-align: center;
    font-size: 22px;
}
.grid-post-list.grads.fsPostElement .fsTitle {
	font-weight: 700;
	color: #002664;
}
.grid-post-list.quote.fsPostElement .fsSummary p {
    text-align: center;
}
.grid-post-list.quote.fsPostElement .fsSummary p {
    text-align: center;
    color: #002664;
}
.grid-post-list.quote.fsPostElement .fsSummary p em {
    color: #A71930;
}
.grid-post-list.fsThumbnailSmall.fsPostElement .fsThumbnail {
	max-width: initial;
	margin: auto;
	text-align: center;
}

/* Grid single story */
.grid-single-page .grid-post.fsPostElement .fsTitle {
	font-size: 32px;
	line-height: 42px;
	margin-bottom: 20px;
}
.grid-single-page .grid-side-list.fsPostElement.fsList article {
    padding-bottom: 0;
    border-bottom: none;
}
.grid-single-page .grid-side-list.fsPostElement.fsList > header h2.fsElementTitle {
}
.grid-single-page .grid-side-list.fsPostElement .fsTitle {
	font-size: 16px;
	line-height: 18px;
}
.grid-single-page .grid-side-list.fsPostElement .fsTitle a {
	text-decoration: underline;
	color: #002664;
}

/* test for 3x2 tiled grid with central tile overlay */
/* designed for https://www.siprep.org/about-us/offices/community-service-social-justice */
/* also used https://www.siprep.org/giving/support/building-our-future-forward */
.fsElement.fsContainer.cont-grid-4x2,
.fsElement.fsContainer.cont-grid-3x2 {
	margin-bottom: 20px;
}
.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-1 .fsStyleColumn-2,
.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-1 .fsStyleColumn-3,
.fsLayout.fsThreeColumnLayout.grid-4x2-row.row-1 .fsStyleColumn-2,
.fsLayout.fsThreeColumnLayout.grid-4x2-row.row-1 .fsStyleColumn-3 {
	display: none;
}
.fsLayout.fsThreeColumnLayout.grid-3x2-row .fsStyleColumn .box-3x2,
.fsLayout.fsFourColumnLayout.grid-4x2-row .fsStyleColumn .box-4x2 {
	border: 1px solid #cccccc;
	padding: 20px;
	position: relative; /* this is to make the whole div clickable */
}
.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-2 .fsStyleColumn .box-3x2,
.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-3 .fsStyleColumn .box-3x2,
.fsLayout.fsFourColumnLayout.grid-4x2-row.row-2 .fsStyleColumn .box-4x2,
.fsLayout.fsFourColumnLayout.grid-4x2-row.row-3 .fsStyleColumn .box-4x2 {
    position: relative;
    width:100%;
    z-index: 1;
}
.page-nlc .fsLayout.fsFourColumnLayout.grid-4x2-row .fsStyleColumn .box-4x2 {
    border: 1px solid #A71930;
}
.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-2 .fsStyleColumn .box-3x2::after,
.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-3 .fsStyleColumn .box-3x2::after,
.fsLayout.fsFourColumnLayout.grid-4x2-row.row-2 .fsStyleColumn .box-4x2::after,
.fsLayout.fsFourColumnLayout.grid-4x2-row.row-3 .fsStyleColumn .box-4x2::after {
	content:'';
	position: absolute;
	top:0px;
	left: 0px;
	width:100%;
	height:100%;
	z-index:-1;
	opacity: 0.4;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.fsLayout.fsFourColumnLayout.grid-4x2-row.row-2 .fsStyleColumn .box-4x2::after,
.fsLayout.fsFourColumnLayout.grid-4x2-row.row-3 .fsStyleColumn .box-4x2::after {
	opacity: .7;
}
.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-2 .fsStyleColumn .box-3x2::before,
.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-3 .fsStyleColumn .box-3x2::before,
.fsLayout.fsFourColumnLayout.grid-4x2-row.row-2 .fsStyleColumn .box-4x2::before,
.fsLayout.fsFourColumnLayout.grid-4x2-row.row-3 .fsStyleColumn .box-4x2::before {
	content:'';
	position: absolute;
	top:0px;
	left: 0px;
	width:100%;
	height:100%;
	z-index:-1;
}
.fsLayout.fsThreeColumnLayout.grid-3x2-row .fsStyleColumn .box-3x2.box-pre1 {
	padding: 0;
	text-align: center;
}
.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-2  .fsStyleColumn .box-3x2 h1,
.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-3  .fsStyleColumn .box-3x2 h1,
.fsLayout.fsFourColumnLayout.grid-4x2-row.row-2  .fsStyleColumn .box-4x2 h1,
.fsLayout.fsFourColumnLayout.grid-4x2-row.row-3  .fsStyleColumn .box-4x2 h1 {
	margin-bottom: 0;
    color: white;
	font-weight: bold;
}
.page-nlc .fsLayout.fsFourColumnLayout.grid-4x2-row.row-2  .fsStyleColumn .box-4x2 h1,
.page-nlc .fsLayout.fsFourColumnLayout.grid-4x2-row.row-3  .fsStyleColumn .box-4x2 h1 {
    color: #002664;
    text-shadow: 2px 2px 8px white;
    font-size: 32px;
}
.fsLayout.fsThreeColumnLayout.grid-3x2-row .fsStyleColumn .box-3x2 a.link-3x2,
.fsLayout.fsFourColumnLayout.grid-4x2-row .fsStyleColumn .box-4x2 a.link-4x2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px; /* hide link text */
	overflow: hidden; /* hide link text */
	text-decoration:none; /* Makes sure the link doesn't get underlined */
	/* z-index:10; */ /* raises anchor tag above everything else in div */
	background-color:white; /*workaround to make clickable in IE */
	opacity: 0; /*workaround to make clickable in IE */
	filter: alpha(opacity=1); /*workaround to make clickable in IE */
}



/* resource links */
.resource-links .fsElementContent ul {
    list-style-type: none;
    padding: 0 10px;
    margin: 0;
}
.resource-links .fsElementContent ul li {
    margin-bottom: 15px;
    font-size: .875rem;
    line-height: 125%;
    display: block;    
}
.resource-links .fsElementContent ul li a {
    font-size: .875rem;
    line-height: 125%;
    display: block;
}
.resource-links .fsElementContent ul li ul {
    margin-top: 10px;
}
body:not(.fsComposeMode) .resource-links.auto-height {
	height: auto;
}

/* contact info list */
.information-container .info .fsElementHeaderContent {
    margin-bottom: 0;
}
.information-container .info .fsElementHeaderContent h2 {
    font-size: 1.0625rem;
    line-height: 100%;
    margin-bottom: 0;
}
.information-container .info .fsElementHeaderContent h2 a {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

/* call to action buttons */ /* body:not(.fsComposeMode) */
.call-to-action-buttons .fsElementContent ul {
    list-style-type: none;
    display: flex;
    padding: 0;
    margin: 0;
}
.call-to-action-buttons .fsElementContent ul li {
    position: relative;
    display: flex;
    align-items: center;
}
.call-to-action-buttons .fsElementContent ul li:not(:last-child):after {
    content: "";
    height: 30px;
    width: 1px;
    background: hsla(0,0%,81.2%,.5);
    display: block;
    margin: 0 30px;
}
.call-to-action-buttons .fsElementContent ul li a {
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-transform: capitalize;
    color: #a71930;
    height: 100%;
    text-decoration: none;
    padding: 0;
}
.call-to-action-buttons .fsElementContent ul li a:before {
	content: "";
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-light);
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background: #a71930;
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
}
.call-to-action-buttons .fsElementContent ul li a[data-page-name="Learn"]:before {
	content: "\E14B";
}
.call-to-action-buttons .fsElementContent ul li a[data-page-name="Visit"]:before {
	content: "\F3C5";
}
.call-to-action-buttons .fsElementContent ul li a[data-page-name="Apply"]:before {
	content: "\F303";
}

/* fast facts */
.ff-divider img {
    width: 100%;
    max-height: 400px;
}  
.ff-container .facts .row {
	width: 100%;
}
.ff-container .facts .row .box {
	display: inline-block;
	padding: 10px;
	position: relative;
    text-align: center;
    vertical-align: top;
    margin-bottom: 20px;    
}
.ff-container .facts .row .box3 {
	width: 100%;
}
.ff-container .facts .row .box4 {
	width: 100%;
}
.ff-container .facts .fp-icon {
	display: block;
}
.ff-container .facts .fp-icon.fp-icon-round {
    font-size: 40px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: auto;
    background: #A71930;
    border-radius: 50%;
    color: white;
}
.ff-container .facts {
	margin-bottom: 50px;
	max-width: 1100px;
	margin-left: auto;
    margin-right: auto;
}
.ff-container:not(.ff-container-home) .facts .row1 .box3:nth-child(even) .fp-icon.fp-icon-round {
    background: #002664;
}
.ff-container:not(.ff-container-home) .facts .row2 .box3:nth-child(odd) .fp-icon.fp-icon-round {
    background: #002664;
}
.ff-container:not(.ff-container-home) .facts .row .box4:nth-child(even) .fp-icon.fp-icon-round {
    background: #002664;
}
.ff-container:not(.ff-container-home) .facts h2 {
	text-align: center;
}
.ff-container .facts h3 {
	position: relative;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 5px;
	font-family: Montserrat,sans-serif;
    font-weight: initial;
  	color: #A71930;
}
.ff-container .facts h3.pct::after {
	content: "%";
}
/* fast facts on home page */
body:not(.fsComposeMode) .ff-container-home {
    position: relative;
    background-color: var(--si-red);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 20px;
    z-index: 0;
    margin: 0;
}
body:not(.fsComposeMode) .ff-container-home:before {
    content: "";
/*     background: linear-gradient(180deg,rgba(167,25,48,.8),rgba(167,25,48,0)),#a71930; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
/*     opacity: .95; */
/*     z-index: -1; */
	background-image: url(https://www.siprep.org/fs/resource-manager/view/32295d65-f927-4695-8b60-4007eb6c7140);
    opacity: .1;
    background-position: center;
}
body:not(.fsComposeMode) .ff-container-home>header,
body:not(.fsComposeMode) .ff-container-home>footer {
    text-align: center;
    padding: 0 20px;
}
body:not(.fsComposeMode) .ff-container-home>header .fsElementTitle {
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 100%;
    color: #fff;
    margin-bottom: 15px;
}
body:not(.fsComposeMode) .ff-container-home>header .fsElementHeaderContent {
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.73333;
    color: #fff;
    margin: 0 auto 40px;
    max-width: 720px;
    margin-bottom: 71px;
}
body:not(.fsComposeMode) .ff-container-home>.fsElementContent {
    max-width: 1150px;
    margin: 0 auto;
}
body:not(.fsComposeMode) .ff-container.ff-container-home .facts .fp-icon.fp-icon-round {
    color: var(--si-red);
    background: white;
	width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 3rem;
}
body:not(.fsComposeMode) .ff-container.ff-container-home .facts h3 {
    color: white;
    font-weight: 700;
    font-size: 2.8125rem;
    line-height: 1.2;
}
.ff-container-home .fsElementContent .facts .row .box p {
    font-weight: 400;
    font-size: 18px;
    line-height: 2;
    text-align: center;
    text-transform: capitalize;
    color: #fff;
    margin: 0 auto;
}

/* large directory */
/* photos are 1280x853, 3:2 aspect ratio */

.dir-big .fsConstituentItem {
    background: var(--si-med-blue);
    padding-left: 0;
    padding-right: 0;
    color: white;
	border-radius: 10px; 
}
.dir-big .fsConstituentItem.fsHasPhoto {
/*     background: #a6afac; */
    background: var(--si-med-blue);
    padding-left: 0;
    padding-right: 0;
    color: white;
	border-radius: 10px; 
}
.dir-big .fsConstituentItem.fsHasPhoto.gold {
    background: var(--si-gold);
}
.dir-big .fsConstituentItem.fsHasPhoto.silver {
    background: var(--si-silver);
}
.dir-big .fsConstituentItem.fsHasPhoto.med-blue {
    background: var(--si-med-blue);
}
.dir-big .fsConstituentItem.fsHasPhoto.lt-blue {
    background: var(--si-lt-blue);
}
.dir-big .fsConstituentItem.fsHasPhoto.green {
    background: var(--si-green);
}
.dir-big .fsConstituentItem.fsHasPhoto.orange {
    background: var(--si-orange);
}
.dir-big .fsConstituentItem.fsHasPhoto.text-white,
.dir-big .fsConstituentItem.fsHasPhoto.text-white .info-container h3.fsFullName,
.dir-big .fsConstituentItem.fsHasPhoto.text-white .info-container a {
    color: white;
}
.dir-big .fsConstituentItem.fsHasPhoto.text-black,
.dir-big .fsConstituentItem.fsHasPhoto.text-black .info-container h3.fsFullName,
.dir-big .fsConstituentItem.fsHasPhoto.text-black .info-container a {
    color: #242424;
}

.dir-big .fsConstituentItem>div {
    margin-bottom: 0;
}
.dir-big .fsPhoto {
    vertical-align: top;
    margin-right: 0;
	width: 100%;
	border-radius: 10px;
}
.dir-big .info-container {
    display: inline-block;
    width: 100%;
	padding: 10px;
	font-size: 16px;
	line-height: normal;
}
.dir-big .info-container .line {
	line-height: normal;
}
.dir-big .info-container h3.fsFullName {
	font-size: 16px;
    margin-bottom: 0;
    display: inline-block;
	color: white;
}
.dir-big .info-container h3.fsFullName,
.dir-big .info-container .fsClassOf,
.dir-big .info-container .fsTitles,
.dir-big .info-container .fsEmail,
.dir-big .info-container .fsPhones,
.dir-big .info-container .fsBiography {
	line-height: normal;
}
.dir-big .info-container .fsClassOf,
.dir-big .info-container .fsEmail,
.dir-big .info-container .fsPhones,
.dir-big .info-container .fsBiography {
    display: block;
}
.dir-big .info-container a {
	font-size: 16px;
	line-height: normal;
    color: white;
}
.dir-big .info-container .fsTitles {
/*     margin-top: -5px; */
}
.dir-big .info-container .fsBiography {
	margin: 10px 0;
}

/* page pops */
dialog#fsPagePopDialog.fsDialog[open] {
    background: var(--si-blue);
    color: white;
    border-radius: 10px;
    border: none;
}
#fsPagePopDialog .fsDialogCloseButton:after, 
#fsPagePopDialog .fsDialogCloseButton:before, 
#fsPagePopDialog .fsDialogCloseButton:focus:after, 
#fsPagePopDialog .fsDialogCloseButton:focus:before,
#fsPagePopDialog .fsDialogCloseButton:hover:after, 
#fsPagePopDialog .fsDialogCloseButton:hover:before {
    background: white;
}
#fsPagePopDialog h2.fsPagePopTitle,
#fsPagePopDialog .fsPagePopMessage p,
#fsPagePopDialog .fsPagePopMessage a {
    color: white;
}
#fsPagePopDialog #fsPagePopHideButton {
    color: white;
}

/* admissions timeline */
#adm-cal,
#adm-cal a {
    font-size: 16px;
}
#adm-cal .row {
    padding: 10px 0;
} 
#adm-cal .row:not(:last-child) {
    border-bottom: 1px solid #002664;
} 
#adm-cal .row .label,
#adm-cal .row .title, 
#adm-cal .row .desc {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 0;
}
#adm-cal .row .label {
    font-size: 18px;
    font-weight: bold;
    color: dimgray;
    padding: 0;
    margin: 0;
    line-height: initial;
	text-align: center;
	width:100%;
}
#adm-cal .row .label.learn {
    color: #002664a1;
}
#adm-cal .row .label.visit {
    color: #a71930b0;
}
#adm-cal .row .label.apply {
    color: #A71930;
}
#adm-cal .row .label.decide {
    color: #002664;
}

#adm-cal .row .title {
	width: 100%;
}
#adm-cal .row .desc {
	width: 100%;
}

/* special for open house video tile page */
.oh-video-tile p.vid-label {
	text-align: center;
	padding-top: 8px;
	padding-bottom: 10px;
}

.oh-lg-btn.fsElement.fsContent .fsElementContent {
    border: 3px solid #A71930;
    border-radius: 10px;
    padding: 40px 20px;
    font-size: 28px;
}
.oh-lg-btn.fsElement.fsContent .fsElementContent h2 {
    margin-bottom: 0;
    font-size: 32px;
}
.oh-lg-btn.fsElement.fsContent .fsElementContent h2 a::before{
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
    font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
    speak: none;
	font-family: "Font Awesome 5 Free"; 
	font-family: "Font Awesome 6 Pro"; 
    padding-right: 10px;
    font-size: 28px;
}
.oh-lg-btn.fsElement.fsContent .fsElementContent h2 a.academics::before {
    content: "\f5da";
}
.oh-lg-btn.fsElement.fsContent .fsElementContent h2 a.house::before {
    content: "\e065";
}
.oh-lg-btn.fsElement.fsContent .fsElementContent h2 a.wath::before {
    content: "\f70c";
}
.oh-lg-btn.fsElement.fsContent .fsElementContent h2 a.math::before {
    content: "\f5c4";
}
.oh-lg-btn.fsElement.fsContent .fsElementContent h2 a.art::before {
    content: "\f630";
}
.oh-lg-btn.fsElement.fsContent .fsElementContent h2 a.newspaper::before {
    content: "\f1ea";
}

/* alum events */
body:not(.fsComposeMode) .alum-events.calendar-container {
	height: initial;
}
.alum-events .fsPostElement.fsList article {
    position: relative;
}
.alum-events .fsPostElement .fsTitle {
    font-size: .875rem;
    line-height: 1.42857;
    margin-bottom: 4px;
}
.alum-events .fsPostElement .fsTitle,
.alum-events .fsPostElement .fsSummary {
	width: calc(100% - 100px);
	width: 100%;
}

.alum-events .fsPostElement .fsTitle .fsPostLink {
    color: #002664;
    text-decoration: underline;
}
.alum-events .fsPostElement .fsSummary {
    font-weight: 400;
    font-size: .8125rem;
    line-height: 1.23077;
    color: #131313;
}
.alum-events .fsPostElement .fsReadMoreLink {
	display: none;
    position: absolute;
    top: 0;
    right: 0;
	background: var(--si-blue);
    height: 56px;
    width: 56px;
    border-radius: 50%;
    margin-right: auto;
    margin-left: auto;
    line-height: 56px;
}
.alum-events .fsPostElement .fsReadMoreLink:after {
	content: "\E903";
    font-family: IcoMoon;
    font-smoothing: antialiased;
    font-weight: 400;
    speak: none;
    font-size: .875rem;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* responsive google map */
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* accordion */
.fsAccordion .fsPanel>.fsElementContent {
    padding: 14px;
}

/* add alignment options for resource elements */
.fsResourceElement.center {
    text-align: center;
}
.fsResourceElement.center img {
	margin: 0 auto;
}

.fsResourceElement.right {
    text-align: right;
}
.fsResourceElement.right img {
	float: right;
}



/* footer */

/* footer background */
#fsFooter {
    background: var(--si-blue);
}
#fsFooter:before {
	display: none;
}
body.fsComposeMode #fsFooter .fsBanner {
    position: initial;
}

body.fsComposeMode .footer-bg-image {
    display: initial;
}
.footer-bg-image article {
    background: var(--si-blue);
}
.current-family .footer-bg-image article {
    background: var(--si-red);
}
.footer-bg-image img {
    object-position: 50% 8%;
    opacity: .4;
}
.footer-bg-image.black img {
    opacity: .4;
}
.footer-bg-image.white img {
    opacity: .2;
}
.alumni .footer-bg-image img {
    opacity: .1;
    object-fit: contain;
    object-position: 50% 50%;
}

/* changes the underline on the CF site footer from red to blue */
#fsFooter .fsBanner.current-family .nav-quicklinks-footer .fsNavLevel1 li a:focus:after, 
#fsFooter .fsBanner.current-family .nav-quicklinks-footer .fsNavLevel1 li a:hover:after,
#fsFooter .fsBanner.current-family .nav-utility-footer .fsNavLevel1 li a:focus:after,
#fsFooter .fsBanner.current-family .nav-utility-footer .fsNavLevel1 li a:hover:after {
    background: var(--si-blue);
}
/* social icons; changes from icomoon to fontawesome */

#fsFooter .footer-nav-social {
    margin-bottom: 0;
    margin-top: 3px;
}
.footer-nav-social .fsElementContent {
    margin: -5px;
}
.footer-nav-social .fsElementContent ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    line-height: 1;
}
.footer-nav-social .fsElementContent li {
    margin: 0;
    padding: 0;
    margin: 5px;
}
.footer-nav-social .fsElementContent a {
    color: rgba(0,0,0,0);
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(0,0,0,0);
    height: 43px;
    width: 43px;
    border-radius: 100%;
    
    display: block;
    padding: 10px 0;
    
    background: rgba(0,0,0,0);
}
.footer-nav-social .fsElementContent a:before {
    font-size: 1.375rem;
    display: block;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.footer-nav-social .fsElementContent a.brands:before {
    font: var(--fa-font-brands);
    font-size: 1.375rem;
}
.footer-nav-social .fsElementContent a.solid:before {
    font: var(--fa-font-solid);
    font-size: 1.375rem;
}
.footer-nav-social .fsElementContent a.facebook:before {
    content: "\f39e";
}
.footer-nav-social .fsElementContent a.twitter:before {
/*     content: "\f099"; */
    content: "\e61b";
}
.footer-nav-social .fsElementContent a.instagram:before {
    content: "\f16d";
}
.footer-nav-social .fsElementContent a.threads:before {
    content: "\e618";
}
.footer-nav-social .fsElementContent a.vimeo:before {
    content: "\f27d";
}
.footer-nav-social .fsElementContent a.linkedin:before {
    content: "\f0e1";
}
.footer-nav-social .fsElementContent a.youtube:before {
    content: "\f167";
}
.footer-nav-social .fsElementContent a.photos:before {
    content: "\f030";
}
.footer-nav-social .fsElementContent a:focus, 
.footer-nav-social .fsElementContent a:hover {
    background: #fff;
    border-color: #fff;
    color: rgba(0,0,0,0);
}
.footer-nav-social .fsElementContent a:focus:before, .footer-nav-social .fsElementContent a:hover:before {
    color: var(--si-blue);
}

@media (max-width: 999px) {
	/* this fixes a spacing issue at top of pages with no hero */
	body:not(.hero-loaded) #fsPageBodyWrapper, 
	body.fsComposeMode:not(.hero-loaded) #fsPageBodyWrapper {
		margin-top: 70px;
	}
/***** 
* set up for different logos/crests on different sites for mobile 
* FS created the mobile header with crest and text all as one image, unlike the desktop version
* this makes the mobile use the same setup and crest logo as the desktop
*****/
	#fsHeader .fsBanner	.site-info-container a {
		background: none;
		color: white;
		width: 100%;
		align-items: center;
	}
	#fsHeader .fsBanner .site-info-container a:before {
		content: "";
		background-size: contain;
		background-position-x: center;
		width: 60px;
		height: 41px;
	}
}
@media (min-width: 520px) {
	.dir-big .fsPhoto {
		width: 45%;
	}
	.dir-big .info-container {
		width: calc(55% - 6px);
	}
	.dir-big .info-container .fsBiography {
		font-size: 14px;
	}
}
@media (min-width: 600px) {
	.adm-new:not(.fsDraftMode) .mbl-nav {
		display: none;
	}
	.grid-post-list.four-col .fsStyleFourColumns>article {
		width: calc(50% - 10px);
	}
	.grid-post-list.three-col .fsStyleThreeColumns>article {
		width: calc(50% - 10px);
	}
	.ff-container .facts .row .box3 {
		width: calc(33.33% - 3px);
	}
	.ff-container .facts .row .box4 {
		width: calc(25% - 4px);
	}
	.ff-container .facts .row {
		margin-bottom: 20px;
	}
	.ff-container .facts .row .box {
		margin-bottom: 0;    
	}
	body:not(.fsComposeMode) .ff-container.ff-container-home .facts .fp-icon.fp-icon-round {
		width: 70px;
		height: 70px;
		line-height: 70px;
		font-size: 2.5rem;
	}
	body:not(.fsComposeMode) .ff-container.ff-container-home .facts h3 {
		font-size: 30px;
	}
	.ff-container-home .fsElementContent .facts .row .box p {
		font-size: 16px;
		line-height: 26px;
	}
	.news-page.archive-page .news-post-list-wide.fsThumbnailLarge.fsPostElement .fsThumbnail,
	.news-page.main-page .news-post-list-wide.fsThumbnailLarge.fsPostElement .fsThumbnail {
		width: 200px;
		text-align: initial;
		float: left;
		margin-right: 40px;
		margin-bottom: 0;
	}


}
@media (min-width: 700px) {
	.call-to-action-buttons .fsElementContent ul li a {
		flex-direction: row;
		align-items: center;
	}
	.call-to-action-buttons .fsElementContent ul li a:before {
		margin-right: 20px;
		margin-bottom: 0;
	}
	.fsImage.fsStateFloatRight,
	.fsImageCaptioned.fsStateFloatRight,
	img.fsStateFloatRight,
	.fsImage.fsStateFloatLeft,
	.fsImageCaptioned.fsStateFloatLeft,
	img.fsStateFloatLeft {
		width: initial;
		text-align: initial;
	}
	.fsImage.fsStateFloatRight,
	.fsImageCaptioned.fsStateFloatRight,
	img.fsStateFloatRight {
		margin-left: 15px;
	}
	.fsImage.fsStateFloatLeft,
	.fsImageCaptioned.fsStateFloatLeft,
	img.fsStateFloatLeft {
		margin-right: 15px;
	}

/* 
	.fsImage.fsStateFloatRight,
	.fsImageCaptioned.fsStateFloatRight,
	img.fsStateFloatRight,
	.fsImage.fsStateFloatLeft,
	.fsImageCaptioned.fsStateFloatLeft,
	img.fsStateFloatLeft {
		margin-left: 0;
		width: 100%;
		text-align: center;
	}
 */
	.dir-big .fsPhoto {
		width: 30%;
	}
	.dir-big .info-container {
		width: calc(70% - 6px);
		padding: 20px;
		font-size: 20px;
	}
	.dir-big .info-container .info-container a {
		font-size: 20px;
	}
	.dir-big .info-container h3.fsFullName {
		font-size: 20px;
		margin-bottom: 0;
		display: inline-block;
	}
	.dir-big .info-container .fsClassOf,
	.dir-big .info-container .fsEmail,
	.dir-big .info-container .fsPhones,
	.dir-big .info-container .fsBiography {
		display: inline-block;
	}
	.dir-big .info-container .fsClassOf::before {
		content: ", ";
	}
	.dir-big .info-container .line {
		line-height: 40px;
	}
	.dir-big .info-container .fsBiography {
		font-size: 16px;
	}

}
@media (min-width: 800px) {
	.grid-post-list.four-col .fsStyleFourColumns>article {
		width: calc(33.3% - 10px);
	}
	.grid-post-list.three-col .fsStyleThreeColumns>article {
		width: calc(33.3% - 10px);
	}

	body:not(.fsComposeMode) .fsFourColumnLayout.infographic-button-grid, 
	body:not(.fsComposeMode) .fsThreeColumnLayout.infographic-button-grid, 
	body:not(.fsComposeMode) .fsTwoColumnLayout.infographic-button-grid,
	body:not(.fsComposeMode).landing-page .fsFourColumnLayout.infographic-button-grid, 
	body:not(.fsComposeMode).landing-page .fsThreeColumnLayout.infographic-button-grid, 
	body:not(.fsComposeMode).landing-page .fsTwoColumnLayout.infographic-button-grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	body:not(.fsComposeMode) .fsFourColumnLayout.resource-links-container.fsLayout {
		display: flex;
	}


/* special for open house video tile page */
	.oh-video-tile.single {
		width: 50%;
		margin: 0 auto;
	}
}
@media (min-width: 850px) {
	.dir-big .fsPhoto {
		width: 24%;
	}
	.dir-big .info-container {
		width: calc(76% - 6px);
		padding: 30px;
	}

}

@media (min-width: 900px) {
	#adm-cal .row .title, 
	#adm-cal .row .desc {
	    padding: 0 20px;
	}
	#adm-cal .row .label {
		text-align: initial;
		width: initial;
		transform: rotate(180deg);
		writing-mode: vertical-lr;
		-webkit-writing-mode: vertical-lr;
		-ms-writing-mode: vertical-lr;
		vertical-align: middle;
		padding-left: 1%;
	}
	#adm-cal .row .title {
		width: 50%;
/* 		max-width: 390px; */
	}
	#adm-cal .row .desc {
		width: 43%;
/* 		max-width: 350px; */
	}

	.fsElement.fsContainer.cont-grid-3x2>.fsElementContent,
	.fsElement.fsContainer.cont-grid-4x2>.fsElementContent {
		position: relative;

	}
	.fsLayout.fsThreeColumnLayout.grid-3x2-row,
	.fsLayout.fsFourColumnLayout.grid-4x2-row {
		margin-left: 0;
		margin-right: 0;
	}
	.fsLayout.fsThreeColumnLayout.grid-3x2-row .fsDiv.fsStyleColumn,
	.fsLayout.fsFourColumnLayout.grid-4x2-row .fsDiv.fsStyleColumn {
		margin-bottom: 0;
		padding-right: 0;
    	padding-left: 0;
	}

   .page-nlc .fsFourColumnLayout .fsDiv {
        width: calc(25% - 15px);
    }


	.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-1 .fsStyleColumn-1 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		background: white;
		z-index: 2;
		padding-left: 0;
		padding-right: 0;
		width: 40%;
	}
	.fsLayout.fsThreeColumnLayout.grid-3x2-row:not(.row-1) .fsStyleColumn:not(.fsStyleColumn-last) .box-3x2 {
		border-right: none;
	}
    .fsLayout.fsFourColumnLayout.grid-4x2-row.row-2 .fsStyleColumn-2,
    .fsLayout.fsFourColumnLayout.grid-4x2-row.row-2 .fsStyleColumn-3,
    .fsLayout.fsFourColumnLayout.grid-4x2-row.row-2 .fsStyleColumn-4 {
		margin-left: 20px;
    }

	.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-2 .box-3x2,
	.fsLayout.fsThreeColumnLayout.grid-4x2-row.row-2 .box-4x2 {
		border-bottom: none;
	}
/* 
	.fsLayout.fsFourColumnLayout.grid-4x2-row:not(.row-1) .fsStyleColumn:not(.fsStyleColumn-last) .box-4x2 {
		border: 1px solid #A71930;
	}
 */
	.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-2  .fsStyleColumn .box-3x2,
	.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-3  .fsStyleColumn .box-3x2,
	.fsLayout.fsFourColumnLayout.grid-4x2-row.row-2  .fsStyleColumn .box-4x2,
	.fsLayout.fsFourColumnLayout.grid-4x2-row.row-3  .fsStyleColumn .box-4x2 {
		height: 400px;
	}
	.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-2 .fsStyleColumn .box-3x2 h1,
	.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-3 .fsStyleColumn .box-3x2 h1,
	.fsLayout.fsFourColumnLayout.grid-4x2-row.row-2 .fsStyleColumn .box-4x2 h1,
	.fsLayout.fsFourColumnLayout.grid-4x2-row.row-3 .fsStyleColumn .box-4x2 h1 {
/* 		margin-top: 35%; */
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-2 .fsStyleColumn .box-3x2 h1 span,
	.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-3 .fsStyleColumn .box-3x2 h1 span,
	.fsLayout.fsFourColumnLayout.grid-4x2-row.row-2 .fsStyleColumn .box-4x2 h1 span,
	.fsLayout.fsFourColumnLayout.grid-4x2-row.row-3 .fsStyleColumn .box-4x2 h1 span {
		line-height: 50px;
	}
	.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-2 .fsStyleColumn-2 .box-3x2.box-2 h1 {
/* 		margin-top: 10%; */
		top: 30%;
	}
	.fsLayout.fsThreeColumnLayout.grid-3x2-row.row-3 .fsStyleColumn-2 .box-3x2.box-5 h1 {
/* 		margin-top: 50%; */
		top: 68%;
	}
} /* min-width 900px */
@media (min-width: 950px) {
	.dir-big .fsPhoto {
		width: 17%;
	}
	.dir-big .info-container {
		width: calc(83% - 6px);
	}

}


@media (min-width: 1000px) {
	#fsHeader .fsBanner.new-family .fsElement.fsResourceElement.header-bg-image img {
		display: none;
		transition: all .3s ease-in-out;
	}
	body:not(.fsComposeMode).home.sticky-active #fsHeader .fsBanner.new-family .fsElement.fsResourceElement.header-bg-image img {
		display: block;
	}
	.fsElement.fsResourceElement.header-bg-image img {
		height: 145px;
	}
	body:not(.fsComposeMode).home .hero footer .fa-icon:after {
		line-height: 50px;
	}

	body:not(.fsComposeMode) .ff-container-home {
		margin-top: -61px;
		padding: 166px 20px 131px;
	}
	body:not(.fsComposeMode) .ff-container-home header,
	body:not(.fsComposeMode) .ff-container-home footer {
		transform: translateY(0);
		opacity: 1;
		transition: transform 1s ease 0s,opacity 1s ease 0s;
	}
	body:not(.fsComposeMode) .ff-container-home>header .fsElementTitle {
		font-size: 3.4375rem;
		margin-bottom: 20px;
	}
	body:not(.fsComposeMode) .ff-container-home>header .fsElementHeaderContent {
		font-size: 1.125rem;
		line-height: 1.77778;
		margin: 0 auto 89px;
		margin-bottom: 81px;
	}
	body:not(.fsComposeMode) .ff-container.ff-container-home .facts .fp-icon.fp-icon-round {
		width: 90px;
		height: 90px;
		line-height: 90px;
		font-size: 3rem;
	}
	body:not(.fsComposeMode) .ff-container.ff-container-home .facts h3 {
		font-size: 2.8125rem;
		line-height: 1.2;
	}
	.ff-container-home .fsElementContent .facts .row .box p {
		font-size: 18px;
		line-height: 2;
		letter-spacing: .3px;

	}
	.home .home-content-container {
		padding: 55px;
		margin-bottom: 60px;
	}
	
	.news-page .news-post-search-wide .fsElementToolsSearch .fsElementToolsKeyword label.fsFieldLabel.fsStyleSROnly {
		font-size: 20px;    
		line-height: 35px;
	}
	.news-page .news-post-search-wide .fsElementToolsSearch .fsElementToolsKeyword .fsButtonClear {
		bottom: 24px;
	}
	.news-post-search-wide .fsElementToolsKeyword {
		width: calc(100% - 440px);
	}
	.news-page .news-post-search-wide button.fsElementToolsSearchButton.fsStyleUpdateButton {
		padding-top: 16px;
		padding-bottom: 12px;
	}
	.grid-post-list.four-col .fsStyleFourColumns>article {
		width: calc(25% - 10px);
	}
	body:not(.fsComposeMode).home .call-to-action-buttons .fsElementContent ul li {
		transform: translateY(50%);
	    opacity: 0;	
	}
	body:not(.fsComposeMode).home .call-to-action-buttons.animate .fsElementContent ul li {
		transform: translateY(0);
	    opacity: 1;	
	}
	body:not(.fsComposeMode).home .call-to-action-buttons .fsElementContent ul li:first-child {
		transition: transform 1s ease 0s,opacity 1s ease 0s;
	}
	body:not(.fsComposeMode).home .call-to-action-buttons .fsElementContent ul li:nth-child(2) {
		transition: transform 1s ease .4s,opacity 1s ease .4s;
	}
	body:not(.fsComposeMode).home .call-to-action-buttons .fsElementContent ul li:last-child {
		transition: transform 1s ease .8s,opacity 1s ease .8s;
	}
	.call-to-action-buttons .fsElementContent ul li:after {
		margin: 0 45px;
	}
	.call-to-action-buttons .fsElementContent ul li a {
		font-size: 1.375rem;
	}
	.call-to-action-buttons .fsElementContent ul li a:before {
		width: 90px;
    	height: 90px;
    	font-size: 37px;
	}
	.landing-page .fsFourColumnLayout.card-container .callout-box>.fsElementContent {
	    padding: 30px 20px;
	}
	.ff-container .facts .row .box3 {
		width: calc(33.33% - 4px);
	}
	/* fsa crest */
	#fsHeader .fsBanner.academy .site-info-container a:before {
		width: 100px;
		margin-right: 10px;
	}
	#fsHeader .fsBanner.new-family .site-info-container a {
		max-width: 236px;
	}
}
@media (max-width: 1099px) {
	.nav-main .fsNavLevel1>li>a {
		padding-left: 8px;
		padding-right: 8px;
	}
}
@media (max-width: 1199px) {

	.fsContent.nav-quicklinks .fsElementContent>ul>li>a {
		width: 22px;
		overflow: hidden;
		color: rgba(0,0,0,0);
	}
}
@media (min-width: 1400px) {
	#fsHeader .fsBanner.new-family .site-info-container a {
		max-width: 100%;
	}
}

/* 
@media (min-width: 500px) {
}
@media (min-width: 600px) {
}
@media (min-width: 800px) {
}
@media only screen and (min-width: 800px) {
}
@media (min-width: 900px) {
}
@media (min-width: 1000px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1350px) {
}
 */

/* buttons */
.fs_style_63,
.fs_style_64 {
    text-transform: uppercase;
    border-radius: 6px;
    font-size: inherit;
}

/* borders & backgrounds */
.border-box {
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
}
.border-gray {
	border: 1px solid #cccccc;
}
.border-red {
	border: 1px solid #A71930;
}
.border-blue {
	border: 1px solid #002664;
}
.background-box {
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
}
.background-gray {
    background-color: #F2F2F2;
}
.background-blue {
    background-color: #cde8f6;
}
.background-rose,
.background-red {
    background-color: #fbe5e3;
}
.background-light-violet {
    background-color: #f3f8ff;
}



/* admin tools */
.hide-public,
body:not(.fsComposeMode).landing-page .fsFourColumnLayout.hide-public, 
body:not(.fsComposeMode).landing-page .fsThreeColumnLayout.hide-public, 
body:not(.fsComposeMode).landing-page .fsTwoColumnLayout.hide-public,
body:not(.fsComposeMode) #fsHeader .hero-caption.hide-public {
	display: none;
}
body.fsComposeMode .hide-public {
	display: inherit;
	opacity: .4;
}