@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab&display=swap');


:root {
    --red: #EA0606;
    --black: #191A1C;
    --white: #ffffff;
    --blue: #16D1D1;
    --purple: #785AF2;
    --brown: #69383D;
    --brdrColor: #D4DAE0;
    --brdrColor1: #74747B;
    --lightblue: #947DF3;
    --yellow: #FFC16D;
    --gray: #F7F9FA;
    --darkGray: #74747B;
    --blue1: #95D5D5;
    --lightGray: #F7F9FA;
    --reportColor: #1857AA;
    --tealColor: #16D1D1;
    --greenColor: #24897D;
    --orangeColor: #F77F00;
  }

b, strong,.bolder{
    font-weight: 700;
}
  
body{
    font-family: 'Be Vietnam Pro', sans-serif;
    /* font-family: 'Roboto Slab', serif; */
    font-size: 12px;
    color: var(--black);
    font-weight: 400;
    overflow-x: hidden;
    line-height: 1.4;
}

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

a:hover{
    text-decoration: none;
    color: var(--black);
    font-weight: 700;
}

.container.container-small {
    width: 640px;
    margin: 0 auto;
}

.page-node-type-director-profile .container.container-medium,
.page-node-type-director-profile .director-details.container {
    width: 750px;
    margin: 0 auto;
}

.gray-bg-container{
    background-color: var(--gray);
    padding: 60px 0;
}

.font-size12{
    font-size: 12px;
}

.txt-color-white,
.banner_text_color_white{
    color: var(--white);
}

.banner_text_color_black{
    color: var(--black);
}

.txt-color-red{
    color: var(--red);
}

.black-bottom-container,
.view-program-section-paragraph-view .css_for_white_desc_font_color .para-learn-more a:hover{
    background-color: var(--black);
    color: var(--white);
}

.region-content{
    padding: 0;
}

.sf-depth-1 > a{
    position: relative;
    z-index: 500;
}

.sf-depth-1 ul li:last-child{
    border-bottom:none;
}
.sf-depth-1 ul li{
    border-bottom: 1px solid var(--brdrColor);
}

ul.sf-menu a:hover, ul.sf-menu span.sf-depth-1.nolink:hover, .block-superfishmain span:hover, 
ul.sf-menu .sfHover span.nolink, li.sf-depth-1.sfHover a.sf-depth-1:hover, 
li.sf-depth-1.sfHover a.sf-depth-1,
.sf-depth-1.active-trail > a,
.sf-depth-1.active-trail > span{
    text-decoration: none;
    color: var(--black);
    /* font-weight: 900; */
    text-shadow: 0 0 1px;
}

.sf-depth-1.active-trail > span{
    border-bottom: 2px solid var(--red); 
    padding-bottom: 5px !important;
}

.block-superfishmain span.sf-depth-1:hover, ul.sf-menu .sfHover span.nolink, 
.sf-no-children a.sf-depth-1:hover, li.sf-depth-1 a.sf-depth-1:hover, 
li.sf-depth-1.sfHover a.sf-depth-1,
.sf-depth-1.active-trail > a,
.about-link a:hover,
.back_to_billing_page:hover,
.menu--footer .navbar-nav .nav-link:hover{
    border-bottom: 2px solid var(--red);
    padding-bottom: 5px;
}

footer .menu--footer .navbar-nav .nav-link:hover{
    padding-bottom: 6px;
}

ul.sf-menu li.sf-depth-1{
    height: 15px;
    margin: 0px 15px;
}

/* .block-superfishmain a:after,
.block-superfishmain span:after{
    content: '';
    display: block;
    margin: auto;
    margin-top: 5px;
    height: 2px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

.block-superfishmain a:hover:after,
.block-superfishmain span:hover:after{
    width: 100%;
    background: var(--red);
    color: var(--black);
    text-decoration: none;
} */

/* header */

.header_container{
    height: 100px;
    box-shadow: 0px 5px 25px #11111112;
    position: fixed;
    width: 100%;
    background: var(--white);
    z-index: 101;
}

.main_header{
    width: 90%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

main{
    margin-top: 200px;
    border-bottom: 2px solid var(--brdrColor);
    margin-bottom: 25px;
    padding-bottom: 30px;
}

.region.region-header{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    align-items: center;
}

.region.region-header .alert,
#edit-1-information .form-item-name,
#edit-1-information .form-item-email{
    width: 100%;
}

ul.sf-menu a, 
ul.sf-menu span.nolink{
    padding: 0;
    font-size: 12px;
    font-weight: 500;
}

#block-headerbuttonmenu a{
    background: var(--red);
    color: var(--white);
    text-align: center;
    border-radius: 0.25rem;
    font-size: 12px;
    width: 115px;
    font-weight: 600;
    margin-left: -40px;
    position: relative;
    z-index: 2;
}

#block-headerbuttonmenu a:hover, 
#block-headerbuttonmenu a:active, 
#block-headerbuttonmenu a:focus{
    background-color: var(--black);
}

#block-foundation-branding .navbar-brand,
#block-foundation-branding .navbar-brand img{
    margin-right: 0;
}

#block-foundation-branding .site-logo img,
.field--name-field-footer-logo img{
    width: auto;
    height: 37px;
}

ul.sf-menu.menu{
    display: flex;
    justify-content: flex-end;
    margin-right: 50px;
}

ul.sf-menu.sf-horizontal.sf-shadow ul li:first-child:hover:before{
    content: url(../images/Foundation_Drop-Up_Arrow_Icon_white.svg);
    position: absolute;
    top: -28px;
}

.sf-depth-1 ul{
    top: 30px !important;
    background: var(--white) !important;
    border-radius: 8px;
}

.sf-depth-1 ul li{
    padding: 15px 25px !important
}

.sf-depth-1 ul li:first-child{
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.sf-depth-1 ul li:last-child{
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.sf-depth-1 ul li:hover{
    background: var(--black);
}

.sf-depth-1 ul li:hover a{
    color: var(--white);
    font-weight: 500;
    
}

ul.sf-menu .sf-sub-indicator{
    top: 5px;
    opacity: 0.6;
    height: 15px;
    width: 20px;
    right: auto;
}

ul.sf-menu .sf-sub-indicator:after{
    content: url(../images/Foundation_DownArrow_Icon.svg);
}

.sf-depth-1 ul li:hover a:after{
    content:none;
}

ul.sf-menu .sf-with-ul{
    padding-right: 0;
}

#block-headericonsmenu .navbar-nav li.nav-item .nav-link,
#block-headericonsmenumobile .navbar-nav li.nav-item a{
    content: url(../images/Foundation_Search_Icon.svg);
    float: right;
    height: 38px;
    width: 38px;
}

#block-headericonsmenu .navbar-nav li.nav-item .nav-link:hover{
    content: url(../images/Foundation_SearchHover_Icon.svg);
}

.block-superfishmain span.sf-sub-indicator:hover:after{
    background:none;
}

/* Header end */
/* Footer start */

footer .region-footer,
footer .navbar-nav{
    flex-direction: inherit;
}

.menu--footer .navbar-nav .nav-link{
    padding-left: 0;
    padding-right: 0;
}

.menu--footer .navbar-nav li.nav-item{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.menu--footer .navbar-nav li.nav-item:last-child{
    padding-left: 0.5rem;
    padding-right: 0.8rem;
}

footer .navbar-nav{
    justify-content: flex-end;
    align-items: center;
}

.footer_copyright .region-footer-copyright{
    margin-top: 35px;
    align-items: center;
    font-size: 12px;
}

.footer_copyright .region-footer-copyright p{
    margin-bottom: 0px;
    margin-top: -20px;
}

#block-footerfollow li:nth-child(2) a{
    content: url(../images/Foundation_LI_Icon.svg);
    width: 42px;
    height: 42px;
}

#block-footerfollow li:nth-child(2) a:hover{
    content: url(../images/Foundation_LIHover_Icon.svg);
}

#block-footerfollow li:nth-child(3) a{
    content: url(../images/Foundation_Twitter_Icon.svg);
    width: 42px;
    height: 42px;
    margin: -5px;
}

#block-footerfollow li:nth-child(3) a:hover{
    content: url(../images/Foundation_TwitterHover_Icon.svg);
}

.block-release-versoning{
    position: relative;
    top: -20px;
}

/* Footer end */

/* Contact-us */

h1.page-title,
.page-node-type-foundation-news h1{
    font-weight: 700;
    font-size: 35px;
    text-align: left !important;
    margin-bottom: 30px;
}

.page-node-type-annual-cycle-grantees h1.page-title{
    font-weight: 700;
    font-size: 43px;
    text-align: left !important;
    margin-bottom: 30px;
    line-height: 1;
}

.path-news h1.page-title,
.path-resources  h1.page-title{
    font-weight: 700;
    font-size: 37px;
    text-align: left !important;
    margin-bottom: 30px;
    line-height: 1.2;
    width: 90%;
}

.contact-us-description{
    width: 83%;
    font-weight: 700;
    font-size: 18px;
}

.field--name-field-contact-us-webform{
    margin-top: 30px;
}

.form-control {
    height: 45px;
    border: 1px solid var(--black);
    font-size: 14px;
}

label {
    margin-bottom: 0.4rem;
    font-size: 14px;
}

.field--name-field-contact-us-webform .form-item-name,
.field--name-field-contact-us-webform .form-item-last-name,
.field--name-field-contact-us-webform .form-item-email,
.field--name-field-contact-us-webform .form-item-company-organization,
.field--name-field-contact-us-webform .form-item-country,
.field--name-field-contact-us-webform .form-item-phone-number{
    width: 48.8%;
    float: left;
    height: 85px;
}

.field--name-field-contact-us-webform .form-item.form-item-feedback{
    clear: both;
    padding-top: 1em;
}

.field--name-field-contact-us-webform .form-item.form-type-checkbox{
    margin: 0px 0 30px 0 !important;
}

.field--name-field-contact-us-webform .form-item.form-type-checkbox .form-checkbox,
.foundation-billing-detail-form .form-item-contribute-consent #edit-contribute-consent{
    height: 20px;
    width: 20px;
}

.field--name-field-contact-us-webform .form-item.form-type-checkbox .description{
    position: relative;
    margin-left: 1em;
    display: inline-block;
    top: 2px;
    width: 60%;
}

.rc-anchor-light.rc-anchor-normal{
    border: 1px solid;
    border-radius: 8px;
}

.description #edit-gdpr-consent--description,
.form-textarea-wrapper .text-count-wrapper{
    font-size: 12px;
}

.field--name-field-contact-us-webform .form-item-last-name,
.field--name-field-contact-us-webform .form-item-company-organization,
.field--name-field-contact-us-webform .form-item-phone-number{
    margin-left:20px;
}

.form-textarea-wrapper .text-count-wrapper{
    text-align: right;
    font-style: italic;
    margin-top: 5px;
}

