/*All Pages CSS*/
/*****************************************************About us page*********************************************/
.article-caption .staff-program, .article-caption .staff-name {
    display: block;
    text-align: center;
}
.mac-hero-banner {
    margin: auto;
}
.utility-ico {
    display: flex;
    /* margin-left: auto; */
    flex-direction: row;
    justify-content: flex-end;
    margin-right: 3rem;
}
.no-record {
    position: absolute;
    padding-top: 1rem;
    color: #fff;
}
.utility-ico span {
    padding-right: 1rem;
}
#search-overlay.active {
    background-color: rgba(255, 255, 255, .5);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    left: 0;
    display: block !important;
}
.beige-header-bg h1 {
    margin-top: 1rem !important;
    padding-top: 3rem;
}
.mac-main-nav__sub-menu-item.openMenuKeyboard__active {
    opacity: 1 !important;
    visibility: visible !important;
}
.mac-hero-banner h1 {
    text-align: center;
    font-weight: 300;
    line-height: 110%;
    margin-top: 5.625rem;
}
.swiperrepresentativegrants p {
    line-height: 24px !important;
}
.mac-hero-banner__small {
    max-width: 38rem;
    margin: 0 auto;
}
.mac-hero-banner img {
    max-width: 100%;
}
.mac-hero-banner--caption {
    font-size: 1.313rem;
}
.mac-hero-banner--subtitle {
    margin: auto;
    text-align: center;
    text-align: left;
    font-weight: 700;
}
.mac-hero-banner--subtitle h3 {
    font-weight: 700;
    font-size: var(--header3);
}
.mac-hero-banner--content {
    text-align: center;
    margin: auto;
    font-family: 'Crimson Text', serif;
}
.mac-hero-banner--content p {
    text-align: left;
    font-size: 1.438rem;
    line-height: 2rem;
}
.past-president .mac-accordion button[aria-expanded=true]::before {
    left: 0;
}
.past-president .small-photo {
    float: left;
    padding-left: 2rem;
}
.past-president .mac-accordion-title {
    width: 80%;
    float: left;
    padding-left: 1rem !important;
}
.past-president .small-photo img {
    height: 5.8rem;
}
.board-members .board-members--card {
    background: #F2ECEB;
    padding: 1rem 0.8rem .5rem .8rem;
    display: flex;
    margin-bottom: 1.5rem;
}
.board-members .board-members--content {
    padding-left: 1rem;
}
.board-members .board-members--img img {
    height: 55px;
}
.title-overlay {
    background: white;
    padding: 2rem 5rem 2rem 2rem;
    margin-bottom: 52px;
    border-radius: 2px;
    display: inline-block;
}
.title-overlay h2 {
    font-weight: 500;
}
.author-bg {
    position: relative;
    width: 100%;
    background-size: cover;
    height: 500px;
    display: flex;
    align-items: flex-end;
}
.author-bg-john {
    background: url() no-repeat center;
}
.author-bg-catherine {
    background: url(/img/about/macarthurs.jpg) no-repeat center;
}
/*Award recipient Page CSS*/
.award-recipient .masonry-grid--image>img {
    height: 250px;
}
/*Mac Icon*/
.mac-icon {
    margin-right: 1rem;
}
.mac-icon i {
    font-size: 1.2rem;
    color: var(--blue);
}
/*Common CSS*/
.bigTextHglt {
    color: #571C79;
    font-size: 36px;
    font-weight: bold;
    border-left: solid 3px #571C79;
    padding-left: 2rem;
    line-height: 49px;
}
/*Value Section*/
.mac-value-section {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    margin: auto;
    grid-gap: 1em;
    width: 100%;
    row-gap: 3em;
    padding-top: 7rem;
    padding-bottom: 7rem;
}
.mac-value-section .column1 {
    grid-column: 2/5;
}
.mac-value-section .column2 {
    grid-column: 5/11;
    font-family: 'Crimson Text', serif;
}
.mac-value-section p {
    font-size: 1.438rem;
    line-height: 2rem;
}
.mac-value-section__infographic {
    margin-top: 3.375rem;
    margin-bottom: 6.75rem;
}
/*Map Section*/
.mac-map-bg {
    background-color: var(--deeppurple);
    display: flex;
}
.mac-map {
    padding: 3.75em 0;
}
.mac-map h3 {
    color: var(--white);
}
.mac-map__card {
    background: var(--white);
    padding: 1.875rem;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 100%;
    border-radius: 8px;
    height: auto;
    position: relative;
    z-index: 999;
}
.mac-address.active {
    transform: scaleY(1);
}
.mac-map__card p {
    line-height: 26px;
}
.mac-world-map {
    position: relative;
    margin-top: 1.2rem;
    width: 100%;
}
.mac-world-map img {
    width: 100%;
    display: block;
}
.mac-world-map .map-marker1 {
    position: absolute;
    left: 15.31%;
    top: 12.96%;
    z-index: 2;
}
.mac-world-map .map-marker2 {
    position: absolute;
    left: 43.65%;
    top: 41.54%;
    z-index: 2;
}
.mac-world-map .map-marker3 {
    position: absolute;
    left: 66.39%;
    top: 32.46%;
    z-index: 2;
}
.map-pin:hover path {
    fill: var(--white);
    cursor: pointer;
}
.map-marker1.map-pin.active path {
    fill: var(--white);
    cursor: pointer;
}
.map-marker2.map-pin.active path {
    fill: var(--white);
    cursor: pointer;
}
.map-marker3.map-pin.active path {
    fill: var(--white);
    cursor: pointer;
}
.mac-emp-modal {
    cursor: pointer;
    font-weight: 600;
}
.mac-emp {
    padding-top: 7rem;
    padding-bottom: 7rem;
}
.mac-emp p {
    line-height: 28px;
}
.mac-emp h4 {
    font-size: 1.875rem;
    padding-bottom: 1.2rem;
}
.operational-info .mac-card-item h4 {
    padding-bottom: 0.8rem;
}
/*Information for Press & Media (About Us)*/
.info-media h3 {
    color: var(--white);
}
.in-media__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: minmax(100px, auto);
    grid-gap: 1.5em;
    grid-row-gap: 5rem;
    width: 100%;
    margin-top: 2rem;
}
.in-media__grid--card {
    grid-column: span 1;
}
.in-media h3 {
    padding-top: 60px;
}
.in-media__grid--title {
    font-size: 1.25rem;
}
.in-media__grid--type {
    font-size: 1.125rem;
    font-weight: bold;
}
.in-media__grid--summary {
    font-size: 12px;
    padding-top: 5px;
}
.from-president {
    position: relative;
}
.from-president .rotate-lines {
    position: absolute;
    right: 0;
    bottom: -7px;
    max-width: 300px;
}
/********************************************************Learnings - All Pages*********************************************************/
.learn-outer-wrapper .mac-goal {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}
.mac-latest-related .filter-grid ul,
.filter-grid {
    display: flex;
    flex-wrap: wrap;
}
.mac-latest-related .load-more {
    line-height: 24px;
}
.mac-latest-related .filter-item {
    flex-shrink: 1;
    display: flex;
    margin-right: 1em;
    padding: 0.5rem 0.5rem;
    border: solid 1px var(--white);
    border-radius: 4px;
    font-weight: 600;
    color: var(--white);
    font-size: 0.9rem;
}
.mac-latest-related .filter-grid li a svg {
    pointer-events: none;
}
.mac-latest-related .filter-item:hover svg g {  
    fill: var(--black);
}
.mac-latest-related .filter-item:hover {
    background: var(--white);
    color: var(--black);
}
.mac-latest-related .filter-item.active {
    background: var(--white);
    color: var(--black);
}
.mac-latest-related .filter-by {
    align-items: center;
    justify-content: center;
    display: flex;
    margin-right: 1em;
    color: var(--white);
}
.mac-latest-related .mac-waterfall-grid .mac-waterfall-grid__card.hide {
    display: none;
}
.mac-latest-related .mac-waterfall-grid .mac-waterfall__header {
    grid-column: 1/-1;
}
.mac-latest-related .mac-waterfall-grid .filter-grid {
    grid-column: 1/-1;
}
.mac-latest-related .filter-item.active svg path {
    fill: var(--black);
}
.mac-latest-related .filter-item:hover svg path {
    fill: var(--black);
}
.mac-latest-related .mac-waterfall-grid .mac-waterfall-grid__card.show {
    display: block;
    animation: animate 0.4s ease;
}
.learn-outer-wrapper .mac-goal p {
    font-size: 1.438rem;
}
.learnings .adjust-width,
.videos-outer-wrapper .adjust-width {
    flex: 3;
}
.search-box--reduce-height {
    padding-bottom: 1.1rem !important;
    padding-top: 1.1rem !important;
}
.masonry-grid--height {
    height: 200px;
}
/*Evaluation Strategy*/
.es-outer-wrapper .extreme-content-left {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: auto;
    margin: auto;
    grid-gap: 1em;
    width: 100%;
    row-gap: 3em;
}
.es-outer-wrapper .extreme-content-left .column1 {
    grid-column: 2/5;
}
.es-outer-wrapper .extreme-content-left .column2 {
    grid-column: 6/12;
}
.es-outer-wrapper .extreme-content-left .column2 p {
    font-size: 23px;
}
.es-outer-wrapper .extreme-content-left ul {
    list-style-type: disc;
    margin-left: 1.5rem;
    margin-top: 2rem;
}
.es-outer-wrapper .extreme-content-left ul li {
    list-style-position: outside;
    display: list-item;
    line-height: 32px;
    font-size: 23px;
    margin-bottom: 2rem;
    font-family: var(--para-font);
}
.es-outer-wrapper .diagram-wrapper {
    border: solid 1px var(--grayline);
}
.es-outer-wrapper .diagram-wrapper .diagram-base {
    display: block;
    background: black;
    width: 100%;
    height: 48px;
    color: var(--white);
    padding-left: 1rem;
    line-height: 47px;
    font-size: 16px;
}
.es-outer-wrapper .diagram-wrapper .diagram-base a {
    color: var(--white);
    text-decoration: underline;
}
.es-outer-wrapper .swiper-image-container .swiper-slide {
    /* min-height: 349px; */
}
/*Evaluation Strategy Ends*/
.gr-outer-wrapper .silod-search .masonry-grid__container,
.persp-outer-wrapper .silod-search .masonry-grid__container,
.er-outer-wrapper .silod-search .masonry-grid__container,
.fellows-outer-wrapper .masonry-grid__container {
    column-count: 4;
}
@keyframes animate {
    0% {
        transform: scale(0.5);
    }
    100% {
        transform: scale(1);
    }
}
/******************************************************Whats new page CSS******************************************/
/*Video Gallery*/
.wn-outer-wrapper .video-gallery {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
}
.wn-outer-wrapper .video-gallery__title a {
    color: var(--white);
    text-decoration: underline;
}
.wn-outer-wrapper .video-gallery__container {
    display: block;
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
}
.wn-outer-wrapper .video-gallery .video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.wn-outer-wrapper .video-gallery h3 {
    padding-bottom: 1.5rem;
}
.wn-outer-wrapper .video-gallery__links {
    display: flex;
    column-gap: 0.5rem;
    margin-top: 0.5rem;
    flex: 1;
}
.wn-outer-wrapper .video-gallery__links a {
    display: flex;
    flex-direction: column;
    border: solid 3px var(--white);
}
.wn-outer-wrapper .video-gallery__links a.active {
    border: solid 3px var(--deeporange);
}
.wn-outer-wrapper .video-gallery__links a:hover {
    border: solid 3px var(--deeporange);
}
.wn-outer-wrapper .video-gallery__title {
    background: var(--black);
    color: var(--white);
    display: flex;
    height: 3rem;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 1rem;
}
.wn-outer-wrapper .video-gallery__links a {
    position: relative;
}
/*Ends*/
/*Recent News By Program in whats new*/
.wn-outer-wrapper .mac-news-widget {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.wn-outer-wrapper .mac-news-widget h3 {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.wn-outer-wrapper .mac-news-widget__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: minmax(100px, auto);
    grid-gap: 1em;
    grid-row-gap: 2.5rem;
    width: 100%;
    margin-top: 2rem;
}
.wn-outer-wrapper .mac-news-widget__card-item {
    grid-column: span 1;
}
.wn-outer-wrapper .mac-news-widget__box {
    background: var(--white);
}
.wn-outer-wrapper .mac-news-widget__box ul {
    list-style: none;
}
.wn-outer-wrapper .mac-news-widget__box ul li {
    padding-bottom: .5rem;
    padding-top: .5rem;
    font-family: 'Crimson Text', serif;
    font-size: 1.25rem;
}
.wn-outer-wrapper .mac-news-widget__box--header {
    background: var(--lightgrey);
    overflow: hidden;
    padding-left: 0.5rem;
    position: relative;
    display: flex;
    align-items: flex-end;
    align-self: flex-end;
    height: 66px;
    padding-bottom: 0.5rem;
    font-size: 1.125rem;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.wn-outer-wrapper .mac-news-widget__box ul li a {
    color: var(--blue);
    text-decoration: underline;
}
.wn-outer-wrapper .mac-news-widget__box--header svg {
    position: absolute;
    right: -13px;
    top: -28px;
}
.wn-outer-wrapper .mac-news-widget__box--header svg.deeppurple path {
    fill: var(--deeppurple);
}
.wn-outer-wrapper .mac-news-widget__box--header svg.green path {
    fill: var(--green);
}
.wn-outer-wrapper .mac-news-widget__box--header svg.teal path {
    fill: var(--teal);
}
.wn-outer-wrapper .mac-news-widget__box--header svg.deepteal path {
    fill: var(--deepteal);
}
.wn-outer-wrapper .mac-news-widget__box--header svg.darkblue path {
    fill: var(--darkblue);
}
.wn-outer-wrapper .mac-news-widget__box--header svg.violet path {
    fill: var(--violet);
}
.wn-outer-wrapper .mac-news-widget__box--header svg.sea path {
    fill: var(--sea);
}
.wn-outer-wrapper .mac-news-widget__box--header svg.lavender path {
    fill: var(--lavender);
}
.wn-outer-wrapper .mac-perspective h3 {
    font-size: 1.875rem;
}
.wn-outer-wrapper .mac-grantnews .caption {
    padding-top: 1rem;
    line-height: 28px;
}
.wn-outer-wrapper .mac-perspective .date {
    margin-bottom: 1rem;
    display: block;
    margin-top: .5rem;
}
/*Mission and values*/
.icon-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 0.25rem;
    align-items: center;
    max-width: 548px;
    height: 100%;
}
.icon-card--img {
    top: 0;
    z-index: 1;
    width: 130px;
    margin-top: -61px;
    position: relative;
}
.icon-card--img .hex1 {
    width: 130px;
    height: 110px;
    background-color: #F2ECEB;
}
.icon-card--img .hex-background {
    width: 114px;
    height: 94px;
    background-color: var(--grayline);
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1rem 3rem 2rem 3rem;
    align-items: center;
}
.icon-card-body p {
    font-size: 23px;
}
.icon-card-body h4 {
    font-size: 22px;
    font-weight: bold;
}
/*Media Contact*/
.media-contact p,
.from-president p {
    font-size: 1.438rem;
    line-height: 32px;
}
/****************************************************************Grant Page CSS*********************************************/
.mac-granteestory {
    padding-top: 4.6rem;
    padding-bottom: 5rem;
}
.mac-granteestory .mac-waterfall__header {
    grid-column: 1/-1;
}
.grantees-login {
    background-color: #F2ECEB;
    padding: 30px;
    border-radius: 5px
}
.grantees-welcome {
    padding-left: 30px;
}
/*What we not fund*/
.mac-infogtseekers--whtnotfund ul {
    list-style-type: disc;
    margin-left: 1.5rem;
    margin-top: 2rem;
    font-family: var(--para-font);
}
.mac-infogtseekers .expand-thinking {
    line-height: 39px;
}
.mac-infogtseekers--whtnotfund ul li {
    padding-bottom: 24px;
    font-size: 23px;
}
/*Gant Guidelines*/
.mac-gtseekers-rgt--guidelines {
    padding: 1.5rem;
    background: var(--pebble);
    border-radius: 5px;
}
.mac-gtseekers-rgt--guidelines p {
    line-height: 32px;
    font-size: 1.438rem;
}
.mac-gtseekers-rgt--guidelines>ul>li ul li {
    display: flex;
    align-items: center;
}
.mac-gtseekers-rgt--guidelines>ul>li {
    list-style: none;
    font-size: 1.12rem;
    color: var(--blue);
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: solid 1px var(--tan);
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.mac-gtseekers-rgt--guidelines>ul>li ul li {
    font-size: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.mac-gtseekers-rgt--guidelines>ul>li ul {
    margin-left: 1rem;
    margin-top: 1rem;
    width: 100%;
}
.mac-gtseekers-rgt--status .dot {
    background: #ADA7A5;
    width: 11px;
    height: 11px;
    display: inline-block;
    border-radius: 50px;
    margin-left: 5px;
}
.mac-gtseekers-rgt--status.change-color {
    color: #066434;
}
.mac-gtseekers-rgt--status.change-color .dot {
    background-color: #066434;
}
.mac-gtseekers-rgt--status {
    font-size: 12px;
    text-transform: uppercase;
    font-family: var(--subheader-font);
    color: var(--darkgrey);
    margin-left: auto;
    display: flex;
    align-items: center;
}
.mac-infogtseekers--rlt-info .mac-related-info__card--content,
.mac-infogt--rlt-info .mac-related-info__card--content {
    justify-content: flex-start;
}
.infogtseeker-outer-wrapper .mac-perspective .date {
    margin-bottom: 1.2rem;
    display: block;
    margin-top: .5rem;
}
.infogtseeker-outer-wrapper .mac-gtseekers-rgt--faq p,
.infogtseeker-outer-wrapper .mac-gtseekers-rgt--inquiry p {
    font-size: 23px;
    line-height: 32px;
}
.infogtees-outer-wrapper .mac-infogtseekers--whtfund p,
.infogtees-outer-wrapper .mac-infogtseekers--whtnotfund p {
    line-height: 32px;
}
.infogtseeker-outer-wrapper .swiper-slide--content,
.infogtees-outer-wrapper .swiper-slide--content,
.fellows-outer-wrapper .staff-container .swiper-slide--content {
    /* height: 120px; */
}
.grantee-support .mac-accordion-wrapper,
.ffmain-outer-wrapper .mac-accordion-wrapper {
    border: solid 1px var(--dimgrey);
    border-radius: 5px;
}
.grantee-support .mac-accordion button[aria-expanded=true]::before,
.ffmain-outer-wrapper .mac-accordion button[aria-expanded=true]::before {
    left: 0;
}
.grantee-support .mac-accordion-item,
.ffmain-outer-wrapper .mac-accordion-item {
    border-bottom: solid 1px #f2f2f2;
}
.grantee-support .mac-accordion-item button,
.ffmain-outer-wrapper .mac-accordion-item button {
    border: none;
}
.grantee-support .mac-accordion-wrapper h5,
.ffmain-outer-wrapper .mac-accordion-wrapper h5 {
    border-bottom: solid 1px var(--dimgrey);
}
.grantee-support .mac-accordion button[aria-expanded=true]+.mac-accordion-content,
.ffmain-outer-wrapper .mac-accordion button[aria-expanded=true]+.mac-accordion-content {
    border-left: 0;
    border-right: 0;
    border-top: 0;
}
.gt-outer-wrapper .mac-card__noheader .mac-card-item .content {
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}
/*Accordions*/
/*Related Info*/
.mac-accordion-content--list-item ul {
    list-style-type: disc;
    margin-left: 1.5rem;
    margin-top: 2rem;
    margin-left: 4.5rem;
    margin-right: 1rem;
}
.mac-accordion-content--list-item li {
    font-family: var(--para-font);
    font-size: 1.25rem;
}
.funding-faq {
    text-align: left;
    background-color: var(--white);
}
/*Grant Page Ends*/
/*strategy*/
.our-strategy p {
    font-size: 23px;
    line-height: 32px;
}
.our-strategy h6 {
    font-size: 21px;
    line-height: 32px;
}
.our-strategy .global-list-item li {
    font-size: 23px;
}
/***********Program CSS********************************/
.prgm-outer-wrapper .mac-programs-section {
    position: relative;
    overflow: hidden;
    padding-bottom: 2%;
}
.prgm-outer-wrapper .mac-programs__list {
    position: relative;
    z-index: 2;
}
.prgm-outer-wrapper .mac-program__bigbet-card {
    background: var(--white);
    width: 100%;
    height: 100%;
    background: var(--white);
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    border-radius: 4px;
}
.prgm-outer-wrapper .mac-program__bigbet-card h2 {
    padding-bottom: 1rem;
    font-size: 3rem;
    font-weight: 400;
}
.prgm-outer-wrapper .mac-programs__list {
    display: flex;
    align-items: center;
}
.prgm-outer-wrapper .mac-programs__list ul li {
    font-weight: 600;
    line-height: 1.8;
}
.prgm-outer-wrapper .mac-programs-section__bg {
    background: url(/img/programs/bg-programs-abstract.svg) repeat-y;
    width: 100%;
    z-index: -1;
    background-attachment: fixed;
    overflow: hidden;
}
.prgm-outer-wrapper .mac-programs__list p {
    font-size: 1.438rem;
}
.prgm-outer-wrapper .mac-work-done {
    border-top: solid 1px var(--middlegrey);
    padding: 3.75rem 0;
    display: flex;
}
.prgm-outer-wrapper .work-done--text {
    font-family: "Crimson Pro";
    font-size: 1.438rem;
    padding-right: 1rem;
}
.gray-bordered-box {
    border: solid 1px var(--grayline);
    border-radius: 5px;
    display: flex;
    overflow: hidden;
}
/*Program Ends*/
/*Bigbets Starts*/
.bb-outer-wrapper .what-big-bets h4 {
    font-size: 30px;
}
.bb-outer-wrapper .what-big-bets p {
    font-size: 22px;
    line-height: 32px;
}
.guide-questions p {
    font-size: 23px;
}
.guide-questions ul li {
    font-size: 23px !important;
}
.guide-questions h6 {
    font-size: 1.313rem;
}
/*Bigbets Ends*/
/*Latest news and videos (Display none to fields)*/
.latest-news-outer-wrapper .masonry-grid figcaption {
    min-height: 116px;
}
.latest-news-outer-wrapper .masonry-grid figcaption .date {
    padding-bottom: 0;
    margin-bottom: 0;
}
.latest-news-outer-wrapper .masonry-grid figcaption .videos-outer-wrapper .keywordtagWrapper {
											   
    display: none;
}
/*Grnat Search CSS*/
.gt-search-outer-wrapper .masonry-grid__topnavigation .show-results {
    font-size: 20px;
}
.gt-search-outer-wrapper.masonry-equal-col .masonry-grid__container figure {
    background: #fff;
}
.gt-search-outer-wrapper .masonary-grid--gt-search figcaption p {
    font-size: 18px;
}
.gt-search-outer-wrapper .clear-filter {
    color: var(--blue) !important;
}
.gt-search-outer-wrapper.masonry-equal-col .masonry-grid__container figure {
    margin-bottom: 0;
}
.gt-search-outer-wrapper .search-box {
    background-attachment: fixed;
    background-position: center;
}
.gt-search-outer-wrapper .search-box--filter-tag {
    border: solid 1px var(--blue);
    height: 33px;
}
.gt-search-outer-wrapper .filter-caption {
    color: #777372;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding-right: 1rem;
    font-family: "Atkinson Hyperlegible";
}
.gt-search-outer-wrapper .masonry-grid__topnavigation {
    margin-bottom: 1.2rem;
}
.gt-search-outer-wrapper .relevant-dd {
    border-right: none;
    padding: 0;
}
.gt-search-outer-wrapper .gt-note p {
    font-family: var(--main-font);
    font-size: 14px;
}
/*Event Wrapper*/
.masonary-grid--gt-search h6 {
    color: var(--blue);
}
.masonary-grid--gt-search .amount {
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 1rem;
    font-family: "Atkinson Hyperlegible";
    padding-top: 10px;
    font-size: 14px;
}
.masonary-grid--gt-search .place {
    color: #777372;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding-right: 1rem;
    font-family: "Atkinson Hyperlegible";
    padding-top: 10px;
}
.masonary-grid--gt-search .year {
    color: #777372;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding-right: 1rem;
    font-family: "Atkinson Hyperlegible";
}
/*Grant Profile Banner*/
.gtee-profile-banner {
    background: var(--pebble);
    height: 220px;
    position: relative;
    display: flex;
    align-items: center;
}
.gtee-profile-banner .waddress {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
.gtee-profile-banner__place {
    font-size: 21px;
}
.gtee-profile-banner h1 {
    font-family: var(--main-font);
    font-size: 30px;
}
.gtee-profile__content .gtee-profile__timeline {
    position: relative;
    /* height: calc(100% - 227px); */
}
.gtee-profile__content .gtee-profile__timeline::after {
    content: '';
    position: absolute;
    width: 4px;
    background-color: #85C8DE;
    top: 0;
    bottom: 0;
    left: 0;
    margin-left: -3px;
}
.gtee-profile__content .gtee-profile__list ul {
    display: block;
}
.gtee-profile__content .gtee-profile__list ul li {
    font-size: 18px;
    padding-bottom: 18px;
    line-height: 21px;
    margin-bottom: 18px;
    border-bottom: solid 1px var(--grayline);
    color: var(--black);
}
.gtee-profile__content .gtee-profile__list ul li:last-child {
    border: none;
}
.gtee-profile__numeric {
    font-family: var(--subheader-font);
    font-weight: bold;
    color: #ADA7A5;
    font-size: 14px;
}
.gtee-profile__content .gtee-profile__timeline .card-item {
    padding-top: 1.5rem;
    position: relative;
    padding-left: 1.5rem;
}
.gtee-profile__content .gtee-profile__timeline .card-item:before {
    left: -7px;
    top: 28px;
    content: "";
    position: absolute;
    z-index: 999;
    display: block;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    background-image: url("/img/bg/small-hex-bg.jpg");
    background-repeat: no-repeat;
}
.gtee-profile__content .gtee-profile__timeline .card-item--title {
    color: var(--blue);
    font-size: 16px;
    font-weight: bold;
}
.gtee-profile__content .gtee-profile__timeline .card-item--desc p {
    font-size: 1rem;
    margin-top: 1rem;
}
.gtee-profile__tags {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
    color: var(--blue);
}
.gtee-profile__subgrants {
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    padding: 1rem;
}
.gtee-profile__subgrants p {
    font-family: var(--main-font);
    font-size: 16px;
}
/*Subgrants*/
/*Fellows CSS*/
.mac-fellow-post p {
    font-size: 28px;
    color: #571C79;
    font-weight: bold;
    line-height: 39px;
}
.meet-fellows h2 {
    font-size: 3rem;
    font-weight: 400;
}
.fellows-outer-wrapper .stay-informed {
    display: flex;
    justify-content: left;
    box-shadow: none;
    border: none;
    padding: 0;
}
.fellows-outer-wrapper .masonry-grid figure {
    border: none;
}
.fellows-outer-wrapper .masonry-grid--image>img {
    height: auto;
}
.fellows-outer-wrapper .masonry-grid--image.default-image img {
    height: 272px;
}
.fellows-outer-wrapper .stay-informed--form {
    margin: unset;
    padding: 0;
}
.fellows-outer-wrapper .fellow-rgtbr {
    border-right: solid 1px var(--grayline);
}
.fellows-outer-wrapper .fellow-events {
    display: flex;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    overflow: hidden;
    background: var(--white);
    height: 76px;
    align-items: center;
}
.fellows-outer-wrapper .fellow-events--left {
    min-width: 76px;
    text-align: center;
}
.fellows-outer-wrapper .fellow-events--right {
    flex: 2;
    flex-grow: 1;
    padding: 0.5rem 1rem;
    align-items: center;
}
.fellows-outer-wrapper .fellow-events--right .date {
    font-family: var(--subheader-font);
    font-size: 12px;
    text-transform: uppercase;
    color: var(--middlegrey);
    font-weight: bold;
}
/*Fellows Grid*/
.fellows-outer-wrapper .mac-fellows-grid .masonry-grid__container {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1rem;
    break-inside: avoid;
    border: 0;
    border-radius: 3px;
}
.fellows-outer-wrapper .mac-fellows-grid .masonry-grid__container figure {
    grid-column: span 3;
    overflow: hidden;
    background-color: var(--pebble);
}
/*Masonary Grid equal columns*/
.masonry-equal-col .masonry-grid__container {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 1rem;
    break-inside: avoid;
    border: 0;
    border-radius: 3px;
}
.masonry-equal-col .masonry-grid--image>img {
    height: 240px;
    display: block;
}
.masonry-equal-col .masonry-grid__container figure {
    grid-column: span 3;
}
.latest-news-outer-wrapper.masonry-equal-col .masonry-grid__container figure,
.global-search-wrapper.masonry-equal-col .masonry-grid__container figure {
    grid-column: span 4;
}
.global-search-wrapper.masonry-equal-col .masonry-grid__container.list figure {
    grid-column: span 12;
}
.fellows-outer-wrapper {
    position: relative;
    overflow: hidden;
}
.fellows-outer-wrapper .bubble-bg-1,
.fellows-outer-wrapper .bubble-bg-2,
.fellows-outer-wrapper .bubble-bg-3 {
    position: absolute;
    z-index: -1;
    background: url(/img/bg/fellows_bubbles-01.svg) no-repeat;
    width: 100%;
    height: 100%;
}
.fellows-outer-wrapper .bubble-bg-1 {
    top: 450px;
    left: -415px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.fellows-outer-wrapper .bubble-bg-2 {
    top: 1866px;
    right: -415px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.fellows-outer-wrapper .bubble-bg-3 {
    top: 3686px;
    left: -415px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.in-the-media-grid__card-item .mac-waterfall-grid__image-wrap img {
    object-fit: unset;
    max-width: 100%;
    width: 43px;
    text-align: center;
    margin: auto;
    display: flex;
    left: 50%;
    transform: translate(-50%, 10%);
}
.in-media__grid--summary a {
    text-decoration: underline;
}
/*FAQ*/
.mac-fellowsfaq-wrapper .mac-accordion button[aria-expanded=true]::before {
    content: none;
}
.mac-fellowsfaq-wrapper .funding-faq.mac-accordion-wrapper {
    background: none;
}
.mac-fellowsfaq-wrapper .mac-fellows-faq .mac-accordion button[aria-expanded=true]::before {
    left: 0;
    content: "" !important;
}
.mac-fellowsfaq-wrapper .mac-fellows-faq .mac-accordion-item {
    border-bottom: solid 1px #f2f2f2;
}
.mac-fellowsfaq-wrapper .mac-fellows-faq .mac-accordion button {
    background: var(--white);
}
.mac-fellowsfaq-wrapper .mac-fellows-faq .mac-accordion-item .icon {
    left: 44px;
}
@media screen and (min-width: 600px) {
    .mac-fellowsfaq-wrapper .mac-fellows-faq .mac-accordion-item .mac-accordion-content p {
        padding-left: 155px;
        padding-right: 155px;
    }
}
.mac-fellowsfaq-wrapper .mac-fellows-faq .mac-accordion-item .mac-accordion-title {
    padding-left: 50px;
}
.mac-fellowsfaq-wrapper .mac-fellows-faq .mac-accordion-wrapper {
    border-radius: 0;
}
/*Setting the masonary  blue grid color and border of all the outer wrapper pages*/
.masonry-blue-grid figure {
    background-color: rgba(133, 200, 222, 0.3);
    border: none;
}
.masonry-blue-grid figure .mac-link {
    text-align: left;
}
.masonry-blue-grid figure h2 {
    font-size: 60px;
    font-family: var(--subheader-font);
    font-weight: 400;
}
/*Setting the swiper slide content on all pages pages*/
.cs-outer-wrapper .mySwiper3 .swiper-slide .swiper-slide--content {
    padding: 1.2rem;
}
.cs-outer-wrapper .swiper-image-container .swiper-slide .swiper-slide--content,
.cj-outer-wrapper .swiper-image-container .swiper-slide .swiper-slide--content,
.nc-outer-wrapper .swiper-image-container .swiper-slide .swiper-slide--content,
.nj-outer-wrapper .swiper-image-container .swiper-slide .swiper-slide--content,
.ng-outer-wrapper .swiper-image-container .swiper-slide .swiper-slide--content {
    min-height: 130px;
}
/*News Outer Wrapper*/
.news-outer-wrapper .keywordtagWrapper {
    display: none;
}
/*Setting the mac inner menu on all pages pages*/
.cs-outer-wrapper .mac-inner-menu--second-level>li>a {
    color: var(--black) !important;
}
.cs-outer-wrapper .mac-inner-menu>li.active>a:after,
.cs-outer-wrapper .mac-inner-menu>li>a:hover::after {
    border-bottom: solid 5px #87C8DE;
}
.fs-outer-wrapper .mac-inner-menu>li.active>a:after,
.fs-outer-wrapper .mac-inner-menu>li>a:hover::after {
    border-bottom: solid 5px #91BE5B;
    color: var(--black);
}
.er-outer-wrapper .mac-inner-menu>li.active>a:after,
.er-outer-wrapper .mac-inner-menu>li>a:hover::after {
    border-bottom: solid 5px var(--deepteal);
    color: var(--black);
}
.tpi-outer-wrapper .mac-inner-menu>li.active>a:after {
    border-bottom: solid 5px var(--mediumteal);
}
.tpi-outer-wrapper .mac-inner-menu>li>a:hover::after {
    border-bottom: solid 5px var(--mediumteal);
    color: var(--black);
}
.fs-outer-wrapper .mac-inner-menu>li.active>a,
.tpi-outer-wrapper .mac-inner-menu>li.active>a {
    color: var(--black);
}
.phi-outer-wrapper .mac-inner-menu>li.active>a:after {
    border-bottom: solid 5px var(--lavender);
}
.phi-outer-wrapper .mac-inner-menu>li>a:hover::after {
    border-bottom: solid 5px var(--lavender);
    color: var(--black);
}
.phi-outer-wrapper .mac-inner-menu>li.active>a {
    color: var(--black);
}
.cs-outer-wrapper .mac-inner-menu>li.active>a,
.cj-outer-wrapper .mac-inner-menu>li.active>a,
.nc-outer-wrapper .mac-inner-menu>li.active>a,
.ng-outer-wrapper .mac-inner-menu>li.active>a {
    color: var(--black) !important;
}
.nc-outer-wrapper .mac-inner-menu>li.active>a:after,
.nc-outer-wrapper .mac-inner-menu>li>a:hover::after {
    border-bottom: solid 5px var(--teal);
}
.hundredchnge-outer-wrapper .mac-inner-menu>li.active>a:after,
.hundredchnge-outer-wrapper .mac-inner-menu>li>a:hover::after {
    border-bottom: solid 5px var(--navyblue);
}
.ec-outer-wrapper .mac-inner-menu>li.active>a:after,
.ec-outer-wrapper .mac-inner-menu>li>a:hover::after {
    border-bottom: solid 5px var(--lake);
}
.jm-outer-wrapper .mac-inner-menu>li.active>a:after,
.jm-outer-wrapper .mac-inner-menu>li>a:hover::after {
    border-bottom: solid 5px var(--deepteal);
}
.ec-outer-wrapper .mac-inner-menu>li.active>a,
.jm-outer-wrapper .mac-inner-menu>li.active>a {
    color: var(--black);
}
.hundredchnge-outer-wrapper .mac-inner-menu>li.active>a,
.hundredchnge-outer-wrapper .mac-inner-menu>li.active>a {
    color: var(--navyblue);
}
.cj-outer-wrapper .mac-inner-menu>li.active>a:after,
.cj-outer-wrapper .mac-inner-menu>li>a:hover::after {
    border-bottom: solid 5px var(--deeppurple);
}
.ng-outer-wrapper .mac-inner-menu>li.active>a:after,
.ng-outer-wrapper .mac-inner-menu>li>a:hover::after {
    border-bottom: solid 5px var(--green);
}
.fellows-outer-wrapper .mac-inner-menu>li.active>a:after,
.fellows-outer-wrapper .mac-inner-menu>li>a:hover::after {
    border-bottom: solid 5px var(--violet);
}
.fellows-outer-wrapper .mac-inner-menu>li.active>a {
    color: var(--violet);
}
.gr-outer-wrapper .mac-inner-menu>li.active>a,
.es-outer-wrapper .mac-inner-menu>li.active>a,
.er-outer-wrapper .mac-inner-menu>li.active>a,
.persp-outer-wrapper .mac-inner-menu>li.active>a {
    font-weight: bold;
    color: var(--black);
}
/*enduring list (Make the menus closer)*/
.ec-outer-wrapper #enduring-list .mac-inner-menu--second-level>li,
.initiative-outer-wrapper .mac-inner-menu--second-level>li {
    margin-right: 3rem;
    flex-grow: unset;
}
.ec-outer-wrapper #enduring-list .mac-inner-menu--second-level>li:last-child,
.initiative-outer-wrapper .mac-inner-menu--second-level>li:last-child {
    margin-right: 0;
}
.ec-outer-wrapper #enduring-list .mac-inner-menu--second-level,
.initiative-outer-wrapper .mac-inner-menu--second-level {
    align-items: center;
    justify-content: center;
}
/*Setting the right grey background all pages*/
.cs-outer-wrapper .rgt-grey-bg,
.cj-outer-wrapper .rgt-grey-bg,
.ng-outer-wrapper .rgt-grey-bg,
.nc-outer-wrapper .rgt-grey-bg,
.fs-outer-wrapper .rgt-grey-bg,
.tpi-outer-wrapper .rgt-grey-bg,
.phi-outer-wrapper .rgt-grey-bg,
.jm-outer-wrapper .rgt-grey-bg,
.ec-outer-wrapper .rgt-grey-bg {
    background: #F2ECEB;
    font-size: 23px;
    padding: 1.3rem;
    font-weight: bold;
    border-radius: 5px;
}
/*Fellows page Search etc*/
.fellows-outer-wrapper .fellow-events--left {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
}
.fellows-search-bg {
    background-image: url(/img/programs/fellow-hero-stripes.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.fellowheading {
    font-family: var(--main-font);
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 34px;
    font-size: 30px;
    color: var(--fontcolor);
    margin-top: 2rem;
}
.fellows-outer-wrapper .fellowheading {
    font-family: Palanquin;
    font-weight: 600;
}
.fellows-outer-wrapper .fellowhexheading {
    margin-top: 2rem;
    font-weight: 600;
}
/*Press and Media*/
.imedia-outer-wrapper .in-media__grid--summary {
    text-transform: uppercase;
}
.imedia-outer-wrapper .in-media__grid--title {
    text-decoration: underline;
}
/*Field Support*/
.grnt-guidelines h4 {
    font-size: 1.313rem;
}
/*Journalism*/
.jm-outer-wrapper .grey-note {
    background-color: #F2ECEB;
    padding: 1.5rem;
    line-height: 32px;
}
/*Representative swiper content*/
.swiperrepresentativegrants a {
    color: var(--black);
}
.swiperrepresentativegrants p {
    line-height: 24px;
}
.swiperrepresentativegrants .swiper-slide--content {
    padding: 1.5rem 1.5rem 0rem 1.5rem !important;
}
/*100&change Page and past work together*/
.get-involved h2 {
    font-weight: 400;
    text-align: center;
}
.hundredchnge-outer-wrapper .stay-informed-form {
    width: 100%;
}
.hundredchnge-outer-wrapper,
.pastwork-outer-wrapper,
.promise-outer-wrapper {
    position: relative;
    overflow: hidden;
}
.bubble-wrapper2 .bubble-bg-1,
.bubble-wrapper2 .bubble-bg-2,
.bubble-wrapper2 .bubble-bg-3 {
    position: absolute;
    z-index: -1;
    background: url(/img/bg/bubbles_1.svg) no-repeat;
    width: 100%;
    height: 100%;
}
.bubble-wrapper1 .bubble-bg-1,
.bubble-wrapper1 .bubble-bg-2,
.bubble-wrapper1 .bubble-bg-3 {
    position: absolute;
    z-index: -1;
    background: url(/img/bg/100_and_change_bubbles_2.svg) no-repeat;
    width: 100%;
    height: 100%;
}
.bubble-wrapper1 .bubble-bg-1,
.bubble-wrapper2 .bubble-bg-1 {
    top: 450px;
    left: -415px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.bubble-wrapper1 .bubble-bg-2,
.bubble-wrapper2 .bubble-bg-2 {
    top: 1866px;
    right: -415px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.bubble-wrapper1 .bubble-bg-3,
.bubble-wrapper2 .bubble-bg-3 {
    top: 3686px;
    left: -415px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
*,
*:before,
*:after {
    box-sizing: border-box;
}
/*Award Recipients*/
.featured-card--awr-title-card,
.featured-card--awr-title-card>span {
    position: absolute;
    left: 0;
}
.featured-card--awr-title-card {
    top: 8px;
}
.featured-card--awr-title-card>span {
    top: 5px;
    left: 10px;
    font-size: 24px;
}
.awr-community-card,
.awr-community-card>span {
    position: absolute;
    text-align: center;
    top: -34px;
}
.awr-community-card>span {
    top: 5px;
    font-size: 22px;
    left: 16%;
    margin: auto;
}
.small-thumb-wth-text {
    display: flex;
    /* width: 300px; */
    flex-wrap: wrap;
    flex-direction: column;
}
.small-thumb-wth-text span {
    font-size: 16px;
    line-height: 18px;
    color: #747474;
    margin-top: 2px;
}
.people-board .grey-border-img img {
    border: solid 1px #ADA7A5;
}
.people-img-size .masonry-grid--image img {
    height: auto;
}
.people-img-size .masonry-grid--image.default-image {
    height: 270px;
}
.masonry-grid__container.people-img-size.list .masonry-grid--image {
    width: 200px;
    height: auto;
}
.masonry-grid__container.people-img-size.list a {
    display: flex;
    flex-basis: 100%;
    flex-direction: row;
    height: 169px;
}
.masonry-grid__container.people-img-size.list .masonry-grid--image.default-image .initial-text {
    min-height: auto;
}
/*About wrapper*/
.about-outer-wrapper .download-icons {
    display: flex;
    flex-wrap: wrap;
}
.download-icons {
    align-items: center;
}
/*Multiselectdropdown*/
.multiselect-dd-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.multiselect-dd-wrapper {
    flex-direction: column;
}
.multiselect-dd-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 14px;
}
.promise-wrapper {
    background: white;
    border-top: solid 8px #571C7A;
    margin-top: 10rem;
}
.promise-wrapper .hex1 {
    width: 150px;
    height: 130px;
}
.promise-wrapper .hex-background {
    width: 134px;
    height: 115px;
}
.land-acknowledge .hex1 {
    width: 150px;
    height: 130px;
}
.land-acknowledge .hex-background {
    width: 134px;
    height: 114px;
}
.photo-wrapper {
    display: flex;
    text-align: center;
    flex-direction: column;
    margin-top: -68px;
}
.vertical-nav .dots {
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background: var(--grayline);
    display: inline-block;
}
.essay-nav-container.essay-nav-fixed {
    position: fixed;
    z-index: 700;
    top: 50px;
}
@media (max-width: 768px) {
   .essay-nav-container {
       display: none;
   }
}
@media (max-width: 992px) {
   .essay-nav-container, .essay-nav-container.essay-nav-fixed {
    padding-left: 50px!important;
   }
}
@media (min-width: 992px) and (max-width: 1024px) {
   .essay-nav-container, .essay-nav-container.essay-nav-fixed {
    padding-left: 100px!important;
   }
}
.essay-nav-container {
    width: 30%;
    position: absolute;
    top: 50px;
    padding-left: 150px;
}
.swiperrepresentativegrants a:hover {
    color: var(--black);
}
/**Promise Page*/
.essay-nav-container li.active a span {
    background: var(--blue);
}
.scrolto-btn.active span.dots {
    background: var(--blue);
}
.essay-nav-container li a span:hover {
    border: solid 2px var(--blue);
}
/*Connected Learning*/
.clearning-outer-wrapper .green-strip {
    height: 80px;
    overflow: hidden;
    background: url(/img/articles/gt-news-greenbar.jpg) no-repeat;
    object-fit: cover;
}
.blue-strip {
    height: 72px;
    overflow: hidden;
    background: url(/img/programs/pastwork/40-years-background-header.png) no-repeat;
    object-fit: cover;
}
.member-card {
    background: #F2ECEB;
    padding: 1rem 0.8rem 1rem 1.2rem;
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
}
.member-card .content {
    padding-left: 1rem;
}
.member-card img {
    height: 94px;
}
/*Investments*/
.graph-outer-wrapper {
    position: relative;
    outline: solid 1px var(--grayline);
    height: 100%;
    padding: 1rem;
}
.toggle-icon a svg g {
    cursor: pointer;
    fill: var(--grayline);
}
.toggle-icon a.active-color svg g {
    fill: var(--blue);
}
.graph-outer-wrapper--grid-view.active,
.graph-outer-wrapper--table-view.active {
    display: block;
}
.graph-outer-wrapper--table-view,
.graph-outer-wrapper--grid-view {
    display: none;
}
.graph-outer-wrapper h4 {
    font-size: 21px;
}
.graph-outer-wrapper .toggle-icon {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 9999;
}
/*Financials*/
.purple-texture-bg {
    background: url(/img/bg/purple-square-with-jvp-stripes.png) no-repeat 0;
    background-size: cover;
}
/*Home Page*/
.home-arrow {
    position: absolute;
    bottom: 90px;
    left: 50%;
    z-index: 999;
    display: inline-block;
    animation: MoveUpDown 1s linear infinite;
}
@keyframes MoveUpDown {
    0%,
    100% {
        bottom: 0;
    }
    50% {
        bottom: 20px;
    }
}
.home-swiper img,
.home-swiper1 img {
    transition: all 0.35s ease-in-out;
    transition-delay: 5s;
}
.fade-in-image {
    animation: fadeIn 5s;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.mac-hero-home-height {
    position: relative;
}
.mac-hero-home-banner .blue-bubble {
    position: absolute;
    left: 0;
    top: 20%;
    background: url("/img/home/left-blue-bubble.svg") no-repeat;
    width: 296px;
    height: 565px;
}
.mac-hero-home-banner .grey-bubble {
    position: absolute;
    left: 0;
    top: 10%;
    background: url("/img/home/left-grey-bubble.svg") no-repeat;
    width: 571px;
    height: 771px;
}
.mac-hero-home-banner .blue-grey-bubble {
    position: absolute;
    right: 0;
    top: 0%;
    background: url("/img/home/right-bubble-bg.svg") no-repeat;
    width: 575px;
    height: 872px;
}
/* .mac-hero-home-banner .hex-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    width: 100%;
    height: 100%;
}
.mac-hero-home-banner .hex-wrapper .hex1.item1 {
    width: 35em;
    height: 30.625em;
    grid-column: 2 / 4;
    grid-row: 2 / 4;
    display: flex;
    margin-top: -2rem;
    margin-right: 10px;
}
.mac-hero-home-banner .hex-wrapper .hex-outline-item1 {
    width: 5.5em;
    height: 6.25em;
    grid-column: 2;
    grid-row: 2;
    margin-top: -70px;
    margin-left: 41px;
}
.mac-hero-home-banner .hex-wrapper .hex-outline-item2 {
    width: 7.063rem;
    height: 8.188;
    grid-column: 3;
    grid-row: 4;
    margin-top: -3.1888em;
    margin-left: 77px;
    z-index: 2;
}
.mac-hero-home-banner .hex-wrapper .hex1.item2 {
    width: 10.813em;
    height: 9.375em;
    grid-column: 2;
    margin-top: 2.3em;
    display: flex;
    margin-left: 91px;
}
.mac-hero-home-banner .hex-wrapper .hex1.item3 {
    width: 13.313em;
    height: 11.563em;
    grid-column: 3;
    grid-row: 4;
    margin-top: 10px;
    margin-left: -25px;
    display: flex;
} */
.show-scroll #show-scroll {
    /* display: block !important; */
}
.mac-hero-home-banner .white-hex {
    position: absolute;
    top: -140px;
    left: 20%;
    width: 237px;
    height: 287px;
}
.spotlight-feature .grey-hex {
    margin-top: -60px;
    margin-left: 80px;
}
.our-programs .grey-hex-1 {
    position: absolute;
    top: -78px;
    right: 95px;
    z-index: -1;
}
.hero-banner--section2 {
    display: flex;
    align-items: center;
    height: 100%;
    min-height: 1080px;
}
/* .mac-hero-home-banner .hex-wrapper .hex1.item4 {
    width: 13.313em;
    height: 11.563em;
    grid-column: 3 / 4;
    grid-row: 4;
    margin-right: -67px;
    margin-top: -5.438em;
    display: flex;
    background: var(--blue)
} */
.mac-hero-home-banner h2 {
    font-weight: normal;
    margin-bottom: 2rem;
    font-size: max(2.4vw, 3rem);
}
.mac-hero-home-banner--left {
    padding-left: 8em;
    position: relative;
    z-index: 999;
}
.swiper-slide-outer {
    display: flex;
    height: 500px;
}
.swiper-slide--left {
    justify-content: center;
    background: url(/img/bg/pink_header_background.png) repeat;
    background-size: contain;
    display: flex;
    flex-direction: column;
    max-width: 475px;
    flex: 1;
}
.swiper-slide--rgt {
    flex: 1;
    display: flex;
}
.swiper-slide--left .left-wrapper {
    padding-left: 5em;
    padding-right: 3em;
    position: relative;
}
.swiper-slide--left .left-wrapper:before {
    content: "";
    position: absolute;
    right: -40px;
    top: 35%;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid #7a1949;
}
/*Award Recipient Page*/
.award-recip-outer-wrapper .masonry-grid--image img {
    height: 270px;
}
/*Staff Demographics*/
.staff-demo-graph-wrapper .mac-tabs li.active a:after,
.staff-demo-graph-wrapper .mac-tabs li a:hover::after {
    border-bottom: solid 4px var(--green);
    color: var(--green) !important;
}
.mac-tabs li.active a {
    color: var(--green) !important;
}
.staff-demo-graph-wrapper .mac-tabs li a {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.staff-demo-graph-wrapper .mac-tab-pane.active {
    padding: 1rem;
}
#myPieChart,
#myPieChartSg {
    width: 100% !important;
    height: 100% !important;
}
.dough-chart-wrapper {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 40em;
    height: 40em;
    align-items: center;
}
/*Progress Bar*/
.progress-bar-wrapper,
.job-classify {
    border: solid 1px #ccc;
    padding: 1.5rem;
}
.progress-container {
    display: flex;
}
.progress-container span.item1 {
    padding-right: 1em;
    display: flex;
}
.progress-container .item2 {
    /* grid-column: span 4/-1; */
    width: 95%;
}
.progress-container .item3 {
    display: flex;
    padding-left: 1rem;
}
.progress {
    height: 40px;
    background-color: #f5f5f5;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}
.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: var(--green);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.asian .progress-bar {
    background-color: var(--deeppurple);
}
.white .progress-bar {
    background-color: var(--blue);
}
/*Pie charts on staff demographics*/
.staff-demo-graph-wrapper canvas {
    margin: 0 auto;
}
.job-classify .chart-box {
    display: flex;
}
.job-classify #myPieChart0,
.job-classify #myPieChart3,
.job-classify #myPieChart4,
.job-classify #myPieChart2,
#customLegendAllStaffEL {
    width: 50% !important;
    height: 50% !important;
}
#myPieChartP2,
#myPieChartMlo2,
#myPieChartEl2,
#myPieChartAws2 {
    width: 32%;
    height: 32%;
}
.chartBoxEl2,
.chartBoxMlo2,
.chartBoxP2,
.chartBoxAws2,
.chartBoxAS1 {
    display: flex;
    margin-right: 1rem;
}
#customLegendEl2,
#customLegendP2,
#customLegendEl2,
#customLegendP2,
#customLegendAws2,
#customLegend5 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#customLegendEl2 ul,
#customLegendP2 ul,
#customLegendAws2 ul {
    margin-left: 1rem;
}
#customLegendEl2 p,
#customLegendP2 p,
#customLegendAws2 p {
    margin-bottom: 0;
    font-size: 16px;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#customLegend ul,
#customLegend2 ul,
#customLegend3 ul,
#customLegend4 ul,
#customLegend5 ul,
#customLegend6 ul,
#customLegend7 ul,
#customLegend8 ul,
#customLegend9 ul,
#customLegend10 ul,
#customLegend11 ul,
#customLegend12 ul {
    display: flex;
    flex-direction: column;
    margin: 1rem 0 0 0;
    padding: 0;
}
#customLegend ul li span,
#customLegend2 ul li span,
#customLegend3 ul li span,
#customLegend4 ul li span,
#customLegend5 ul li span,
#customLegendEl2 li span,
#customLegend6 li span,
#customLegendP2 ul li span,
#customLegendAws2 ul li span,
#customLegend8 ul li span,
#customLegend7 ul li span,
#customLegend9 ul li span,
#customLegend10 ul li span,
#customLegend11 ul li span,
#customLegend12 ul li span {
    display: inline-block;
    height: 12px;
    width: 38px;
    margin-right: 1rem;
    border-style: inset;
    border-color: #fff;
    border-width: 1px;
}
#customLegend ul li,
#customLegend2 ul li,
#customLegend3 ul li,
#customLegend4 ul li,
#customLegend5 ul li,
#customLegendEl2 ul li,
#customLegendP2 ul li,
#customLegendAws2 ul li,
#customLegend6 ul li,
#customLegend7 ul li,
#customLegend8 ul li,
#customLegend9 ul li,
#customLegend10 ul li,
#customLegend11 ul li,
#customLegend12 ul li {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px;
    white-space: nowrap;
    align-items: center;
}
/*Tables*/
table {
    border-collapse: collapse;
    width: 100%;
    border: solid 1px #ddd;
}
th,
td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd !important;
    border: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
/*Contact US*/
.contact-us .mac-modal-action input {
    width: 20em;
    text-align: center;
}
.contact-us .mac-modal-action input {
    width: 20em;
    text-align: center;
    line-height: 24px;
}
.input-button-style input {
    display: inline-block;
    width: 113px;
}
/*How we work*/
.how-we-work h2 {
    font-size: var(--header3);
}
.swiper--image-wrap.default-image {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E0D0CB;
    color: #684D47;
    font-weight: bold;
}		
	   
/*Latest news */
.in-the-media-grid__card-item1 .grantee-display a {
    color: var(--blue);
    display: inline-block;
}
.in-the-media-grid__card-item1 a {
    height: auto !important;
}
.in-the-media-grid__card-item1 figcaption {
    height: auto !important;
}
.in-the-media-grid__card-item1 .mac-waterfall-grid__image-wrap--text-bubble {
    display: inline-flex;
    /* height: 26px; */
    padding: 16px;
    /* position: static;*/
}
.in-the-media-grid__card-item1 .masonry-grid--image {
    background-color: #F2ECEB;
}
.latest-news-outer-wrapper .keywordtagWrapper,
.latest-news-outer-wrapper .masonry-grid figure a,
.latest-news-outer-wrapper .masonry-grid figcaption {
    height: auto !important;
}
.latest-news-outer-wrapper .keywordtagWrapper a p {
    color: var(--blue);
}	
								   
.in-the-media-grid__card-item1 .grantee-display {
    margin-top: 5px;
}
.latest-news-outer-wrapper .masonry-grid--image.default-image img {
    min-height: 364px;
}
.latest-news-outer-wrapper .keywordtagWrapper a .keywordtag.external-article-link {
    color: var(--blue);
}
.pastProgramSwiper1 .swiper-program-slide {
    min-height: auto !important;
    border: none !important;
    background: transparent !important;
}
.quoteStyle {
    font-family: var(--para-font);
}