/* Full width Promo: gavlin : 77942 */

.m4b-client-stories .client-story-maincard-wrapper {
    width: 100%
}


/* Video Carousel : 78005*/
    
#video-carousel.article-wrapper .carousel {
    margin-bottom: 0px !important;
}



#video-carousel.article-wrapper .carousel .image-container .video {
    margin-bottom: 0px !important;
}

#video-carousel.article-wrapper .carousel .image-container {
    height: 100% !important;
}

#video-carousel.article-wrapper .carousel .owl-nav {
    top: 26% !important;
    height: 0;
}
#video-carousel.article-wrapper .carousel .owl-nav button {
  height: 50px;
  width: 50px;
}

#video-carousel.article-wrapper .carousel .owl-stage {
    overflow-x: hidden;
overflow-y: hidden;
padding-right:0px !important;
}

#video-carousel.article-wrapper .carousel .owl-item.active {
    opacity: 1;
}

#video-carousel.article-wrapper .carousel .owl-item {
    opacity: 0.5;
}



.article-wrapper .image-carousel .text-container {
  margin-bottom:0px;
}



#video-carousel.article-wrapper .image-carousel .owl-dots {
  margin-top:40px;
}


#video-carousel.article-wrapper .image-carousel .video-container {
  padding-bottom:0px;
}

@media (max-width: 426px) {
  #video-carousel.article-wrapper .image-carousel .video-container {
  height:calc(100vw - 118px)
}
}
/* CTA with Person : C163500-70040 */

@media (max-width: 426px) {
    .m12_cpb-people .cta-person .name, .awards_carousal .cta-person .name {
        font-size: 18px !important;
        text-align-last: center;
		text-align:center; 
    }
    .m12_cpb-people .cta-person .link-row, .awards_carousal.cta-person .link-row {
        flex-direction: column-reverse;
        padding: 0 35px 0 35px;
        text-align: center;
        padding-bottom: 25px;
    }
    .m12_cpb-people .cta-person .cta-title .expand-container, .awards_carousal .cta-person .cta-title .expand-container {
        display: none;
    }
    .m12_cpb-people .cta-person .cta-mobile-title, .awards_carousal .cta-person .cta-mobile-title {
        display: block !important;
    }
    .m12_cpb-people .cta-person .person, .awards_carousal .cta-person .person {
        flex-direction: column !important;
        align-items: center !important;
    }
    .m12_cpb-people .cta-person .person .person-mobile, .awards_carousal .cta-person .person .person-mobile {
        align-self: center;
        text-align-last: center;
        text-align: initial !important;
        padding-left: 0;
        padding-bottom: 10px;
    }
    .m12_cpb-people .cta-person .person img, .awards_carousal .cta-person .person img {
        height: 100% !important;
    }
    .m12_cpb-people .cta-person .person .headshot, .awards_carousal .cta-person .person .headshot {
        height: 100px !important;
        width: 100px !important;
        padding: 0;
        margin: 0;
    }
    .m12_cpb-people .cta-person .role, .awards_carousal .cta-person .role {
        text-align: center;
        font-size: 16px !important;
    }
    .m12_cpb-people .cta-person .row, .awards_carousal .cta-person .row {
        flex-direction: column !important;
        padding: 0 !important;
    }
}

@media (max-width: 991px) {
    .m12_cpb-people .cta-title, .awards_carousal .cta-title {
        width: 75%
    }
    .m12_cpb-people .cta-person, .awards_carousal .cta-person {
        padding: 50px 30px 20px 30px;
    }
    .m12_cpb-people .cta-person .img-person, .awards_carousal .cta-person .img-person {
        width: 80%;
    }
    .m12_cpb-people .cta-person .cta-row, .awards_carousal .cta-person .cta-row {
        flex-direction: column-reverse;
        padding: 0 35px 0 35px;
        text-align: center;
        padding-bottom: 25px;
    }
    .m12_cpb-people .cta-person .title, .awards_carousal .cta-person .title {
        width: 100% !important;
        font-size: 33px !important;
    }
}

.m12_cpb-people .cta-person .cta-title, .awards_carousal .cta-person .cta-title {
    align-self: center;
}

.m12_cpb-people .cta-person .cta-mobile-title, .awards_carousal .cta-person .cta-mobile-title {
    display: none;
}

.m12_cpb-people .cta-person .title, .awards_carousal .cta-person .title {
    font-size: 44px;
    line-height: 55px;
    max-width: unset;
    font-family: saintecolombe;
    font-weight: 400;
    width: 65%;
}

.m12_cpb-people .cta-person .learn-more, .awards_carousal .cta-person .learn-more {
    font-family: 'interstate';
}

.m12_cpb-people .cta-person .description-container, .awards_carousal .cta-person .description-container {
    margin-top: 10px;
}

.m12_cpb-people .cta-person .description-container p, .awards_carousal .cta-person .description-container p {
    font-size: 18px;
    font-weight: 100;
    font-family: 'interstate';
}

.m12_cpb-people .cta-person .img-person, .awards_carousal .cta-person .img-person {
    align-self: center;
}

.person-mobile {
    align-self: center;
    text-align: initial !important;
    padding-left: 20px;
}

.person-mobile .name {
    margin-left: 0 !important;
}

.m12_cpb-people .cta-person, .awards_carousal .cta-person {
    display: block;
    margin-top: 75px;
    margin-bottom: 90px;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding: 50px 0 50px 0;
    margin: 20px 0 0 0;
}

.m12_cpb-people .cta-person .person, .awards_carousal .cta-person .person  {
    justify-content: flex-start;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    margin: 0;
}

.m12_cpb-people .cta-person .headshot, .awards_carousal .cta-person .headshot {
    height: 250px !important;
    width: 250px !important;
}

.m12_cpb-people .cta-person .text-container, .awards_carousal .cta-person .text-container  {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 0;
    margin-top: 20px;
    text-align: left;
}

.m12_cpb-people .cta-person .label, .awards_carousal .cta-person .label {
    position: static;
    margin-bottom: 15px;
    margin-left: 0px !important;
}

.m12_cpb-people .cta-person .name, .awards_carousal .cta-person .name {
    font-size: 24px;
    line-height: 30px;
}

.m12_cpb-people .cta-person .role, .awards_carousal .cta-person .role,
.m12_cpb-people .cta-person .location, .awards_carousal .cta-person .location {
    font-size: 20px;
    font-weight: 100;
    line-height: 28px;
}

