/** @license HV v. 2021-06-18 **/


@import "../overrides-horizstory.html";
@import "../overrides-parallax.html";
@import "../overrides-storyheader.html";

.doWrap {
    white-space: normal;
}
.height100 {
    height: 100%;
}
.hidden {
    display: none;
}

@media (min-width: 769px) {
    .block-on-desktop {
        display: block;
    }

    .hidden-on-desktop {
        display: none;
    }
}
  

.MediaCaptionText {
    font-size: 13px;
}

.nothingFound {
    text-align:center;
}


.Intro--aside .Card--inner::before {
	padding-bottom: 0px
}

.fr .ArticleQuote--quote>p:first-child::before,
.es .ArticleQuote--quote>p:first-child::before,
.fr .FullwidthQuote--quote::before,
.es .FullwidthQuote--quote::before {
    /*background: url(../img/icons/global/1x--sprite.png) no-repeat -75px -200px !important;*/
     background: url(../1x--sprite.html) no-repeat -251px -37px !important;
	width: 35px;
	margin-top: -12px
}

/* remove quote mark from ArticleQuote */
.ArticleQuote.WithoutQuoteMark .ArticleQuote--quote>p:first-child::before {
    content: unset;
}


/* CW-672 */
.theme-dark .PaddedBox .ArticleQuote--quote {
    color:#6e7882;  
}

.Button--link {
	border-bottom: none !important;
	padding: 0
}

.PaddedBox--body--content .Button--link {
	padding: 0 30px
}

.FormInstruction {
	font-size: 75%
}

.FormInstruction a {
	text-decoration: underline
}

label.required::after,
span.required {
	content: " *";
	color: #F9423A
}

.DocumentTeaser--docLink:hover {
	color: #6e7882
}

.DocumentTeaser--docLink a:hover {
	color: #0092D1
}

.DocumentTeaser--docLink span.Icon {
	margin-left: -40px;
	margin-right: 10px
}

.defaultImage .image img {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 80px;
	width: 80px
}

.defaultImageSmall .image {
	background-image: none !important
}

.defaultImageSmall .image img {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 40px;
	width: 40px
}

.HeroSlider--slideProgress--title {
	width: 80%
}

.table--adhoc {
	margin: 0px auto 0 auto !important;
	border-bottom: 1px solid black
}

.table--adhoc-collapsible {
	width: 75%;
	margin: -75px auto 0 auto !important
}

.table--adhoc thead th {
	padding: 0px 24px;
	vertical-align: bottom
}

.table--adhoc thead {
	border-bottom: 1px solid black
}

.table--adhoc td {
	vertical-align: top;
	padding: 12px 24px;
	text-transform: capitalize
}

.table--adhoc tr td:nth-child(6) {
	white-space: nowrap
}

.insightArticle .ArticleText
, .opinionArticle .ArticleText
, .insightNewArticle .ArticleText {
	font-family: Georgia
}

.Hero--ctaContainer button.Button {
	line-height: 18px
}

.Hero--ctaContainer button.Button span.Button--text {
	line-height: 18px;
	white-space: normal
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
	body.es .CardHeaderQuote--quote::before,
	body.fr .CardHeaderQuote--quote::before {
		background: url(../2x--sprite.html) no-repeat -204px -71px
	}
}

body.es .CardHeaderQuote--quote::before,
body.fr .CardHeaderQuote--quote::before {
    background: url(../1x--sprite.html) no-repeat -251px 0px;
	width: 33px
}


/* ------------------------- switch left and right for ArticleColumnLayout   --*/

.ArticleColumnLayout--left {
	width: 100%
}

.ArticleColumnLayout--right {
	width: 40%
}


@media (max-width: 1382px) {
	.ArticleColumnLayout--right {
		width: 45%
	}
}

@media (max-width: 1280px) {
	.ArticleColumnLayout--right {
		width: 50%
	}
}

@media (max-width: 1000px) {
	.ArticleColumnLayout--right {
		width: 100%;
		margin-top: 50px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-evenly
	}
}

.big .ArticleColumnLayout--right {
	width: 31%
}

@media (max-width: 1382px) {
	.big .ArticleColumnLayout--right {
		width: 43%
	}
}

@media (max-width: 1000px) {
	.big .ArticleColumnLayout--right {
		width: 100%;
		margin-top: 50px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-evenly
	}
}

@media (max-width: 1280px) {
	.ArticleColumnLayout--left .FeaturedArticleSection.dashboard .FeaturedArticleSection--hero {
		padding-right: 40px
    }
}
@media (max-width: 1000px) {
	.ArticleColumnLayout--left .FeaturedArticleSection.dashboard .FeaturedArticleSection--hero {
		padding-right: 0
	}
}
/* ------------------------- /switch left and right for ArticleColumnLayout   --*/