.field--name-field-contact-us-webform .form-wrapper{
    text-align: center;
}

.field--name-field-contact-us-webform .g-recaptcha{
    margin: 0 auto;
    width: 304px;
}

.field--name-field-contact-us-webform .button{
    width: 300px;
}

/* Contact us end */


/* Buttons start */

.red_button,
.foundation-billing-detail-form #foundation-donation-form #edit-submit.form-submit,
#process_cc_payment,
.button.webform-button--next,
.dsg-application-form .form-submit.button,
#controlBtn .payButton,
.foundation-donation-form #edit-process-cc-payment{
    height: 45px;
    background-color: var(--red);
    color: var(--white);
    border: none;
}

.programs_testimonal .views-field-field-tc-link a:hover,
.views-field-field-tc-link a,
.foundation-billing-detail-form #foundation-donation-form #edit-submit.form-submit:hover,
.foundation-billing-detail-form #foundation-donation-form #edit-submit.form-submit:active,
.foundation-billing-detail-form #foundation-donation-form #edit-submit.form-submit:focus,
.red_button:hover,.red_button:active,.red_button:focus,
.dsg-application-form .form-submit.button:hover,
.dsg-application-form .form-submit.button:active,
.dsg-application-form .form-submit.button:focus,
.button.webform-button--next:focus ,.button.webform-button--next:focus ,.button.webform-button--next:focus,
#process_cc_payment:hover,#process_cc_payment:active,#process_cc_payment:focus,
.sub-section-link a:hover, .sub-section-link a:active, .sub-section-link a:focus,
.app-process-link1 .field--name-field-link1 a:hover, .app-process-link1 .field--name-field-link1 a:active, .app-process-link1 .field--name-field-link1 a:focus,
.foundation-agc-add-info-link a:hover, .foundation-agc-add-info-link a:focus, .foundation-agc-add-info-link a:active,
.view-program-section-paragraph-view .para-learn-more a:hover,
.view-program-section-paragraph-view .para-learn-more a:active,
.view-program-section-paragraph-view .para-learn-more a:focus,
.download-section-link a:hover, .download-section-link a:active,.download-section-link a:focus,
.news-resource-block .js-pager__items.pager a:hover,
.news-resource-block .js-pager__items.pager a:active,
.news-resource-block .js-pager__items.pager a:focus,
.page-node-type-annual-grants-awarded-diversity- .js-pager__items.pager a:hover,
.page-node-type-annual-grants-awarded-diversity- .js-pager__items.pager a:active,
.page-node-type-annual-grants-awarded-diversity- .js-pager__items.pager a:focus,
.dsg-application-form .webform-button--next.button:active,.dsg-application-form .webform-button--next.button:focus,
.dsg-application-form .webform-button--next.button:hover,
.app-process-link1 .field--name-field-link2 a,
.path-search main .search-form__submit.button:hover,
.path-search main .search-form__submit.button:focus,
.path-search main .search-form__submit.button:active,
.foundation-donation-form #edit-process-cc-payment:hover,
.foundation-donation-form #edit-process-cc-payment:focus,
.foundation-donation-form #edit-process-cc-payment:active{
    background-color: var(--black);
}

.programs_testimonal .views-field-field-tc-link a:hover,
.views-field-field-tc-link a,
.app-process-link1 .field--name-field-link2 a{
    height: 45px;
    font-size: 12px;
    color: var(--white);
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px;
    font-weight: 600;
    line-height: 2;
    border-radius: 4px;
}

.red_button:not(:disabled):not(.disabled):active, 
.red_button:not(:disabled):not(.disabled).active, 
.show > .red_button.dropdown-toggle{
    background-color: var(--black);
    border-color: var(--black);
}

/* Buttons end */

/* News  */

.field--name-field-category{
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    /* color: var(--red); */
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
}

.field--name-field-category a{
    font-family: 'Roboto Slab', serif;
    color: var(--red);
}

.news-mobile-banner{
    height: 100vh;
    background-size: 100% 100%;
}

.news-mobile-banner .container{
    display: flex;
    flex-direction: column;
    height: 100%;
    align-content: center;
    justify-content: center;
}

.news-mobile-banner .container h1{
    color: var(--white);
}

.field--name-field-date {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    /* color: var(--red); */
    display: inline-block;
    border-left: 1px solid;
    margin-left: 10px;
    padding-left: 12px;
    font-size: 16px;
    text-transform: uppercase;
}

.category_latest_news .field--name-field-date,
.category_community_adr .field--name-field-date{
    color: var(--red);
    border-color: var(--red);
}

.category_latest_news .field--name-field-category,
.category_community_adr .field--name-field-category{
    color: var(--red);
}

.category_press_release .field--name-field-date,
.category_announcement .field--name-field-date{
    color: var(--purple);
    border-color: var(--purple);
}

.category_conflict_dialogue .field--name-field-date{
    color: var(--tealColor);
    border-color: var(--tealColor);
}

.category_press_release .field--name-field-category,
.category_announcement .field--name-field-category{
    color: var(--purple);
}

.category_conflict_dialogue .field--name-field-category{
    color: var(--tealColor);
}

.category_report .field--name-field-date{
    color: var(--reportColor);
    border-color: var(--reportColor);
}

.category_report .field--name-field-category{
    color: var(--reportColor);
}

.category_podcast .field--name-field-date{
    color: var(--brdrColor1);
    border-color: var(--brdrColor1);
}

.category_podcast .field--name-field-category{
    color: var(--brdrColor1);
}

.category_video .field--name-field-date{
    color: var(--black);
    border-color: var(--black);
}

.category_video .field--name-field-category{
    color: var(--black);
}

.category_diversity_in_adr .field--name-field-date{
    color: var(--brown);
    border-color: var(--brown);
}

.category_diversity_in_adr .field--name-field-category{
    color: var(--brown);
}

.category_research .field--name-field-category{
    color: var(--greenColor);
}

.category_eldercare .field--name-field-date{
    color: var(--yellow);
    border-color: var(--yellow);
}

.category_eldercare .field--name-field-category{
    color: var(--yellow);
}

.category_environmental .field--name-field-date{
    color: var(--purple);
    border-color: var(--purple);
}

.category_environmental .field--name-field-category{
    color: var(--purple);
}

.news-res-description{
    font-size: 25px;
    font-weight: 500;
    margin: 40px 0;
    line-height: 1.2;
}

.author-details .field--name-field-author-details{
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
}

.field--name-field-author-image{
    float: left;
    padding-right: 20px;
}

.field--name-field-author-image img{
    height: 70px;
    width: 70px;
}

.field--name-field-author-name {
    font-weight: 700;
    font-size: 14px;
}

.field--name-field-author-description p{
    margin-bottom: 0;
}

.author-details .field--name-field-author-details > .field__item{
    width: 50%;
    margin-bottom: 15px;
}

.news-description .field--name-field-details > .field__item{
    border-bottom: 8px solid var(--black);
    margin: 32px 0;
    padding-bottom: 12px;
}

.news-description .field--name-field-details > .field__item:last-child,
.rrg-overview6 .row.brder-bottom:last-child {
    border-bottom: none;
}

.rrg-overview7 .view-content .views-row:last-child .row.brder-bottom{
    border:none;
    padding-bottom: 0 !important;
}

.rrg-overview6 .col-md-2 img,
.rrg-overview7 .col-md-2 img{
    border-radius: 10px;
}

.news-resource-block h2,
.acg-case-studies .field__label,
.page-node-type-foundation-about-us h2,
.acg-case-studies-title h2,
.dsg-application-form-title h3,
h2,
.page-node-type-special-initiatives-grants-over h3{
    font-size: 28px;
    font-weight: 900;
    text-transform: uppercase;
}

h3{
    font-size: 18px;
    font-weight: 900;
    margin-top: 30px;
    margin-bottom: 20px;
}

.news-resource-details-viewall-link{
    font-weight: 700;
    position: relative;
    right: 0;
    text-align: right;
    top: -40px;
}

.news-resource-block .view-content{
    clear: both;
}

.news-resource-block img,
.acg-case-studies img,
.view-board-of-directors-and-leadership img{
    max-width: 100%;
    height: auto;
}

.news-resource-block .views-field-nothing .field-content > time.datetime{ 
    /* position: relative; */
    width: 90px;
    height: 90px;
    display: block;
    color: var(--white);
    text-align: center;
    line-height: 1;
    padding: 10px;
}

.news-resource-block .datetime_month, 
.news-resource-block .datetime_year{
    font-size: 12px;
}

.news-resource-block .datetime_day{
    font-size: 40px;
    display: block;
    line-height: 1.2;
}

.desktop-container{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    align-items: center;
}

.news-resource-block .views-field-nothing{
    position: absolute;
}

.news-resource-block .views-field.views-field-field-thumbnail,
.news-resource-block .views-field-field-category,
.news-resource-block .views-field-field-category-1,
.news-resource-block .views-field-field-short-title,
.news-resource-block .views-field-field-short-description,
.news-resource-block .views-field-field-link-text{
    margin-top: 10px;
    margin-left: 10px;
}

.news-resource-block .views-field-nothing .category_latest_news{
    background-color: var(--red);
}

.news-resource-block .views-field-field-category .category_latest_news,
.news-resource-block .views-field-field-category-1 .category_community_adr{
    border-left: 5px solid var(--red);
    padding-left: 15px;
    padding-top: 2px;
    height: 22px;
}

.news-resource-block .views-field-nothing .category_press_release,
.news-resource-block .views-field-nothing .category_announcement{
    background-color: var(--purple);
}

.news-resource-block .views-field-field-category .category_press_release,
.news-resource-block .views-field-field-category .category_announcement{
    border-left: 5px solid var(--purple);
    padding-left: 15px;
    padding-top: 2px;
    height: 22px;
}

.news-resource-block .views-field-field-category-1 .category_conflict_dialogue{
    border-left: 5px solid var(--tealColor);
    padding-left: 15px;
    padding-top: 2px;
    height: 22px;
}

.news-resource-block .views-field-nothing .category_podcast{
    background-color: var(--brdrColor1);
}

.news-resource-block .views-field-field-category .category_podcast{
    border-left: 5px solid var(--brdrColor1);
    padding-left: 15px;
    padding-top: 2px;
    height: 22px;
}

.news-resource-block .views-field-nothing .category_report{
    background-color: var(--reportColor);
}

.news-resource-block .views-field-field-category .category_report{
    border-left: 5px solid var(--reportColor);
    padding-left: 15px;
    padding-top: 2px;
    height: 22px;
}

.news-resource-block .views-field-nothing .category_video{
    background-color: var(--black);
}

.news-resource-block .views-field-field-category .category_video,
.news-resource-block .views-field-field-category-1 .category_video{
    border-left: 5px solid var(--black);
    padding-left: 15px;
    padding-top: 2px;
    height: 22px;
}