.m12_cpb-people .cta-person .description-container, .awards_carousal .cta-person .description-container {
    margin-top: 20px;
}

.m12_cpb-people .cta-person .description-container p, .awards_carousal .cta-person .description-container p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 100;
}

.m12_cpb-people-description-modal .cta-person, .awards_carousal-description-modal .cta-person  {
    margin-top: 105px;
    margin-bottom: 90px;
    padding: 0px 35px;
}

@media (min-width: 768px) {
    .m12_cpb-people-description-modal .cta-person,  .awards_carousal-description-modal .cta-person {
        display: block;
        padding: 0px 50px;
    }
}

.m12_cpb-people-description-modal .cta-person .person, .awards_carousal-description-modal .cta-person .person {
    justify-content: flex-start;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    margin: 0;
}

.m12_cpb-people-description-modal .cta-person .headshot, .awards_carousal-description-modal .cta-person .headshot {
    height: 190px !important;
    width: 217px !important;
    background: #FFFFFF;
}

.m12_cpb-people-description-modal .cta-person .headshot img, .awards_carousal-description-modal .cta-person .headshot img {
    object-fit: cover;
    font-family: 'object-fit: contain;';
}

.m12_cpb-people-description-modal .cta-person .text-container, .awards_carousal-description-modal .cta-person .text-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding-left: 15px;
    padding-right: 0;
    margin-top: 20px;
    text-align: left;
}

.m12_cpb-people-description-modal .cta-person .label, .awards_carousal-description-modal .cta-person .label {
    position: static;
    margin-bottom: 15px;
}

.m12_cpb-people-description-modal .cta-person .name, .awards_carousal-description-modal .cta-person .name {
    font-size: 24px;
    line-height: 30px;
}

.m12_cpb-people-description-modal .cta-person .role, .awards_carousal-description-modal .cta-person .role,
.m12_cpb-people-description-modal .cta-person .location, .awards_carousal-description-modal .cta-person .location  {
    font-size: 20px;
    font-weight: 100;
    line-height: 28px;
}

.m12_cpb-people-description-modal .cta-person .description-container, .awards_carousal-description-modal .cta-person .description-container {
    margin-top: 20px;
    height: 250px;
    overflow: auto;
}

.m12_cpb-people-description-modal .cta-person .description-container p, .awards_carousal-description-modal .cta-person .description-container p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 100;
}


/*----*/


/* C163500-68767 by gavlin  */

@media (min-width: 768px) {
    .m5b_resources .citi-card .card-item-description {
        height: unset;
    }
}


/* Static Table by Gavlin C163500-72252*/

.cpb_table {
    width: 100% !important;
    table-layout: fixed;
}

.cpb_table tr {
    width: 100% !important;
    word-wrap: break-word;
}

.cpb_table td {
    width: 100% !important;
}


/* Resources bottom On Mobile by gavlin */

@media (max-width: 426px) {
    .resources-container .citi-card.desktop-vertical-divided {
        border-bottom: 0.5px solid #000000;
    }
    .resources-container .citi-card-inner-wrapper {
        padding-top: 20px;
    }
}

@media (max-width: 769px) {
    .fwplabel {
        margin-top: 10px;
    }
}

.resources-container .citi-card.desktop-vertical-divided {
    border-bottom: none !important;
}