.popupPage .Footnotes {
    width:auto;
    clear:both;
}
.popupPage .Footnotes .Footnotes--inner {
    position:relative;
    margin:10px;
}
.popupPage .Footnotes .Footnotes--title {
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.noLinkIcon::after {
    background:none !important;
    width:0  !important;
    margin:0  !important;
    content: ''  !important;
}

.ArticleColumnLayout-bottom {
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.ArticleColumnLayout--left {
    width:100% !important;
}

.ArticleColumnLayout--right .Card--full {
    height:auto;
}


.CardHeaderFact--squarePicto2 {
    display:table;
    margin-left:auto;
    margin-right:auto;
}
.SquarePicto2 {
    display:table-cell;
}
.SquarePicto-divider {
    display:table-cell;
    padding: 0px 10px;
}
.SquarePicto-divider  .SquarePicto--date {
    border:0;
}
.SquarePicto-divider  .SquarePicto {
    width:20px;
}


.Icon-blue [data-icon="lightbox-open"]:after {
    background: url(../lightbox-open-blue.html) no-repeat;
}
.Icon-blue.light  {
    color:#0092D1;
}

.Icon-blue .cssicon::before {
    border-color: #0092D1;
}

/* to leave margins when popup is clicked */
.body > .Lightbox {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: calc(100% - 96px);
    height: calc(100% - 96px);
    max-width: 1824px;
}


.popupBlur {
    filter: brightness(0.5) opacity(75%);
    /*
    filter: brightness(0.5) blur(2px);
    */
}

.ArticleColumnLayout .ArticleLead{
    width:100%;
    padding-right: 8%;
    /*margin: 0;*/
}
.ArticleColumnLayout .ArticleText{
    /*
    margin-top: 60px;
    margin-bottom: 60px;
    */
    margin-top: 1em;
    margin-bottom: 30px;
}
.ArticleColumnLayout .Collapsible--item {
    border-top: 0 !important;
}

.ArticleFigure .popupImage {
    /*width:100%;*/
}

.ArticleColumnLayout .ArticleFigure--caption {
    font-size:80%;
    text-align:center;
    width:83.3%; 
}

.popupBody .SiteHeader--sticky {
    background-color: #102334;
}


/* ---- colors of popup themes -- */
.theme-sand  .ArticleHeader--inner 
,[data-theme="sand"] .ArticleHeader--inner 
{
    background-color:#fbf3da;
    color:#27251f;
}

.theme-strawberry .ArticleHeader--inner 
,[data-theme="strawberry"] .ArticleHeader--inner 
{
    background-color:#D98F8F;
}

.theme-orangeLight .ArticleHeader--inner 
,[data-theme="orangeLight"] .ArticleHeader--inner 
{
    background-color:#f3b99b;
    color:#27251f;
}

.theme-oceanBlue .ArticleHeader--inner 
,[data-theme="oceanBlue"] .ArticleHeader--inner 
{
    background-color:#4EC3E0;
}






@media (max-width: 1000px) {
    .Lightbox {
        top: 36px;
        height: calc(100% - 96px);
        width: 100%;
        margin: 0 auto;
    }

    .ArticleColumnLayout--left {
        width:100% !important;
    }

    .CloseButton {
        top:8px;
        left:8px;
    }
   
}


.CarSocialMedia-inner div {
    margin:0 auto !important;
}
 

.SocialMediaEmbed, .SocialMediaEmbed.Card {
    margin: 30px auto 0px auto  !important;
    width: 530px;
    float: none;
    background:#fff;
    
}
.SocialMediaEmbed div {
    margin: 0 auto  !important;
}
.SocialMediaEmbed iframe {
    border:0px !important;
    border-radius:0px;
}

.twitter-tweet{
    overflow: hidden; 
    margin: 3px auto; 
}

.twitter-tweet iframe {
    border: 0px none;
    background: #eef1f4; 
}
.theme-dark .twitter-tweet iframe {
    background: #0d1e2f; 
}

.SocialMediaMix .TwitterTimeline .TwitterTimeline--inner .embedsocial-hashtag  {
    _overflow-y: scroll !important;
    _max-height: 100%;
    height:100%;
}
.SocialMediaMix .TwitterTimeline .TwitterTimeline--inner .embedsocial-hashtag  iframe {
    height: 100% !important;
}

.CarSocialMedia-inner iframe.twitter-timeline{
    border-radius:12px !important; 
    border:1px solid rgb(207, 217, 222) !important; 
    margin-bottom: -8px !important;
}
.countryPage .CarSocialMedia-inner{
    height:100%;
}
.countryPage .Card .Card--inner .CarSocialMedia-inner iframe.twitter-timeline{
    border:0px !important;
    height: 100% !important;
}

    

.video>.Hero--gradient.Hero--gradient:after {
    z-index:0 !important;
}






.StoriesContainer--related--title:after {
    position: relative;
    display: block;
    margin-left: auto;
    margin-top: 10px;
	margin-right: auto;
}

/* card slider - align to center */
        /* default size */
        @supports (display: flex) {
            .CardSlider.flex-center .CardSlider--list {
                -ms-flex-pack: center;
                justify-content: center
            }
            @media (max-width: 1000px) {
                .CardSlider.flex-center.CardsNum2 .CardSlider--list {
                    -ms-flex-pack: start;
                    justify-content: flex-start
                }
            }
            @media (max-width: 400px) {
                .CardSlider.flex-center.CardsNum1 .CardSlider--list {
                    -ms-flex-pack: start;
                    justify-content: flex-start
                }
            }
        }

        .CardSlider.flex-center .CardSlider--list _:-ms-fullscreen,
        :root .CardSlider.flex-center .CardSlider--list {
            -ms-flex-pack: center;
            justify-content: center
        }
        @media (max-width: 1000px) {
            .CardSlider.flex-center.CardsNum2 .CardSlider--list _:-ms-fullscreen,
            :root .CardSlider.flex-center.CardsNum2 .CardSlider--list {
                -ms-flex-pack: start;
                justify-content: flex-start
            }
        }
        @media (max-width: 400px) {
            .CardSlider.flex-center.CardsNum1 .CardSlider--list _:-ms-fullscreen,
            :root .CardSlider.flex-center.CardsNum1 .CardSlider--list {
                -ms-flex-pack: start;
                justify-content: flex-start
            }
        }

        /* small size */
        @supports (display: flex) {
            .CardSlider.flex-center.small .CardSlider--list {
                -ms-flex-pack: center;
                justify-content: center
            }
            @media (max-width: 1000px) {
                .CardSlider.flex-center.small.CardsNum4 .CardSlider--list
                ,.CardSlider.flex-center.small.CardsNum3 .CardSlider--list {
                    -ms-flex-pack: start;
                    justify-content: flex-start
                }
            }
            @media (max-width: 750px) {
                .CardSlider.flex-center.small.CardsNum2 .CardSlider--list {
                    -ms-flex-pack: start;
                    justify-content: flex-start
                }
            }
            @media (max-width: 400px) {
                .CardSlider.flex-center.small.CardsNum1 .CardSlider--list {
                    -ms-flex-pack: start;
                    justify-content: flex-start
                }
            }
        }

        .CardSlider.flex-center.small .CardSlider--list _:-ms-fullscreen,
        :root .CardSlider.flex-center.small .CardSlider--list {
            -ms-flex-pack: center;
            justify-content: center
        }
        @media (max-width: 1000px) {
            .CardSlider.flex-center.small.CardsNum4 .CardSlider--list _:-ms-fullscreen,
            :root .CardSlider.flex-center.small.CardsNum4 .CardSlider--list, 
            .CardSlider.flex-center.small.CardsNum3 .CardSlider--list _:-ms-fullscreen,
            :root .CardSlider.flex-center.small.CardsNum3 .CardSlider--list 
            {
                -ms-flex-pack: start;
                justify-content: flex-start
            }
        }
        @media (max-width: 750px) {
            .CardSlider.flex-center.small.CardsNum2 .CardSlider--list _:-ms-fullscreen,
            :root .CardSlider.flex-center.small.CardsNum2 .CardSlider--list {
                -ms-flex-pack: start;
                justify-content: flex-start
            }
        }
        @media (max-width: 400px) {
            .CardSlider.flex-center.small.CardsNum1 .CardSlider--list _:-ms-fullscreen,
            :root .CardSlider.flex-center.small.CardsNum1 .CardSlider--list {
                -ms-flex-pack: start;
                justify-content: flex-start
            }
        }
/* /card slider - align to center */


.forceShow {
    z-index:0;
}

.forceFullHeight {
    margin-top: -5em;   
    z-index:-1;
    /* height: calc(100% + 9em); */
    height: calc(100vh + 9em);
}



.ArticleText {
    margin-bottom:30px;
}


.theme-dark.popupBody .SiteHeader--background {
    background-color: transparent;
}

.theme-dark.popupBody .twitter-tweet iframe
, .Lightbox[data-theme="dark"] .twitter-tweet iframe {
    background:#0d1e2f;
}



.ArticleColumnLayout--left .Card--inner::before
, .ArticleColumnLayout--right .Card--inner::before {
    padding-bottom: 12.5%
}

.CarSocialMedia-inner iframe {
    min-width: auto !important;
    max-height:1000px;
}

.CardType-linkedin .CarSocialMedia-inner iframe {
    display: block;
}

.ArticleColumnLayout--left .CardSlider  .Card {
    height: 100%;
}


.ArticleColumnLayout--left .CardSlider .CardSlider--list>li {
    width: calc((100% + 30px) / 2 - 30px);
    margin-right: 20px;
}
.ArticleColumnLayout--left .CardSlider--button-prev
, .ArticleColumnLayout--left .CardSlider--button-next{
    display:none
}


.FeaturedArticleSection--media .Media {
    overflow:visible;
    padding-top:0px !important;
}
.FeaturedArticleSection--media .Media>img {
    height: auto;
    position:relative;
}







@media (min-width: 1383px) {
	.FeaturedArticleSection--media {
		flex: auto
	}
	
}
@media (max-width: 1280px) {
	
	.FeaturedArticleSection--media {
		width: 100%;
		padding-right: 0
    }
    .FeaturedArticleSection--media {
		padding-right: 40px
	}
}  
@media (max-width: 1000px) {
	.FeaturedArticleSection--media {
		width: 100%
	}
	.FeaturedArticleSection--media {
		padding-right: 0
	}
}

.FeaturedArticleSection--media {
	width: 67.5%;
	padding-right: 30px;
	/*margin-bottom: 30px;*/
	float: left
}

.Lightbox .FeaturedArticleSection--media {
	width: 76.5%;
	padding-right: 40px
}

@media (max-width: 1382px) {
	.Lightbox .FeaturedArticleSection--media {
		width: 70%
	}
}

@media (max-width: 1000px) {
	.Lightbox .FeaturedArticleSection--media {
		width: 100%;
		padding-right: 0
	}
}

.ArticleColumnLayout .FeaturedArticleSection--media {
	width: 100%
}

@media (max-width: 1000px) {
	.FeaturedArticleSection--media {
		width: 100%;
		padding-right: 0
	}
}

/* fix width of embedded media, imageGrid, ImageText  when in popup */
.FeaturedArticleSection--media .EmbeddedMedia 
, .FeaturedArticleSection--media .ImageGrid
, .FeaturedArticleSection--media .ImageText
{
    width: 100%;
}









.ArticleColumnLayout--right > *:first-child
, .ArticleColumnLayout--left .FeaturedArticleSection--media > *:first-child 
{
    margin-top: 0px;
    padding-top: 0px;
}

.ArticleColumnLayout--right div:first-child .Add-Top-Padding {
    margin-top: 20px;
}







/* remove right padding when in popup */
.ArticleColumnLayout--left .ArticleImageSlider {
    padding-right:0px !important;
    /*margin-bottom:0px;*/
    margin-top:90px;
    margin-bottom:90px;
}

/* fix image slider in popup */
.ArticleColumnLayout--left .ArticleImageSlider--list {
    width: 0px;
}



.ArticleColumnLayout--left .Collapsible {
    margin-top:60px !important;
}



/*align image inside text*/
img.floatLeft {
    float:left;
}


/*-- pagination 1st page link for search --*/

.Pagination .Pagination--first {
    display: inline-block;
    vertical-align: middle;
    margin-right:30px;
    padding-left:3px;
}
.Pagination  .Pagination--first.Pagination--prev::after {
    background: url(../arrow-left-1x.html) no-repeat -0px -0px;
    width:20px;
}
.Pagination  .Pagination--first:hover {
    animation: move-left-and-back 0.4s cubic-bezier(0.56, 0.61, 0.25, 0.77)
}
.Pagination  .Pagination--first.Pagination--prev:hover::after {
    animation: none;
}





/*-- newsArticle - Opinion's colors (yellow) --*/
.CategoryFlag.opinion {
    background-color:#ffd256;
}
.t-opinion {
    color: #ffd256;
}

.c-opinion .ArticleHeader--background 
,.PaddedBox--mediaWrapper.c-opinion
,.c-opinion .StoriesFullscreenVideo--background
,.c-opinion .DotPattern--canvas
,.c-opinion .PaddedBox--body--content
{
    background-color: #ffffff;
}

.theme-opinion .SiteHeader--inner {
    background-color: #102334;
}

.c-opinion .DotPattern--canvas
, .c-opinion.ArticleHeader
{
    color: #27251f;
}
.PaddedBox--mediaWrapper.c-opinion {
    color: #6e7882
}
.PaddedBox--body.c-opinion .PaddedBox--title 
,.FullwidthPageBreak.c-opinion .FullwidthPageBreak--title
{
    color: #27251f
}


.theme-opinion .ArticleHeader--content {
    /*width:66.67%;*/
    text-align: left;
}
.theme-opinion .ArticleHeader--content--inner {
    padding-bottom: 80px;
    width:100%;
}
@media (max-width: 750px) {
    .theme-opinion .ArticleHeader--content--inner {
        padding-bottom: 15px;
    }
}
.theme-opinion .ArticleHeader--footer--inner {
    margin:10px 0 10px 0;
}

.theme-opinion .ArticleHeader--footer .ArticleMeta {
    position: relative;
    text-align:left;
    display:block;
    padding-top:0px;
    padding-bottom:0px;
    width:100%;
}
.theme-opinion .ArticleMeta {
    padding-left:5px;
    padding-right:5px;
}
.theme-opinion .ArticleHeader--image {
    width: 50%;
}
@media (max-width: 750px) {
    .theme-opinion .ArticleHeader--image {
        width: auto;
    }
    .theme-opinion .ArticleHeader--footer .ArticleMeta {
        margin-bottom: 20px;
    }
}
.theme-opinion .ClockIcon  {
    border-color: #27251f;
}
.theme-opinion .ClockIcon--hours,.ClockIcon--minutes {
    background-color: #27251f;
}

.theme-opinion .CategoryFlag {
    top:2.5em;
}
@media (max-width: 1280px) {
    .theme-opinion .ArticleHeader--title {
        margin-top:0.5em;
    }
}
@media (max-width: 750px) {
    .theme-opinion .CategoryFlag { 
        left:0px;
    }
    .theme-opinion .ArticleHeader--title {
        margin-top:1.5em;
    }
}


.theme-opinion .ArticleMeta .strong {
    font-weight:bold;
}


.theme-opinion  .socialMediaButtonHtmlCode {
    padding-bottom:10px;
    margin-top:10px;
}

@media (max-width: 750px) {
    .theme-opinion .ArticleHeader--footer {
        position:relative;
        background: none;
    }
}




/* -- copy from ArticleText only width, margins- info --*/
.ArticleText-width, .ShareButtons.ArticleText-width {
    width: 41.66667%;
    margin-left: 25%;
    margin-right: auto;
}
.ShareButtons.ArticleText-width {
    margin-top: 1em;
    margin-bottom: 1em
}

@media (max-width: 1280px) {
    .ArticleText-width, .ShareButtons.ArticleText-width  {
        margin-left:calc(20% + 30px)
    }
}

@media (max-width: 1000px) {
    .ArticleText-width, .ShareButtons.ArticleText-width  {
        margin-left:calc(12.5% + 30px)
    }
}

@media (max-width: 750px) {
    .ArticleText-width, .ShareButtons.ArticleText-width  {
        margin-right:15px
    }
}

@media (max-width: 1280px) {
    .ArticleText-width, .ShareButtons.ArticleText-width  {
        width:calc(50% - 60px)
    }
}

@media (max-width: 1000px) {
    .ArticleText-width, .ShareButtons.ArticleText-width  {
        width:calc(62.5% - 60px)
    }
}

@media (max-width: 750px) {
    .ArticleText-width, .ShareButtons.ArticleText-width  {
        width:auto
    }
}

.ArticleText-width .ArticleFigure--share {
    min-width:200px;
}


.ArticleText-width .ArticleFigure--figure {
    margin:0;
    width:100%;
}


.noBorder {
    border:0;
}
.noTopMargin {
    margin-top:0px !important;
}
.smallTopMargin {
    margin-top:15px !important;
}
.noBottomMargin {
    margin-bottom:0px !important;
} 
.dark.newsAltArticle .SiteLogo>svg>*
/* , .SiteHeader.is-notTop .SiteLogo>svg>*  */
{
    fill: #ffffff;
}




.ja .SiteHeader.is-notTop .SiteLogo>svg>*
,.ja .homepage.SiteHeader .SiteLogo>svg>* {
    fill: #0092D1;
}


.ShareButtons.ArticleText-width {
    margin-top: 30px;
    margin-bottom: 30px;
    position:initial;
}
.ShareButtons.ArticleText-width .ShareButtons--list {
    width:100%;
}
.ShareButtons.ArticleText-width .ShareButtons--list>li{
    margin-right:1em;
}

@media (max-width: 750px) {
    .ShareButtons.ArticleText-width {
        margin-bottom:15px
    }
}

@media print {
    .ShareButtons.ArticleText-width {
        margin-bottom: 15px
    }
}


.newsAlt .ArticleHeader--content--inner {
    padding-bottom: 15px;
}

@media (max-width: 1280px) {
    .newsAlt .ArticleHeader--content--inner {
        padding-bottom:15px;
    }
}

@media (max-width: 750px) {
    .newsAlt .ArticleHeader--content--inner {
        padding-bottom:0px;
    }
}

@media print {
    .newsAlt .ArticleHeader--content--inner {
        padding-bottom: 0px;
    }
}



@media (max-width: 750px) {
    .newsAlt  .ArticleHeader--content--inner {
        
    }
}


[id="main-content"].newsAlt {
    background-color: #ffffff
}


.newsAlt  .ArticelHeader--date {
    margin-top: 2em;
}
@media (max-width: 1280px) {
    .newsAlt .ArticleHeader--title {
        margin-top:0.5em;
    }
}
@media (max-width: 750px) {
    .newsAlt  .ArticelHeader--date {
        margin-top: 4em;
    }
    .newsAlt .ArticleHeader--title {
        margin-top:1.5em;
    }
}


.newsAlt  .ArticleMeta {
    text-align: left;
}







.ArticleText-width .ArticleFigure {
    margin-top: 60px;
    margin-bottom: 60px;
}

@media (max-width: 1280px) {
    .ArticleText-width .ArticleFigure {
        margin-top:48px;
        margin-bottom:48px;
    }
}

@media (max-width: 750px) {
    .ArticleText-width .ArticleFigure {
        margin-top:30px;
        margin-bottom:30px;
    }
}

@media print {
    .ArticleText-width .ArticleFigure {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}







/* reduce image caption text and make it image width */
.ArticleFigure .ArticleFigure--caption {
    font-size:70%;
}
.ArticleText-width .ArticleFigure .ArticleFigure--caption {
    width:100%;
}
.ArticleText-width .ArticleFigure .ArticleFigure--share+.ArticleFigure--caption {
    width:91%;
    max-width: calc(91% - 200px);
}

.ArticleFigure .ArticleFigure--caption {
    width: 83.33333%;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media (max-width: 750px) {
    .ArticleFigure  .ArticleFigure--caption {
        margin-left:15px;
        margin-right:15px;
    }
}


@media (max-width: 1280px) {
    .ArticleFigure  .ArticleFigure--caption {
        width:calc(100% - 60px)
    }
}

@media (max-width: 1000px) {
    .ArticleFigure  .ArticleFigure--caption {
        width:calc(100% - 60px)
    }
}

@media (max-width: 750px) {
    .ArticleFigure  .ArticleFigure--caption {
        width:auto
    }
}

@media (max-width: 750px) {
    .ArticleFigure  .ArticleFigure--caption {
        margin-left:0;
        margin-right: 0;
        width: 100%
    }
}






/* adjust height of caption on small screens/ in mobile phones */
@media only screen and (max-width: 1000px) {
    .pswp__ui--fit {
        height:55%;
        min-height:55%;
        max-height:55%;
        overflow:initial;
    }
    .pswp__share-modal {
        display:none;
    }
    .pswp__sidebar--title {
        display:none;
    }
    .pswp__caption.pswp__caption--fake {
        display:none;
    }
    .pswp__sidebar {
        height:100%;
        /* padding-top:0px !important; */
        padding-bottom:0px !important;
        display:block;
    }
    .pswp__caption {
        height:100% !important;
        padding-bottom:0px !important;
        margin:0px !important;
    }
    .pswp__caption__center {
        height:100%;
        padding-bottom:0px !important;
    }
    .potoEssayPopupText {
        height:100%;
        overflow-y:auto;
    }
}
@media only screen and (max-width: 1000px) and (orientation:portrait) { 

    .potoEssayPopupText {
        height:400px;
    }
  
}
@media screen and (max-width: 1000px) and (orientation:landscape) {
    .pswp__ui--fit {
        height:30%;
        max-height:30%;
        min-height:30%;
        overflow:initial;
    }
    .potoEssayPopupText {
        height:150px;
    }

}


/***** starts popup image gallery settings *****/

        /* remove zoom cursor */
        .pswp--zoom-allowed .pswp__img {
            cursor: default;
        }

        /* in photo essay make "share this" text smaller */
        .ImageGalleryLarge .ImageGalleryLarge--ui--title {
            font-size: 10px;
        }
        @media (min-width: 400px) {
            .ImageGalleryLarge .ImageGalleryLarge--ui--title {
                font-size:calc(.28571vw + 8.5px)
            }
        }
        @media (min-width: 750px) {
            .ImageGalleryLarge .ImageGalleryLarge--ui--title {
                font-size:calc(0vw + 12px)
            }
        }
        @media (min-width: 1280px) {
            .ImageGalleryLarge .ImageGalleryLarge--ui--title {
                font-size:12px
            }
        }

        /* in photo essay increase gap between share buttons */
        .ImageGalleryLarge  .ShareButtons.horizontal .ShareButtons--list>li {
            margin-right:5px;
        }
        @media (min-width: 1000px) and (max-width: 1080px) {
            .ImageGalleryLarge  .ShareButtons.horizontal .ShareButtons--list>li {
                margin-right:0px;
            }
        }

        /* do not allow numbers to go on other line */
        .pswp__large .pswp__counter {
            white-space: nowrap;
        }

        /* top buttons min width */
        @media (max-width: 1000px) {
            .pswp__large .pswp__ui.pswp__ui--fit {
                min-width:300px;
            }
            .pswp__large .pswp__top-bar {
                min-width:300px;
            }
        }

        /*move image little bit up*/
        @media (min-width: 1001px) {
            .pswp__large .pswp__scroll-wrap {
            height:100%;
            }
            .pswp__large .pswp__scroll-wrap.pswp__scroll-wrap--isExpanded {
                height:80%;
            }
        }
        @media (max-width: 1000px) {
            .pswp__large .pswp__scroll-wrap {
                margin-top:50px;
            }
        }
        /* move image to left - i.e. move caption to left*/
        @media (min-width: 1001px) {
            .pswp__large .pswp__sidebar {
                /* margin-left:5%; */
                margin-left:35px;
                /* padding-right:10px; */
                padding-right:0px;
            }
        }



        /* move buttons right */
        @media (min-width: 1001px) {
            .pswp__large .pswp__counter {
                top: 100px;
                right: 30px;
                position: absolute;
                left: auto;
            }
            .pswp__large .pswp__button.pswp__button--arrow--right{
                top: 150px;
                right: 30px;
                position: absolute;
                left: auto;
                z-index:99999;
            }
            .pswp__large .pswp__button.pswp__button--arrow--left {
                top: 220px;
                right: 30px;
                position: absolute;
                left: auto;
                z-index:99999;
            }
            .pswp__large .pswp__button.pswp__button--info {
                top: 290px;
                right: 30px;
                margin-right:5px;
                position: absolute;
                left: auto;
                z-index:99999;
            }
            
            .pswp__large .pswp__item {
                width:100%;
            }
            .pswp__large  .pswp__scroll-wrap {
                margin-right: 0px;
                width:calc(100% - 150px);
                left:50px;
            }
            /* move image more to left to show it bigger*/
            .pswp__large  .pswp__scroll-wrap:not(.pswp__scroll-wrap--isExpanded) {
                margin-right: 0px;
                width:calc(100% - 50px);
                left:-50px;
            }
            
        }




        /* add border to close button */
        .pswp__large .pswp__button.pswp__button--close {

            border: 1px solid rgba(0,146,209,0.3) !important;
            border-top-color: rgba(0, 146, 209, 0.3) !important;
            border-top-style: solid !important;
            border-top-width: 1px !important;
            border-right-color: rgba(0, 146, 209, 0.3) !important;
            border-right-style: solid !important;
            border-right-width: 1px !important;
            border-bottom-color: rgba(0, 146, 209, 0.3) !important;
            border-bottom-style: solid !important;
            border-bottom-width: 1px !important;
            border-left-color: rgba(0, 146, 209, 0.3) !important;
            border-left-style: solid !important;
            border-left-width: 1px !important;
            border-image-source: initial !important;
            border-image-slice: initial !important;
            border-image-width: initial !important;
            border-image-outset: initial !important;
            border-image-repeat: initial !important;
            border-radius: 100% !important;
            border-top-left-radius: 100% !important;
            border-top-right-radius: 100% !important;
            border-bottom-right-radius: 100% !important;
            border-bottom-left-radius: 100% !important;
        }

        /*make info button NOT filled when its not clicked*/
        .pswp__large .pswp__button.pswp__button--info:hover::before {
            opacity: 0.4;
        }
        .pswp__large .pswp__button.pswp__button--info.pswp__button--info-active:hover::before {
            opacity: 1;
        }

        /* make buttons color blue */
        .pswp__button.pswp__button--close::after
        , .pswp__button.pswp__button--close::before {
            border-color:#0092D1 !important;
            background-color: #0092D1 !important;
        }
        .pswp__large .pswp__button.pswp__button--arrow--right [data-icon="arrow-page-right-lignt"]::after {
            background: url("../arrow-page-right.html") no-repeat 0px 0px;
            background-size: 12px 22px;
        }
        .pswp__large .pswp__button.pswp__button--arrow--left [data-icon="arrow-page-left-light"]::after {
            background: url("../arrow-page-left.html") no-repeat 0px 0px;
            background-size: 12px 22px;
        }
        .pswp__large .pswp__button.pswp__button--info  [data-icon="read-white"]::after {
            background: url("../read-light.html") no-repeat -15px -15px;
            background-size: 50px 50px
        }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
            .pswp__large .pswp__button.pswp__button--arrow--right [data-icon="arrow-page-right-lignt"]::after {
                background: url("../arrow-page-right-2.html") no-repeat 0px 0px;
                background-size: 12px 22px;
            }
            .pswp__large .pswp__button.pswp__button--arrow--left [data-icon="arrow-page-left-light"]::after {
                background: url("../arrow-page-left-2.html") no-repeat 0px 0px;
                background-size: 12px 22px;
            }
            .pswp__large .pswp__button.pswp__button--info  [data-icon="read-white"]::after {
                background: url("../read-light-2.html") no-repeat -15px -15px;
                background-size: 50px 50px;
            }
        }
        /* make info button filled when clicked */
        .pswp__large .pswp__button.pswp__button--info.pswp__button--info-active::before {
            visibility: visible;
            transform: none;
            opacity: 1
        }

        /* even for one slide, still show numbers and buttons */
        .pswp__ui--one-slide .pswp__button--arrow--left,
        .pswp__ui--one-slide .pswp__button--arrow--right,
        .pswp__ui--one-slide .pswp__counter {
            display: block;
        }


        /* hide share buttons when in popup */
        .pswp__large .pswp__share-tooltip
        , .pswp__large .pswp__sidebar--title {
            display:none;
        }

        /* in popup make caption size same as it is on page */
        .pswp__large .pswp__caption__center {
            font-size: 13px;
        }
        @media (min-width: 400px) {
            .pswp__large .pswp__caption__center {
                font-size:calc(.28571vw + 11.85714px)
            }
        }
        @media (min-width: 750px) {
            .pswp__large .pswp__caption__center {
                font-size:calc(0vw + 14px)
            }
        }
        @media (min-width: 1280px) {
            .pswp__large .pswp__caption__center {
                font-size:14px
            }
        }



        /*  popup - make NOT transparent */
        .pswp__large .pswp__bg {
            background: rgba(12,27,42,1);
        }


        /* add light theme to photoswipeLarge */
        #photoswipeLarge.theme-imageGallery-light .pswp__bg {
            background: white;  
        }
        #photoswipeLarge.theme-imageGallery-light .pswp__counter
        ,#photoswipeLarge.theme-imageGallery-light .pswp__caption__center {
            color:#27251f;
        }
        #photoswipeLarge.theme-imageGallery-light .pswp__button.pswp__button--arrow--left::after 
        ,#photoswipeLarge.theme-imageGallery-light .pswp__button.pswp__button--arrow--right::after 
        ,#photoswipeLarge.theme-imageGallery-light .pswp__button.pswp__button--info::after {
            border-color: #000000;
        }
        #photoswipeLarge.theme-imageGallery-light .pswp__top-bar {
            border-bottom: 1px solid rgb(0,0,0,0.15);
        }
        @media (max-width: 1000px) {
            #photoswipeLarge.theme-imageGallery-light  .pswp__ui.pswp__ui--fit {
                background: rgba(0,0,0,1);
            }
            #photoswipeLarge.theme-imageGallery-light .pswp__caption__center {
                color:#cccccc;
            }
        }

        #photoswipeLarge.theme-imageGallery-light   .pswp__button.pswp__button--info  [data-icon="read-white"]::after {
            background: url("../read-blue-1x.html") no-repeat 0px 0px;
            background-size: 24px 21px;
        }
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
            #photoswipeLarge.theme-imageGallery-light   .pswp__button.pswp__button--info  [data-icon="read-white"]::after {
                background: url("../read-blue-2x.html") no-repeat 0px 0px;
                background-size: 24px 21px;
            }
        }
        #photoswipeLarge.theme-imageGallery-light   .pswp__button.pswp__button--info.pswp__button--info-active::before {
            background-color: rgba(219,226,233,1);
        }



        /* make caption width 100% */
        @media (max-width: 1000px) {
            .pswp__large .pswp__caption__center {
                margin-right: 0;
                max-width:1000px;

            }
        }




        /* add credits on the picture */
        .ImageGalleryLarge--wrap .Media--footer {
            visibility:visible;
        }
        .ImageGalleryLarge--wrap .Media--footer .Media--caption {
            visibility: hidden;
            display:none;
        }
        #photoswipeLarge .Media--credit--camera {
            margin-top:10px;
            background: url('../camera.html') no-repeat center left;
            padding-left:20px;
        }
        @media (min-width: 1001px) {  
            #photoswipeLarge.theme-imageGallery-light .Media--credit--camera {
                background: url('../camera-black.html') no-repeat center left; 
            }
        }

        /* when printing, dont show top row*/
        @media print {
            .pswp__large, .pswp__large * {
                display:none;
            }
        }



        /* remove background when caption is switched off */
        @media (max-width: 1000px) {  
            .pswp__large .pswp__ui--fit.pswp__ui--fit--isClosed {
                background:none;
            }
        }