.news-resource-block .views-field-nothing .category_annual_report{
    background-color: var(--brown);
}

.news-resource-block .views-field-field-category .category_annual_report,
.news-resource-block .views-field-field-category-1 .category_diversity_in_adr{
    border-left: 5px solid var(--brown);
    padding-left: 15px;
    padding-top: 2px;
    height: 22px;
}

.news-resource-block .views-field-field-category-1 .category_case_studies{
    border-left: 5px solid var(--orangeColor);
    padding-left: 15px;
    padding-top: 2px;
    height: 22px;
}

.news-resource-block .views-field-field-category-1 .category_research{
    border-left: 5px solid var(--greenColor);
    padding-left: 15px;
    padding-top: 2px;
    height: 22px;
}

.news-resource-block .views-field-field-category-1 .category_environmental{
    border-left: 5px solid var(--purple);
    padding-left: 15px;
    padding-top: 2px;
    height: 22px;
}

.news-resource-block .views-field-field-category-1 .category_eldercare{
    border-left: 5px solid var(--yellow);
    padding-left: 15px;
    padding-top: 2px;
    height: 22px;
}

.news-resource-block .views-field-field-link-text a.category_latest_news:hover,
.news-resource-block .views-field-field-link-text a.category_community_adr:hover{
    border-bottom: 4px solid var(--red);
}

.news-resource-block .views-field-field-link-text a.category_case_studies:hover{
    border-bottom: 4px solid var(--orangeColor);
}

.news-resource-block .views-field-field-link-text a.category_research:hover{
    border-bottom: 4px solid var(--greenColor);
}

.news-resource-block .views-field-field-link-text a.category_press_release:hover,
.news-resource-block .views-field-field-link-text a.category_announcement:hover{
    border-bottom: 4px solid var(--purple);
}

.news-resource-block .views-field-field-link-text a.category_conflict_dialogue:hover{
    border-bottom: 4px solid var(--tealColor);
}

.news-resource-block .views-field-field-link-text a.category_podcast:hover{
    border-bottom: 4px solid var(--brdrColor1);
}

.news-resource-block .views-field-field-link-text a.category_report:hover{
    border-bottom: 4px solid var(--reportColor);
}

.news-resource-block .views-field-field-link-text a.category_video:hover{
    border-bottom: 4px solid var(--black);
}

.news-resource-block .views-field-field-link-text a.category_annual_report:hover,
.news-resource-block .views-field-field-link-text a.category_diversity_in_adr:hover{
    border-bottom: 4px solid var(--brown);
}

.news-resource-block .views-field-field-link-text a.category_environmental:hover{
    border-bottom: 4px solid var(--lightblue);
}

.news-resource-block .views-field-field-link-text a.category_eldercare:hover{
    border-bottom: 4px solid var(--yellow);
}

.news-resource-block .views-field-field-category .field-content div,
.news-resource-block .views-field-field-category-1 .field-content div,
.news-resource-block .views-field-field-category-1 .field-content div{
    font-family: 'Roboto Slab',serif;
    font-size: 12px;
    margin: 15px 0;
    text-transform: uppercase;
}

.news-resource-block .row .col-md-4:nth-child(odd) .views-field-field-thumbnail img,
.homepage_news_section_container .row .col-md-4 .news-resource-block .views-field-field-thumbnail img,
.homepage_news_section_container .row .col-md-8 .news-resource-block .row .col-md-6:nth-child(odd) .views-field-field-thumbnail img,
.path-news .news-resource-block .row .col-md-4:nth-child(2) .views-field-field-thumbnail img,
.path-resources .news-resource-block .row .col-md-4:nth-child(2) .views-field-field-thumbnail img,
.video_section .col-md-4:nth-child(2) .media-wrapper a img{
    border-top-right-radius: 60px;
    /* max-height: 255px; */
}

.news-resource-block .row .col-md-4:nth-child(even) .views-field-field-thumbnail img,
.homepage_news_section_container .row .col-md-8 .news-resource-block .row .col-md-6:nth-child(even) .views-field-field-thumbnail img,
.path-news .news-resource-block .row .col-md-4:nth-child(3) .views-field-field-thumbnail img,
.path-resources .news-resource-block .row .col-md-4:nth-child(3) .views-field-field-thumbnail img,
.video_section .col-md-4:first-child .media-wrapper a img{
    border-bottom-right-radius: 60px;
    /* max-height: 255px; */
}
.homepage_news_section_container .row .col-md-4 .news-resource-block .view-header .view-all-news{
    height:0;
    justify-content: flex-end;
    position: relative;
    top: -70px;
    text-align: right;
    font-weight: 700;
}
.homepage_news_section_container h2{
    margin-bottom: 40px;
}
.path-news .news-resource-block .row .col-md-4:nth-child(1) .views-field-field-thumbnail img,
.path-resources .news-resource-block .row .col-md-4:nth-child(1) .views-field-field-thumbnail img,
.video_section .col-md-4:nth-child(3) .media-wrapper a img{
    border-bottom-left-radius: 60px;
    border-top-right-radius: 0px;
    /* max-height: 255px; */
}

.path-news .news-resource-block .row .col-md-4:nth-child(2) .views-field-field-thumbnail img,
.path-resources .news-resource-block .row .col-md-4:nth-child(2) .views-field-field-thumbnail img{
    border-top-right-radius: 60px;
    border-bottom-right-radius: 0px;
    /* max-height: 255px; */
}

.path-news .news-resource-block .row .col-md-4:nth-child(3) .views-field-field-thumbnail img,
.path-resources .news-resource-block .row .col-md-4:nth-child(3) .views-field-field-thumbnail img{
    border-bottom-right-radius: 60px;
    border-top-right-radius: 0px;
    /* max-height: 255px; */
}

.view-all-news{
    display: flex;
    justify-content: flex-end;
    position: relative;
    top: -40px;
    font-weight: 700;
}

.news-resource-block .js-pager__items.pager,
.page-node-type-annual-grants-awarded-diversity- .js-pager__items.pager{
    display: flex;
    justify-content: center;
}

.news-resource-block .views-field-field-short-title,
.field--name-field-acg-case-study-title,
.field--name-field-acg-case-study-school{
    font-weight:900;
    font-size: 17px;
    margin-bottom:20px;
}

.news-resource-block .views-field-field-link-text,
.field--name-field-case-study-report{
    font-weight: 700;
    margin-top: 20px;
}

.news-resource-block .row .col-md-4:last-child .views-field-field-link-text{
    margin-bottom: 40px;
}

.news-resource-block .view-id-foundation_news> .view-header{
    height: 25px;
}

.news-resource-block .views-field-field-link-text a:after,
.field--name-field-case-study-report a:after,
.news-resource-details-viewall-link:after,
.view-all-news a:after,
.foundation-donation-form .fieldset-wrapper a:not(.just_link):after {
    content: url(../images/Foundation_RightArrow_Icon.svg);
    position: relative;
    top: 5px;
    left: 5px;
}

.background-gray{
    background-color: var(--gray);
    padding: 60px 0;
}

/* End News */

/* ACG - OHIO screen start */

.acg-overview{
    width: 74%;
}

.acg-label,
.foundation-acg-project .field__label,
.foundation-acg-grant-amount .field__label,
.acg-overview .field__label,
.views-field-field-tc-type,
.field--name-field-about-us-our-mission .field__label,
.field--name-field-our-values .field__label,
.field--name-field-our-priorities .field__label,
.testimonal-heading,
.program_priority,
.rrg-overview,.foundation-agc-graphics-info .field__label,
.rrg-overview1{
    font-size: 14px;
    font-family: 'Roboto Slab',serif;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px;
}

.foundation-acg-project{
    border-bottom: 1px solid var(--brdrColor);
    padding: 0 0 30px 0;
}

.foundation-acg-grant-amount{
    margin: 30px 0 0 0;
}

.foundation-acg-project .field__item{
    font-size: 28px;
    font-weight: 500;
    color: var(--red);
}

.foundation-acg-grant-amount .field__item{
    font-size: 20px;
    color: var(--red);
    font-weight: 700;
}

.acg-overview .field__label,
.field--name-field-about-us-our-mission .field__label,
.field--name-field-our-values .field__label,
.field--name-field-our-priorities .field__label,
.testimonal-heading,
.program_priority,.foundation-agc-graphics-info .field__label,
.rrg-overview{
    margin-bottom: 40px;
    border-left: 5px solid var(--red);
    padding-left: 15px;
    padding-top: 2px;
    height: 25px;
}

.acg-overview .field__item{
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 55px;
    line-height: 1.2;
}

.acg-img-container img{
    border-bottom-right-radius: 100px;
}

.acg-sub-sections{
    background: linear-gradient(90deg, var(--blue1) 75%, var(--blue1) 75%, var(--white) 75%);
    padding: 50px 0;
}


.acg-case-studies .row .col-md-4:first-child img{
    border-top-left-radius: 90px;
}

.acg-case-studies .row .col-md-4:nth-child(2) img{
    border-top-right-radius: 90px;
}

.acg-case-studies .row .col-md-4:nth-child(3) img{
    border-bottom-left-radius: 90px;
}



/* For testing added fixed width and height for img */
.sub-section-image img,.news-desktop-banner img,.resources-desktop-banner img{
    height: auto !important;
    max-width: 100% !important;
    border-top-right-radius: 100px;
}

.acg-case-studies .field__items.row{
    margin-top: 50px;
}

.acg-case-studies .field--name-field-acg-case-study-title{
    margin: 25px 0 0 0;
}

.acg-case-studies .field--name-field-case-study-report{
    margin: 15px 0;
}

.file.file--application-pdf{
    background-image: none;
    padding-left: 0;
}

.sub-section-title,
.view-program-section-paragraph-view .para-title{
    font-size: 38px;
    font-weight: 500;
    line-height: 1;
}


.page-node-type-annual-cycle-grantees main,
.page-node-type-annual-grants-awarded-diversity- main,
.page-node-type-foundation-news main,
.page-node-type-programs main,
.rrg-overview6 .row.brder-bottom:last-child,
.page-node-type-annual-cycle-grantees main,
.page-node-type-rapid-response-grants main,
.page-node-type-diversity-scholarship-grants main,.page-node-type-foundation-homepage main,
.page-node-type-annual-grants-cycle main{
    border-bottom: none;
    padding-bottom: 0 !important;
}

.acg-footer-section-block h2{
    color: var(--red);
    margin-bottom: 30px;
}

.acg-footer-section-block .Block-text{
    margin-top: 62px;
    font-size: 25px;
    font-weight: 900;
}

.acg-footer-section-block .auth-text {
    font-weight: 700;
}

