/* Department CSS Document */
/*For mobile first adaptive design place styles for mobile and up in the mobile and up area.
Place styles for tablet and up inside the media query in the tablet and up area.
Place styles for desktop only inside the media query in the desktop only area.

For questions or media query training contact Web Development Services.
*/
/* ====================== Mobile and Up ========================== */
@import url("https://use.typekit.net/kyc2hlp.css");


/*------------ GENERAL PAGE CSS ------------*/
body {
    font-family: proxima-nova, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
}
.container-fluid {
    max-width: 1400px;
}
.bg-grey-xlight {
    background-color: #F5F7FA;
}
.bg-white {
    background-color: #FFF;
}
.bg-grey-dark {
    background-color: #2B2B2B;
}
/*------------ END GENERAL PAGE CSS ------------*/


/*------------ HEADING CSS ------------*/
h1, h2 {
    font-size: 30px;
    font-weight: 600;
    color: #121E3F;
}
.h1-home {
    font-size: 45px;
    font-weight: 600;
    color: #121E3F;
    padding-right: 20px;
}
/*- orange border on index page -*/
.h1-home .orange-underline {
    position: relative;
}
.h1-home .orange-underline::after {
    content: "";
    position: absolute;
    background-color: #EFBCA4;
    width: 100%;
    height: 7px;
    bottom: 15px;
    z-index: -1;
    left: 0;
}
.h2-resources {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px;
    color: #FFF;
    background-color: #121E3F;
    letter-spacing: 1.96px;
}
/*------------ END HEADING CSS ------------*/


/*------------ BUTTON AND LINKS CSS ------------*/
.link-box span {
	position:absolute; 
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 1;
}
.no-line-link {
    text-decoration: none;
}
.no-line-link:hover {
    text-decoration: none;
}
.btn-default {
    border: 2px solid #CC2126;
    border-radius: 50px;
    color: #CC2126;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 3px 15px;
    transition: all 100ms;
}
.btn-default:hover {
    background-color: #CC2126;
    color: white;
    border: solid #CC2126;
}
.btn-square {
    border: 3px solid #CC2126;
    border-radius: 0;
    font-size: 18px;
    padding: 5px 80px;
}
/*------------ END BUTTON AND LINKS CSS ------------*/


/*------------ HOMEPAGE CSS ------------*/

/*- LIST CSS -*/
.home-list{
    padding-top: 30px;
    padding-left: 20px;
}
.home-list li {
    color: #71757E;
    font-size: 18px;
    margin-bottom: 20px;
}
.home-list li::marker {
    font-size: 15px;
}
/*- END LIST CSS -*/

/*- PROGRAM BOX CSS -*/
.program-box {
    border: 1px solid #e8e8e8;
    padding: 25px 30px;
    background-color: white;
    height: 100%;
    display: block;
    overflow: hidden;
    cursor: pointer;
    transition: all 300ms;
	position: relative;
}
.program-box a {
	font-size: 15px;
    color: #121E3F;
    font-weight: 600;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    text-align: center;
}
.program-box:hover {
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
}
.program-box-content h3 {
    font-size: 15px;
    color: #121E3F;
    font-weight: 600;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    text-align: center;
}
.program-box-content p {
    color: #71757E;
    font-weight: normal;
    text-align: center;
    font-size: 18px;
}
.program-box-img {
    text-align: center;
}
/*- END PROGRAM BOX -*/

/*- SUCCESS STORY BOX ON HOMEPAGE CSS -*/
.success-story-box {
    border: 1px solid #e8e8e8;
    height: 100%;
    display: block;
}
.success-story-img img {
    object-fit: cover;
    width: 100%;
}
.success-story-content {
    padding: 5px 30px 20px 30px;
}
.success-story-content h3 {
    color: #121E3F;
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    line-height: 1.4;
}
.success-story-content p {
    color: #71757E;
    font-size: 14px;
}
.success-story-content a {
    color: #CC2126;
    font-size: 15px;
}
/*- END SUCCESS STORY BOX ON HOMEPAGE -*/