/***** ends popup image gallery settings *****/






.SocialMediaMix .SocialMediaMix--aside .SocialMediaMix--text {
    max-height:500px; 
    overflow:hidden;
}
 .SocialMediaMix .SocialMediaMix--channel iframe {
    max-height:550px; 
}

.FilterTag {
    max-width: 13em !important;
}

/* ============ Expertise PictoNav changes ======== */
        .PictoNav--bgBlue, .MobileNav--categories .PictoNav--bgBlue {
            background:#0092D1;
        }
        /* .PictoNav--totalRows2 {
            max-height: calc((100vh - 80px) / 2);
            overflow: hidden;
        } */

        .PictoNav--totalRows2 .PictoNav--pictoWrapper
        , .PictoNav--totalRows2 .PictoNav--link--title { 
           margin-bottom: 0.3rem;
        }
        .PictoNav--totalRows2 .PictoNav {
            padding-bottom: 20px;
        }
        .PictoNav--totalRows2 .MainNav--link:hover
        , .MobileNav--categories  .MainNav--link:hover{
            color:unset;
        }

        .PictoNav--bgBlue .PictoNav--list {
            padding-left: 5%;
            padding-right: 5%;
        }
        .PictoNav--bgBlue .PictoNav--link:hover, 
        .MobileNav--categories .PictoNav--bgBlue .PictoNav--link:hover  {
            color: #102334;
        }
        
        .PictoNav--bgBlue .PictoNav--link--text {
            margin: 0 auto;
            max-width: 70%;
        }

        .PictoNav--totalRows2 .PictoNav--SubTitle {
            /* line-height: 30px; */
            text-align: center;
            margin-bottom: 2em;
            margin-top: 2em;
        }
        .PictoNav--totalRows2 .PictoNav--list>li {
            min-width: 11em;
        }
        @media (max-width: 1000px) {
            .PictoNav--SubTitle {
                line-height:60px;
                margin-bottom: 15px;
            }
            .PictoNav {
                padding-bottom: 50px;
            }
            .MobileNav--categories .PictoNav--SubTitle {
                padding-left: 30px;
            }
        }
        @media (max-width: 750px) {
            .PictoNav--SubTitle {
                line-height:50px;
                margin-bottom: 10px;
            }
            .PictoNav {
                padding-bottom: 40px;
            }
        }

        


    /* animation for climate picto*/
        @keyframes climate-lines-moveUp {
            0%,23% {
                /*d: path("M96,89.67 V59");  */
               transform: scaleY(0.5) translateY(90px);;
           }
           25%,48% {
               /* d: path("M96,89.67 V49"); */
               transform: scaleY(0.65) translateY(50px);;
           }
           50%,73% {
               /* d: path("M96,89.67 V39"); */
               transform: scaleY(0.85) translateY(15px);;
           }
           75%,100% {
               /* d: path("M96,89.67 V29"); */
               transform: scaleY(1) translateY(0px);;
           } 
        }
        .svg-climate:hover .svg_layer-line .line {
            animation: climate-lines-moveUp 3s infinite;
            /* animation-duration: 3s;
            animation-name: climate-lines-moveUp;
            animation-iteration-count: infinite; */
        }
        .svg-climate:hover .svg_layer-line .line
        , .svg-climate:hover .svg_layer-base .vector {
            stroke:#102334;
        }
        .svg-climate .svg_layer-line .line
        , .svg-climate .svg_layer-base .vector {
            stroke:#ffffff;
        }
    /* /animation for climate picto*/


    /* animation for gender picto */
        .svg-gender_inclusive .shape {
            stroke:#fff !important;
        }
        .svg-gender_inclusive:hover .shape {
            stroke:#102334 !important;
        }
        .svg-gender_inclusive:hover  svg path {
            animation: gender-blink1 1s infinite linear;
        }
        @keyframes gender-blink1 {
            0%,40%,100% { transform-box: fill-box;  transform-origin: center; transform: rotate(0deg); }
            45%,95%     { transform-box: fill-box;  transform-origin: center; transform: rotate(30deg);}
        } 
    /* end animation for gender picto */

    /* animation for health picto */
        .svg-health .line {
            stroke:#fff !important;
        }
        .svg-health:hover .line {
            stroke:#102334 !important;
        }
        .svg-health:hover  svg path:first-child {
            animation: health-blink1 1s infinite linear;
        }
        .svg-health:hover  svg path:last-child {
            animation: health-blink2 1s infinite linear;
        }
        @keyframes health-blink1 {
            0%,40%,100% { transform-box: fill-box;  transform-origin: center; transform: scale(1); }
            45%,95%     { transform-box: fill-box;  transform-origin: center; transform: scale(1.1) translateY(2px);}
        }  
        @keyframes health-blink2 {
            0%,40%,100% { transform-box: fill-box;  transform-origin: center; transform: scale(1); }
            45%,95%     { transform-box: fill-box;  transform-origin: center; transform: scale(1.09);}
        }     

    /* ends animation for health picto */
    
    /* animation for conflict_crisis picto */
        .svg-conflict_crisis .shape {
            stroke:#fff !important;
        }
        .svg-conflict_crisis:hover .shape {
            stroke:#102334 !important;
        }
        .svg-conflict_crisis:hover  svg .transform-show1 {
            animation: conflict_crisis-show1 1s infinite linear;
        }
        @keyframes conflict_crisis-show1 {
            0%,40%,100% { visibility: visible; }
            41%,99%     { visibility: hidden; }
        } 
        .svg-conflict_crisis:hover  svg .transform-show2 {
            animation: conflict_crisis-show2 1s infinite linear;
        }
        @keyframes conflict_crisis-show2 {
            0%,40%,100% { visibility: hidden; }
            41%,99%     { visibility: visible; }
        } 
    /* end animation for conflict_crisis picto */
    
    /* animation for energy picto */
        .svg-energy .frame * {
            stroke:#fff !important;
        }
        .svg-energy .frame-ver2 .cls-1 {
            fill: #fff !important;
        }
        
        .svg-energy:hover .frame * {
            stroke:#102334 !important;
        }
        .svg-energy:hover .frame-ver2 .cls-1 {
            fill: #102334 !important;
        }
        
        .svg-energy:hover svg .frame {
            /*animation: energy-show00 28s infinite linear;*/
            animation-duration:  3s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }
        
        .svg-energy:hover  svg .frame-00 { animation-name: energy-show00;  }
        .svg-energy:hover  svg .frame-01 { animation-name: energy-show01;  }
        .svg-energy:hover  svg .frame-02 { animation-name: energy-show02;  }
        .svg-energy:hover  svg .frame-03 { animation-name: energy-show03;  }
        .svg-energy:hover  svg .frame-04 { animation-name: energy-show04;  }
        .svg-energy:hover  svg .frame-05 { animation-name: energy-show05;  }
        .svg-energy:hover  svg .frame-06 { animation-name: energy-show06;  }
        .svg-energy:hover  svg .frame-07 { animation-name: energy-show07;  }
        .svg-energy:hover  svg .frame-08 { animation-name: energy-show08;  }
        .svg-energy:hover  svg .frame-09 { animation-name: energy-show09;  }
        .svg-energy:hover  svg .frame-10 { animation-name: energy-show10;  }
        .svg-energy:hover  svg .frame-11 { animation-name: energy-show11;  }
        .svg-energy:hover  svg .frame-12 { animation-name: energy-show12;  }
        .svg-energy:hover  svg .frame-13 { animation-name: energy-show13;  }
        .svg-energy:hover  svg .frame-14 { animation-name: energy-show14;  }
        .svg-energy:hover  svg .frame-15 { animation-name: energy-show15;  }
        .svg-energy:hover  svg .frame-16 { animation-name: energy-show16;  }
        .svg-energy:hover  svg .frame-17 { animation-name: energy-show17;  }
        .svg-energy:hover  svg .frame-18 { animation-name: energy-show18;  }
        .svg-energy:hover  svg .frame-19 { animation-name: energy-show19;  }
        .svg-energy:hover  svg .frame-20 { animation-name: energy-show20;  }
        .svg-energy:hover  svg .frame-21 { animation-name: energy-show21;  }
        .svg-energy:hover  svg .frame-22 { animation-name: energy-show22;  }
        .svg-energy:hover  svg .frame-23 { animation-name: energy-show23;  }
        .svg-energy:hover  svg .frame-24 { animation-name: energy-show24;  }
        .svg-energy:hover  svg .frame-25 { animation-name: energy-show25;  }
        .svg-energy:hover  svg .frame-26 { animation-name: energy-show26;  }
        .svg-energy:hover  svg .frame-27 { animation-name: energy-show27;  }
        
        @keyframes energy-show00 {        0%,4.1%,100%     { visibility: visible; }        4.2%,99.9% { visibility: hidden; }    } 
        @keyframes energy-show01 {        4.1%,8.3%     { visibility: visible; }        0%,4%,8.4%,100% { visibility: hidden; }    } 
        @keyframes energy-show02 {        8.3%,12.4%     { visibility: visible; }        0%,8.2%,12.5%,100% { visibility: hidden; }    } 
        @keyframes energy-show03 {        12.4%,15.9%     { visibility: visible; }        0%,12.3%,16%,100% { visibility: hidden; }    } 
        @keyframes energy-show04 {        15.9%,19.4%     { visibility: visible; }        0%,15.8%,19.5%,100% { visibility: hidden; }    } 
        @keyframes energy-show05 {        19.4%,22.9%     { visibility: visible; }        0%,19.3%,23%,100% { visibility: hidden; }    } 
        @keyframes energy-show06 {        22.9%,26.4%     { visibility: visible; }        0%,22.8%,26.5%,100% { visibility: hidden; }    } 
        @keyframes energy-show07 {        26.4%,29.9%     { visibility: visible; }        0%,26.3%,30%,100% { visibility: hidden; }    } 
        @keyframes energy-show08 {        29.9%,33.4%     { visibility: visible; }        0%,29.8%,33.5%,100% { visibility: hidden; }    } 
        @keyframes energy-show09 {        33.4%,36.9%     { visibility: visible; }        0%,33.3%,37%,100% { visibility: hidden; }    } 
        @keyframes energy-show10 {        36.9%,40.4%     { visibility: visible; }        0%,36.8%,40.5%,100% { visibility: hidden; }    } 
        @keyframes energy-show11 {        40.4%,43.9%     { visibility: visible; }        0%,40.3%,44%,100% { visibility: hidden; }    } 
        @keyframes energy-show12 {        43.9%,47.4%     { visibility: visible; }        0%,43.8%,47.5%,100% { visibility: hidden; }    } 
        @keyframes energy-show13 {        47.4%,50.9%     { visibility: visible; }        0%,47.3%,51%,100% { visibility: hidden; }    } 
        @keyframes energy-show14 {        50.9%,54.4%     { visibility: visible; }        0%,50.8%,54.5%,100% { visibility: hidden; }    } 
        @keyframes energy-show15 {        54.4%,57.9%     { visibility: visible; }        0%,54.3%,58%,100% { visibility: hidden; }    } 
        @keyframes energy-show16 {        57.9%,61.4%     { visibility: visible; }        0%,57.8%,61.5%,100% { visibility: hidden; }    } 
        @keyframes energy-show17 {        61.4%,64.9%     { visibility: visible; }        0%,61.3%,65%,100% { visibility: hidden; }    } 
        @keyframes energy-show18 {        64.9%,68.4%     { visibility: visible; }        0%,64.8%,68.5%,100% { visibility: hidden; }    } 
        @keyframes energy-show19 {        68.4%,71.9%     { visibility: visible; }        0%,68.3%,72%,100% { visibility: hidden; }    } 
        @keyframes energy-show20 {        71.9%,75.4%     { visibility: visible; }        0%,71.8%,75.5%,100% { visibility: hidden; }    } 
        @keyframes energy-show21 {        75.4%,78.9%     { visibility: visible; }        0%,75.3%,79%,100% { visibility: hidden; }    } 
        @keyframes energy-show22 {        78.9%,82.4%     { visibility: visible; }        0%,78.8%,82.5%,100% { visibility: hidden; }    } 
        @keyframes energy-show23 {        82.4%,85.9%     { visibility: visible; }        0%,82.3%,86%,100% { visibility: hidden; }    } 
        @keyframes energy-show24 {        85.9%,89.4%     { visibility: visible; }        0%,85.8%,89.5%,100% { visibility: hidden; }    } 
        @keyframes energy-show25 {        89.4%,92.9%     { visibility: visible; }        0%,89.3%,93%,100% { visibility: hidden; }    } 
        @keyframes energy-show26 {        92.9%,96.4%     { visibility: visible; }        0%,92.8%,96.5%,100% { visibility: hidden; }    } 
        @keyframes energy-show27 {        96.4%,99.9%     { visibility: visible; }        0%,96.3%,100%,100% { visibility: hidden; }    } 
     
        
    /* end animation for energy picto */
    
    


    /* if picto is liked to disabled entry, then remove link */
        .PictoNav--link.hasNoLink .svg_layer-frame1 .shape
        , .PictoNav--link.hasNoLink .svg_layer-frame2 .shape 
        , .PictoNav--link.hasNoLink .svg_layer-line .line
        , .PictoNav--link.hasNoLink .svg_layer-base .vector
        , .PictoNav--link.hasNoLink .svg_layer-constant .line
        , .PictoNav--link.hasNoLink .svg_layer-frame1 .line
        , .PictoNav--link.hasNoLink .svg_layer-frame2 .line
        {
            stroke:#66bee3;
        }
         .PictoNav--link.hasNoLink .PictoNav--link--title
        , .PictoNav--link.hasNoLink .PictoNav--link--text
        {   
            color: #66bee3;
        }
        .PictoNav--link.hasNoLink:hover .svg_layer-frame1 .shape
        , .PictoNav--link.hasNoLink:hover .svg_layer-frame2 .shape 
        , .PictoNav--link.hasNoLink:hover .svg_layer-line .line
        , .PictoNav--link.hasNoLink:hover .svg_layer-base .vector
        , .PictoNav--link.hasNoLink:hover .svg_layer-constant .line
        , .PictoNav--link.hasNoLink:hover .svg_layer-frame1 .line
        , .PictoNav--link.hasNoLink:hover .svg_layer-frame2 .line
        {
            stroke:#66bee3;
        }
    /* ends if picto is liked to disabled entry, then remove link */