.sub-section-link a,
.unfview-acg-apply-now-link a,
.download-section-link a,
.programs_testimonal .views-field-field-tc-link a,
.views-field-field-tc-link a:hover,
.app-process-link1 .field--name-field-link2 a:hover,
.news-resource-block .js-pager__items.pager a,
.page-node-type-annual-grants-awarded-diversity- .js-pager__items.pager a,
.view-program-section-paragraph-view .para-learn-more a,
.load_more,.app-process-link1 .field--name-field-link1 a,
.foundation-agc-add-info-link a{
    font-size: 12px;
    height: 45px;
    background-color: var(--red);
    color: var(--white);
    display: table-cell;
    vertical-align: middle;
    padding: 0 30px;
    font-weight: 600;
    line-height: 2;
    border-radius: 4px;
}

.unfview-acg-apply-now-link a:hover, 
.unfview-acg-apply-now-link a:active, 
.unfview-acg-apply-now-link a:focus,
.view-program-section-paragraph-view  .css_for_white_desc_font_color .para-learn-more a{
    background-color: var(--white);
    color: var(--black);
}

.sub-section-link a::after,
.view-program-section-paragraph-view .css_for_white_desc_font_color .para-learn-more a:hover::after,
.unfview-acg-apply-now-link a:after,
.programs_testimonal .views-field-field-tc-link a:after,
.views-field-field-tc-link a:hover:after,
.views-field-field-tc-link a::after,
.css_for_black_desc_font_color .para-learn-more a::after,
.page-node-type-foundation-homepage .download-section-link a::after{
    content: url(../images/Foundation_RightArrow_Icon_white.svg);
    position: relative;
    top: 5px;
    left: 5px;
}

.unfview-acg-apply-now-link a:hover::after,
.view-program-section-paragraph-view .css_for_white_desc_font_color .para-learn-more a::after{
    content: url(../images/Foundation_RightArrow_Icon.svg);
    position: relative;
    top: 5px;
    left: 5px;
}

.black-bottom-container .views-row.row{
    height: 200px;
}

.unfview-acg-apply-now-label,
.dsg-application-title,
.application_proc_title,.app-process-desc .app-process-desc{
    font-weight: 500;
    font-size: 36px;
}

.app-process-desc .app-process-desc{
    margin-bottom: 30px;
}

.brder-right{
    border-bottom: 2px solid var(--brdrColor);
    position: relative;
    top: -2px;
}

.brder-left{
    border-left: 2px solid var(--red);
    height: 40px;
}

.brder-bottom{
    border-bottom: 1px solid var(--brdrColor);
}

.brder-top1{
    border-top: 1px solid var(--brdrColor);
}

.brder-top{
    border-top: 6px solid var(--red);
}

.brder-top-black{
    border-top: 6px solid var(--black);
}

.brder-left1{
    border-left: 1px solid var(--brdrColor);
}

/* Slider start */

.views_slideshow_cycle_teaser_section{
  height: 550px;
}

.page-node-type-diversity-scholarship-grants .views_slideshow_cycle_teaser_section,
.page-node-type-annual-grants-awarded-diversity- .views_slideshow_cycle_teaser_section{
    height: 450px;
}

.page-node-type-diversity-scholarship-grants .views-slideshow-controls-bottom,
.page-node-type-annual-grants-awarded-diversity- .views-slideshow-controls-bottom{
    top: 0;
    left: 10px;
}

.page-node-type-programs .views_slideshow_cycle_teaser_section{
    height: 405px;
  }

.page-node-type-programs .testimonial-slider-image img{
    border-radius: 0 !important;
}

.testimonial-slider-image img{
    border-top-left-radius: 90px;
    border-bottom-right-radius: 50px;
}

.page-node-type-diversity-scholarship-grants .testimonial-slider-image img,
.page-node-type-annual-grants-awarded-diversity- .testimonial-slider-image img{
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
}

.page-node-type-diversity-scholarship-grants .gray-bg-container,
.page-node-type-annual-grants-awarded-diversity- .gray-bg-container{
    padding: 0;
}

.tc-details{
    font-weight: 700;
    font-size: 16px;
}

.programs_testimonal .tc-details{
    font-weight: 700;
    font-size: 18px;
}

.page-node-type-foundation-homepage .programs_testimonal .tc-details{
    font-weight: 700;
    font-size: 24px;
}

.director-details .field--name-field-director-details p:first-child{
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 35px;
}

.testimonal-text-container{
    position: absolute;
    width: 600px;
    border-bottom-right-radius: 60px;
    z-index: 1;
    background-color: var(--gray);
}

.programs_testimonal .testimonal-text-container{
    position: absolute;
    width: 1000px;
    border-bottom-right-radius: 60px;
    z-index: 1;
    background-color: transparent;
}

.testimonal-author-container{
    width: 70%;
}

.views-field-field-tc-author-thumbnail-image img{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 2px solid var(--red);
}

.programs_testimonal .views-field-field-tc-author-thumbnail-image img{
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 2px solid var(--red);
}

.programs_testimonal .views-field-field-tc-link{
    display: flex;
    justify-content: flex-end;
}

.views-slideshow-controls-bottom{
    display: flex;
    width: 220px;
    flex-direction: row-reverse;
    position: relative;
    top: -60px;
    z-index: 99;
    left: 60px;
    justify-content: flex-start;
}