@media (min-width: 992px) {
    .resources-container .citi-card-inner-wrapper {
        padding-bottom: 0 !important;
    }
    .resources-container .citi-card.desktop-vertical-divided {
        padding-bottom: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 992px) {
    .citi-card.desktop-vertical-divided {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .resources-container .citi-card-inner-wrapper {
        padding-top: 20px;
        padding-bottom: 0 !important;
    }
}


/* Gavlin: Summary Article */

.summaryline {
    width: 30px;
    display: inline-block;
    background: black;
}

.summary {
    margin-bottom: 10px !important;
}

.summary h6 {
    font-weight: 100 !important;
}

.summary p {
    font-size: 24px;
}


/* C163500-68767 by gavlin  */

@media (min-width: 768px) {
    .m5b_resources .citi-card .card-item-description {
        height: unset;
    }
}


/* Dark Learn more by gavlin  */

.learn-dark-more svg g path,
.learn-dark-more:hover svg g path {
    stroke: #1AC2FF !important;
}


/*  featured quotes  by gavlin  */

.m17_featured-quotes.container {
    margin-top: -50px;
}


/* Homepage CTA */

.home-page .learn-more {
    font-size: 18px;
}


/*Anchor tag color fix */


/* Homepage Timeline  */
.home-page .established-section .item .text-wrapper {        
        min-height: 92px;
}
@media (min-width: 992px) {
    .home-page .established-section .item .text-wrapper {
        max-width: 400px;
        min-height: 100px;
    }
}


/* Added by gavlin : for Webinar fix */

.citi-ligthbox.open {
    z-index: 99999 !important;
}


/* Gavlin : Mobile Menu background fix */

.nav-drawer .collapse a {
    background: transparent;
}


/* Video player adjustment :by gavlin */

.video-player {
    // position: absolute; // Disabled by Richard - This rule displays the player incorrectly in IE
    padding-left: 20px;
    padding-right: 20px;
}


/* Added by gavlin : for Padding issue fix */

@media (min-width: 992px) {
    .m10_cards-with-filter .filter-options .link-wrapper {
        width: 20% !important;
    }
}

.m10_cards-with-filter .filter-options .link-wrapper {
    width: 40%;
}


/* Added by Gavlin to remove extra comma for CPB People  */

.article-wrapper .quote .author:after {
    content: "" !important;
}


/*cpb people non-featured people role ,loction and name fix on IE  Added by Sneha*/


/* removed  margin-left: 10px !important; JIRA C163500-68779 - Ankur */

@media (min-width: 768px) {
    .m12_cpb-people .person .role, .awards_carousal .person .role,
    .m12_cpb-people .person .location, .awards_carousal .person .location {
        font-size: 16px !important;
        line-height: 28px !important;
    }
}

@media (min-width: 768px) {
    .m12_cpb-people .person, .awards_carousal .person {
        justify-content: unset !important;
    }
}

.m12_cpb-people .person .role-location-container, .awards_carousal .person .role-location-container {
    width: 100% !important;
}

/*ADA */
@media (min-width: 768px) {
    .m12_cpb-people .person .name, .awards_carousal .person .name {
        font-size: 20px !important;
        margin-left: 10px !important;
      font-family: inherit;
    font-weight: inherit;
    }
}

@media (min-width: 768px) {
    .m12_cpb-people.two-column .text-container,  .awards_carousal.two-column .text-container,
    .m12_cpb-people.three-column .text-container, .awards_carousal.three-column .text-container {
        text-align: center !important;
       width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
    }
}

@media (min-width: 768px) {
    .m12_cpb-people .main-person .name, .awards_carousal .main-person .name {
        font-size: 24px !important;
        margin-left: 0px !important;
        text-align: left !important;
    }
}

@media (min-width: 768px) {
    .m12_cpb-people .main-person .role, .awards_carousal .main-person .role,
    .m12_cpb-people .main-person .location, .awards_carousal .main-person .location {
        margin-left: 0px !important;
        font-size: 20px !important;
        height: 100% !important;
        text-align: left !important;
    }
}


/* Removed fro Sneha for height - AA31569*/


/*.m12_cpb-people .person{
height:100% !important;
}*/


/* Added by Gavlin  to fix the divider space issue*/

.article-wrapper .quote .divider {
    width: 50px;
    height: 2px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 18px;
}

@media (min-width: 768px) {
    .article-wrapper .quote .divider {
        display: block;
        background: none;
    }
}


/* Classes added for sitemap component(Added by SKP) */

.sitemap {
    background-color: #FFFFFF !important;
}

.sitemap.title {
    font-weight: 100 !important;
    font-family: saintecolombe, sans-serif !important;
    padding-bottom: 20px !important;
    font-size: 46px !important;
}

.sitemap.head-menu {
    font-size: 32px;
    font-weight: 100 !important;
    font-family: saintecolombe, sans-serif !important;
    letter-spacing: -0.01em;
}

.sitemap.sub-menu {
    font-weight: 100 !important;
    font-size: 16px;
    font-family: interstate, sans-serif !important;
    letter-spacing: -0.01em;
    color: #0076c3;
    padding-bottom: 5px;
    padding-right: 5px;
}

.sitemap.sub-menu-wrapper {
    font-size: 18px;
    font-weight: normal !important;
    font-style: normal !important;
    font-family: interstate, sans-serif !important;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    padding-bottom: 10px;
    padding-top: 10px;
}

.sitemap.sub-menu a {
    font-size: 16px;
    font-weight: 100 !important;
    font-family: interstate, sans-serif !important;
    letter-spacing: -0.01em;
    color: #0065a8 !important;
    padding-bottom: 5px;
    padding-right: 5px;
}

@media (max-width: 600px) {
    .sitemap.head-menu {
        padding-bottom: 10px !important;
    }
}

@media (max-width: 600px) {
    .sitemap.sub-menu {
        padding-bottom: 10px !important;
    }
}


/* Fix for become a client button text to align centralized vertically */

.btn.primary-button {
    padding: 0 !important;
}


/* Hero image overlap issue - C163500-67549  by Anil*/

@media (min-width: 768px) {
    .m9_use-cases.standard-module.overlappable {
        transform: translateY(0px);
    }
}


/* Site wide margin fix 

.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
}
*/


/* .quaternary-button Load more button padding correction : by gavlin*/

.quaternary-button {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


/* Added for Global Citizens Story Article Component quotes issue on IE browser (Added by SKP[Sneha]) */

.article-wrapper.dark .image-quote .quote-container .quote:after {
    background: url("../img/icons/single-quote-right-white.svg") center center no-repeat !important;
}

.article-wrapper.dark .image-quote .quote-container .quote:before {
    background: url("../img/icons/single-quote-left-white.svg") center center no-repeat !important;
}

.article-wrapper.dark .quote:before {
    background: url("../img/icons/single-quote-left-white.svg") no-repeat !important;
}


/* Added by Anil */


/* Fix for become a client button text to align vertically */

.primary-button {
    padding: 0 !important;
}

.iw_columns.col-lg-12 {
    padding: 0;
}


/* drop-cap :: resolve issue with nested p tags getting drop-cap */


/* original to reset */


/* redundant
.article-wrapper .body-text .text.drop-cap:first-letter {
	font-size: 56px;
	float: left;
	line-height: 58px;
	margin-right: 5px; 
}

@media (min-width: 768px) {
	.article-wrapper .body-text .text.drop-cap:first-letter {
		font-size: 75px;
		line-height: 80px; 
    }
}
*/


/* original
.article-wrapper .body-text.drop-cap p:first-child:first-letter {
	font-size: 56px;
    float: left;
    line-height: 58px;
    margin-right: 5px; 
}

@media (min-width: 768px) {
	.article-wrapper .body-text.drop-cap p:first-child:first-letter {
		font-size: 75px;
        line-height: 80px; 
    } 
}
*/


/* reset */

.article-wrapper .body-text.drop-cap p:first-child:first-letter {
    font-size: inherit;
    float: inherit;
    line-height: inherit;
    margin-right: inherit;
}

@media (min-width: 768px) {
    .article-wrapper .body-text.drop-cap p:first-child:first-letter {
        font-size: inherit;
        line-height: inherit;
    }
}


/* Menu nav drawer anchor title */

.nav-link .atitle {
    color: white;
}


/* fix */

.article-wrapper .body-text.drop-cap p:first-child:first-letter {
    font-size: 56px;
    float: left;
    line-height: 58px;
    margin-right: 5px;
}

@media (min-width: 768px) {
    .article-wrapper .body-text.drop-cap p:first-child:first-letter {
        font-size: 75px;
        line-height: 80px;
    }
}


/* article a tags not showing underline - hover animation on Resources component download link */

.article-wrapper a {
    text-decoration: underline;
    color: #008ce6;
}


/* global citizen story needs a tag underline and lighter color as seen on homepage links */

.article-wrapper.dark a {
    text-decoration: underline;
    color: #1AC2FF !important;
}


/* article delimeter correction for CPB People information */

@media (min-width: 768px) {
    .ma21c_article-header .text-container .authors .role:before {
        content: "";
        font-weight: normal;
    }
    .ma21c_article-header .text-container .authors .name:after {
        content: ", ";
        font-weight: normal;
    }
    .ma21c_article-header .text-container .authors .name:last-child:after {
        content: "";
        font-weight: normal;
    }
}


/* Cards with Filter - make the paragraph card show more text */


/* .card-footer-body .card-item-description { height: 100px; } */


/* Commented by Gavlin ::   .card-footer-body { height: 100px; }  */


/* Press release Page Design */

.ma21c_article-header.no-hero .article-details .date-time {
    display: block !important;
}


/* Form Modal scroll bars showing */

.m21_contact-form-modal .container, .m21_popupGlobalcontact-form .container {
    overflow: auto;
}


/*Q and A- make cappuchino background optional- Add supporting classes for with-image version */

.m7_qa.cappuchino {
    background: #ECECE3;
}

@media (min-width: 992px) {
    .m7_qa.cappuchino .question {
        width: 33.3%;
    }
    .m7_qa.cappuchino .question span {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .m7_qa.cappuchino .answer {
        width: 50%;
    }
    .m7_qa.cappuchino .with-image {
        width: 35%;
    }
}

@media (min-width: 992px) {
    .m7_qa .qa-question-wrapper .no-image {
        width: 50%;
        margin-left: auto;
        margin-right: 0px;
        padding: 20px 0px;
    }
}

@media (min-width: 992px) {
    .m7_qa .qa-question-wrapper .question {
        max-width: none;
        width: 33.3%;
        margin-right: auto;
        padding: 20px 0px;
        line-height: 50px;
        font-size: 30px;
        font-style: normal;
    }
}

*/
/* original
.article-wrapper .body-text.drop-cap p:first-child:first-letter {
	font-size: 56px;
    float: left;
    line-height: 58px;
    margin-right: 5px; 
}

@media (min-width: 768px) {
	.article-wrapper .body-text.drop-cap p:first-child:first-letter {
		font-size: 75px;
        line-height: 80px; 
    } 
}
*/


/* reset */

.article-wrapper .body-text.drop-cap p:first-child:first-letter {
    font-size: inherit;
    float: inherit;
    line-height: inherit;
    margin-right: inherit;
}

@media (min-width: 768px) {
    .article-wrapper .body-text.drop-cap p:first-child:first-letter {
        font-size: inherit;
        line-height: inherit;
    }
}


/* Menu nav drawer anchor title */

.nav-link .atitle {
    color: white;
}


/* fix */

.article-wrapper .body-text.drop-cap p:first-child:first-letter {
    font-size: 56px;
    float: left;
    line-height: 58px;
    margin-right: 5px;
}

@media (min-width: 768px) {
    .article-wrapper .body-text.drop-cap p:first-child:first-letter {
        font-size: 75px;
        line-height: 80px;
    }
}


/* article a tags not showing underline - hover animation on Resources component download link */

.article-wrapper a {
    text-decoration: underline;
    color: #008ce6;
}


/* article delimeter correction for CPB People information */

@media (min-width: 768px) {
    .ma21c_article-header .text-container .authors .role:before {
        content: "";
        font-weight: normal;
    }
    .ma21c_article-header .text-container .authors .name:after {
        content: ", ";
        font-weight: normal;
    }
    .ma21c_article-header .text-container .authors .name:last-child:after {
        content: "";
        font-weight: normal;
    }
}


/*cpb-people-description-modal-description-contianer correction for foint size */

.m12_cpb-people-description-modal .main-person .description-container {
    margin-top: 20px;
}


/* Removed for 68790 AA31569 */


/*.m12_cpb-people-description-modal .main-person .description-container p {
        font-size: 12px;
        line-height: 22px;
        font-weight: 80; }*/


/*cpb-people-description-modal-close-contianer correction for container position */

.m12_cpb-people-description-modal .close-container {
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 55px;
}

@media (min-width: 768px) {
    .m12_cpb-people-description-modal .close-container {
        right: 40px;
        top: 35px;
    }
}

.m12_cpb-people-description-modal .close-container img {
    width: 38px;
    height: 38px;
}

@media (max-width: 600px) {
    .m12_cpb-people-description-modal .close-container {
        right: 10px !important;
        top: 80px !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    .m12_cpb-people-description-modal .close-container {
        margin-top: 0px !important;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
    .m12_cpb-people-description-modal .main-person {
        padding: 0px 0px 0px 0px !important;
    }
}


/*CPB PEople non-featured person role font size change*/
/*ADA */

.m12_cpb-people .person .text-container .expand-container .learn-more, .awards_carousal .person .text-container .expand-container .learn-more {
    color: #0065a8 !important;
    border: none;
    background: none;
}


/*cpb people mobile view for featued person isse fix */

.m12_cpb-people .person.main .text-container {
    margin-top: 20px !important;
}
@media (min-width: 768px) and (max-width: 1024px){
.m12_cpb-people .person .headshot, .awards_carousal .person .headshot {    
	width: auto !important;
}
}



/* Cards with Filter - make the paragraph card show more text */


/* .card-footer-body .card-item-description { height: 100px; } */


/* Commented by gavlin      .card-footer-body  { height: 100px; } */


/* Press release Page Design */

.ma21c_article-header.no-hero .article-details .date-time {
    display: block !important;
}


/* Form Modal scroll bars showing */

.m21_contact-form-modal .container {
    overflow: auto;
}


/*Q and A- make cappuchino background optional- Add supporting classes for with-image version */

.m7_qa.cappuchino {
    background: #ECECE3;
}

@media (min-width: 992px) {
    .m7_qa.cappuchino .question {
        width: 33.3%;
    }
    .m7_qa.cappuchino .question span {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .m7_qa.cappuchino .answer {
        width: 50%;
    }
    .m7_qa.cappuchino .with-image {
        width: 35%;
    }
}

@media (min-width: 992px) {
    .m7_qa .qa-question-wrapper .no-image {
        width: 50%;
        margin-left: auto;
        margin-right: 0px;
        padding: 20px 0px;
    }
}

@media (min-width: 992px) {
    .m7_qa .qa-question-wrapper .question {
        max-width: none;
        width: 33.3%;
        margin-right: auto;
        padding: 20px 0px;
        line-height: 30px;
        font-size: 24px;
        font-style: normal;
    }
}


/*CPB PEople non-featured person role font size change*/

.m12_cpb-people .carousel-container .owl-dot, .awards_carousal .carousel-container .owl-dot {
    display: inline-block !important;
}


/* Cards with filter Dark theme  */

.standard-module.bg-contained>.dark{
    background: #404040 !important;
    color: #FFFFFF;
}
.standard-module.bg-contained>.dark :not(label){
    color: #FFFFFF;
}

.standard-module.bg-contained>.container .dark {
    background: #404040;
    color: white !important;
}

.m10_cards-with-filter .services-nav .dark a.active {
    color: #1AC2FF !important;
}

.m10_cards-with-filter .services-nav .dark a {
    color: white;
}

.m10_cards-with-filter .services-nav .dark a:hover {
    color: #1AC2FF;
}

.m10_cards-with-filter .active-bar-dark {
    background-color: rgb(26, 194, 255);
}

.m10_cards-with-filter .bottom-bar-dark {
    background-color: rgb(26, 194, 255);
}

.m10_cards-with-filter .load-dark-btn {
    border-color: white;
    color: white;
}

.m10_cards-with-filter .bar-container .dark {
    background-color: #1AC2FF;
}

.anchorLight {
    color: white;
}

.learn-dark-more {
    color: #1AC2FF !important;
}


/* End Cards with filter Dark theme  */


/* Media Relatiosn Page */

@media (min-width: 768px) {
    .media-relations-page p {
        font-weight: inherit !important;
    }
}


/*Global Citizens Story Hero- Background Image scaling issue*/

.m1d_header .background-image-container img {
    object-fit: cover !important;
    position: relative;
    left: 50% !important;
    margin-left: -50vw;
    width: 100vw;
}


/*Global Citizens Story Hero Component - Tint overlay configuration */

.m1d_header .overlay {
    background-color: rgba(0, 0, 0, 0.6);
}


/*CPB People label position fix for featured person */

.m12_cpb-people .main-person .description-container a {
    color: #0065a8 !important;
}


/* Global Citizens Story Article Component- Mobile Image Issue Fix */

.article-wrapper.dark .image-quote .image-container .image-wrapper {
    padding-bottom: 5% !important;
}

.article-wrapper .image-quote .image-container img {
    position: relative !important;
}

.article-wrapper.dark .full-image .image-container img {
    height: 100% !important;
}


/* Fix the styling for the load-more-btn class (was getting overridden by btn settings) (RA - 21 Jan 2021)  */

.load-more-btn {
    font-weight: 100 !important;
    font-style: normal !important;
}


/* Fix the active owl dot wrapping issue (RA - 21 Jan 2021) */

.owl-dot.active {
    opacity: 1;
    display: inline !important;
    /* Sets the width correctly of the active owl dot */
}


/* This height is *needed* to fix ellipsis ... issues with waterfall cards (RA - 22 Jan 2021) */


/* Do not remove or override */

.card-item-description {
    height: 68px !important;
}


/* Following fix is for IE11 text overflow (RA - 25 Jan 2021) */

div.body {
    max-width: 100% !important;
}


/* Fix for header (subheading) text that was showing up bold by default (RA- 25 Jan 2021) */

.module-header.narrow {
    font-weight: 100 !important;
    font-style: normal !important;
}


/* Expanded Content Links Fix - C163500-66984 (Added by JJ) */

.content-accordion-modal .text-container a {
    color: #0065a8;
    text-decoration: underline;
}


/* Colour of Waterfall Fliter text (Added by JJ) */

.m19-insights-full-masonry .filter-menu .clear-btn,
.m19-insights-full-masonry .filter-menu .clear-all-btn {
    color: #1AC2FF;
}


/*C163500-68764   - text cut off when minimize the browse fix */

.citi-card .hyphenate.card-item-title.large {
    max-height: 100% !important;
}


/* client story popup scroll bar issue fix */

body.disable-scroll {
    overflow: hidden !important;
}


/*C163500-68770   - text overlay on card with cta fix */

.cards-container .card-item-description {
    height: auto !important
}


/* Fixes the ProductDetail quote width issue in IE - RA - 02/06/2021 */

.citi-paragraph-quote {
    width: 100%;
    padding-left: 20px;
    /* Padding added for mobile text alignment issue RA 02/11/2021 */
    padding-right: 0px;
}


/*Black line appearing on mobile view, issue Global Citizens Story Article (Added by Sneha) */

.article-wrapper.dark .quote .divider {
    background: none !important;
}


/* Insights CTA Fixes (Added by JJ) */

.m19-insights-full-masonry .m19-insights-full-masonry-inner-wrapper .in-grid-cta .cta-partial {
    margin-top: 60px;
}

body .m19-insights-full-masonry .m19-insights-full-masonry-inner-wrapper .in-grid-cta .cta-partial p {
    margin-bottom: 25px;
    font-family: 'saintecolombe';
    font-style: italic;
}


/* Added for support and servies (client-support) page (Added by Sneha) */

.m1ab_header .support_text-container {
    padding-top: 0px;
    padding-bottom: 0px;
}

.m1ab_header .support_text-container p {
    font-size: 14px;
    font-weight: 100;
    text-align: center;
    line-height: 24px;
}

@media (min-width: 768px) {
    .m1ab_header .support_text-container p {
        font-size: 14px;
        text-align: left;
        width: 90%;
        letter-spacing: -0.01em;
        line-height: 1.5em;
    }
}

@media (min-width: 992px) {
    .m1ab_header .support_text-container p {
        font-size: 14px;
        line-height: 32px;
    }
}

.m1ab_header .support_text-container a {
    color: #0065a8 !important;
}

.m1ab_header.support_head_menu {
    font-size: 18px;
}

.m1ab_header.support_sub_menu {
    font-size: 16px;
}


/*Added to fix CPB People secondary Bio 2 column display issues (Added by Sneha) */

.m12_cpb-people.two-column .owl-item .person, .awards_carousal.two-column .owl-item .person {
    flex-direction: column !important;
}


/* BEGIN Added for client-support page (Emma Payne 17/02/2021) */

.support_text-container.support_css p {
    font-family: interstate, sans-serif;
    font-size: 16px;
}

.support_text-container.support_css .sub_heading {
    font-weight: bold;
}

.support_text-container.support_css .support_heading {
    font-family: saintecolombe, sans-serif;
    font-size: 24px;
}

@media (min-width: 768px) {
    .support_text-container.support_css .support_heading {
        font-size: 35px;
    }
}

.support_text-container.support_css .support_heading_small {
    font-family: saintecolombe, sans-serif;
    font-size: 20px;
}

.support_text-container.support_css hr {
    padding-top: 20px;
}


/*END Added for client-support page (Emma Payne 17/02/2021) */


/*Added to fix quote alignment on mobile view for Global Citizens Story component"*/

.article-wrapper.dark .quote {
    text-align: left !important;
    margin-top: 20px !important;
    margin-bottom: 50px !important;
}

.article-wrapper .image-quote .quote-container .quote {
    text-align: center !important;
}


/* C163500-69390 - Global Citizen space issue */

.citi-card {
    max-width: 100% !important;
}


/* Change card titles from 2 to 3 lines - (RA - 03/16/2021) */

.citi-card .citi-card-inner-wrapper .card-footer-body .card-item-title {
    max-height: 100% !important;
    -webkit-line-clamp: 3 !important;
}

:is(.iOS,.MacOS) .citi-card .citi-card-inner-wrapper .card-footer-body .card-item-title {
    max-height: fit-content !important;
    -webkit-line-clamp:unset  !important;
}


/* Capitalize Filter Headers (JJ - 17/03/2021) */

.filter-menu .filter-category-header-wrapper {
    text-transform: capitalize;
}


/* Fix for disappearing text - white text on white backgrounds - Cards with Filter */


/* Issue C163500-71500 - RA 03/22/2021 */


/* Note : !important because it has to override an existing !important rule */

div.container.white a.cards-a-filter:hover {
    color: #000 !important;
}


/* Fix for load more button text disappearing on hover (RA 03/22/2021)*/

div.container.white a.btn.quaternary-button.load-more-btn {
    color: #000 !important;
}


/* Fix for gap appearing on white "Cards with filter" (RA 03/22/2021) */

div.container.white div.sub-title.container {
    display: none !important;
}


/* Hidden title fix (Cards w Filter) (RA - 03/22/2021) */

div.container.white div.main-title-container.standalone-scroll-trigger div h1 span {
    color: #000 !important;
}


/* Hidden sub-title fix (Cards w Filter) (RA - 03/22/2021) */

div.container.white div.main-title-container.standalone-scroll-trigger div p span {
    color: #000 !important;
}


/* Hidden text fix (Cards w Filter w CTA) (RA - 03/23/2021) */

div.container.white div.cta-card div.body {
    color: #000 !important;
}


/* ************ START : Card filter spacing fix (RA - 03/30/2021) ************ */

.m10_cards-with-filter .services-nav .filter-options {
    width: 70% !important;
}

.m10_cards-with-filter .services-nav .bar-container {
    width: 70% !important;
}

.m10_cards-with-filter .services-nav .filter-options .link-wrapper {
    width: fit-content !important;
}

.m10_cards-with-filter .bar-container .bottom-bar {
    width: 75% !important;
    margin: auto !important;
}


/* ************ END : Card filter spacing fix (RA - 03/30/2021) ************ */


/* Remove white line on return home page - C163500-69061  */

#iw_comp1608206909595 {
    background: black;
}


/* Global Citizen large promo CTA color - C163500-70545 */

.client-story-maincard-wrapper .learn-more {
    color: white;
}

.client-story-maincard-wrapper .learn-more svg g path {
    stroke: white;
}

.client-story-maincard-wrapper .learn-more:hover svg g path {
    stroke: #1AC2FF;
}

.client-story-maincard-wrapper .learn-more:hover {
    color: #1AC2FF;
}


/*C163500-70545 END */


/* *** C163500-73276 - START (RJA) *** */


/* These are for the main-person in CPB People (RA 05/21/2021) */

.m12_cpb-people .person.main .expand-container {
    display: block;
    position: relative !important;
    /* position: absolute; */
    right: 10px;
    /* top: -70px !important; */
    /* top: 20px;  */
}


/* These are for the main-person in CPB People (RA 05/21/2021) */

.m12_cpb-people .person.main .learn-more {
    display: inherit !important;
    /* display: none; */
}


/* Remove trailing comma on role if location not present - CPB People (RA 06/01/2021) */


/*
.m12_cpb-people .person.main .role-location-container .role:after {
  content: "" !important;
}              
.m12_cpb-people .person.main .role-location-container .location:after {
  content: "" !important;
}              
*/


/* Remove trailing comma on role if location not present - CPB People (RA 06/01/2021) */

.m12_cpb-people .person.main .role-location-container .role:after {
    content: "" !important;
}


/* *** C163500-73276 - END (RJA) *** */



/* *** START : C163500-68783 - Fixed top nav on scroll w auto-hide (RA) *** */


/* Tweak to allow a fixed navbar on page scroll (desktop and mobile) (RA 04/30/2021) */
/* Tweak to allow a fixed navbar on page scroll (fix login menu positioning) (RA 04/30/2021) */
/* Fixed auto-hide navbar (RA 04/30/2021) */


@media (min-width: 992px) {
  .login-partial .login-container {
      padding-top: 85px !important;
  }            
}
                              
.navbar {
  position: fixed !important;
  width: 100% !important;
  transition: ease transform 0.3s !important;
}
              
.navbar.hide-navbar {
  transform: translateY(-102%) !important;
}     

/* Added to resolve issue with hidden breadcrumb (RA 06/11/2021) */
/* C163500-90629 Start */
/*.breadcrumb-container {
    padding-top: 80px;
} */         
/* C163500-90629 Stop */            
@media (max-width: 970px) {
  .breadcrumb-container {
      padding-top: 50px !important;
  }
}                        
                        

/* *** END : C163500-68783 - Fixed top nav on scroll w auto-hide (RA) *** */



/* Global citizen promo mobile fix */

.m4b-client-stories {
    display: block;
}


/* Global citizen promo mobile fix */
                        
                        
                        
                        
/* START : Cards with filter and CTA - missing content - C163500-73481 (RA) */
                        
div.cta-card > div.card-wrapper > a > div.label {
	display: none;
}

div.cta-card > div.card-wrapper > a > div.title {
	display: none;
}

div.cta-card > div.card-wrapper > a > div.learn-more {
	display: none;
}

div.cta-card > div.card-wrapper > a > div.image-container > img {
	display: none;
}
                    
/* END : Cards with filter and CTA - missing content - C163500-73481 (RA) */
                        
 /* date picker button pannel fix C163500-72259 Start */
                        
.ui-datepicker-buttonpane {
	display: block !important;
}
.ui-datepicker-close{
	display: block !important;
}
.ui-datepicker-current{
	display: block !important;
  
}
.filter-menu .datepicker-input-label input {
    text-align: center;
    outline: none !important;
    font-family: interstate, Sans-Serif;
    border-radius: 0;
    background-color: #5C5C5C;
    border: 0;
    color: #FFFFFF;
    font-size: 12px;
    height: 26px;
}
.ui-datepicker-calendar {
        display: none;
        }
.customCalendar .ui-datepicker-calendar {
            display: block !important;
 }       
/* Commented for C163500-84336 Start */
/*.filter-menu .datepicker-input-label span {
    width: 70px !important;
    padding-top: 2px;
    display: inline-block;
}*/
/* C163500-84336 Stop */
.ui-datepicker .ui-datepicker-month, .ui-datepicker .ui-datepicker-year {
#color : black !important;  
}
/* Ankur changes */

/* C163500-72259 Start */
.datepicker-input-label span{
    display: inline-block;
}
.ui-datepicker-month option, .ui-datepicker-year option{
    background: #fff;
    color: #000;
    font-weight: 100;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{
    opacity: 1 !important;
}
.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button, .ui-datepicker html .ui-button.ui-state-disabled:hover, .ui-datepicker html .ui-button.ui-state-disabled:active, 
 .ui-datepicker-month, .ui-datepicker-year{
    font-weight: 100;
}
/* C163500-72259 Stop */

#date_published
{
  text-transform: none !important;
}
/* C163500-72259 Stop */

 /* date picker button pannel fix ends */  
  
  
/* *** START : Cards with filter and CTA : Remove italics (RA) C163500-73481 *** */
  
.m10_cards-with-filter .cta-card .body {
  font-style: normal !important; 
}  
  
/* *** END : Cards with filter and CTA : Remove italics (RA) C163500-73481 *** */  
  
  
/* End */
  
  /* Resources */
  @media (max-width: 768px) {
    .card-footer-body .download-link {
       padding-bottom:20px;
    }
    
    .card-footer-body .download-link .download-icon img{
      display:initial;
    }
}
  
  
    
  
  /* Resources Download wrap */
  .card-footer-body .download-link a {
    display: flex;
  }
  
    /*Custom headings for C163500-85945 start */

  .custom_head1 {

    font-family: saintecolombe;
	font-size: 67.5pt;
	font-weight: 100;

}
  .custom_head2 {

    font-family: saintecolombe;
	font-size: 66pt;
	font-weight: 100;
	line-height: 1.2em;
}
.custom_head3 {

    font-family: saintecolombe;
	font-size: 34pt;
	font-weight: 100;
	line-height: 1.2em;
}
.custom_head4 {
     font-family: saintecolombe;
	font-size: 30pt;
	font-weight: 100;	
	line-height: 1.2em;
}
.custom_head5 {

        font-family:saintecolombe;
	font-weight: normal !important;
	font-size: 16.5pt;

}
.custom_head6 {

    font-family: interstate;
	font-weight: 100 !important;
	font-size: 13.5pt;

}
@media (max-width: 992px){
	 .custom_head1 {
	font-size: 46pt;
	}
	.custom_head2 {
	font-size: 36pt;
	}
	.custom_head3 {
	font-size: 26pt;
	}
	.custom_head4 {
	font-size: 22pt;
	}
}
/*Custom headings for C163500-85945 end */
 /*heading is left aligned in mobile */
  @media (max-width: 768px){
    .m1ab_header .support_text-container h2 {
          text-align: center;
    }
  }
  
  /* for Long title hero component C163500-100277 */
  .longtitle h1{
    font-size: 42px !important;
}
  .longtitle h4{
    font-size: 22px;
    font-family: saintecolombe, sans-serif;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    padding-bottom: 25px;
    margin-bottom: 0px;
}
.longtitle .text-container p{
    padding-bottom: 25px;
    margin-bottom: 0px;
}
.longtitle .primary-button{
	font-family: interstate;
    background-color: #000000 !important;
    width: fit-content;
    height: fit-content;
    font-size: 18px !important;
    padding:0.375rem 0.75rem !important;
    color: #FFFFFF !important;
    border-radius: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (min-width: 768px){
    .longtitle h1{
        font-size: 42px !important;
    }
    .longtitle h4 {
          text-align: left;
    }
  }

  @media (min-width: 1025px){
    .longtitle h1{
        font-size: 50px !important;
        padding-bottom: 32px !important;
        line-height: 55px !important;
    }
    .longtitle p{
        font-size: 22px !important;
    }
  }
  



/* Style for Tables C163500-98411  */
.article-wrapper  table tr:first-child{
    background-color:#F2F6F7;
}

.article-wrapper  table tr:first-child:hover{
    background-color:#F2F6F7;
}

.article-wrapper  table tr:hover{
    background-color:#fdfdfd;
}

.article-wrapper table tr:first-child td:nth-child(4),
.article-wrapper  table tr:first-child td:nth-child(2){
	width:auto !important;
}
.article-wrapper  table tr:first-child td:nth-child(2){
	max-width:20%;
}
.article-wrapper  table tr:first-child td:nth-child(3){
	width:25% !important;
}

.article-wrapper  table tr:first-child td:first-child {
    width:25% !important;
}

.article-wrapper p img{
	float:left;
}
.article-wrapper  table tr td{
    padding: 5px 10px;
    font-weight: 100;	
	line-height:1.5;
	border:1px solid #F2F6F7 !important;
	
}
.article-wrapper table tr td{
    font-size: calc(7px + 1vmin) !important;   
}
.article-wrapper  table tr:first-child td {    
	font-size: calc(8px + 1vmin) !important; 
	white-space:pre-wrap;		
}
@media (min-width: 768px){
.article-wrapper table tr td{
    font-size: 18px;  
}
.article-wrapper  table tr:first-child td{   
	font-size: calc(8px + 1vmin) !important;    
}
.article-wrapper .collapse{
    font-size: 18px;  
}
}

/* C163500-100920 */
.m13-insights .module-header.insightsheadmob h3 {
    font-family: saintecolombe;
    margin: 0 0 0 -5px;
    display: flex;
    align-items: center;
    max-width: 600px;
    padding-bottom: 20px;
    font-size: 90px;
    line-height: 100px;
    font-weight: 200;
    max-width: 325px;
    line-height: 1.5em;
    text-align: center;
}

@media (min-width: 768px){
.module-header h3 {
    font-size: 90px;
    text-align: left;
    margin: 0 0 0 -5px;
    display: flex;
    align-items: center;
    max-width: 600px;
	line-height: 100px;
	padding-bottom: 20px;
}
}

.m12_cpb-people .cta-person-hnw-image{
	display: flex;
}


.m12_cpb-people .cta-person-hnw-no-image{
	display: flex;
	justify-content: center;
}

.ma21c_article-header .article-image-caption {
    font-family: saintecolombe;
    font-size: 12px;
    padding-top: 10px;
}
@media (max-width: 768px){
.article-wrapper .container.captionSpace{
  padding-top: 68px;
}
}
.blackCTAButton .btn.primary-button{
  padding: 10px 15px 10px 15px !important;
  height: auto;
  width: auto;
}

/* Expanding colun updates PBTIV-43243*/
@media (min-width: 768px) {
    .expanding-content,.expanding-content-topimage, .expanding-content-noimage, .expanding-content-topheading{
	padding: 100px 150px;
}
}

.expanding-content,.expanding-content-topimage, .expanding-content-noimage, .expanding-content-topheading{
	background: #F2F6F7 !important;
}

.expanding-content .content-head,.expanding-content-topimage .content-head, .expanding-content-noimage .content-head, .expanding-content-topheading .content-head{
	margin-bottom: 10px;
}

.expanding-content .close-container img,.expanding-content-topimage .close-container img, .expanding-content-noimage .close-container img, .expanding-content-topheading .close-container img{
	    width: 25px;
    height: 20px;
}
@media (min-width: 992px){
.expanding-content .content .close-container{
right: 42px !important;
margin-top: 87px !important;
}
.expanding-content .text-container, .expanding-content-topheading .text-container, 
.expanding-content-topimage .text-container, .expanding-content-noimage .text-container{
    margin-top: 62px;
}
.expanding-content .text-container p, .expanding-content-topheading .text-container p, 
.expanding-content-topimage .text-container p, .expanding-content-noimage .text-container p{
    max-width: none !important;
    padding-right: 0 !important;
    padding-top: 0;
}
.expanding-content-topheading .content .close-container{
    margin-top: 95px !important;  
}
.expanding-content-topimage .content .close-container, .expanding-content-noimage .content .close-container{
    margin-top: 67px !important;  
}
}
.expanding-content .close-container, .expanding-content-topheading .close-container, 
.expanding-content-topimage .close-container, .expanding-content-noimage .close-container{
    margin-top: 25px !important;
}
.expanding-content .content-head, .expanding-content-topheading .content-head, .expanding-content-noimage .content-head{
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
}
.expanding-content-topimage .text-container p{
    padding-top: 10px;
}

.expanding-content .content-container, .expanding-content-topimage .content-container, .expanding-content-noimage .content-container, .expanding-content-topheading .content-container{
	overflow: unset !important;
}

.expanding-content .content, .expanding-content-topimage .content, .expanding-content-noimage .content, .expanding-content-topheading .content{
	height: auto !important;
    padding-top: 0px;
}

@media (min-width: 768px) {
.content-accordion-modal.expanding-content-topimage.open {
    top: 0;
    opacity: 100;
    width: 100%;
    padding-left: 150;
    padding-right: 150;
}
/*.expanding-content-topimage .content,.expanding-content-noimage .content, .expanding-content-topheading .content{
	padding: 20px 175px 100px 175px !important;
}*/
.expanding-content-topimage .title,.expanding-content-topheading .title, .expanding-content-noimage .title{
	font-size: 34px;
    font-weight: 100;
    line-height: 44px;
    display: block;
    /*margin-bottom: 20px;
    margin-top: 20px;*/
    text-align: left;
}
.expanding-content-topimage .text-container, .expanding-content-topheading .text-container, .expanding-content-noimage .text-container {
	flex: 1 1 auto;
    height: 100%;
	margin: 0 0 0 !important;
    width: 100%;
    text-align: left;
    justify-content: center;
    align-items: center;
}

/*.expanding-content-topheading .text-container{
	padding-top: 50px;
}*/

.expanding-content-topimage .text-container p, .expanding-content-topheading .text-container p, .expanding-content-noimage .text-container p{
    font-size: 16px;
    font-family: interstate;
    padding-right: 0px !important; 
    padding-left: 0px !important; 
    line-height: 28px;
    max-width: 1100px;
}
}
@media (min-width: 992px) {
    .expanding-content-topimage .title,.expanding-content-topheading .title, .expanding-content-noimage .title{
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .expanding-content-topheading .text-container{
	padding-top: 50px;
}
}

/* PBTIV-74227- Q & A component title alignment */
.m7_qa .module-header.narrow h2{
	text-align: center;
}


/* */
.standalone-accordion h2{
	font-size: 22px;
	font-family: saintecolombe, sans-serif;
    font-weight: bold;
    line-height: 30px;
}

.drawer-accordian h3{
	font-size: 22;
    font-weight: 100;
    font-family: 'saintecolombe';
}
.drawer-accordian p, 
.drawer-accordian li, 
.drawer-accordian td{
    font-family: interstate light !important;
}

.drawer-accordian .img-in-title h3{
	width: calc(100% - 50px)
}
@media(min-width: 992px){
.standalone-accordion .dividedpanel{
	display: flex !important;
}}
.standalone-accordion ul, .standalone-accordion ol{
	line-height: 15px;
}
.drawer-accordian .accordionctalinkcenter{
	display: flex;
    justify-content: center;
	text-decoration: none;
    padding-top: 22px;
	}
.drawer-accordian .accordionctalinkright{
	display: flex;
    justify-content: right;
	text-decoration: none !important;
	}
	.drawer-accordian .accordionctalinkleft{
	display: flex;
    justify-content: left;
	text-decoration: none !important;
	}
.drawer-accordian .accordionctawhite
{
	background-color: transparent !important;
	height: 50px;
    border: 1px solid black;
    margin-top: 5px;
    line-height: 18px;
	text-decoration: none !important;
	color: black !important;
}

.drawer-accordian .accordionctablack
{
	background-color: black !important;
	text-decoration: none !important;
	color: #FFFFFF !important;
}
.drawer-accordian .accordionimageleft{
	max-width: 340px;
	/*margin-right: 10px;*/
}
.drawer-accordian .accordionimageright{
	max-width: 340px;
	/*margin-left: 10px;*/
}
.drawer-accordian .accordionicon{
margin-right: 10px;
}

/*Resources default font style - PBTIV-73126*/
.module-header h3.hyphenate.resources{
font-family: saintecolombe;
font-weight: 100;
}
@media(max-width: 767px){
.module-header h3.hyphenate.resources{
   text-align: center;
    }
}

/* Remove <b> tag from featured-article - PBTIV-73644*/
.authors.feature-article .name
{
font-weight: normal;
}

/* Promo Image always on Top in Mobile - PBTIV-38934*/
@media(max-width: 767px){

.ma21c_article-header.promo.left-img .row
{flex-direction: column;}

.ma21c_article-header.promo.right-img .row
{flex-direction: column-reverse;}

}