/* ============ ends  Expertise PictoNav changes ======== */




/* ====================== ADD more styles for image gallery ====================== */
    .ImageGrid--item.ImageGrid--item-half {
        width: 50%;
    }

    .ImageGrid--item.ImageGrid--item-full {
        width:100%;
    }

    @media (max-width: 580px) {
        .ImageGrid--item.ImageGrid--item-AllFullWidth.ImageGrid--item-half {
            width: 100%;
        }
        .ImageGrid--item.ImageGrid--item-AllFullWidth.ImageGrid--item-narrow {
            width: 100%;
        }
    }
/* ====================== ends ADD more styles for image gallery ====================== */




/* === starts: adjust size and cololr of picto card ===*/
.IconSquarePicto,  .IconSquarePicto svg {
    width:80px;
    height:80px;
}
.IconSquarePicto svg * {
    stroke:rgba(110, 120, 130, 1)
}
.SquarePicto.normalImage  .SquarePicto--picto {
    padding: 5px;
}
/* === ends: adjust size and cololr of picto card ===*/



/* ==  starts: when multiple authors, decrfease spacing between them */
div.ArticleAuthor + div.ArticleAuthor {
    margin-top:-50px;
}
/* ==  ends: when multiple authors, decrfease spacing between them */


figure:not([class]) img, figure img  {
    margin-bottom:0px;
}
.CaptionText, figure:not([class]) figcaption, figure figcaption  {
    width:90%;
    margin-left:auto;
    margin-right:auto;
    margin-top:.55556rem;
    font-size: inherit !important;
    color: #6e7882 !important;
    opacity: 1 !important;
    display: block;
}
@media (max-width: 750px){
    .CaptionText, figure:not([class]) figcaption, figure figcaption {
        margin-left:15px;
        margin-right:15px;
    }
}