.programs_testimonal .views-slideshow-controls-bottom{
    width: 150px;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets{
    position: relative;
    /* top: -2px; */
}

.views-slideshow-controls-bottom .item-list{
    position: absolute;
    left: 35px;  
}

.views_slideshow_controls_text{
    margin-left: auto;
}

.views_slideshow_controls_text span:hover{
    text-decoration: none;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li{
    border-radius: 4px;
    padding: 0 4px;
    background: var(--darkGray);
    line-height: 8px;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active{
    background: var(--red);
    border-radius: 6px;
    padding: 0 6px;
    line-height: 12px;
}

.views_slideshow_controls_text_pause.views-slideshow-controls-text-pause-processed{
    position:absolute;
    left: 5px;
}

.views-slideshow-controls-text-status-pause a{
    content: url(../images/Foundation_Play_Icon.svg);
}

.views-slideshow-controls-text-status-play a{
    content: url(../images/Foundation_Pause_Icon.svg);
}

.views_slideshow_controls_text_previous a{
    content: url(../images/Foundation_DownArrow_Icon.svg);
    transform: rotate(90deg);
}

.views_slideshow_controls_text_next a{
    content: url(../images/Foundation_DownArrow_Icon.svg);
    transform: rotate(-90deg);
}

/* Slider end */

/* ACG - OHIO screen end */

/* director prfile screen */

.page-node-type-director-profile main,
.page-node-type-foundation-about-us main,
.page-node-type-annual-grants-awarded-diversity- main,
.page-node-type-programs main,
.path-rapid-response-grant-page main,
.page-node-type-annual-grants-cycle main,
.path-rapid-response-grants-awarded main,
.page-node-type-rapid-response-grants main,
.path-billing-detail main,.path-user main,
.page-node-type-foundation-homepage main,
.page-node-type-diversity-scholarship-grants main,
.page-node-type-diversity-scholarship-grants main,
.page-node-type-special-initiatives-grants-over main{
    margin-top: 100px;
}

h1.director_name.page-title{
    margin-bottom: 0;
}

.director_designation{
    color: var(--red);
    font-size: 20px;
    font-weight: 700;
    text-transform: inherit;
    margin-top: 5px;
}

.director-banner{
    background: linear-gradient(90deg,var(--gray) 65%,var(--gray) 65%,var(--white) 65%);
    padding: 50px 0 10px 0;
}

.director-image img{
    width: auto;
    height: 250px;
    border-top-right-radius: 100px;
}

.director-image{
    display: flex;
    justify-content: flex-end;
}

.about-link a,
.back_to_billing_page{
    color: var(--red);
    font-weight: 700;
}

.about-link a::before,
.back_to_billing_page::before{
    content: url(../images/Foundation_LeftArrow_Icon.svg);
    position: relative;
    top: 5px;
}

.field--name-field-about-us-our-mission .field__item *{
    font-size: 35px !important;
    font-weight: 500;
}

.about-us-ourmission .field__item{
    width: 71%;
}

.about-us-ourmission .field__item *{
    font-size: 35px !important;
}

.about-us-description .field--name-field-about-us-desc-header,
.rrg-overview5,
.field--name-field-donation-desc-header {
    font-weight: 700;
    font-size: 19px;
}

.field--name-field-about-us-desc-details p:nth-child(2){
    font-size: 16px;
}


/* director prfile screen - end */

/* News & Resource landing screen start */

.path-news main,.path-resources main{
    margin-top: 70px;
}

.gray-bg-container1{
    background: linear-gradient(90deg,var(--gray) 75%,var(--gray) 75%,var(--white) 75%);
    padding: 60px;
}

.download-section-link a::after,
.app-process-link1 .field--name-field-link1 a::after,
.app-process-link1 .field--name-field-link2 a::after,
.foundation-agc-add-info-link a::after{
    content: url(../images/Foundation_DownArrow_Icon_white.svg);
    position: relative;
    top: 5px;
    left: 5px;
}

.news-resource-filter-block{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.news-resource-filter-block .view-header{
    display: flex;
    justify-content: flex-end;
    width: 75%;
    align-items: center;
}

.news-resource-filter-block .view-filters .form-type-select,
.view-filters.donor-year-list .form-type-select{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-resource-filter-block .view-filters .form-type-select label{
    width: 75px;
    margin: 0 0 10px 0;
}

.view-filters.donor-year-list .form-type-select label{
    width: 50px;
}

.news-resource-filter-block .view-filters .form-type-select select{
    height: 40px;
    font-size: 14px;
    width: auto;
    font-weight: 700;
}

.news-filter-title,
.resource-filter-title{
    height: 40px;
    width: 130px;
    align-items: center;
    display: inline-flex;
    background-color: var(--red);
    color: var(--white);
    font-weight: 700;
    /* border-radius: 10px 0 0 10px; */
    justify-content: center;
}

.resource-filter-title-a,
.resource-filter-title{
    border-radius: 0 10px 10px 0;
}

.news-filter-title-a,
.news-filter-title{
    border-radius: 10px 0 0 10px;
}

.resource-filter-title-a,
.news-filter-title-a{
    height: 40px;
    width: 130px;
    align-items: center;
    display: inline-flex;
    border: 1px solid var(--red);
    font-weight: 700;
    /* border-radius: 0 10px 10px 0; */
    justify-content: center;
}

.resource-filter-title-a a,
.news-filter-title-a a{
    color: var(--red);
}

.resource-filter-title-a:hover,
.news-filter-title-a:hover{
    background-color: var(--red);
}

.resource-filter-title-a:hover a,
.news-filter-title-a:hover a,
.css_for_white_desc_font_color{
    color: var(--white);
}


/* News & Resource landing screen end */

/* About us start */

.desktop-background-img{
    background-size: 100%;
    height: 250px;
    background-repeat: no-repeat;
}

.page-node-type-foundation-about-us h1.page-title,
.path-rapid-response-grant-page h1.page-title,
.path-rapid-response-grants-awarded h1.page-title,
.page-node-type-rapid-response-grants h1.page-title{
    margin:0;
}
.views-field-field-tc-author-name .author_name *,
.views-field-field-tc-author-name .author_organization *,
.views-field-field-tc-author-name .author_designation * {
    display: inline-block;
}
.rrg-year-label .year_selection, .sr_year_list, .sr_program_type_list, .sr_level_of_study_list, .sr_location_list, .view-filters.donor-year-list .form-type-select select.form-control {
    height: 45px;
    width: 115px;
    padding: 5px;
}

.news-resource-filter-block .view-filters .form-type-select select.form-control{
    height: 45px;
    width: 100%;
    padding: 5px;
}
.about-us-description{
    border-bottom: 1px solid var(--brdrColor);
    margin: 0 0 40px 0;
    padding-bottom: 30px;
}

.about-our-values .field--name-field-our-values-title{
    font-size: 18px;
    font-weight: 900;
    min-height: 70px;
}

.about-our-priorities .field--name-field-priorities-title {
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 40px;
}

.about-our-priorities img{
    height:55px;
    width:55px
}
.about-our-priorities .field--name-field-priorities-thumbnail{
    float:left;
    padding-right:25px;
}

.about-our-priorities .field.field--name-field-priorities-title {
    margin-bottom: 0;
    color: var(--red);
}

.about-our-priorities .field--name-field-priorities-description{
    display:table-cell;
}

.view-board-of-directors-and-leadership .row .col-md-3:nth-child(1) img{border-bottom-right-radius: 80px}
.view-board-of-directors-and-leadership .row .col-md-3:nth-child(2) img{border-top-left-radius: 80px}
.view-board-of-directors-and-leadership .row .col-md-3:nth-child(3) img{border-top-right-radius: 80px}
.view-board-of-directors-and-leadership .row .col-md-3:nth-child(4) img{border-bottom-left-radius: 80px}

.view-board-of-directors-and-leadership .views-field-title{
    font-size: 16px;
    font-weight: 700;
    margin: 15px 0 0px 0;
}

.page-node-type-foundation-about-us h2{
    margin-bottom: 40px;
}

.view-board-of-directors-and-leadership .views-field-field-director-designation{
    margin-bottom: 20px;
}

/* About us end */
/* internal pages start */

.page-node-type-internal-pages .field--name-field-internal-page-description *{
    font-size: 18px;
    font-weight: 700;
    margin: 40px 0;
}

.page-node-type-internal-pages h2 *,
.page-node-type-internal-pages h2{
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.page-node-type-internal-pages h3 *,
.page-node-type-internal-pages h3{
    font-size: 12px;
    font-weight: 900;
    margin-top: 35px;
    margin-bottom: 0;
    text-transform: uppercase;
}

/* internal pages end */

/* Programs screen start */

.foundation-program-description{
    font-size: 18px;
    font-weight: 700;
    margin-top: 55px;
    width: 73%;
}

.programs_class:first-child img{
    border-bottom-right-radius: 100px;
}

.programs_class_mob:first-child img,
.programs_class_mob:nth-child(3) img{
    border-top-left-radius: 100px;
}

.programs_class_mob .css_for_black_desc_font_color,
.programs_class_mob .css_for_white_desc_font_color {
    border-bottom-right-radius: 100px;
}

.programs_class_mob:first-child .image-to-right,
.programs_class_mob:nth-child(3) .image-to-right{
    background-color: var(--white);
}

.programs_class:nth-child(2) img,
.programs_class_mob:nth-child(2) img,
.programs_class:nth-child(4) img,
.programs_class_mob:nth-child(4) img{
    border-bottom-right-radius: 100px;
    border-top-left-radius: 100px
}

.programs_class_mob:nth-child(2)> .css_for_black_desc_font_color,
.programs_class_mob:nth-child(4)> .css_for_black_desc_font_color {
    padding: 50px 0 50px 0 !important;
}

.page-node-type-annual-grants-awarded-diversity- .subtitle,
.hbcu_subtitle_desktop {
    font-size: 16px;
    margin: 30px 0 0 0;
    font-weight: 500;
}

.page-node-type-annual-grants-awarded-diversity- .subtext_subtitle,
.hbcu_subtext_subtitle_desktop{
    font-size: 16px;
    margin: 0 0 30px 0;
    font-weight: 500;
}
.page-node-type-annual-grants-awarded-diversity- .only-annual-grants-awarded .subtext_subtitle{
    font-size: 16px;
    margin: 30px 0 30px 0;
    font-weight: 900;
}
.page-node-type-annual-grants-awarded-diversity- .view-filters.donor-year-list{
    display: flex;
    justify-content: flex-end;
    position: relative;
    top: 0;
    /* height: 0; */
    margin-bottom: 0;
    z-index: 9;
    flex-wrap: nowrap;
}

.page-node-type-annual-grants-awarded-diversity- .js-form-item-field-acg-year-target-id,
.page-node-type-annual-grants-awarded-diversity- .js-form-item-field-dsr-year-target-id,
.page-node-type-annual-grants-awarded-diversity- .js-form-item-field-dsr-year-target-id-mobile-screen,
.page-node-type-annual-grants-awarded-diversity- .js-form-item-field-acg-year-target-id-mobile-screen{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-node-type-annual-grants-awarded-diversity- .js-form-required,
.page-node-type-annual-grants-awarded-diversity- .js-form-item-field-dsr-year-target-id label,
.page-node-type-annual-grants-awarded-diversity- .js-form-item-field-dsr-year-target-id-mobile-screen label{
    width: 85px;
}

.programs_class:nth-child(3) img{
    border-top-right-radius: 100px
}

.program_priority_desc{
    font-size: 19px;
    font-weight: 700;
    width: 71%;
}

/* Programs screen end */

/* Rapid Response Grants Awarded start */

h2.rrg-heading,
.foundation-agc-faq-title .field--name-field-faq-agc-accordion-title{
    font-weight: 500;
    margin-bottom: 40px;
    text-transform: none;
    font-size: 28px;
}

.rrg-brder-bottom{
    border-bottom: 1px solid var(--brdrColor);
    margin-left: auto;
    padding-top: 30px;
    margin-bottom: 30px;
} 

.rrg-fund-amount,.graphics-data{
    color: var(--red);
    font-size: 40px;
    font-weight: 500;
    display: block;
}

.rrg-amuount-desc,.graphics-label{
    font-weight: 900;
}

.rrg-year-label{
    position: relative;
   top: 132px;
    align-items: center;
}

.rrg-year-label label{
    /* font-size: 12px; */
    margin-top: 5px;
    width: 50px
}

.rrg-year-label .year_selection, .sr_year_list, .sr_program_type_list, .sr_level_of_study_list, .sr_location_list{
    height: 45px;
    border: 1px solid var(--black);
    font-size: 14px;
    border-radius: 5px;
    /* font-size: 12px; */
    font-weight: 500;
}

.testimonials_case_studies{
    margin-top: 90px;
}

.rrg-overview2{
    font-weight: 900;
    font-size: 19px;
    margin-bottom: 5px;
}

.rrg-overview3{
    font-weight: 700;
    margin-bottom: 20px;
}

.rrg-overview4{
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 28px;
    color: var(--red);
}

.page-item.active .page-link{
    background-color: var(--red);
    border-color: var(--red);
    border-radius: 0.25rem;
}

.pager__item--next .page-link,
.pager__item--last .page-link{
    color: var(--black);
}

.page-link{
    color: var(--darkGray);
    border: none;
}

.page-link:hover {
    color: var(--black);
    background: none;
}

.pager.container .pagination,
.path-search main .pagination{
    justify-content: flex-end;
}

#iframeAuthorizeNet{
    width: 750px;
    height: 200px;
}

.rrg2-bluecontainer{
    background-color: var(--blue1);
    border-top: 10px solid;
    border-image: linear-gradient(to right, var(--red) 15%, var(--brdrColor) 15%)2;
}

.rrg2-bluecontainer .row{
    height: 230px;
    align-items: center;
}

.page-node-type-diversity-scholarship-grants .rrg2-bluecontainer .row{
    height: 180px;
}

.dsg-appli-process-accord .card:first-child,
.foundation-agc-faqs-listing .card:first-child{
    border-top: none;
}

.dsg-appli-process-accord .card .card-body, .foundation-agc-faqs-listing .card .card-body{
    padding: 0;
    padding-bottom: 25px;
}

.foundation-appli-process {
    border-top: 10px solid;
    border-image: linear-gradient(to right,var(--red) 15%,var(--brdrColor) 15%)2;
}

.foundation-appli-process .desktop-background-img{
    height: 450px;
    background-size: 100% 450px;
}

.foundation-appli-process-title{
    font-size: 25px;
    font-weight: 900;
}

.foundation-rrg-graphics-info .paragraph--type--info-graphics,
.foundation-dsg-graphics-information .paragraph--type--info-graphics{
    align-items: flex-end;
}

/* Rapid Response Grants Awarded end */

/* Annual response grants start */

.foundation-agc-annual-graph-title{
    font-size: 14px;
    text-align: center;
    font-weight: 900;
    margin-bottom: 20px
}

/* Annual response grants end */

/* Donation payment form (Billing-details form) Start */

.field--name-field-donation-desc-header{
    width: 90%;
}

.field--name-field-donation-desc-details p{
    position: relative;
    height: 10px;
    top: -30px;
}

.field--name-field-donation-desc-details p:before{
    content: url(../images/Foundation_Remove_Icon.svg);
    position: relative;
    top: 17px;
    margin-right: 6px;
}

.AuthorizeNetPopupGrayFrameTheme .AuthorizeNetPopupClose a{
    content: url(../images/Foundation_close_Icon.svg); 
}

.donate-address p{
    margin-bottom: 5px;
}

.foundation-donation-form #edit-donaltion-level > legend,
.foundation-donation-form #edit-billing-details-leftside > legend,
.foundation-donation-form #edit-payment-information > legend{
    border-top: 6px solid var(--black);
    padding-top: 20px;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 500;
}
/* 
.foundation-donation-form #edit-donaltion-level > :first-child:first-letter,
.foundation-donation-form #edit-billing-details-leftside > :first-child:first-letter,
.foundation-donation-form #edit-payment-information > :first-child:first-letter { */
    /* background-color: var(--red); */
    /* color: var(--white);
    font-size: 24px;
    padding: 0px 16px;
    border-radius: 50%;
} */

.foundation-donation-form #edit-donaltion-level > legend div {
    display: inline-block;
}
.foundation-donation-form #edit-donaltion-level > :first-child::before {
    content:"1";
    font-size: 22px;
    margin: 0px 17px;
    vertical-align: top;
    color: var(--white);
}
.foundation-donation-form #edit-billing-details-leftside > :first-child::before{
    content:"2";
    font-size: 22px;
    padding: 0px 18px;
    color: var(--white);
}
.foundation-donation-form #edit-payment-information > :first-child::before {
    content:"3";
    font-size: 22px;
    padding: 0px 17px;
    color: var(--white);
}

/* .foundation-donation-form .fieldset-wrapper a{ */
.foundation-donation-form .fieldset-wrapper a:not(.just_link) {
    position: relative;
    right: 0;
    top: -30px;
    float: right;
    font-weight: 700;
}
  

/* .foundation-donation-form .fieldset-wrapper a.just_link  { */
		/* top : 0px !important; */
		/* float: none !important; */
    /* position: relative; */
    /* right: 0; */
    /* font-weight: 700; */
/* } */

#edit-donation-type{
    display: flex;
    justify-content: space-between;
}