/*------------ END HOME CSS ------------*/


/*------------ SUCCESS STORY PAGE CSS ------------*/

/*- PICTURE CARD BOX CSS -*/
.picture-card {
    border: 1px solid #E8E8E8;
    background-color: #FFF;
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
    transition: all 300ms;
    cursor: pointer;
    text-decoration: none;
}
.picture-card:hover {
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
}
.picture-card-content {
    margin-left: 20px;
}
.picture-card-content h2 {
    margin-top: 45px;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 600;
    color: #121E3F;
}
.picture-card-content a {
	margin-top: 45px;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 600;
    color: #121E3F;
}
.picture-card-content p {
    margin: 0;
    font-weight: normal;
    color: #121E3F;
}
.picture-card-img {
    margin: 15px;
    width: 137px;
    height: 137px;
}
.picture-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*- END PICTURE CARD BOX -*/

/*------------ END SUCCESS STORY PAGE CSS ------------*/


/*------------ INDIVIDUAL SUCCESS STORY CSS ------------*/

/*- SUCCESS STORY PAGE CSS -*/
.success-story-heading {
    text-align: center;
}
.success-story-h1 {
    font-size: 55px;
    font-weight: normal;
}
.success-story-override:first-child {
    padding-top: 40px;
}
.success-story-override {
    color: #71757E;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px;
}
.success-story-name {
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 30px;
	margin-bottom: 0;
	color: #71757E;
	font-size: 15px;
}
.success-story-program {
	color: #71757E;
	font-size: 15px;
	margin-top: 5px;
}
.line-height-17 {
    line-height: 1.7;
}
/*- END SUCCESS STORY PAGE -*/

/*------------ END INDIVIDUAL SUCCESS STORY CSS ------------*/


/*------------ RESOURCE PAGE CSS ------------*/

/*- RESOURCE BOX CSS -*/
.resource-box {
    background-color: #FFF;
    padding: 35px 35px 15px 50px;
    transition: all 300ms;
    cursor: pointer;
	position: relative;
    min-height: 140px;
}
.resource-box a {
	margin-top: 0px;
    font-size: 18px;
    font-weight: 600;
    color: #121E3F;
}
.resource-box:hover {
    box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
}
.resource-box .resource-box-content {
	padding-right: 50px;
}
.resource-box h2 {
    margin-top: 0px;
    font-size: 18px;
    font-weight: 600;
    color: #121E3F;
	margin-bottom: 5px;
}
.resource-box p {
    color: #71757E;
    font-size: 14px;
    font-weight: normal;
}

.resource-box::after{
	content: url("/images/downarrow.png");
    position: absolute;
    bottom: 35%;
    right: 35px;
}
/*- END RESOURCE BOX -*/

/*------------ END RESOURCE PAGE CSS ------------*/


/*------------ ADVISORY BOARD PAGE CSS ------------*/

/*- ADVISORY BOX CSS -*/
.advisory-box {
    border: 1px solid #E8E8E8;
    padding: 30px 40px;
    min-height: 290px;
	height: 100%;
}
.advisory-box .advisory-box-img  {
    float: left;
    max-width: 125px;
    margin-right: 30px;
    margin-bottom: 5px;
}
.advisory-box h2 {
    color: #121E3F;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 3px;
    margin-top: 10px;
}
.advisory-box p {
    color: #121E3F;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 0;
}
.advisory-box .advisor-title {
    color: #96A0B6;
    letter-spacing: 0.6px;
    font-size: 12px;
	margin-top: 5px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.advisory-box a {
    color: #CC2126;
    font-size: 15px;
}
/*- END ADVISORY BOX -*/

/*------------ END ADVISORY BOARD PAGE CSS ------------*/


/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {
}
/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
    .success-story-heading {
        text-align: left;
    }
}

/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
}

/*end media query*/
/*End desktop only styles*/
/*END OF DOCUMENT*/