/*====================================================*/
/* ==== Start: Paralaxx Scrolling ====*/
    #js-scroll {
        background:none !important;
    }
/* ==== End: Paralaxx Scrolling ====*/
/*====================================================*/



/*======== Start SDG styles ============================================*/
.SDGContainer {
    
}
@media (min-width:751px) {
    .SDGContainer {
        width:730px;
        margin-left: auto;
        margin-right: auto;
    }
}

.SDGContainer .SDGTitle 
,.SDGContainer .Card--title 
{
    font-family: "Open Sans", "VF Sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
    font-weight: normal;
    line-height: 1.1;
    letter-spacing: 1px;
    text-transform: none;
    font-size:auto;
    /* font-size:15px; */
}
.slideType_articleText  .SDGContainer .SDGTitle 
,.slideType_articleText  .SDGContainer .Card--title 
{
    font-size:15px;
}
@media (max-width: 1000px) {
    .slideType_articleText  .SDGContainer .SDGTitle 
    ,.slideType_articleText  .SDGContainer .Card--title 
    {
        font-size:12px;
    }
}
@media (min-width: 1001px) {
    .slideType_articleText  .SDGContainer .SDGTitle 
    ,.slideType_articleText  .SDGContainer .Card--title  {
        font-size:calc(.37736vw + 13.16981px)
    }
}
@media (min-width: 1280px) {
    .slideType_articleText  .SDGContainer .SDGTitle 
    ,.slideType_articleText  .SDGContainer .Card--title  {
        font-size:18px
    }
}