#edit-donation-type .js-form-type-radio{
    width: 32%;
    height: 45px;
    position: relative;
    text-align: center;
  }
  
  #edit-donation-type label,
  #edit-donation-type input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  #edit-donation-type label span{
    position: absolute;
    top: 45px;
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
    font-style: italic;
    font-weight: 400;
    font-size: 11px;
    pointer-events:none;
}

  #edit-donation-type input[type="radio"] {
    opacity: 0.01;
    z-index: 100;
    /* border-radius: 8px; */
  }
  
  #edit-donation-type input[type="radio"]:checked+label span,
  .Checked+label span{
    color: var(--black);
  }

  #edit-donation-type input[type="radio"]:checked+label,
  .Checked+label {
    background: var(--red);
    color: var(--white);
    border-color: var(--red);
  }
  
  #edit-donation-type label {
    padding: 15px;
    border: 1px solid var(--black);
    cursor: pointer;
    font-size: 12px;
    z-index: 90;
    border-radius: 8px;
    font-weight: 700;
    margin-bottom: 0;
  }
  
  #edit-donation-type label:hover {
    background: #DDD;
  }

.foundation-billing-detail-form .amount-info,
.foundation-billing-detail-form .form-item-contribute-consent{
    width: 50%;
    float: left;
}

.foundation-billing-detail-form .form-item-contribute-consent{
    margin-top: 40px;
}

.foundation-billing-detail-form .amount-info{
    margin-top: 30px;
}

.foundation-billing-detail-form .form-item-contribute-consent label.option{
    position: relative;
    margin-left: 1em;
    display: inline-block;
    top: 5px;
    width: 82%;
    font-size: 12px;
}

#edit-amount--description{
    font-size: 11px;
    font-style: italic;
    margin-top: 5px;
    margin-bottom: 40px;
}

#edit-billing-details-leftside .fieldset-wrapper,
#edit-ec-payment-fieldset .ec-type,
#edit-donation-description .fieldset-wrapper,
#edit-1-information{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px 0;
}

#edit-billing-details-leftside .fieldset-wrapper .form-item-first-name,
#edit-billing-details-leftside .fieldset-wrapper .form-item-last-name,
#edit-billing-details-leftside .fieldset-wrapper .form-item-display-name{
    width: 32%;
}

#edit-donation-description .fieldset-wrapper .ec-message,
#edit-billing-details-leftside .fieldset-wrapper .form-item-email,
#edit-billing-details-leftside .fieldset-wrapper .form-item-phone,
#edit-billing-details-leftside .fieldset-wrapper .form-item-company-name,
#edit-billing-details-leftside .fieldset-wrapper .form-item-address,
#edit-billing-details-leftside .fieldset-wrapper .form-item-city,
#edit-billing-details-leftside .fieldset-wrapper .form-item-state,
#edit-billing-details-leftside .fieldset-wrapper .form-item-countries,
#edit-billing-details-leftside .fieldset-wrapper .form-item-zipcode,
#edit-ec-payment-fieldset .ec-type .form-item-ec-bankname,
#edit-ec-payment-fieldset .ec-type .form-item-ec-nameonaccount,
#edit-ec-payment-fieldset .ec-type .form-item-ec-accountnumber,
#edit-ec-payment-fieldset .ec-type .form-item-ec-routingnumber,
#edit-ec-payment-fieldset .ec-type .form-item-ec-accounttype,
#edit-1-information .form-item-country,
#edit-1-information .form-item-phone{
    width: 49%;
}

#edit-u-s-citizen--wrapper,
#edit-permanent-resident--wrapper,#edit-international-applicant--wrapper{
    width: 32%;
    display: flex;
    align-items: center;
}

#edit-program-you-plan-to-attend-require-that-you-be-accepted--wrapper,
#edit-if-yes-have-been-accepted-to-attend--wrapper,
#edit-consent-to-foundation-using-name-and-pic-to-announce-scholarship--wrapper{
    display: flex;
    align-items: center;
}

#edit-if-yes-have-been-accepted-to-attend--wrapper-legend{
    width: 30%;
    float: left;
}

#edit-u-s-citizen--wrapper-legend,#edit-you-previously-received-scholarships--wrapper-legend{
    width: 35%;
    float: left;
}

#edit-international-applicant--wrapper-legend,
#edit-program-you-plan-to-attend-require-that-you-be-accepted--wrapper-legend{
    width: 55%;
    float: left;
}

#edit-consent-to-foundation-using-name-and-pic-to-announce-scholarship--wrapper-legend{
    width: 58%;
    float: left;
}

#edit-permanent-resident--wrapper-legend{
    width: 49%;
    float: left;
}

#edit-donation-description{
    margin-top: 50px;
}

#edit-payment-method--wrapper #edit-payment-method{
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

#edit-payment-method--wrapper #edit-payment-method label{
    font-weight: 700;
    font-size: 12px;
}

.foundation-billing-detail-form .button-section{
    text-align: center;
}

.foundation-billing-detail-form ##foundation-donation-form #edit-submit{
    width: 250px;
}

#edit-payment-method--wrapper #edit-payment-method label span{
    font-weight: 500;
}

.back_to_billing_page,
.back_to_billing_page:hover,
.back_to_billing_page:focus,
.back_to_billing_page:active,
.back_to_billing_page:active:focus{
    background: none !important;
    font-size: 14px;
    border: none !important;
    padding: 0;
    margin: 40px 0 20px 0;
    color: var(--red) !important;
    font-weight: 700;
    box-shadow: none !important;
}

.confirm-details .row-label{
    font-weight: 700;
    padding-right: 10px;
    text-align: right;
}

#process_cc_payment{
    display: block;
    width: 200px;
    border-radius: 8px;
    margin: 40px auto;
}

#divAuthorizeNetPopup {
    z-index: 101 !important;
    transform: translate(-50%,-50%);
    margin: 0;
}

/* Donation payment form (Billing-details form) end */
/* Contribute - Donor List start */

.page-node-type-donors-list-header .view-id-donor_list p{
    margin-bottom: 8px;
}

.page-node-type-donors-list-header h3 .field--name-field-donor-type-title,
.page-node-type-donors-list-header h3 .field--name-field-donor-type-sub-title {
    display: inline;
}

.page-node-type-donors-list-header h3 .field--name-field-donor-type-sub-title{
    font-weight: 500;
    font-size: 14px;
}

.donor-link{
    border-bottom: 1px solid var(--red);
    font-weight: 700;
}

.view-filters.donor-year-list{
    display: flex;
    justify-content: flex-end;
    position: relative;
    top: 40px;
    margin-bottom: 40px;
    z-index: 9;
}

.donor-filter-top{
    position: relative;
    top: -80px;
    margin-top: 40px;
}

/* Contribute - Donor List end */

/* DSG start */

.dsg-appli-process-accord .card,
.foundation-agc-faqs-listing .card{
    border-radius: 0;
    border-top: 1px solid var(--brdrColor);
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.dsg-appli-process-accord .btn,
.foundation-agc-faqs-listing .btn{
    font-weight: 900;
    color: var(--black);
    font-size: 16px;
    padding: 25px 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
}

.dsg-appli-process-accord .btn:hover,.dsg-appli-process-accord .btn:focus,.dsg-appli-process-accord .btn:active,
.foundation-agc-faqs-listing .btn:hover,.foundation-agc-faqs-listing .btn:focus,.foundation-agc-faqs-listing .btn:active{
    box-shadow: none;
    text-decoration: none;
}

.dsg-appli-process-accord .btn[aria-expanded="false"]:after,
.foundation-agc-faqs-listing .btn[aria-expanded="false"]:after{
    content: url(../images/Foundation_Add_Icon.svg);
    color: var(--red);
}

.dsg-appli-process-accord .btn[aria-expanded="true"]:after,
.foundation-agc-faqs-listing .btn[aria-expanded="true"]:after{
    content: url(../images/Foundation_Remove.svg);
    color: var(--red);
}
.progress-tracker{
    margin: 50px auto;
}
.dsg-application-form .form-actions{
    text-align: right;
}

.dsg-application-form .webform-button--next.button,
.dsg-application-form .webform-button--submit.button{
    margin-right: 0;
}

.dsg-application-form .webform-button--next.button,
.dsg-application-form .webform-button--submit.button{
    width: 115px;
}

.progress-step{
    margin: 0 10px;
}

#edit-upload-picture-upload,
input[name="files[upload_picture]"]{
    display: none;
}

.webform-progress-tracker .progress-step.is-active .progress-text{
    color: var(--red);
    border-bottom: 4px solid var(--red);
}

.webform-progress-tracker .progress-step .progress-text{
    color: var(--brdrColor1);
    border-bottom: 4px solid var(--brdrColor1);
    font-weight: 900;
    padding-left: 0;
}
.page-node-type-foundation-contact-us select,
.path-billing-detail select,
.dsg-application-form select{
    appearance: none;
    padding-right: 20px;
    background: url(../images/Foundation_Drop_down_Arrow_Icon.svg) no-repeat 100% 53%;
}
.rrg-year-label .year_selection, .sr_year_list, .sr_program_type_list, .sr_level_of_study_list, .sr_location_list, .news-resource-filter-block .view-filters .form-type-select select.form-control, .view-filters.donor-year-list .form-type-select select.form-control{
    appearance: none;
    /* padding-right: 20px; */
    background: url(../images/Foundation_Drop_down_Arrow_Icon.svg) no-repeat 100% 53%;
    background-size: 40px;
    padding: 10px 35px 10px 10px;
}
.path-search main .search-form__submit.button:hover{
    border-color: var(--black);
}
.webform-progress-tracker .progress-step.is-complete .progress-text{
    color: var(--brdrColor1);
}

.webform-progress-tracker .progress-step.is-active .progress-text, .webform-progress-tracker .progress-step.is-complete .progress-text,
.webform-progress-tracker .progress-step.is-active .progress-title{
    font-weight: 900;
}

.dsg-application-form .webform-button--previous.button.form-submit,
#controlBtn .cancelButton{
    height: 45px;
    font-size: 12px;
    color: var(--blac);
    display: table-cell;
    vertical-align: middle;
    width: 115px;
    font-weight: 600;
    line-height: 2;
    border-radius: 4px;
    background-color: var(--white);
    border:1px solid var(--black);
}

