/*BEGIN Newsflash Directory */
.newsflash-shock-directory__item {
    border: 1px solid #1e6b52;
    position: relative;
    box-sizing: border-box;
}

.newsflash-shock-directory__image {
    margin: 0;
}

.newsflash-shock-directory {
    margin: 0;
}

/*END Newsflash Directory */


body.hd.ribbonFullwidth #whitebox {
    margin: 0em auto !important;
}

.s-full-width-page #content {
    margin: 0 auto !important;
}

#lockedFooter #ot-sdk-btn.ot-sdk-show-settings {
    color: #fff;
}

/************Home page styling starts**********************/
.home-wrapper {
    width: 80%;
    max-width: 1280px;
    margin: 0 auto;
}

.home-intro {
    margin: 0 auto;
    text-align: center;
    max-width: 980px;
    padding-top: 2em;
}

.home-title {
    padding-bottom: 0.5em;
    font-size: 1.8rem;
    text-align: center;
}

.darkgreen-full-width-section {
    padding: 4em 1em 2.5em;
    background: #1e6b52;
}

.NSCHome .two-column-two-thirds>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1080px;
    margin: 0 auto;
}

.cite-NSCgrant {
    flex: 2 1 400px;
    background-color: rgba(255, 255, 255, 0.96);
    padding: 0.5em 3em 2.5em 3em;
    margin: 0 1em 1em 1em;
}

.citation-language {
    flex: 1 1 400px;
    background-color: rgba(255, 255, 255, 0.96);
    padding: 0px !important;
    margin: 0 1em 1em 1em;
}

.citation-language h2 {
    background-color: #eee;
    color: #444;
    border-bottom: 2px solid #80bc00;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1rem;
    font-family: "proxima-nova", sans-serif !important;
    padding: 0.5em;
    margin: 0px;
    text-align: center;
}

.full-width-title {
    font-size: 1.8rem;
    color: #1e6b52;
    text-align: center;
    padding-bottom: 0.5em;
}

/************************* Home News/Events Section******************************/
.home-news-events {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 1280px;
}

.home-news-events>div {
    border-right: 2px solid #80bc00;
    flex-basis: calc(33% - 4em);
    flex-grow: 1;
    padding: 1em;
}

.home-news-events>div:last-child {
    border-right: none;
}

.home-news-title {
    color: #1e6b52;
    font-size: 1.8em;
    padding-bottom: 0.5em;
    text-align: center;
}

/************************* Home News/Events Section Ends******************************/
/************Home page styling Ends**********************/

.lightgray-full-width-section {
    background: #eee;
    padding: 1% 0;
}

.bulletedList {
    padding-left: 20px;
}

/******************Required Documentation and Guidelines List styling with background**************************************/
.c-list-style-nsc {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-left: 10px;
}

.c-list-style-nsc>li {
    counter-increment: my-awesome-counter;
    position: relative;
}

.c-list-style-nsc>li::before {
    content: counter(my-awesome-counter);
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    left: -25px;
    top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #1E6B52;
    border-radius: 50%;
    text-align: center;
}

/******************Required Documentation and Guidelines List styling Ends**************************************/
.extra-spacing {
    padding: 2em 0;
}

span.wf_file_text {
    color: #000 !important;
    font-weight: normal !important;
}

.two-columns {
    display: flex;
    flex-wrap: wrap;
    margin: 1.5em 0;
}

.two-columns>div {
    flex-grow: 2;
    flex-shrink: 1;
    flex-basis: 45%;
    margin-right: 1.5em;
}

.two-columns>div.courses-grid {
    background: #eee;
    padding: 5px 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

h2.course-title {
    border-bottom: 2px solid #80bc00;
    padding-bottom: 5px;
    font-size: 1.4em;
}

.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 5px;
}

.focus-box-text-container {
    overflow: auto;
}

/********************************* Our Team CSS Starts***********************************/
.profile-heading__wrapper {
    border-bottom: 3px solid #80bc00;
    padding: 10px 20px 5px;
    order: 2;
    position: relative;
    background-color: #1e6b52;
    margin-bottom: 10px;
}

.profile-heading__wrapper .profile-heading__name {
    font-size: 1.1em;
    font-weight: 600 !important;
    margin: 0;
    color: #fff;
}

/********************************* Our Team CSS Ends***********************************/


/*******************************Newsflash CSS*************************/
.newsflash-shock__item {
    flex-basis: 29.3%;
}

.abu-page .newsflash-shock__item {
    margin: 13px;
}

/************************************ Media Queries ***************************************/
@media only screen and (max-width:1024px) {
    .home-intro {
        width: 90%;
    }

    .home-wrapper {
        width: 90%;
    }

    .home-news-events>div {
        flex-basis: calc(61% - 4em);
    }

    .home-news-events>div {
        border-right: none;
    }

    .two-columns {
        display: block;
    }
}

@media (max-width: 767px) {
    .image--mobile-full-width {
        width: 100% !important;
        float: none !important;
        margin: .5em 0 !important;
    }
}

/****************************Media Queries Ends*************************************/