.swiper-slide.slideType_mediaCaption  .SDGContainer .Card--title {
    padding-top:10px;
}
.SDGContainer .SDGTitle {
    margin-top: 2em;
    margin-bottom: 1em;
    
    line-height: 1.1;
    letter-spacing: 1px;
    text-transform: none;
    font-size: 24px;
}
.SDGContainer .SDGImages {
    display:flex;
    flex-wrap: wrap;
    gap: 20px;
}
.SDGContainer .SDGImages.SDGImagesForStories>div
, .SDGContainer .SDGImages.SDGImagesForStories a>div {
    width:130px;
    height:130px;
    overflow:visible;
    max-width:130px;
}
.SDGContainer .SDGImages.SDGImagesForStories img {
    width:130px;
    max-width:130px;
    position:relative;
}


.ArticleAside.SDGContainerSmall {
    margin-top:0;
}
.ArticleAside.SDGContainerSmall .SDGImages {
    display:flex;
    flex-flow: row wrap;
    gap: 10px;
}
.ArticleAside.SDGContainerSmall .SDGImages div.Media.image {
    width:100px;
    height:100px;
}

@media (max-width: 580px) {
    .ArticleAside.SDGContainerSmall {
        max-width: unset;
        margin-left: 15px;
        margin-right: 15px;
    }
}
@media (min-width: 750px) {
    .ArticleAside.SDGContainerSmall {
        min-width: 320px;
    }
}


.StoryArticleSDGs--block {
    display: flex;
}
@media (max-width: 1000px) {
    .StoryArticleSDGs--block {
        width: 100%;
        /* padding: 10px; */
    }
}
@media (min-width: 1001px) {
    .StoryArticleSDGs--block {
        height: 100%;
    }
}


/*========= ENd: SDG styles ===========================================*/
/*====================================================*/
/*====================================================*/
/*========= Start: Stories Disclaimer ===========================================*/
.ArticleAside.DisclaimerContainer {
    margin-top:60px;   
}
@media (max-width: 1280px){
    .ArticleAside.DisclaimerContainer {
        margin-top:48px
    }
}
@media (max-width: 750px){
    .ArticleAside.DisclaimerContainer {
        margin-top:30px
    }
}
@media print{
    .ArticleAside.DisclaimerContainer {
        margin-top:30px
    }
}
.ArticleAside.DisclaimerContainer.Card {
    height:unset;
}
.ArticleAside.DisclaimerContainer .Card--text {
    font-style: italic; 
}

/*=========End: Stories Disclaimer ===========================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*========= Start: NewsArticle ALT ===========================================*/
.makeAllListsTriangle * {
    font-size:13px;
}

@media (min-width: 400px){
    .makeAllListsTriangle * {
        font-size:calc(.28571vw + 11.85714px)
    }
}
@media (min-width: 750px){
    .makeAllListsTriangle * {
        font-size:calc(.37736vw + 11.16981px)
    }
}
@media (min-width: 1280px){
    .makeAllListsTriangle * {
        font-size:16px
    }
}
.makeAllListsTriangle ul>li{
    font-weight:400;
    padding-left:1em;
    /*margin-bottom:0.95em*/
    margin-bottom: 0.5em;
}
.makeAllListsTriangle ul>li:before{
    left:0;
    /* top:50%; */
    top:0.7em;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:rgba(110,120,130,0);
    border-left-color:#6e7882;
    border-width:3.5px;
    margin-top:-2px;
    background-color:transparent;
    border-radius:0;
    height:4px;
    width:6px
}
/*========= End: NewsArticle ALT ===========================================*/
/*====================================================*/
/*===============implement lottie json videos in horiz layout =====================================*/
.EmbeddedMedia--inner.json
, .EmbeddedMedia--inner.json .Media.image {
    background:none;
    overflow:unset;
}


.CardHeaderEmbedded.json .CardHeaderEmbedded--inner {
    /* background:none; */
}

.Card  .Card--inner .CardHeaderEmbedded.json .CardHeaderEmbedded--inner lottie-player {
    min-height:180px;
}
.Cardslider .CardHeaderEmbedded.json .CardHeaderEmbedded--inner lottie-player {
    min-height:300px;
}
.Cardslider.small .Card .CardHeaderEmbedded.json .CardHeaderEmbedded--inner lottie-player {
    min-height:133px;
}
/* make video stretch and fit full screen*/
lottie-player.fullScreen {
    position: absolute;
    
    min-inline-size: max-content;
    z-index: -1;
    width:100vw;
    height:100vh;

     left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
    
    /* left: 50vw;
    top: 50vh;
    transform: translate(-50vw, -50vh); */
    

  }