.dsg-application-form .webform-button--previous.button.form-submit:hover,.dsg-application-form .webform-button--previous.button.form-submit:focus,.dsg-application-form .webform-button--previous.button.form-submit:active,
#controlBtn .cancelButton:hover,#controlBtn .cancelButton:active,#controlBtn .cancelButton:focus{
    background-color: var(--black) !important;
    color: var(--white) !important;
}

.dsg-application-form-title h3{
    margin: 0;
}

.form-item input.error, .form-item textarea.error, .form-item select.error{
    border: 2px solid var(--red);
}

#edit-upload-picture--label,
.form-item-upload-picture label{
    font-weight: 700;
    display: flex;
    align-items: center;
}

#edit-upload-picture--label::before,
.form-item-upload-picture label::before{
    content: url(../images/Foundation_UploadPic_Icon.svg);
    position: relative;
    /* top: 25px; */
    margin-right: 15px;
    cursor: pointer;
}


.dsg-application-form .form-composite > legend,
.dsg-application-form .webform-element-description{ 
    font-size: 14px;
    font-weight: 400;
}

.dsg-application-form .form-item-you-previously-received-scholarships { 
    position: relative;
    right: -300px;
    top: -22px;
    
}

.dsg-application-form .form-textarea-wrapper textarea { 
    margin-bottom: 35px;
}

.dsg-application-form .form-item-if-yes-describe label{ 
    right: -400px;
    position: relative;
    top: -60px;
}

.dsg-application-form .form-item-if-yes-describe .form-textarea-wrapper,
.dsg-application-form .form-item-what-adr-degree-program-you-seeking-financial-assistance-for{
    position: relative;
    top: -60px;
}

.dsg-application-form .form-item-what-adr-degree-program-you-seeking-financial-assistance-for{
    margin-bottom: 0;
}

.dsg-application-form .form-item-program-you-plan-to-attend-require-that-you-be-accepted{
    right: -535px;
    position: relative;
    top: -22px;
}

.dsg-application-form .form-item-if-yes-have-been-accepted-to-attend{
    right: -295px;
    position: relative;
    top: -23px;
}

.dsg-application-form .form-item-consent-to-foundation-using-name-and-pic-to-announce-scholarship{
    right: -620px;
    position: relative;
    top: -22px;
}

.dsg-application-form .form-item-foundation-reviews-app-on-quarterly-basis-date label{
    width: 49%;
    margin-bottom: 40px;
}

.dsg-application-form .form-item-foundation-reviews-app-on-quarterly-basis-date input{
    width: 49%;
    float: right;
}

.dsg-application-form .webform-section-title,
.dsg-application-form .form-item-upload-additional-documents label /* foundation 6.2 */ 
{  
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
}

.dsg-application-form .form-item-cost-of-adr-degree-program-fellowship-or-conference textarea{
    height: 60px;
    float: right;
    width: 49%;
    margin-bottom: 35px;
    margin-top: -45px;
}

.dsg-application-form .form-item-cost-of-adr-degree-program-fellowship-or-conference label{
    width: 49%;
}

.dsg-application-form .form-item-applicant-signature input{
    display: inline-block;
    width: 49%;
    /* text-align: right; */
    margin-top: 28px;
} 

.dsg-application-form .form-item-date{
    position: relative;
    top: -57px;
    right: -693px;
}

.dsg-application-form .form-item-date input{
    display: inline-block;
    width: 25%;
    text-align: right;
}

.dsg-application-form .webform-confirmation__message{
    text-align: center;
    margin-top: 50px;
}

.dsg-application-form .webform-confirmation__message img{
    height: auto;
    width: 150px !important;
}

.dsg-application-form .webform-confirmation__message strong{
    font-size: 20px;
}

.webform-confirmation-thankyou{
    font-size: 40px;
    font-weight: 700;
    margin: 20px auto;
}

.webform-confirmation-msg{
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    padding-bottom: 100px;
}

.dsg-application-form .form-item-upload-picture{
    margin-top: 30px;
}
.dsg-application-form .form-item-fellowship-conference-provide-payment-instructions-for-you textarea,
.dsg-application-form .form-item-where-did-you-hear-this-scholarship-opportunity{
    margin-bottom: 55px;
}

/* DSG end */

/* Home page tart */

.page-node-type-foundation-homepage .desktop-background-img{
    background-size: 100% 670px;
    height: 670px;
    background-repeat: no-repeat;
}

.img-overlay{
    height: 100%;
    background-color: rgb(0 0 0/0.5);
}

.page-node-type-foundation-homepage h1{
    width: 70%;
}

.page-node-type-foundation-homepage .about-us-description{
    margin: 90px 0 90px 0;
    padding-bottom: 90px;
}

.page-node-type-foundation-homepage .desktop-background-img .align-items-center.d-flex{
    height: 600px;
}

.page-node-type-foundation-homepage .about-us-description .field--name-field-homepage-desc-header{
    font-weight: 700;
    font-size: 25px;
}

.home_prorgams_container .circle_image{
    content: url(../images/Foundation_ButtonRollover_Icon.svg);
}

.home_prorgams_container .circle_image:hover, .home_prorgams_container .circle_image:focus-within{
    content: url(../images/Foundation_ButtonRolloverHover_Icon.svg);
}

.home_prorgams_container .img__wrap .img-fluid,
.pgm_mobile_Section img{
    border-radius: 12px;
}

.home_prorgams_container .img__wrap:hover .img-fluid, .home_prorgams_container .img__wrap:focus-within .img-fluid{
    position: relative;
    max-width: 115%;
    top: -8%;
    left: -7%;
}

.home_prorgams_container .img__description_layer,
.home_prorgams_container .program_img_overlay{
    display: none;
}

.home_prorgams_container .img__wrap:hover .program_img_overlay, .home_prorgams_container .img__wrap:focus-within .program_img_overlay{
    display: block;
}

.home_prorgams_container .img__wrap:hover .img__description_layer, .home_prorgams_container .img__wrap:focus-within .img__description_layer{
    display: block;
    position: absolute;
    display: block;
    bottom: 0px;
    text-align: center;
    z-index: 2;
}


.home_prorgams_container .img__wrap:hover .img__description_layer .program_title_section_inside, .home_prorgams_container .img__wrap:focus-within .img__description_layer .program_title_section_inside {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

@keyframes bounce {
    0% {
        transform: translateY(-25%);
    }
    20% {
        transform: translateY(15%);
    }
    50% {
        transform: translateY(-15%);
    }
    80% {
        transform: translateY(5%);
    }
    100% {
        transform: translateY(0%);
    }
}


.program_title_section{
    width: 70%;
    position: absolute;
    bottom: 40px;
    color: var(--white);
    left: 0;
    right: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    margin: 0 auto;
}

.program_title_section_inside{
    font-size: 18px;
    font-weight: 900;
    width: 70%;
    margin: 0 auto 30px auto;
}


.program_img_overlay{
    background-color: rgb(0 0 0/0.7);
    width: 103%;
    height: 114.5%;
    top: -8%;
    left: -1%;
    z-index: 1;
    position: absolute;
    border-radius: 12px;
}

.home_prorgams_container .img__wrap:hover .img__description_layer p, .home_prorgams_container .img__wrap:focus-within .img__description_layer p{
    margin-bottom: 30px;
}

.home_prorgams_container .img__wrap{
    max-height: 485px;
}

.field--name-field-homepage-impact-section,
.foundation-agc-graphics-info .field--name-field-acg-impact-graph .field__items {
    display: flex;
    justify-content: space-between;
}

.field--name-field-homepage-impact-section > .field__item,
.foundation-agc-graphics-info .field--name-field-acg-impact-graph .field__items > .field__item{
    width:32%;
}

.field--name-field-homepage-impact-section .graphics-thumbnail,
.foundation-agc-graphics-info .field--name-field-acg-impact-graph .field__items .graphics-thumbnail{
    display: flex;
    width: 100%;
    align-items: center;
}

.field--name-field-homepage-graphics-thumb img{
    width:75%;
    height: auto;
}

.field--name-field-homepage-impact-section .graphics-description,
.foundation-agc-graphics-info .field--name-field-acg-impact-graph .field__items .graphics-description{
    margin-top: 15px;
}

.page-node-type-foundation-homepage h2{
    text-transform: none;
    font-weight: 700;
}

.home_donor_container.desktop-background-img{
    display: flex !important;
    /* height: 450px;
    background-size: 100% 450px; */
    /* Foundation 6.2 */
    background-size: 100% auto;
    padding: 9% 0;
    height: auto;
}

.homepage_news_section_container{
    margin-bottom: 40px;
}

.home_prorgams_container .img__wrap:first-child img,
.pgm_mobile_Section li:first-child img{
    border-bottom: 10px solid var(--yellow);
}

.home_prorgams_container .img__wrap:nth-child(2) img,
.pgm_mobile_Section li:nth-child(2) img{
    border-bottom: 10px solid var(--blue);
}

.home_prorgams_container .img__wrap:nth-child(3) img,
.pgm_mobile_Section li:nth-child(3) img{
    border-bottom: 10px solid var(--red);
}

.home_prorgams_container .img__wrap:nth-child(4) img,
.pgm_mobile_Section li:nth-child(4) img{
    border-bottom: 10px solid var(--brown);
}

.pgm_mobile_Section .flex-control-nav,.pgm_mobile_Section .flex-direction-nav,.pgm_mobile_Section .flex-pauseplay{
    display: none;
}

.path-search main .js .input.form-autocomplete{
    background-image: none;
}

.path-search main h2{
    margin-top: 40px;
}

.path-search main .js-form-type-search{
    width: 87%;
}

.path-user .form-item .description{
    font-size: 12px;
}

.page-node-type-foundation-homepage .view-all-news{
    height: 25px;
}

.view-all-news a:hover,
.foundation-donation-form .fieldset-wrapper a:hover,
.news-resource-details-viewall-link a:hover{
    border-bottom: 2px solid var(--red);
}

.path-search main .search-form__submit.button{
    height: 45px;
    margin-left: -3px;
    margin-top: -5px;
    width: 115px;
    background: var(--red);
    border-color: var(--red);
}

.path-search main{
    padding-bottom: 50px;
}

.video_title{
    font-weight: 900;
    font-size: 17px;
    margin: 25px 0;
}

.video_title .col-md-4{
    max-width: 100%;
    padding: 0;
}

.video_duration {
    font-family: 'Roboto Slab',serif;
    font-size: 12px;
    margin: 15px 0;
    text-transform: uppercase;
}

.video_duration::before {
    content: url(../images/Foundation_VideoPlay_Icon.svg);
    position: relative;
    top: 7px;
    margin-right: 10px;
}

.video_duration div{
    display: inline-block;
    width: auto;
}

.foundation-agc-additit-info{
    font-size: 28px;
    font-weight: 900;
    text-transform: uppercase;
    width: 60%;
    margin-bottom: 40px;
}




/* Home page end */
.page-node-type-foundation-news .block-page-title-block .page-title, 
.page-node-type-foundation-resources .block-page-title-block .page-title,
.page-node-type-annual-cycle-grantees .block-page-title-block .page-title,
.page-node-type-director-profile .block-page-title-block .page-title,
.page-node-type-foundation-contact-us .block-page-title-block .page-title,
.page-node-type-foundation-about-us .block-page-title-block .page-title,
.page-node-type-annual-grants-awarded-diversity- .block-page-title-block .page-title,
.page-node-type-internal-pages .block-page-title-block .page-title,
.page-node-type-foundation-homepage .block-page-title-block .page-title,
.page-node-type-programs .block-page-title-block .page-title,
.path-rapid-response-grant-page .block-page-title-block .page-title,
.page-node-type-donors-list-header .block-page-title-block .page-title,
.page-node-type-rapid-response-grants .block-page-title-block .page-title,
.page-node-type-annual-grants-cycle .block-page-title-block .page-title, 
.path-rapid-response-grants-awarded .block-page-title-block .page-title,
.path-billing-detail .block-page-title-block .page-title,
.page-node-type-special-initiatives-grants-over .block-page-title-block .page-title,
.page-node-type-diversity-scholarship-grants .block-page-title-block .page-title,
.mobile-background-img,.foundation-rrg-graphics-info .field__item:last-child .row:last-child,
.foundation-dsg-graphics-information .field__item:last-child .row:last-child,
.mobile-container,.home_prorgams_container .img__wrap:hover .program_title_section,.home_prorgams_container .img__wrap:focus-within .program_title_section,
.path-user .block-page-title-block,.path-rapid-response-grants-awarded .rrg-side-overview .row:last-child,
.path-user .block-local-tasks-block,.prog-section-for-large-desktop{
    display: none;
}

/*Hide default error messages div in billing detail form */
.foundation-billing-detail-form .alert{
    display: none;
}
.foundation-billing-detail-form .foundation-donation-form .alert {
    display: inline-block;
    width: 100%;
}

input.form-autocomplete.form-control{
    background-image: none;
}

ul.ui-widget.ui-widget-content{
    z-index: 101;
}

a.osano-cm-link:hover,a.osano-cm-link:focus,a.osano-cm-link:active{
    text-decoration: underline;
    font-weight: normal;
}

.page-node-type-annual-grants-awarded-diversity- h1.page-title,
.path-billing-detail h1.page-title{
    margin-bottom: 0;
}

.progress-tracker--center {
    text-align: left;
}
.page-node-type-special-initiatives-grants-over h2.rrg-overview2{
    text-transform: none;
}

.view-special-initiatives-grants-view .view-content > .views-row:last-child .brder-bottom{
    border-bottom: none;
}
.foundation-donation-form #edit-donaltion-level > legend,
.foundation-donation-form #edit-billing-details-leftside > legend, 
.foundation-donation-form #edit-payment-information > legend{
    background-image: url(../images/Foundation_Circle_Icon.svg);
    padding-top: 20px;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 500;
    background-repeat: no-repeat;
    background-position: 1px 17px;
    line-height: 1.7;
}
.foundation-donation-form #edit-donaltion-level > legend{
    padding-top: 22px;
    padding-left: 3px;
}
.foundation-donation-form #edit-payment-information > legend{
    padding-top: 21px;
    padding-left: 1px;
}
.page-node-type-special-initiatives-grants-over main{
    padding-bottom: 0;
    border: none;
}
.search-md{
    display: block;
}
.search-lg{
    display: none;
}