/*
lottie-player.HeroFullScreen {
    position: absolute;
    min-inline-size: max-content;
    z-index: -1;
    width:100vw;
    height:80vh;
    
    
}
@media (max-width: 750px) {
    lottie-player.HeroFullScreen {
        height:90vh
    }
}

@media (max-width: 580px) {
    lottie-player.HeroFullScreen {
        height:75vh;
    }
}
*/
lottie-player.HeroFullScreen {
    min-inline-size: max-content;
    /* width: max-content;
    height: max-content; */
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ArticleHeader--videoWrapper.json {
    display: flex;
    justify-content: center;   
}
.ArticleHeader--videoWrapper.json lottie-player {
    min-inline-size: max-content;
    width:100%;
    height:100%;
    /* z-index:-1; */
    z-index:0; /* when news image is set, json goes behind it*/
}
.ArticleHeader--videoWrapper>video {
    object-fit: cover;
}
.ArticleFigure--figure .Media.image.json {
    background: none;
}


.ArticleHeader--videoWrapper.json lottie-player.fullScreen {
    position: absolute;
    
    min-inline-size: max-content;
    z-index: 0;
    /* width:100vw;
    height:100vh; 
    left: 50%;
    top: 50%; 
    transform: translate(-50%, -50%);
    */
    
    /* CW-650 - fix json lottie video full screen*/
    top:0;
    left:0;
    transform:none;
    height: auto;
    width: 100%;
    min-height: auto;
    min-width: auto;

  }
  
  
/*====================================================*/
/*---CW-632 add image in circle -- */
.imageCircle img {
    border-radius:50%;
    box-shadow: 0px 0px 17px 4px rgba(0,0,0,0.59);
    -webkit-box-shadow: 0px 0px 17px 4px rgba(0,0,0,0.59);
    -moz-box-shadow: 0px 0px 17px 4px rgba(0,0,0,0.59);
}
/*====================================================*/
    /*-- CW-623 replace search with magnifying glass and spell out languages-*/
    .magnifyingGlass:after {
        /* background: url(../graphics/magnifier-white.png) no-repeat; */
        background: url(../magnifier-white-32x32.html) no-repeat;
        width: 20px;
        height: 20px;
        content: "";
        position: absolute;
        top: 30px;
        margin-top: 0;
        left: 0px;
    }
    .SiteHeader.is-notTop .magnifyingGlass:after {
        /* background: url(../graphics/magnifier-black.png) no-repeat; */
        background: url(../magnifier-black-32x32.html) no-repeat;
    }
    .magnifyingGlass:hover:after 
    ,.SiteHeader.is-notTop  .magnifyingGlass:hover:after 
    , .MetaNav--link.is-active .magnifyingGlass:after {
        /* background: url(../graphics/magnifier-blue.png) no-repeat; */
        background: url(../magnifier-blue-32x32.html) no-repeat;
    }
    
    
    .MetaNav--link.is-active:after {
        display:none;
    }
    
    .LanguageSelectorFlyout--inOneLine {
        display:flex;
        flex-direction: row;;
        align-items: baseline;
    }
    
    .LanguageSelectorFlyout--inOneLine .LanguageSelectorFlyout--link 
    , .MobileNav--language .MobileNav--languageLink
    {
        font-family: "VF Sans Regular","VF Sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;;
        text-transform: capitalize;
        font-weight: normal;
        font-size: calc(0vw + 18px);
    }
    .LanguageSelectorFlyout--inOneLine .LanguageSelectorFlyout--link.LanguageSelectorFlyout--active 
    , .MobileNav--language .MobileNav--languageLink.is-active
    {
        font-family: "VF Sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;;
        font-weight:700;
    }
    
    
    
    
    .LanguageSelectorFlyout--inOneLine .LanguageSelectorFlyout--link 
    , .MobileNav--language .MobileNav--languageLink 
    {
         font-size: 13px;
    }

@media (min-width: 400px) {
    .LanguageSelectorFlyout--inOneLine .LanguageSelectorFlyout--link 
    , .MobileNav--language .MobileNav--languageLink 
    {
        font-size:calc(.28571vw + 11.85714px)
    }
}

@media (min-width: 750px) {
    .LanguageSelectorFlyout--inOneLine .LanguageSelectorFlyout--link 
    , .MobileNav--language .MobileNav--languageLink 
    {
        font-size:calc(0vw + 14px)
    }
}

@media (min-width: 1280px) {
    .LanguageSelectorFlyout--inOneLine .LanguageSelectorFlyout--link 
    , .MobileNav--language .MobileNav--languageLink 
    {
        font-size:14px
    }
}

    
    
    
    
    
    
    
    
/*====================================================*/
/* replace magnifier glass with new one*/

.SearchInput--submit::after {
    /* background: url(../img/icons/global/1x--sprite.png) no-repeat -131px -200px; */
    background: url(../magnifier-white-32x32.html) no-repeat;
}


.SearchInput.dark .SearchInput--submit::after {
    /* background: url("../img/icons/global/1x--sprite.png") no-repeat -160px -200px; */
    background: url(../magnifier-black-32x32.html) no-repeat;
}



[data-icon="magnifier-light"]:after {
    /* background: url("../img/icons/global/1x--sprite.png") no-repeat -131px -200px; */
    background: url(../magnifier-white-32x32.html) no-repeat;
}


[data-icon="magnifier"]:after {
    /* background: url("../img/icons/global/1x--sprite.png") no-repeat -160px -200px; */
    background: url(../magnifier-blue-32x32.html) no-repeat;
}


[data-icon="navigation-search"]:after {
    /* background: url("../img/icons/global/1x--sprite.png") no-repeat -102px -200px; */
   
}

/*====================================================*/
/*-- card type latest news*/
.Card.Card--latestNews .NewsPreview {
    margin-top: 0px;
}

body.theme-dark .Card .Card--inner .NewsPreview .NewsPreview--inner {
    background: unset;
}

/*====================================================*/
/* -- CW-644 make rich text card type, when articleAside - height auto. */
.ArticleAside .Card.Card-type-richText .Card--inner::before {
    padding-bottom: unset;
}
/*====================================================*/
/* CW-619 increase with of filters */
.Filter--form .FilterSection.filters {
    width:100%;
}
@media (min-width: 1001px) {
    .FilterSection--content .FilterDropdown.FilterDropdown--sdg {
        flex-grow: 2;
    }
}
/*====================================================*/
/*CW-660 add Video Article*/
.CategoryFlag.video {
    background-color:#e97537;
}
.t-video {
    color: #e97537;
}
.CategoryFlag.video::after {
    border-top-color: rgb(179, 135, 112);
}
.videoArticle.popupPage .ArticleFigure .ArticleText 
, .videoArticle.popupPage .ArticleFigure .SDGContainer {
    width: 83.33333%;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 1280px) {
    .videoArticle.popupPage .ArticleFigure .ArticleText 
    , .videoArticle.popupPage .ArticleFigure .SDGContainer {
        width:calc(100% - 60px)
    }
}
@media (max-width: 750px) {
    .videoArticle.popupPage .ArticleFigure .ArticleText 
    , .videoArticle.popupPage .ArticleFigure .SDGContainer
    {
        margin-left:15pxpx;
        margin-right:15px; 
        width:calc(100% - 30px);
    }
}


.videoArticle .ArticleHeader--content--inner {
    padding-bottom:0px;
}






/*====================================================*/
/*CW-673 - add custom dark theme colors to cards--*/
.theme-dark.dark-theme-specialDarker .Card .Card--inner 
, .theme-dark.dark-theme-specialDarker .Card .Card--inner .CardLinklist
, .theme-dark.dark-theme-specialDarker .Card .Card--inner .CardHeaderQuote

, .bodyHorizStory.dark-theme-specialDarker .Card .Card--inner 
, .bodyHorizStory.dark-theme-specialDarker .Card .Card--inner .CardLinklist
, .bodyHorizStory.dark-theme-specialDarker .Card .Card--inner .CardHeaderQuote
, .bodyHorizStory.dark-theme-specialDarker .Card .Card--inner .NewsPreview--inner
{
    background-color:#000000;
}

.theme-dark.dark-theme-specialDarker .CardHeaderFact 
,.bodyHorizStory.dark-theme-specialDarker .CardHeaderFact
{
    background-color:#0f1a23;
}


.bodyHorizStory.dark-theme-specialDarker .Card .Card--inner .Card--text q
{
    color: #ffffff;
}





.theme-dark.dark-theme-specialLighterBlue .Card .Card--inner 
, .theme-dark.dark-theme-specialLighterBlue .Card .Card--inner .CardLinklist
, .theme-dark.dark-theme-specialLighterBlue .Card .Card--inner .CardHeaderQuote

, .bodyHorizStory.dark-theme-specialLighterBlue .Card .Card--inner 
, .bodyHorizStory.dark-theme-specialLighterBlue .Card .Card--inner .CardLinklist
, .bodyHorizStory.dark-theme-specialLighterBlue .Card .Card--inner .CardHeaderQuote
{
    background-color:#134c80;
}

.theme-dark.dark-theme-specialLighterBlue .CardHeaderFact 
, .bodyHorizStory.dark-theme-specialLighterBlue .CardHeaderFact 
, .bodyHorizStory.dark-theme-specialLighterBlue .CardHeaderFact
{
    background-color:#f3f7fb;
}

.bodyHorizStory.dark-theme-specialLighterBlue .Card .Card--inner  .NewsPreview--inner {
    background-color:unset;
}

.theme-dark.dark-theme-specialLighterBlue   .Card .Card--inner .ActionTeaser--title
, .theme-dark.dark-theme-specialLighterBlue .Card .Card--inner .ActionTeaser--description 
, .theme-dark.dark-theme-specialLighterBlue   .Card .Card--inner  .CardHeaderQuote--quote 
, .theme-dark.dark-theme-specialLighterBlue   .Card .Card--inner>div>div.CardFact

, .bodyHorizStory.dark-theme-specialLighterBlue   .Card .Card--inner .ActionTeaser--title
, .bodyHorizStory.dark-theme-specialLighterBlue   .Card .Card--inner .ActionTeaser--description 
, .bodyHorizStory.dark-theme-specialLighterBlue   .Card .Card--inner  .CardHeaderQuote--quote 
, .bodyHorizStory.dark-theme-specialLighterBlue   .Card .Card--inner>div>div.CardFact
, .bodyHorizStory.dark-theme-specialLighterBlue   .Card .Card--inner .CardLinklist--list a.CardLinklist--link  
, .bodyHorizStory.dark-theme-specialLighterBlue   .Card .Card--inner .Card--text q
{
    color:#ffffff;
}

/*====================================================*/
/* CW-680 */
/* add mroe colors to full width page break */

.c-green .DotPattern--canvas {
    color:  #aab53b ;
    background-color:#e7ee99;;
    
}
.FullwidthPageBreak.c-green  .FullwidthPageBreak--inner .FullwidthPageBreak--title {
    color:#000000;
}
.c-dark .DotPattern--canvas {
    color:  #41668b ;
    background-color:#0d1e2f;;
    
}
.FullwidthPageBreak.c-dark   .FullwidthPageBreak--inner {
    /* color: #708c99;; */
    color: #e4e4e4;;
}
.FullwidthPageBreak.c-dark  .FullwidthPageBreak--inner .FullwidthPageBreak--title {
    color:#ffffff;
}

/*====================================================*/
/* CW-681 - replace twitter icon */
[data-icon="social-tw"]:after {
    background: url(../x-logo-grey.html) no-repeat;
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
    
}
/*====================================================*/
/* CW-682 spanish top left menu is too big for smaller screens, resize text to smaller font */
@media (min-width:1001px) and (max-width: 1070px) {
    .es .SiteHeader .SiteHeader--sticky .SiteHeader--inner .SiteHeader--topBar .SiteHeader--navWrapper .SiteHeader--fullNav .SiteHeader--mainNav .MainNav .MainNav--categories .MainNav--link {
        font-size:8px;
    }
}
@media (min-width:1071px) and (max-width: 1120px) {
    .es .SiteHeader .SiteHeader--sticky .SiteHeader--inner .SiteHeader--topBar .SiteHeader--navWrapper .SiteHeader--fullNav .SiteHeader--mainNav .MainNav .MainNav--categories .MainNav--link {
        font-size:9px;
    }
}
@media (min-width:1121px) and (max-width: 1170px) {
    .es .SiteHeader .SiteHeader--sticky .SiteHeader--inner .SiteHeader--topBar .SiteHeader--navWrapper .SiteHeader--fullNav .SiteHeader--mainNav .MainNav .MainNav--categories .MainNav--link {
        font-size:10px;
    }
}
@media (min-width:1171px) and (max-width: 1200px) {
    .es .SiteHeader .SiteHeader--sticky .SiteHeader--inner .SiteHeader--topBar .SiteHeader--navWrapper .SiteHeader--fullNav .SiteHeader--mainNav .MainNav .MainNav--categories .MainNav--link {
        font-size:11px;
    }
}
@media (min-width:1201px) and (max-width: 1260px) {
    .es .SiteHeader .SiteHeader--sticky .SiteHeader--inner .SiteHeader--topBar .SiteHeader--navWrapper .SiteHeader--fullNav .SiteHeader--mainNav .MainNav .MainNav--categories .MainNav--link {
        font-size:12px;
    }
}
@media (min-width:1261px) and (max-width: 1280px) {
    .es .SiteHeader .SiteHeader--sticky .SiteHeader--inner .SiteHeader--topBar .SiteHeader--navWrapper .SiteHeader--fullNav .SiteHeader--mainNav .MainNav .MainNav--categories .MainNav--link {
        font-size:13px;
    }
}
/*====================================================*/
/* CW-696 <750px screens, still show heroes iframe videos */
@media (max-width: 750px) {
    .Hero--background--media>iframe.vimeo {
        display:block;
    }
}
/*====================================================*/
/*CW-709*/
.ArticleTextLimitHeight {
    height: 50vh;
    
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    overflow-y: hide;
    
    
}
@media (max-height: 500px) {
    .ArticleTextLimitHeight {
        min-height:100px;
    }
}

.ArticleTextLimitHeightButton .Button{
    /* border:0px !important;*/
    line-height: 40px;
    padding: 3px 15px 0px 15px !important;
    
}





.ArticleTextLimitHeightButton .Button--text {
    /* color:white;    */
    font-size:11px;
}

@media (min-width: 400px){
    .ArticleTextLimitHeightButton .Button--text  {
        font-size:calc(.28571vw + 9.85714px)
    }
}
@media (min-width: 750px){
    .ArticleTextLimitHeightButton .Button--text  {
        font-size:calc(.37736vw + 9.16981px)
    }
}
@media (min-width: 1280px){
    .ArticleTextLimitHeightButton .Button--text  {
        font-size:14px
    }
}


.ArticleTextLimitHeightButton:hover .Button--text, .ArticleTextLimitHeightButton:hover .Button--text:hover {
        
}
.ArticleTextLimitHeight, .ArticleTextLimitHeight--removeBottomBorder {
    border-top: 1px solid rgb(0, 146, 209,0.8) !important; 
}
.ArticleTextLimitHeightButton {
    border-bottom: 1px solid rgb(0, 146, 209,0.8) !important; 
    padding-bottom:30px;
    margin-top: 0px !important;
}
.ArticleTextLimitHeight--removeBottomBorder {
    border-bottom:0px;
    margin-bottom: 0px !important;
}
.makeAllListsTriangle.ArticleTextLimitHeight--removeBottomBorder  ul>li:before {
    border-left-color: #0092D1;
}
/*====================================================*/
/*====================================================*/
/* CW-718 add SDG list in map card under projects */
.MarkerMap .MarkerMap--inner .MarkerMap--infoboxContainer .MapCard--inner .MapCard--body .CardProjectList.SDGs ul li {
    display: inline-block;
}
.MarkerMap .MarkerMap--inner .MarkerMap--infoboxContainer .MapCard--inner .MapCard--body .CardProjectList.SDGs ul li .image {
    width:90px;
    height:90px;
}
/*====================================================*/
/* CW-732 reduce top spacing for .FeaturedArticleSection */
.FeaturedArticleSection.FeaturedArticleSection--shortenTopSpacing {
    margin-top: 45px;
}
/*====================================================*/
/* CW-737 show image title and image text on fullheight cards */
.CardHeaderImage--text.CardHeaderImage--text--FullHeight {
    height:100%;
    overflow:eclipse;
    display: flex;
    align-items: center;
    justify-content: center;
}

.CardHeaderImage--text.CardHeaderImage--text--FullHeight  .CardHeaderImage--titleText {
    white-space:wrap;
    max-height: calc(100% - 20px);
    text-overflow: ellipsis;
    overflow:hidden;
}


@media (min-width: 400px) {
    .CardHeaderImage--titleText {
        font-size:calc(0vw + 13px)
    }
}

@media (min-width: 750px) {
    .CardHeaderImage--titleText {
        font-size:calc(0vw + 13px)
    }
}

@media (min-width: 1280px) {
    .CardHeaderImage--titleText {
        font-size:13px
    }
}

.fullHeightCard {
    width: 100%;     
    height: 100%;    
}
.fullHeightCard img {
    width: 100%;     
    height: 100%;    
    object-fit: cover;
}
/*====================================================*/
.width-100 {
    width: 100%;
}
/*====================================================*/
/* CW-470 */
.NavFlyout--category    .NewsTeaserSlider  .NewsTeaserSlider--list .NewsTeaserSlider--slide .NewsTeaser  .defaultImageSmall .Media.image   
,.MobileNav--slpotlight .NewsTeaserSlider  .NewsTeaserSlider--list .NewsTeaserSlider--slide .NewsTeaser  .defaultImageSmall .Media.image
{
    background: transparent;
}
/*====================================================*/
/* CW-510 */
.Card .Card--inner.eventCardFullHeight {
    display:flex;
    align-items:center;
}
.Card .Card--inner.eventCardFullHeight .SquarePicto {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.Card .Card--inner.eventCardFullHeight .SquarePicto>div {
    display: flex;
    margin-bottom:20px;
}
.Card .Card--inner.eventCardFullHeight .SquarePicto--date {
    margin-left: auto;
    margin-right: auto;
    width: 80px;
}   

.CardSlider.small .Card .Card--inner .SquarePicto2 .SquarePicto {
    width: 50px;
}
/*====================================================*/
/* CW-754 */
.MapCard--body .Card {
    width:100%;
}
/*====================================================*/
/* CW-763*/
.CardSlider.keepEachCardHeightAsItIs .CardSlider--list .CardSlider--slide  .Card {
    height: auto;
}
.CardSlider.keepEachCardHeightAsItIs .CardSlider--list .CardSlider--slide  .Card .Card--inner{
    min-height: unset;
}
.CardSlider.keepEachCardHeightAsItIs .CardSlider--list .CardSlider--slide  .Card .Card--inner:before {
    padding-bottom: 0px;
}
/*====================================================*/
/* CW-CW-769 show newsImage in header in newsAltArticle */
.newsAlt  .ArticleHeader--image.ArticleAlt {
    margin-top: 0px;
}
/*====================================================*/
/* CW-783 tags for search results */
.searchResultTag {
	padding-left: 5px;
	padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 2px;
    font-size: 13px;
    letter-spacing: 1.5px;
    font-family: "VF Sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
}

.searchResultTag.manhattan {
    background-color: #f3b99b;
    color: #0d1e2f;
}

.searchResultTag.seagull {
    background-color: #7fc8e8;
    color: #0d1e2f;
}

.searchResultTag.primrose {
    background-color: #e7ee99;
    color: #0d1e2f;
}

.searchResultTag.east-side {
    background-color: #bd9bd1;
    color: #0d1e2f
}

.searchResultTag.mustard {
    background-color: #ffd256;
    color: #0d1e2f
}

.searchResultTag.jaffa {
    background-color: #e97537;
    color: #0d1e2f
}
/*====================================================*/
/* CW-789 */
.insightNewArticle .ArticleHeader--footer--inner {
    width:100%;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/