.cookie-pref{
    cursor: pointer;
}

.page-node-type-special-initiatives-grants-over h3{
    margin: 50px 0;
}

.page-node-type-special-initiatives-grants-over h3:nth-last-of-type(1){
    margin: 50px -15px;
    border-top: 6px solid var(--red);
    padding: 50px 0 0 0;
    position: relative;
    top: -50px;
    height: 0px;
}

/* .main_header{
    overflow: hidden;
} */
/* 
.osano-cm-dialog--type_bar.osano-cm-dialog--position_top{
    bottom: 0;
    top: auto;
    font-size: 12px;
}

.osano-cm-dialog {
    background: var(--lightGray);
    color: var(--black);
}
.osano-cm-link,.osano-cm-link:hover,.osano-cm-link:active,.osano-cm-link:focus{
    font-weight: 500;
    color: var(--black);
    text-decoration: underline;
}
.osano-cm-dialog__buttons{
    flex-wrap: nowrap;
}
.osano-cm-button,
.osano-cm-button.osano-cm-button--type_deny:hover,
.osano-cm-button.osano-cm-button--type_deny:active,
.osano-cm-button.osano-cm-button--type_deny:focus {
    background-color: var(--red);
    border-color: var(--red);
    color: var(--white);
}

.osano-cm-button--type_deny,
.osano-cm-button:active,
.osano-cm-button:focus,
.osano-cm-button:hover {
    background-color: var(--black);
    border-color: var(--black);
    color: var(--white);
} */

/*Test code for search*/
.searchbar {
			position: relative;
		}

		/* Styling the search box where the
			input would be given */
		.searchbar input[type="text"] {
			border: 0;
			padding: 0;
			width: 0px;
			height: 35px;
			border-radius: 3px;
			transition: all 0.3s ease;
		}

		/* Styling the search bar icon */
		.searchbar .icon {
			display: flex;
			position: absolute;
			top: 0;
			right: 0;
			width: 35px;
			height: 100%;
			background: none;
			border-radius: 3px;
			color: #fff;
			transition: all 0.5s 0.3s ease;
		}
		
		.searchbar .icon i {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			cursor: pointer;
		}
		
		.searchbar .icon.active {
			background: #062333;
			transition: all 0.3s ease;
		}
		
		.searchbar input[type="text"].active {
			width: 250px;
			padding: 0 10px;
			transition: all 0.5s 0.2s ease;
		}
		
		.licon li {
			list-style: none;
			display: flex;
		}
		
		.licon li a {
			padding: 0 20px;
		}

		/* Changing the colour of the login
			icon when hovered over*/
		
		.fa-user-circle:hover {
			color: #0e0d0d !important;
		}
		
		.testsearch {
			background: #037729;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			height: 70px;
			padding: 0 100px;
		}
/* .path-rapid-response-grants-awarded .rrg-category_name h2,
.path-rapid-response-grants-awarded .category_desc.bolder.mb-4.mt-4{
    display: none;
}
.path-rapid-response-grants-awarded .rrg-category_name{
    margin: 50px;
} */

/* captcha -billing details */
.foundation-billing-detail-form .g-recaptcha {
    margin: 0 auto;
    width: 304px;
}

.foundation-billing-detail-form #foundation-donation-form #edit-submit.form-submit,
.foundation-donation-form #edit-process-cc-payment{
    margin-top: 1em;
    width: 300px;
}

/* 6.2 Upload doc in diversity scholarship submission tab */

.dsg-application-form .form-item-upload-additional-documents .webform-document-file label {
    color: var(--red);

}

/* 6.2 Prod issue - page-node-type-special-initiatives-grants-over h3 border */

.page-node-type-special-initiatives-grants-over h3:nth-of-type(1):nth-last-of-type(1){
	margin: 50px 0;
	border: none;
}

.no-Initiatives-grants{margin-bottom:25px;}

/* System maintance notification text */

.path-frontpage .field--name-field-home-page-notification .field__item {
    padding: 24px;
    background: #f1f1f1;
    word-wrap: break-word;
}

.path-frontpage .field--name-field-home-page-notification .field__item p{
    margin-bottom: 0 !important;
}

/* 20977 - Removing the accordion */
.dsg-appli-process-accord-container .dsg-appli-process-accord li{
    margin-bottom: 10px;
}
  
.dsg-appli-process-accord-container .dsg-appli-process-accord h3{
    border-top: 1px solid var(--brdrColor);
    padding-top: 45px;
    margin-top: 40px;
}
.dsg-appli-process-accord-container .dsg-appli-process-accord h3:first-child{
    border-top: none;
    padding-top: 0;
    margin-top: 40px
}

.grecaptcha-badge{bottom:80px !important;}

/* .pgm_mobile_Section .slides{margin-left: -40px;} */

.ck-content ol ol{
    list-style-type: decimal;
}
/* 21455: Issue with Foundation Website - Heading overlapping with year filter in Rapid response grants screen */
.path-rapid-response-grants-awarded .container .rrg-overview6 .rrg-category_name h2{
    width: 83%;
}

.back-to-prior-screen-links {
    color: #EA0606 !important;
}

/* Maps UI */

.sr_level_of_study_list, .sr_program_type_list, .sr_location_list{
    min-width: 185px;
}

.dsr-scholar-recipients .sr_program_type_list, .dsr-scholar-recipients .sr_year_list, .dsr-scholar-recipients .sr_level_of_study_list, .dsr-scholar-recipients .sr_location_list {
    width: 128px;
    margin-right: 20px;
}

.dsr_filter_selection #filter-dsr-list,
.dsr_filter_selection #reset-filter-dsr-list{
    height: 45px;
    background-color: var(--red);
    color: var(--white);
    border: none;
}

.dsr_filter_selection #filter-dsr-list:hover,
.dsr_filter_selection #reset-filter-dsr-list:hover,
.dsr_filter_selection #filter-dsr-list:focus,
.dsr_filter_selection #reset-filter-dsr-list:focus,
.dsr_filter_selection #filter-dsr-list:active,
.dsr_filter_selection #reset-filter-dsr-list:active{
    background-color: var(--black);
}

.dsr_filter_selection #reset-filter-dsr-list{
    margin-right: 0;
}

#map {
    width: 100%;
    z-index: 1;
    margin-bottom: 45px;
}

.leaflet-container a.leaflet-popup-close-button{
    display: none;
}

.leaflet-popup-content{
    width: 250px !important;
}

.leaflet-popup-content h3{
    margin: -13px -19px 0 -19px;
    background: #f1f1f1;
    padding: 15px 20px;
    font-size: 20px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.leaflet-popup-content table{
    font-weight: 700;
    margin: 5px 0;
}

.leaflet-popup-content table tr td{
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    color: var(--black);
    font-weight: 900 !important;
    width: 60%;
}

.leaflet-popup-content table tr:last-child td{
    border-bottom: 0;
    padding-bottom: 10px !important;
    /* padding-top: 0px !important; */
}
/* 
.leaflet-popup-content-wrapper{
    padding: 0 !important;
} */