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

.doWrap {
    white-space: normal;
}
.height100 {
    height: 100%;
}
.hidden {
    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(../img/icons/global/1x--sprite.png) 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;
}

.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(../img/icons/global/2x--sprite.png) no-repeat -204px -71px
	}
}

body.es .CardHeaderQuote--quote::before,
body.fr .CardHeaderQuote--quote::before {
    background: url(../img/icons/global/1x--sprite.png) 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;
}
.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(../img/icons/global/1x/lightbox-open-blue.png) 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; 
}

.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 */


/*==========================================================================================*/
/* ---------------------- start: styles for Story Horizontal Layout ----------------------  */
        body.bodyHorizStory {
            overflow: hidden;
        }

        .color-light svg
        , .color-light .ShareOverlay ul li svg>g>g 
        , .color-light .ShareOverlay ul li svg>g>g rect
        , .color-light .ShareOverlay ul li svg>g>g path
        , .color-light .ShareOverlay ul li svg>g>g circle 
        {
            stroke: #ffffff;
        }
        .color-light .ShareOverlay {
            color: #ffffff;
        }
        .color-light .ShareOverlay ul li:before {
            content: '';
            position: absolute;
            border-radius: 50%;
            height: 100%;
            width: 100%;
            border: 1px solid #ffffff
        }
        /* .bodyHorizStory .swiper-slide {
            overflow:hidden;
        } */

        /* configure scrollbar */        
                .bodyHorizStory .swiper-slide *::-webkit-scrollbar {
                    width: 0.5em;
                }
                .bodyHorizStory .swiper-slide *::-webkit-scrollbar-track {
                    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
                }
                .bodyHorizStory .swiper-slide *::-webkit-scrollbar-thumb {
                    background-color: rgba(1,1,1,0.3);
                    outline: 1px solid rgba(1,1,1,0.6);
                }
        /* /configure scrollbar */

        /* configure buttons */
            .bodyHorizStory [data-icon="social-share-light"]:after {
                opacity: 0.7;
            }
        
                .bodyHorizStory .MainNav .horizStoryButton {
                    margin: 0;
                    border: 0;
                    width: 40px;
                    height: 40px;
                    will-change: opacity;
                    transition: transform 350ms ease-out;
                    background-color: transparent;
                    border: 1px solid rgba(219, 226, 233, 0.5);
                    border-radius: 100%;
                    display: inline-block;
                    vertical-align: middle;
                }
                .bodyHorizStory .pswp__large .pswp__button {
                    opacity: 1;
                }
                .bodyHorizStory .pswp__large .pswp__button::after
                ,.bodyHorizStory  .ShareButtons--button::after {
                    opacity: 0.4;
                }

                .bodyHorizStory .pswp__large .pswp__button--arrow--right span.Icon{
                    top:2px;
                }

                .bodyHorizStory .pswp__large .pswp__button--arrow--left span.Icon {
                    top:2px;
                }


                .bodyHorizStory .MainNav .horizStoryButton::before {
                    background:rgba(219, 226, 233, 0.4) !important;
                    transform: rotate(-45deg) scale(0.7);
                    transition: transform 450ms ease-out;
                    display: block;
                    height: 2px;
                    width: 26px;
                    margin-left: -13px;
                    margin-top:0px;
                    top: 50%;
                    left: 50%;
                    box-sizing: border-box;
                    opacity: 1;
                    border:0;
                }
                .bodyHorizStory .MainNav .horizStoryButton::after {
                    background:rgba(219, 226, 233, 0.4) !important;
                    transform: rotate(45deg) scale(0.7);
                    transition: transform 450ms ease-out;
                    display: block;
                    height: 2px;
                    width: 26px;
                    margin-left: -13px;
                    margin-top:0px;
                    top: 50%;
                    left: 50%;
                    box-sizing: border-box;
                    opacity: 1;
                    border:0;
                }
                @media (max-width: 750px) {
                    .bodyHorizStory .SiteHeader--backButton span {
                        display:block;
                    }
                }


                .bodyHorizStory .StoriesContainer .swiper-button-next span::after {
                    background: url(../img/icons/global/1x/arrow-page-right-lignt.png) no-repeat 0px 0px !important;
                    /* background-size: 10px 16px; */
                    opacity:1;
                    transform: scale(0.5);
                }
                .bodyHorizStory .StoriesContainer .swiper-button-prev span::after {
                    background: url(../img/icons/global/1x/arrow-page-left-light.png) no-repeat 0px 0px !important;
                    /* background-size: 10px 16px; */
                    opacity:1;
                    transform: scale(0.5);
                }

                /* ==========Make top Header "transparent" in order < and > links to work ===============*/
                .bodyHorizStory .SiteHeader--logo {
                    width: 250px;
                    height:80px;
                    margin-left: auto;
                    margin-right: auto;
                }

                .bodyHorizStory .SiteHeader--sticky {
                    min-height:0px;
                }

                .bodyHorizStory .SiteHeader--navWrapper
                , .bodyHorizStory .SiteHeader 
                , .bodyHorizStory  .js-SiteHeader--background.SiteHeader--background 
                , .bodyHorizStory  .SiteHeader--sticky
                , .bodyHorizStory .SiteHeader--fullNav
                {
                    height:0px;
                }
                /*========================================================================================*/


                .bodyHorizStory .swiperButtonsMainDiv {
                    position: absolute;
                    left: auto;
                    top: 0;
                    right: 60px;
                    z-index: 702;
                    background:none;
                    margin-top: -5em;
                    height: 80px;
                    width:120px;
                    display: flex;
                    flex-direction:row;
                    justify-content: flex-end;
                }
                @media (min-width: 1920px) {
                    .bodyHorizStory .swiperButtonsMainDiv {
                        right: calc((100vw - 1920px)/2 + 60px); 
                    }
                }






                .bodyHorizStory .pswp__large.swiperButtonsMainDiv .pswp__button.pswp__button--arrow--left.swiper-button-next
                , .bodyHorizStory .pswp__large.swiperButtonsMainDiv .pswp__button.pswp__button--arrow--right.swiper-button-prev {
                    position:relative;
                    float:none;
                    left:0;
                    background:none;
                    width:40px; 
                    height:40px;
                    background:none;
                    top:0px;
                    margin-right:20px;
                    margin-bottom:0px;
                    margin-top:-1px;
                    margin-left:0px;
                    align-self: center;
                }
                /* add gradient backgorund on top buttons to be better visible*/
                .bodyHorizStory .StoriesMediaTextGrid.fullwidth.hasImageOrVideo::after {
                    background: linear-gradient(180deg, rgba(20,23,26,0.75) 130px, rgba(13,30,47,0) 300px);
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    z-index: 1;

                    height: calc(100vh + 5em);
                    margin-top: -5em;
                    margin-bottom: 0;
                }


                /*hide prev and next buttons if screen is too small */
                @media (max-width: 550px) {
                    .bodyHorizStory .swiperButtonsMainDiv {
                        /* display:none; */
                    }
                }
                /* move back and prev buttons down when screen is too small*/
                @media (max-width: 550px) {
                    .StoriesContainer--progress, .StoriesContainer--progressbar {
                        bottom: 50px;
                    }
                    .bodyHorizStory .pswp__large.swiperButtonsMainDiv   {
                        top: unset;
                        width: 100vw;
                        right: 0;
                        justify-content: space-between;
                        height:50px;
                        bottom:0;
                        padding-left: 20px;
                        padding-right:20px;
                        margin-top: 0;
                        margin-bottom: -4em;
                    }
                    .bodyHorizStory .pswp__large.swiperButtonsMainDiv  .pswp__button.pswp__button--arrow--right.swiper-button-prev 
                    ,.bodyHorizStory .pswp__large.swiperButtonsMainDiv  .pswp__button.pswp__button--arrow--left.swiper-button-next {
                        left: 0;
                        right: auto;
                        transform: scale(0.99);
                        margin:0;
                        
                    }
                    .bodyHorizStory .pswp__large.swiperButtonsMainDiv  .pswp__button.pswp__button--arrow--left.swiper-button-next {
                        left: auto;
                        right: 0;
                    }
                }

        /* /configure buttons */

        /* fix share buttons overlay in big screens*/
        @media (min-width: 1921px) {        
            .bodyHorizStory .ShareOverlay  {
                left: calc((100vw - 1920px)/(-2) );
            }
        }

        

        .bodyHorizStory .StoriesSpaceBetween {
            height: 25px;
        }

        .bodyHorizStory .slideType_first .StoriesSplashScreen--title
        ,.bodyHorizStory .StoriesParagraph--title
        {
            line-height:1;
        }

        /* -- fix quote styles --- */        
        .bodyHorizStory  .swiper-slide .StoriesQuote--content>p:first-child::before {
            transform: scale(-1, 1) rotate(180deg);
            width: 49px;
            float: left;
            margin-left:0px;
        }
        .bodyHorizStory .swiper-slide .StoriesQuote--content {
            /* color: rgba(255,255,255,0.75); */
            
            /* font-size: inherit;
            line-height:1.6;
            font-family: "Georgia","Times New Roman",serif; */

            font-family: "Open Sans","Helvetica Neue","Helvetica",sans-serif;
            font-size: 15px;
            line-height: 1.6;

        }       
        @media (max-width: 1000px) {
            .bodyHorizStory .swiper-slide .StoriesQuote--content {
                font-size:12px;
            }
        }
        
        

        /* -- fix quote styles --- */      
        .bodyHorizStory .swiper-slide .StoriesMediaTextGrid {            
            position: absolute;
           
            min-width: 100%;
            height: calc(var(--vh, 1vh) * 100);
            
            top: -5em;
            margin-top: 0em;
            margin-bottom: 0em;
            padding-top: 0;
            padding-bottom: 0;

            flex-direction: row;
  
        }
        .bodyHorizStory .swiper-slide .StoriesMediaTextGrid .slideContainer {
            overflow-y: auto;
            overflow-x: hidden;
            width: 100vw;
            display:flex;
            flex-direction:column;
            align-items: center;
            align-content: center;
            justify-content: center;
            z-index: 1000;
   
            margin:0;
            padding:0;
            left:0px;   
            
            align-self: flex-start;

            position:static;
            top: 0em;
            margin-top:5em;
            height: calc(var(--vh, 1vh) * 100 - 9em);
            
        }
        .bodyHorizStory .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText {
            margin:0;
            padding:0;
            display:flex;
            flex-direction: column;
            align-items: flex-start;
            align-content: flex-start;
            justify-content: flex-start;
            width:100%;
            z-index:2;

            max-height: calc(var(--vh, 1vh) * 100 - 11em);

        }
        @media (max-width: 1000px) {
            .bodyHorizStory .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText .EmbeddedMedia--iframe iframe {
                max-height: unset;
            }
        }
        


        .bodyHorizStory .StoriesContainer {
            bottom: 4em;
        }


        .bodyHorizStory .swiper-slide  .StoriesMediaTextGrid.fullwidth:before
        {
            height: calc(100vh + 5em);
            margin-top: -5em;
            margin-bottom: 0;
        }


        /* fix card slider pagination dots position */
        .bodyHorizStory .swiper-slide    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesContainer--related--cards {
            flex-direction: column;
        }
        .bodyHorizStory .swiper-slide    .StoriesMediaTextGrid .slideContainer .SlideText .Slider--pagination {
            position: relative;
        }

        /* remove card slider left&right buttons */
        @media (min-width: 1281px) {
            .bodyHorizStory .swiper-slide    .StoriesMediaTextGrid .slideContainer .SlideText .CardSlider .CardSlider--button-prev
            ,.bodyHorizStory .swiper-slide    .StoriesMediaTextGrid .slideContainer .SlideText .CardSlider .CardSlider--button-next {
                display:none;
            }
        }

        /*--add formatting --*/
                .StoriesParagraph--Text h1 {
                    font-size: 2em;   
                    font-weight: bold;
                }   
                .StoriesParagraph--Text h2 {
                    font-size: 1.5em; 
                    font-weight: bold;  
                }   
                .StoriesParagraph--Text h3 {
                    font-size: 1.17em; 
                    font-weight: bold; 
                }   
                .StoriesParagraph--Text h4 {
                    font-weight: bold;
                }   
                .StoriesParagraph--Text h5 {
                    font-size: 0.83em; 
                    font-weight: bold;
                }   
                .StoriesParagraph--Text h6 {
                    font-size: 0.67em; 
                    font-weight: bold;
                }   
                .StoriesParagraph--Text pre {
                    display: block;
                    font-family: monospace;
                    white-space: pre;
                    margin: 0.5em 0px;
                    padding-left:5px;
                    border-left: 3px solid rgba(255,255,255,0.3);
                }
                .StoriesParagraph--Text blockquote {
                    display: block;
                    padding: 2px 5px;
                    background: rgba(255,255,255,0.1);
                }
               
                  
                /* .StoriesParagraph--Text ol,.StoriesParagraph--Text ul,.StoriesParagraph--Text img,.StoriesParagraph--Text table,.StoriesParagraph--Text pre,.StoriesParagraph--Text code {
                    margin-top: 0.5em;
                    margin-bottom: 0.5em
                } */

                .StoriesParagraph--Text ol {
                    counter-reset: ol--counter
                }

                .StoriesParagraph--Text ol>li {
                    position: relative;
                    padding-left: 2em;
                    list-style-type: none;
                    /* margin-bottom: 0.75em */
                }

                .StoriesParagraph--Text ol>li:last-of-type {
                    margin-bottom: 0
                }

                .StoriesParagraph--Text ol>li:before {
                    color: #fff
                }

                .StoriesParagraph--Text ol>li {
                    position: relative
                }

                .StoriesParagraph--Text ol>li:before {
                    position: absolute;
                    left: 0;
                    counter-increment: ol--counter;
                    content: counter(ol--counter);
                    font-weight: bold
                }

                .StoriesParagraph--Text ul:not(.CardSlider--list) {
                    display: block
                }

                .StoriesParagraph--Text ul:not(.CardSlider--list)>li {
                    position: relative;
                    padding-left: 2em;
                    list-style-type: none;
                    /* margin-bottom: 0.75em */
                }

                .StoriesParagraph--Text ul:not(.CardSlider--list)>li:last-of-type {
                    margin-bottom: 0
                }

                .StoriesParagraph--Text ul:not(.CardSlider--list)>li:before {
                    color: #fff
                }

                .StoriesParagraph--Text ul:not(.CardSlider--list)>li:before {
                    position: absolute;
                    left: 5px;
                    width: 4px;
                    height: 4px;
                    top: 1em;
                    margin-top: -4px;
                    content: '';
                    border-radius: 100%;
                    background-color: currentColor
                }

                .StoriesParagraph--Text small {
                    font-size: 0.75em
                }

                .StoriesParagraph--Text img {
                    display: block;
                    max-width: 100%;
                    margin-left: auto;
                    margin-right: auto
                }

                .StoriesParagraph--Text em {
                    font-style: italic
                }

                .StoriesParagraph--Text strong {
                    font-weight: bold
                }

                .StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link) {
                    border-bottom: 1px solid currentColor;
                    color: inherit;
                    overflow: hidden;
                    position: relative;
                    position: relative
                }

                .StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)::before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    -webkit-transform-origin: 50% 100%;
                    transform-origin: 50% 100%;
                    -webkit-transform: scaleY(0);
                    transform: scaleY(0);
                    opacity: 0;
                    -webkit-transition: opacity 200ms ease;
                    transition: opacity 200ms ease;
                    background-color: rgba(0,146,209,0.5)
                }

                .StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link):hover {
                    border-bottom: 0;
                    color: #0092D1
                }

                .StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link):hover::before {
                    opacity: 1
                }

                .StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="hinderlingvolkart.com"])::after,.StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="localhost"])::after,.StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="unops.org"])::after {
                    content: '';
                    display: inline-block;
                    background: url("../img/icons/global/1x/new-window-light.png") no-repeat;
                    width: 18px;
                    height: 14px;
                    margin-left: 8px;
                    vertical-align: baseline
                }
                .StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="hinderlingvolkart.com"]):hover::after,.StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="localhost"]):hover::after,.StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="unops.org"]):hover::after {
                    background: url("../img/icons/global/1x/new-window.png") no-repeat;
                }


                /* add support for Authenia font */
                h1.H1Authenia,  h2.H2Authenia, h3.H3Authenia
                {
                    font-family: Authenia, Georgia, "Times New Roman", serif;
                    font-weight:900;
                    line-height:1;
                }
                h3.StoriesParagraph--title.H3Authenia {
                    font-size: 62px;
                }
                h3.Footnotes--title.H3Authenia {
                    font-size: 16px;
                }


                h1.H1Authenia {
                    font-size: 52px;
                    letter-spacing: 2.5px;
                }
                h2.H2Authenia {
                    font-size: 38px;
                    letter-spacing: 2.0px;
                }
                h3.H3Authenia {
                    font-size: 24px;
                    letter-spacing: 1.5px;
                }

                


                /* -- change quotes visual --*/
                .bodyHorizStory .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(/assets/graphics/quote_en_horizStory.svg) no-repeat;
                    transform: none;
                    width: 50px;
                    margin: -10px 0px 10px 0px;
                }
                .bodyHorizStory .color-strawberry .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(/assets/graphics/quote_Strawberry_en_horizStory.svg) no-repeat;
                }
                .bodyHorizStory .color-mint .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(/assets/graphics/quote_Mint_en_horizStory.svg) no-repeat;
                }
                .bodyHorizStory .color-dune .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(/assets/graphics/quote_Dune_en_horizStory.svg) no-repeat;
                }

                .bodyHorizStory.fr .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before,
                .bodyHorizStory.es .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(/assets/graphics/quote_es_fr_horizStory.svg) no-repeat;  
                    width:70px;                 
                }
                .bodyHorizStory.fr .color-strawberry .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before,
                .bodyHorizStory.es .color-strawberry .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(/assets/graphics/quote_Strawberry_es_fr_horizStory.svg) no-repeat;  
             
                }
                .bodyHorizStory.fr .color-mint .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before,
                .bodyHorizStory.es .color-mint .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(/assets/graphics/quote_Mint_es_fr_horizStory.svg) no-repeat;  
             
                }
                .bodyHorizStory.fr .color-dune .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before,
                .bodyHorizStory.es .color-dune .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(/assets/graphics/quote_Dune_es_fr_horizStory.svg) no-repeat;  
             
                }
                
                
                /* -- /change quotes visual --*/


                /* --- add white theme to horiz story layout */
                    .bodyHorizStory.theme-white [id="main-content"] {
                        background: -webkit-gradient(linear, left top, left bottom, from(#dadada), to(#ebebeb));
                        background: linear-gradient(180deg, #dadada 0%, #ebebeb 100%);
                        color: #181A1C;

                        
                    }

                    .bodyHorizStory.theme-white .StoriesQuote--content {
                        color: #181A1C;
                    }


                    .bodyHorizStory.theme-white .StoriesMediaTextGrid.fullwidth:before {
                        background: linear-gradient(45deg, rgba(231, 231, 231, 0.85) 30%, rgba(214, 214, 214, 0) 100%)
                    }
                    .bodyHorizStory.theme-white .StoriesMediaTextGrid.fullwidth.hasImageOrVideo::after {
                        background: linear-gradient(180deg, rgba(226, 226, 226, 0.75) 130px, rgba(13,30,47,0) 300px);
                    }    

                    .bodyHorizStory.theme-white  .StoriesSplashScreen--scrollIndicator svg path,
                    .bodyHorizStory.theme-white  .StoriesSplashScreen--scrollIndicator svg circle,
                    .bodyHorizStory.theme-white  .StoriesSplashScreen--scrollIndicator svg polygon {
                        stroke:#181A1C;
                    }

                    .bodyHorizStory.theme-white .SiteHeader--logo .SiteLogo svg g {
                        fill: #181A1C !important;
                    }

                    .bodyHorizStory.theme-white .StoriesContainer .swiper-button-next span::after {
                        background: url(../img/icons/global/1x/arrow-page-right-black.png) no-repeat 0px 0px !important;
                        opacity:1;
                    }
                    .bodyHorizStory.theme-white .StoriesContainer .swiper-button-prev span::after {
                        background: url(../img/icons/global/1x/arrow-page-left-black.png) no-repeat 0px 0px !important;
                        opacity:1;
                    }
                    .bodyHorizStory.theme-white .pswp__large .pswp__button::after {
                        border-color:#000000;
                    }
                    .bodyHorizStory.theme-white .pswp__large .pswp__button::before {
                        background-color: rgba(5, 5, 5, 0.1);
                    }
                    .bodyHorizStory.theme-white [data-icon="social-share"]:after {
                        background: url(../img/icons/global/1x/social-share-black.png) no-repeat 0px 0px !important;
                        opacity: 0.8;
                        
                    }
                    .bodyHorizStory.theme-white [data-icon="social-share-light"]:after {
                        background: url(../img/icons/global/1x/social-share-black.png) no-repeat 0px 0px !important;
                        opacity: 0.8;
                        
                    }
                    .bodyHorizStory.theme-white .ShareButtons--button::before {
                        background-color: rgba(5,5,5,0.1);
                    }
                    .bodyHorizStory.theme-white .ShareButtons--button::after {
                        border-color:rgba(5, 5, 5, 0.8)
                    }

                    .bodyHorizStory.theme-white .MainNav .horizStoryButton::after,
                    .bodyHorizStory.theme-white .MainNav .horizStoryButton::before {
                        background: rgba(5, 5, 5, 0.7) !important;
                    }
                    .bodyHorizStory.theme-white .MainNav .horizStoryButton {
                        border-color:rgba(5, 5, 5, 0.7)
                    }
                    .bodyHorizStory.theme-white .SiteHeader--backButton span:before {
                        background-color: rgba(5,5,5,0.1);
                    }

                    .bodyHorizStory.theme-white .swiper-slide.slideType_articleText.slideAlign_center .StoriesMediaTextGrid.fullwidth.hasImageOrVideo:before {
                        background: linear-gradient(45deg, rgba(231, 231, 231, 0.85) 30%, rgba(214, 214, 214, 0) 100%);
                    }

                    .bodyHorizStory.theme-white  .StoriesContainer--related--title {
                        color: #000000;
                    }
                    .bodyHorizStory.theme-white .StoriesContainer--related--title:after {
                        background: rgba(5, 5, 5, 0.6);
                    }

                    .bodyHorizStory.theme-white  .slideType_last  StoriesCard  .StoriesCard--inner {
                        background: linear-gradient(45deg, rgba(231, 231, 231, 0.4) 30%, rgba(214, 214, 214, 0) 100%)
                    }


                    .bodyHorizStory.theme-white  .StoriesContainer--progress {
                        background: rgba(5, 5, 5, 0.6);
                    }
                    .bodyHorizStory.theme-white  .StoriesContainer--progressbar {
                        background: rgba(5, 5, 5, 1);
                    }

                /* --- /add white theme to horiz story layout */


                .color-light .Card .Card--inner {
                    background-color: #181C20;
                }
                .color-light .Card--text 
                ,.color-hasColorSchemaSet .Card--text 
                {
                    color: #ffffff;
                    opacity: 0.8;
                }

                
                .bodyHorizStory  .StoriesMediaTextGrid--cardContainer {
                    width: 50%;
                    max-width: 320px;
                    margin-right: 40px
                }

                .bodyHorizStory  .StoriesMediaTextGrid--cardContainer:last-of-type {
                    margin-right: 0
                }

                @media (max-width: 1000px) {
                    .bodyHorizStory  .StoriesMediaTextGrid--cardContainer {
                        margin-right:0;
                        width: 100%;
                        max-width: 250px;
                        margin-bottom: 20px
                    }

                    .bodyHorizStory  .col-inverted-mobile .StoriesMediaTextGrid--cardContainer {
                        margin-top: 40px;
                        margin-bottom: 0
                    }
                }



                .color-light .StoriesQuote--content {
                    letter-spacing: 0
                }
                .color-light .StoriesQuote--content>p:first-child::before {
                    height: 34px;
                }
        /* -- /add formatting --*/


        /* --- color schemas --- */
                /* ............................. */
                /* ............................. */
                /* ............................. */
                .bodyHorizStory .swiper-slide.slideType_first.color-oceanBlue .StoriesSplashScreen--title 
                ,.bodyHorizStory .swiper-slide.slideType_first.color-oceanBlue .StoriesSplashScreen--legend 
                ,.bodyHorizStory .swiper-slide.color-oceanBlue  .StoriesParagraph--title 
                ,.bodyHorizStory .swiper-slide.color-oceanBlue  .Card--title
                ,.bodyHorizStory .swiper-slide.color-oceanBlue  .CardFact
                ,.bodyHorizStory .swiper-slide.color-oceanBlue  .StoriesCard--preTitle
                ,.bodyHorizStory .swiper-slide.color-oceanBlue  .StoriesCard--title
                ,.bodyHorizStory .swiper-slide.color-oceanBlue  .StoriesCard--content
                ,.bodyHorizStory .swiper-slide.color-oceanBlue  .CardHeaderQuote
                ,.bodyHorizStory .swiper-slide.color-oceanBlue .Footnotes--title 
                {
                    color: #60c9e3;
                }
                .bodyHorizStory .swiper-slide.slideType_first.color-oceanBlue .ClockIcon
                ,.bodyHorizStory .swiper-slide.color-oceanBlue .Footnotes--title   {
                    border-color: #60c9e3;
                }
                .bodyHorizStory .swiper-slide.slideType_first.color-oceanBlue  .ClockIcon .ClockIcon--minutes
                ,.bodyHorizStory .swiper-slide.slideType_first.color-oceanBlue  .ClockIcon .ClockIcon--hours {
                    background-color: #60c9e3;
                }
                .bodyHorizStory .swiper-slide.slideType_first.color-oceanBlue .StoriesSplashScreen--scrollIndicator g 
                ,.bodyHorizStory .swiper-slide.slideType_first.color-oceanBlue   .StoriesSplashScreen--scrollIndicator path
                ,.bodyHorizStory .swiper-slide.slideType_first.color-oceanBlue   .StoriesSplashScreen--scrollIndicator polygon {
                    stroke: #60c9e3;
                }
                .bodyHorizStory .swiper-slide.color-oceanBlue .StoriesFullscreenVideo.background-pattern-smallGrain .StoriesFullscreenVideo--videoWrapper::after {
                    background-image: url(../graphics/pattern-video-OceanBlue-small.png);
                }
                .bodyHorizStory .swiper-slide.color-oceanBlue .StoriesFullscreenVideo.background-pattern-largeGrain .StoriesFullscreenVideo--videoWrapper::after {
                    background-image: url(../graphics/pattern-video-OceanBlue.png);
                }
                .bodyHorizStory .swiper-slide.color-oceanBlue .colorSchemaTheme {
                    background-color:#60c9e3;
                }
                .bodyHorizStory .swiper-slide.color-oceanBlue .fullwidth.colorSchemaTheme::before
                ,.bodyHorizStory .swiper-slide.color-oceanBlue .fullwidth.colorSchemaTheme::after {
                    background: none;
                }

                .bodyHorizStory .swiper-slide.color-oceanBlue .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(../graphics/quote_color-OceanBlue_en.svg) no-repeat;
                }
                .bodyHorizStory.fr .swiper-slide.color-oceanBlue .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before
                , .bodyHorizStory.es .swiper-slide.color-oceanBlue .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(../graphics/quote_color-OceanBlue_es_fr.svg) no-repeat;
                }

                .bodyHorizStory .swiper-slide.color-oceanBlue  .CardHeaderQuote .CardHeaderQuote--quote:before {
                    background: url(../graphics/quotes-color-OceanBlue.png) no-repeat;
                }
                /* ............................. */
                /* ............................. */
                /* ............................. */
                .bodyHorizStory .swiper-slide.slideType_first.color-sand .StoriesSplashScreen--title 
                ,.bodyHorizStory .swiper-slide.slideType_first.color-sand .StoriesSplashScreen--legend 
                ,.bodyHorizStory .swiper-slide.color-sand  .StoriesParagraph--title 
                ,.bodyHorizStory .swiper-slide.color-sand  .Card--title
                ,.bodyHorizStory .swiper-slide.color-sand  .CardFact
                ,.bodyHorizStory .swiper-slide.color-sand  .StoriesCard--preTitle
                ,.bodyHorizStory .swiper-slide.color-sand  .StoriesCard--title
                ,.bodyHorizStory .swiper-slide.color-sand  .StoriesCard--content
                ,.bodyHorizStory .swiper-slide.color-sand  .CardHeaderQuote
                ,.bodyHorizStory .swiper-slide.color-sand .Footnotes--title 
                {
                    color: #f5e1a4;
                }
                .bodyHorizStory .swiper-slide.slideType_first.color-sand .ClockIcon
                ,.bodyHorizStory .swiper-slide.color-sand .Footnotes--title   {
                    border-color: #f5e1a4;
                }
                .bodyHorizStory .swiper-slide.slideType_first.color-sand  .ClockIcon .ClockIcon--minutes
                ,.bodyHorizStory .swiper-slide.slideType_first.color-sand  .ClockIcon .ClockIcon--hours {
                    background-color: #f5e1a4;
                }
                .bodyHorizStory .swiper-slide.slideType_first.color-sand .StoriesSplashScreen--scrollIndicator g 
                ,.bodyHorizStory .swiper-slide.slideType_first.color-sand   .StoriesSplashScreen--scrollIndicator path
                ,.bodyHorizStory .swiper-slide.slideType_first.color-sand   .StoriesSplashScreen--scrollIndicator polygon {
                    stroke: #f5e1a4;
                }
                .bodyHorizStory .swiper-slide.color-sand .StoriesFullscreenVideo.background-pattern-smallGrain .StoriesFullscreenVideo--videoWrapper::after {
                    background-image: url(../graphics/pattern-video-Sand-small.png);
                }
                .bodyHorizStory .swiper-slide.color-sand .StoriesFullscreenVideo.background-pattern-largeGrain .StoriesFullscreenVideo--videoWrapper::after {
                    background-image: url(../graphics/pattern-video-Sand.png);
                }
                .bodyHorizStory .swiper-slide.color-sand .colorSchemaTheme {
                    background-color:#f5e1a4;
                }
                .bodyHorizStory .swiper-slide.color-sand .fullwidth.colorSchemaTheme::before
                ,.bodyHorizStory .swiper-slide.color-sand .fullwidth.colorSchemaTheme::after {
                    background: none;
                }

                .bodyHorizStory .swiper-slide.color-sand .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(../graphics/quote_color-Sand_en.svg) no-repeat;
                }
                .bodyHorizStory.fr .swiper-slide.color-sand .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before
                , .bodyHorizStory.es .swiper-slide.color-sand .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(../graphics/quote_color-Sand_es_fr.svg) no-repeat;
                }

                .bodyHorizStory .swiper-slide.color-sand  .CardHeaderQuote .CardHeaderQuote--quote:before {
                    background: url(../graphics/quotes-color-Sand.png) no-repeat;
                }
                /* ............................. */
                /* ............................. */
                /* ............................. */
                .bodyHorizStory .swiper-slide.slideType_first.color-yellow .StoriesSplashScreen--title 
                ,.bodyHorizStory .swiper-slide.slideType_first.color-yellow .StoriesSplashScreen--legend 
                ,.bodyHorizStory .swiper-slide.color-yellow  .StoriesParagraph--title 
                ,.bodyHorizStory .swiper-slide.color-yellow  .Card--title
                ,.bodyHorizStory .swiper-slide.color-yellow  .CardFact
                ,.bodyHorizStory .swiper-slide.color-yellow  .StoriesCard--preTitle
                ,.bodyHorizStory .swiper-slide.color-yellow  .StoriesCard--title
                ,.bodyHorizStory .swiper-slide.color-yellow  .StoriesCard--content
                ,.bodyHorizStory .swiper-slide.color-yellow  .CardHeaderQuote
                ,.bodyHorizStory .swiper-slide.color-yellow .Footnotes--title 
                {
                    color: #ffd86b;
                }
                .bodyHorizStory .swiper-slide.slideType_first.color-yellow .ClockIcon
                ,.bodyHorizStory .swiper-slide.color-yellow .Footnotes--title   {
                    border-color: #ffd86b;
                }
                .bodyHorizStory .swiper-slide.slideType_first.color-yellow  .ClockIcon .ClockIcon--minutes
                ,.bodyHorizStory .swiper-slide.slideType_first.color-yellow  .ClockIcon .ClockIcon--hours {
                    background-color: #ffd86b;
                }
                .bodyHorizStory .swiper-slide.slideType_first.color-yellow .StoriesSplashScreen--scrollIndicator g 
                ,.bodyHorizStory .swiper-slide.slideType_first.color-yellow   .StoriesSplashScreen--scrollIndicator path
                ,.bodyHorizStory .swiper-slide.slideType_first.color-yellow   .StoriesSplashScreen--scrollIndicator polygon {
                    stroke: #ffd86b;
                }
                .bodyHorizStory .swiper-slide.color-yellow .StoriesFullscreenVideo.background-pattern-smallGrain .StoriesFullscreenVideo--videoWrapper::after {
                    background-image: url(../graphics/pattern-video-Yellow-small.png);
                }
                .bodyHorizStory .swiper-slide.color-yellow .StoriesFullscreenVideo.background-pattern-largeGrain .StoriesFullscreenVideo--videoWrapper::after {
                    background-image: url(../graphics/pattern-video-Yellow.png);
                }
                .bodyHorizStory .swiper-slide.color-yellow .colorSchemaTheme {
                    background-color:#ffd86b;
                }
                .bodyHorizStory .swiper-slide.color-yellow .fullwidth.colorSchemaTheme::before
                ,.bodyHorizStory .swiper-slide.color-yellow .fullwidth.colorSchemaTheme::after {
                    background: none;
                }

                .bodyHorizStory .swiper-slide.color-yellow .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(../graphics/quote_color-Yellow_en.svg) no-repeat;
                }
                .bodyHorizStory.fr .swiper-slide.color-yellow .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before
                , .bodyHorizStory.es .swiper-slide.color-yellow .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(../graphics/quote_color-Yellow_es_fr.svg) no-repeat;
                }

                .bodyHorizStory .swiper-slide.color-yellow  .CardHeaderQuote .CardHeaderQuote--quote:before {
                    background: url(../graphics/quotes-color-Yellow.png) no-repeat;
                }
                /* ............................. */
                /* ............................. */
                /* ............................. */
                .bodyHorizStory .swiper-slide.slideType_first.color-limeGreen .StoriesSplashScreen--title 
                ,.bodyHorizStory .swiper-slide.slideType_first.color-limeGreen .StoriesSplashScreen--legend 
                ,.bodyHorizStory .swiper-slide.color-limeGreen  .StoriesParagraph--title 
                ,.bodyHorizStory .swiper-slide.color-limeGreen  .Card--title
                ,.bodyHorizStory .swiper-slide.color-limeGreen  .CardFact
                ,.bodyHorizStory .swiper-slide.color-limeGreen  .StoriesCard--preTitle
                ,.bodyHorizStory .swiper-slide.color-limeGreen  .StoriesCard--title
                ,.bodyHorizStory .swiper-slide.color-limeGreen  .StoriesCard--content
                ,.bodyHorizStory .swiper-slide.color-limeGreen  .CardHeaderQuote
                ,.bodyHorizStory .swiper-slide.color-limeGreen .Footnotes--title 
                {
                    color: #d6e24d;
                }
                .bodyHorizStory .swiper-slide.slideType_first.color-limeGreen .ClockIcon
                ,.bodyHorizStory .swiper-slide.color-limeGreen .Footnotes--title   {
                    border-color: #d6e24d;
                }
                .bodyHorizStory .swiper-slide.slideType_first.color-limeGreen  .ClockIcon .ClockIcon--minutes
                ,.bodyHorizStory .swiper-slide.slideType_first.color-limeGreen  .ClockIcon .ClockIcon--hours {
                    background-color: #d6e24d;
                }
                .bodyHorizStory .swiper-slide.slideType_first.color-limeGreen .StoriesSplashScreen--scrollIndicator g 
                ,.bodyHorizStory .swiper-slide.slideType_first.color-limeGreen   .StoriesSplashScreen--scrollIndicator path
                ,.bodyHorizStory .swiper-slide.slideType_first.color-limeGreen   .StoriesSplashScreen--scrollIndicator polygon {
                    stroke: #d6e24d;
                }
                .bodyHorizStory .swiper-slide.color-limeGreen .StoriesFullscreenVideo.background-pattern-smallGrain .StoriesFullscreenVideo--videoWrapper::after {
                    background-image: url(../graphics/pattern-video-LimeGreen-small.png);
                }
                .bodyHorizStory .swiper-slide.color-limeGreen .StoriesFullscreenVideo.background-pattern-largeGrain .StoriesFullscreenVideo--videoWrapper::after {
                    background-image: url(../graphics/pattern-video-LimeGreen.png);
                }
                .bodyHorizStory .swiper-slide.color-limeGreen .colorSchemaTheme {
                    background-color:#d6e24d;
                }
                .bodyHorizStory .swiper-slide.color-limeGreen .fullwidth.colorSchemaTheme::before
                ,.bodyHorizStory .swiper-slide.color-limeGreen .fullwidth.colorSchemaTheme::after {
                    background: none;
                }

                .bodyHorizStory .swiper-slide.color-limeGreen .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(../graphics/quote_color-LimeGreen_en.svg) no-repeat;
                }
                .bodyHorizStory.fr .swiper-slide.color-limeGreen .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before
                , .bodyHorizStory.es .swiper-slide.color-limeGreen .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(../graphics/quote_color-LimeGreen_es_fr.svg) no-repeat;
                }

                .bodyHorizStory .swiper-slide.color-limeGreen  .CardHeaderQuote .CardHeaderQuote--quote:before {
                    background: url(../graphics/quotes-color-LimeGreen.png) no-repeat;
                }
                /* ............................. */
                /* ............................. */
                /* ............................. */
                .bodyHorizStory .swiper-slide.slideType_first.color-green .StoriesSplashScreen--title 
                ,.bodyHorizStory .swiper-slide.slideType_first.color-green .StoriesSplashScreen--legend 
                ,.bodyHorizStory .swiper-slide.color-green  .StoriesParagraph--title 
                ,.bodyHorizStory .swiper-slide.color-green  .Card--title
                ,.bodyHorizStory .swiper-slide.color-green  .CardFact
                ,.bodyHorizStory .swiper-slide.color-green  .StoriesCard--preTitle
                ,.bodyHorizStory .swiper-slide.color-green  .StoriesCard--title
                ,.bodyHorizStory .swiper-slide.color-green  .StoriesCard--content
                ,.bodyHorizStory .swiper-slide.color-green  .CardHeaderQuote
                ,.bodyHorizStory .swiper-slide.color-green .Footnotes--title 
                {
                    color: #b6e34d;
                }
                .bodyHorizStory .swiper-slide.slideType_first.color-green .ClockIcon
                ,.bodyHorizStory .swiper-slide.color-green .Footnotes--title  {
                    border-color: #b6e34d;
                }
                .bodyHorizStory .swiper-slide.slideType_first.color-green  .ClockIcon .ClockIcon--minutes
                ,.bodyHorizStory .swiper-slide.slideType_first.color-green  .ClockIcon .ClockIcon--hours {
                    background-color: #b6e34d;
                }
                .bodyHorizStory .swiper-slide.slideType_first.color-green .StoriesSplashScreen--scrollIndicator g 
                ,.bodyHorizStory .swiper-slide.slideType_first.color-green   .StoriesSplashScreen--scrollIndicator path
                ,.bodyHorizStory .swiper-slide.slideType_first.color-green   .StoriesSplashScreen--scrollIndicator polygon {
                    stroke: #b6e34d;
                }
                .bodyHorizStory .swiper-slide.color-green .StoriesFullscreenVideo.background-pattern-smallGrain .StoriesFullscreenVideo--videoWrapper::after {
                    background-image: url(../graphics/pattern-video-Green-small.png);
                }
                .bodyHorizStory .swiper-slide.color-green .StoriesFullscreenVideo.background-pattern-largeGrain .StoriesFullscreenVideo--videoWrapper::after {
                    background-image: url(../graphics/pattern-video-Green.png);
                }
                .bodyHorizStory .swiper-slide.color-green .colorSchemaTheme {
                    background-color:#b6e34d;
                }
                .bodyHorizStory .swiper-slide.color-green .fullwidth.colorSchemaTheme::before
                ,.bodyHorizStory .swiper-slide.color-green .fullwidth.colorSchemaTheme::after {
                    background: none;
                }

                .bodyHorizStory .swiper-slide.color-green .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(../graphics/quote_color-Green_en.svg) no-repeat;
                }
                .bodyHorizStory.fr .swiper-slide.color-green .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before
                , .bodyHorizStory.es .swiper-slide.color-green .StoriesMediaTextGrid .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(../graphics/quote_color-Green_es_fr.svg) no-repeat;
                }


                .bodyHorizStory .swiper-slide.color-green  .CardHeaderQuote .CardHeaderQuote--quote:before {
                    background: url(../graphics/quotes-color-Green.png) no-repeat;
                }
                /* ............................. */
                /* ............................. */
                /* ............................. */


                .bodyHorizStory .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(../graphics/quote_color-black_en.svg) no-repeat !important;
                }
                .bodyHorizStory.fr .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before
                , .bodyHorizStory.es .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText  .StoriesQuote--content>p:first-child::before {
                    background: url(../graphics/quote_color-black_es_fr.svg) no-repeat !important;
                }
                .bodyHorizStory .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText  .StoriesParagraph--content 
                ,.bodyHorizStory .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText  .StoriesParagraph--title
                ,.bodyHorizStory .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText  .StoriesQuote--content 
                ,.bodyHorizStory .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText  .StoriesContainer--related--title
                ,.bodyHorizStory .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText  .LinkList--text
                ,.bodyHorizStory .swiper-slide.color-hasColorSchemaSet:not(.color-default,.color-):not(.slideType_mediaCaption) .slideContainer .SlideText  .Footnotes--title 
                ,.bodyHorizStory .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText  .Footnotes--title
                ,.bodyHorizStory .swiper-slide.color-hasColorSchemaSet .StoriesMediaTextGrid.colorSchemaTheme .slideContainer .SlideText   a.Cta
                ,.bodyHorizStory .swiper-slide.color-hasColorSchemaSet.StoryArticleSDGs .StoriesMediaTextGrid.colorSchemaTheme .slideContainer .SlideText .SDGContainerHorizStory .Card--title
                {
                    color: #16272c;
                }

                

                .bodyHorizStory .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText  .Footnotes--title
                {
                    border-color: #16272c;
                }
                
                .bodyHorizStory .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText .StoriesContainer--related--title:after 
                ,.bodyHorizStory .swiper-slide.color-hasColorSchemaSet .StoriesMediaTextGrid.colorSchemaTheme .slideContainer .SlideText   a.Cta:before
                ,.bodyHorizStory .color-light .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText   .CardHeaderFact 
                {
                    background: #16272c;
                }
                .bodyHorizStory .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText .StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="hinderlingvolkart.com"])::after
                ,.bodyHorizStory .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText .StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="localhost"])::after
                ,.bodyHorizStory .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText .StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="unops.org"])::after 
                {
                    background: url(../img/icons/global/1x/new-window-black.png) no-repeat;
                }
                .bodyHorizStory .swiper-slide:not(.color-default,.color-) .slideContainer .SlideText .Card--text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="unops.org"])::after 
                {
                    background: url("../img/icons/global/1x/new-window-light.png") no-repeat;
                }

                .bodyHorizStory .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText .StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="hinderlingvolkart.com"]):hover::after
                ,.bodyHorizStory .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText .StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="localhost"]):hover::after
                ,.bodyHorizStory .swiper-slide:not(.color-default,.color-) .colorSchemaTheme .slideContainer .SlideText .StoriesParagraph--Text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="unops.org"]):hover::after 
                ,.bodyHorizStory .swiper-slide:not(.color-default,.color-) .slideContainer .SlideText .Card--text a[href]:not(.button):not(.Cta):not(.Card):not(.Button--link)[href*="//"]:not([href*="unops.org"]):hover::after
                {
                    background: url("../img/icons/global/1x/new-window.png") no-repeat;
                }

                

                .bodyHorizStory .swiper-slide.color-hasColorSchemaSet:not(.color-default,.color-) .StoriesFullscreenVideo.background-pattern-none .StoriesFullscreenVideo--videoWrapper::after {
                    background-image: none;
                }

                .bodyHorizStory .swiper-slide.color-hasColorSchemaSet .slideContainer .SlideText  .CardHeaderQuote {
                    background:none;
                }

                .bodyHorizStory .swiper-slide.slideType_last.color-hasColorSchemaSet .StoriesCard--content 
                ,.bodyHorizStory .swiper-slide.color-hasColorSchemaSet .StoriesMediaTextGrid:not(.colorSchemaTheme) .slideContainer .SlideText   a.Cta
                ,.bodyHorizStory .StoriesContainer.color-light .swiper-slide .StoriesMediaTextGrid.colorSchemaTheme .slideContainer .SlideText  .Card--title
                ,.bodyHorizStory .StoriesContainer.color-light .swiper-slide.slideType_articleText.color-default .defaultBackground .Card--title
                ,.bodyHorizStory .StoriesContainer.color-light .swiper-slide.slideType_mediaCaption.color-default .defaultBackground .Card--title
                ,.bodyHorizStory .StoriesContainer:not(.color-light) .swiper-slide.color-hasColorSchemaSet.slideType_articleText.slideAlign_left.StoryArticleSDGs .StoriesMediaTextGrid:not(.colorSchemaTheme) .slideContainer .SlideText .SDGContainerHorizStory .Card--title
                {
                    color:#fff;
                }
                .bodyHorizStory .swiper-slide.slideType_last.color-hasColorSchemaSet .StoriesCard--content {
                    opacity:0.8;
                }
                .bodyHorizStory .swiper-slide.color-hasColorSchemaSet .StoriesMediaTextGrid:not(.colorSchemaTheme) .slideContainer .SlideText   a.Cta:before {
                    background-color:#ffffff;
                }

                
                /* .bodyHorizStory .swiper-slide.color-hasColorSchemaSet .StoriesMediaTextGrid .slideContainer .SlideText   a.Cta:hover {
                    color:#0092D1;
                }
                .bodyHorizStory .swiper-slide.color-hasColorSchemaSet .StoriesMediaTextGrid .slideContainer .SlideText   a.Cta:hover:before {
                    background-color:#0092D1;
                } */
                
               
                
               

        /* --- /color schemas --- */

        /* ===== first slide =====*/
            .bodyHorizStory .swiper-slide.slideType_first .StoriesMediaTextGrid .slideContainer .SlideText {
                width: 100%;     
            }
            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_first .StoriesMediaTextGrid .slideContainer .SlideText {
                    padding-left:5vw;
                    padding-right:5vw;
                }
            } 
            @media (min-width: 1920px) {
                .bodyHorizStory .swiper-slide.slideType_first .StoriesMediaTextGrid .slideContainer .SlideText {
                    padding-left: calc(960px - 20vw);
                    padding-right: calc(960px - 20vw);
                }
            } 

            .bodyHorizStory .swiper-slide.slideType_first .StoriesMediaTextGrid .slideContainer .SlideText .StoriesSplashScreen--title {
                width:100%;
                margin-bottom:20px;
            }
            .bodyHorizStory .swiper-slide.slideType_first .ArticleHeader--footer {
                background: none;
            }
            .bodyHorizStory .swiper-slide.slideType_first .ArticleHeader--footer--inner {
                width:100%;
            }
            .bodyHorizStory .swiper-slide.slideType_first .ArticleMeta {
                position:relative;
            }
            .bodyHorizStory .swiper-slide.slideType_first .StoriesSplashScreen--preTitle {
                align-self: center;
                margin-bottom: 10px;
            }
            .bodyHorizStory .swiper-slide.slideType_first .StoriesSplashScreen--scrollIndicator {
                align-self: center;
                margin-top: 25px;
            }
            .bodyHorizStory .swiper-slide.slideType_first .StoriesSplashScreen--legend {
                align-self: center;
                padding-bottom:10px;
            }
        /* ===== /first slide =====*/
        /* ===== ArticleText slide =====*/       
            .bodyHorizStory .swiper-slide.slideType_articleText .StoriesMediaTextGrid.fullwidth.hasNoImageOrVideo::before {
                content: none;
            }
            .bodyHorizStory .swiper-slide.slideType_articleText .StoriesFullscreenVideo  {
                padding-bottom:0;
            }

            .bodyHorizStory .swiper-slide.slideType_articleText .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph--Text {
                column-gap: 3em;
            }
            /* LEFT */
            .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_left .StoriesMediaTextGrid .slideContainer .SlideText {    
                width: 33.33333%;
                margin-left: 10%;
                margin-right: auto;
            }
            @media (max-width: 1280px) {
                .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_left .StoriesMediaTextGrid .slideContainer .SlideText {  
                    margin-left:calc(2% + 30px);
                    width:calc(40% - 60px);
                }
            }
            
            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_left .StoriesMediaTextGrid .slideContainer .SlideText {  
                    margin-left:calc(0% + 30px);
                    width:calc(50% - 60px);
                }
            }
            
            @media (max-width: 750px) {
                .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_left .StoriesMediaTextGrid .slideContainer .SlideText {  
                    margin-left:15px;
                    margin-right:15px;
                    width:auto;
                }
            }

            .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_left.StoryArticleSDGs .StoriesMediaTextGrid .slideContainer .SlideText { 
                display:flex;
                flex-direction: row;
                align-items:flex-start;
                gap: 60px;

                width: 100%;
                max-width: 960px;
                margin-left: auto;
                margin-right: auto;
                padding-left: 15px;
                padding-right: 15px;
            }
            .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_left.StoryArticleSDGs .StoriesMediaTextGrid .slideContainer .SlideText > div {
                width: 50%; 
            }

            .bodyHorizStory .swiper-slide.slideType_mediaCaption.StoryArticleSDGs .StoriesMediaTextGrid .slideContainer .SlideText div.StoryArticleSDGs--content { 
                display:flex;
                flex-direction: column;
                align-items:stretch;
                gap: 30px;
                justify-content: space-between;
                height:100%;
            }

            .bodyHorizStory .swiper-slide.slideType_mediaCaption.StoryArticleSDGs .StoriesMediaTextGrid .slideContainer .SlideText div.StoryArticleSDGs--content .StoriesParallax--container { 
                position: relative;
                width:100%;
            }


            .bodyHorizStory .swiper-slide.slideType_mediaCaption.StoryArticleSDGs .StoriesMediaTextGrid .slideContainer .SlideText div.StoryArticleSDGs--content .StoryArticleSDGs--block .SDGContainerHorizStory { 
                align-self: flex-end;
            }

            .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_left.StoryArticleSDGs .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph  { 
                height:100%;
            }
            @media (min-width: 1001px) {
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.StoryArticleSDGs .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph  { 
                    min-width: 250px;
                }
            }

            .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_left.StoryArticleSDGs .StoriesMediaTextGrid.slideContainer .SlideText .SDGContainerHorizStory 
            ,.bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_left.StoryArticleSDGs:not(.color-default) .StoriesMediaTextGrid.colorSchemaTheme.bgcolor-none .slideContainer .SlideText .SDGContainerHorizStory
            {
                padding: 20px 30px 30px 30px;
                background: rgba(255,255,255,0.1);
                width:100%;
                max-width: calc(50vw - 30px);
                position: absolute;
            }
            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_left.StoryArticleSDGs:not(.color-default) .StoriesMediaTextGrid.colorSchemaTheme.bgcolor-none .slideContainer .SlideText .SDGContainerHorizStory
                {
                    max-width: 100%;
                    position: relative;
                }
            }
            @media (min-width: 1280px) {
                .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_left.StoryArticleSDGs:not(.color-default) .StoriesMediaTextGrid.colorSchemaTheme.bgcolor-none .slideContainer .SlideText .SDGContainerHorizStory
                {
                    
                    width:930px;
                    max-width: 930px;
                }
            }
            /* .bodyHorizStory .swiper-slide.slideType_mediaCaption.StoryArticleSDGs .StoriesMediaTextGrid .slideContainer .SlideText .SDGContainerHorizStory 
            {
                padding: 20px 0px 10px 0px;
            } */
            .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_left.StoryArticleSDGs .StoriesMediaTextGrid:not(.colorSchemaTheme) .slideContainer .SlideText .SDGContainerHorizStory 
            /* ,.bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_left.StoryArticleSDGs .StoriesMediaTextGrid.colorSchemaTheme.bgcolor-none .slideContainer .SlideText .SDGContainerHorizStory  */
            {
                /* padding: 20px 30px 30px 30px; 
                background: rgba(0,0,0,0.2); */
                background: none;
                padding: 0px;
            }
            /* .bodyHorizStory .swiper-slide.slideType_mediaCaption.StoryArticleSDGs .StoriesMediaTextGrid:not(.colorSchemaTheme) .slideContainer .SlideText .SDGContainerHorizStory 
            { background: none;} */
                
            
            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_left.StoryArticleSDGs .StoriesMediaTextGrid .slideContainer .SlideText { 
                    max-width: calc(100% - 60px);
                    flex-direction: column;
                    gap: 30px;
                }
                .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_left.StoryArticleSDGs .StoriesMediaTextGrid .slideContainer .SlideText > div {
                    width: 100%; 
                }
            }

            

            /* CENTER */
            .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_center .StoriesMediaTextGrid.fullwidth.hasImageOrVideo:before {
                /* background: linear-gradient(to right, rgba(13,30,47,0) 0%,rgba(20,23,26,0.5) 15%,rgba(20,23,26,0.6) 19%,rgba(20,23,26,0.75) 33%,rgba(20,23,26,0.8) 51%,rgba(20,23,26,0.75) 66%,rgba(20,23,26,0.6) 81%,rgba(20,23,26,0.5) 85%,rgba(13,30,47,0) 100%); */
                background: radial-gradient(circle at 50% 120%, rgba(20,23,26,0.7) 60%, rgba(20,23,26,0) 100%)
            }
            .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_center .StoriesMediaTextGrid .slideContainer .SlideText {    
                width: 100%;
                max-width: 530px;
                margin-left: auto;
                margin-right: auto;
                padding-left: 15px;
                padding-right: 15px;
                
            }
            /* @media screen and (max-height: 610px) {
                .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_center .StoriesMediaTextGrid .slideContainer .SlideText {    
                    max-width:none;
                }
            } */

            .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_center .StoriesMediaTextGrid.wide .slideContainer .SlideText {    
                width: 100%;
                max-width: 960px;
                margin-left: auto;
                margin-right: auto;
                padding-left: 15px;
                padding-right: 15px;
                
            }
            .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_center .StoriesMediaTextGrid.wide .slideContainer .SlideText .StoriesParallax--container.StoriesParagraph--Text{    
                column-count: 2;
            }
            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_center .StoriesMediaTextGrid.wide .slideContainer .SlideText  {  
                    max-width: calc(100% - 60px);
                }
            }
            @media (max-width: 750px) {
                .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_center .StoriesMediaTextGrid.wide .slideContainer .SlideText .StoriesParallax--container.StoriesParagraph--Text{    
                    column-count: 1;
                }
            }
            
            /* RIGHT */
            .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_right .StoriesMediaTextGrid.fullwidth.hasImageOrVideo:before {
                background: linear-gradient(-45deg, rgba(20,23,26,0.85) 30%, rgba(13,30,47,0) 100%);
            }
            .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_right .StoriesMediaTextGrid .slideContainer .SlideText {    
                width: 33.33333%;
                margin-right: 10%;
                margin-left: auto;
            }
            @media (max-width: 1280px) {
                .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_right .StoriesMediaTextGrid .slideContainer .SlideText {  
                    margin-right:calc(2% + 30px);
                    width:calc(40% - 60px);
                }
            }
            
            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_right .StoriesMediaTextGrid .slideContainer .SlideText {  
                    margin-right:calc(0% + 30px);
                    width:calc(50% - 60px);
                }
            }
            
            @media (max-width: 750px) {
                .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_right .StoriesMediaTextGrid .slideContainer .SlideText {  
                    margin-left:15px;
                    margin-right:15px;
                    width:auto;
                }
            }  

            


            
        /* ===== /ArticleText slide =====*/
        /* ===== MediaCaption slide =====*/
            .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer {
                align-self: flex-start;
            }
            .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer .SlideText {  
                flex-direction: row;
                padding: 0px 120px;
            }
            .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image {
                /* max-height: calc(100vh - 9em); */
                /* max-height: calc(var(--vh, 1vh) * 100 - 10em); */
               
                min-height: 100%;
            }
            .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_left  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image {
                max-height: calc(var(--vh, 1vh) * 100 - 11em);
            }

            .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image .EmbeddedMedia--inner{
                max-height: calc(var(--vh, 1vh) * 100 - 9em);
            }
            .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image iframe {
                max-height: calc(var(--vh, 1vh) * 100 - 10em);
            }
            .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image.isVideo  {
               /* height:100%; */
               max-height:100%;
               max-height: calc(var(--vh, 1vh) * 100 - 9em);
               /* overflow: visible; */
            }

            .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image .Media.image {
                overflow:visible;
            }
            .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image .EmbeddedMedia {
                margin:0 auto;
                width:100%;
                overflow: visible;
                max-height: calc(var(--vh, 1vh) * 100 - 9em);
            }

            .bodyHorizStory .swiper-slide.slideType_mediaCaption .StoriesMediaTextGrid .slideContainer .SlideText .Footnotes--list * {
                color:#fff;
            }
            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer .SlideText {
                    flex-direction: column;
                    justify-content: flex-start;
                    height:100%;
                    width:100%;
                    padding:0px 5vw;
                    padding:0;
                }
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_left  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image {  
                   order: -1;    
                   margin: 0 auto;  
                   min-height: unset;             
                }
                .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image.isVideo  {
                    height:unset;
                    max-height:unset;
                 }
            }


            
            
            @media (min-width: 1000px) {
                .swiper-slide.slideType_mediaCaption.slideAlign_left .StoriesMediaTextGrid .slideContainer .SlideText .StoryArticleSDGs--block  
                {
                    margin-left: -150px;
                    margin-right: -60px;

                    padding-right:20px;
                    padding-left:150px;

                    padding-bottom: 10px;
                    padding-top: 10px;

                    height: auto;
                }

                 
            }
            @media (min-width: 1000px) and (max-width: 1280px) {
                .swiper-slide.slideType_mediaCaption.slideAlign_left .StoriesMediaTextGrid .slideContainer .SlideText .StoryArticleSDGs--block  {
                    margin-right: -30px;
                    padding-right: 5px;
                }
                
            }
            @media (min-width: 1280px) {
                .swiper-slide.slideType_mediaCaption.slideAlign_left .StoriesMediaTextGrid .slideContainer .SlideText .StoryArticleSDGs--block  
                {
                    margin-left: -240px;
                    padding-left: 240px;
                }
            }

            .swiper-slide.slideType_mediaCaption:is(.color-oceanBlue, .color-sand, .color-yellow, .color-limeGreen, .color-green) .StoriesMediaTextGrid .slideContainer .SlideText .StoryArticleSDGs--block  
            {
                background: rgba(255,255,255,0.1);
            }
            .swiper-slide.slideType_mediaCaption .StoriesMediaTextGrid:not(.colorSchemaTheme) .slideContainer .SlideText .StoryArticleSDGs--block 
            ,.swiper-slide.slideType_mediaCaption.color-default .StoriesMediaTextGrid .slideContainer .SlideText .StoryArticleSDGs--block 
            {
                /* background: rgba(0,0,0,1); */
                background: none;
                margin:0;
                padding:0;
            }   

            .swiper-slide.slideType_mediaCaption .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph--title
            ,.swiper-slide.slideType_mediaCaption .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph--content 
            {
                word-wrap:break-word;
                /* word-break: break-all; */
                overflow-wrap: anywhere;
                /* min-width: 6em; */
            }
            

            /* text -right*/
            .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right .StoriesMediaTextGrid .slideContainer .SlideText {
                flex-direction:row-reverse;
            }
            .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {
                /* - align to bottom --*/
                position: relative;
                z-index: 2;
                align-self: flex-end;
                height: 100%;
            }
            .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph .StoriesParallax--container {
                align-self: flex-start;
                position: absolute;
                bottom: 0;
                max-height: 100%;
            }

            .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image{
                margin-right: 4.16667vw;
                margin-left: auto
            }

            @media (min-width: 1000px) {
                .swiper-slide.slideType_mediaCaption.slideAlign_right .StoriesMediaTextGrid .slideContainer .SlideText .StoryArticleSDGs--block  
                {
                    margin-right: -240px;
                    margin-left: -4.16667vw;

                    padding-left:4.16667vw;
                    padding-right:240px;

                    padding-bottom: 10px;
                    height: auto;
                }
            }
            @media (max-width: 1280px) and (min-width:1001px) {
                .swiper-slide.slideType_mediaCaption.slideAlign_right .StoriesMediaTextGrid .slideContainer .SlideText .StoryArticleSDGs--block  
                {
                    margin-right: -120px;
                    margin-left: -60px;
                    padding-left: 60px;
                    padding-right: 0px;
                }
            }

            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right  .StoriesMediaTextGrid .slideContainer .SlideText {
                    flex-direction: column-reverse;
                }
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {
                    align-self: flex-start;
                    width:calc(100% - 60px);
                }
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph .StoriesParallax--container {
                    bottom:unset;
                }
            }


            
            @media (max-width: 1280px) {
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image{
                    margin-right:calc(0% + 30px)
                }
            }
            
            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image{
                    margin-right:30px;
                    margin-left: 30px;
                    min-height: unset;
                    width:calc(100% - 60px);
                }
            }
            
            @media (max-width: 750px) {
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image{
                    margin-right:15px;
                    margin-left:15px;
                }
            }

        /* ===== /MediaCaption slide =====*/
        /* ===== MediaText slide =====*/
            .bodyHorizStory .swiper-slide.slideType_mediaText  .StoriesMediaTextGrid .slideContainer {
                align-self: flex-start;
            }
            .bodyHorizStory .swiper-slide.slideType_mediaText  .StoriesMediaTextGrid .slideContainer .SlideText {  
                flex-direction: row;
                align-items: center;
            }
            .bodyHorizStory .swiper-slide.slideType_mediaText  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {  
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                max-height: calc(100vh - 9em);
                width: 45.83333%;
                margin-left: 8.33333vw;
                margin-right: 4.16667vw;
            }
            .bodyHorizStory .swiper-slide.slideType_mediaText  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image  {
                align-self: center;
                overflow:visible;
            }
            .bodyHorizStory .swiper-slide.slideType_mediaText  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image .Media.image {
                overflow:visible;
            }
            .bodyHorizStory .swiper-slide.slideType_mediaText  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image .EmbeddedMedia {
                margin: 0 auto;
                overflow:visible;
            }
            /* RIGHT */
            .bodyHorizStory .swiper-slide.slideType_mediaText.slideAlign_right  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {
                margin-right: 8.33333vw;
                margin-left: 4.16667vw;
            }
            @media (min-width: 1001px) {
                .bodyHorizStory .swiper-slide.slideType_mediaText.slideAlign_right  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {  
                    order: 99;
                    align-self: self-start;
                }
            }

            @media (max-width: 1280px) {
                .bodyHorizStory .swiper-slide.slideType_mediaText  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {  
                    width:calc(55% - 60px);
                    margin-left:calc(0% + 30px);
                    margin-right:calc(0% + 30px);
                }
            }
            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_mediaText  .StoriesMediaTextGrid .slideContainer .SlideText {  
                    flex-direction: column;
                    align-items: flex-start;
                    padding-top: 0;
                    padding-bottom: 0;
                    height:100%;
                }
                .bodyHorizStory .swiper-slide.slideType_mediaText  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {  
                    margin-bottom: calc(5em + 30px);  
                    width:calc(68.75% - 60px);
                    margin-left:auto;
                    margin-right:auto;
                 }
                .bodyHorizStory .swiper-slide.slideType_mediaText  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image {  
                    margin-top: -5em;  
                 }
            }
            @media (max-width: 750px) {
                .bodyHorizStory .swiper-slide.slideType_mediaText  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {  
                    width:auto;
                    margin-left:15px;
                    margin-right:15px;
                }
            }
        /* ===== /MediaText slide =====*/
        /* ===== CardSlider slide =====*/
            .bodyHorizStory .swiper-slide.slideType_cardSlider   .StoriesMediaTextGrid .slideContainer .SlideText 
            {
                padding-bottom:0;
            }
            .bodyHorizStory .swiper-slide.slideType_cardSlider   .StoriesMediaTextGrid .slideContainer .SlideText .StoriesContainer--related--title {
                /* margin-top: 40px; */
                margin-bottom: 20px;
            }
            .bodyHorizStory .swiper-slide.slideType_cardSlider   .StoriesMediaTextGrid .slideContainer .SlideText .CardSlider {
                margin-top: 0;
                margin-bottom:0;
            }
            .bodyHorizStory .swiper-slide.slideType_cardSlider   .StoriesMediaTextGrid .slideContainer .SlideText .StoriesContainer--related--title {
                margin-bottom:20px;
            }
            .bodyHorizStory .swiper-slide.slideType_cardSlider   .StoriesMediaTextGrid .slideContainer .SlideText .CardSlider  .CardSlider--slider{
                padding-top:0;
                padding-bottom:0;
            }
            .bodyHorizStory .swiper-slide.slideType_cardSlider   .StoriesMediaTextGrid .slideContainer .SlideText .CardSlider--list {
                max-height: calc(var(--vh, 1vh) * 100 - 13em);
                min-height: 300px;
            }
            .bodyHorizStory .swiper-slide.slideType_cardSlider   .StoriesMediaTextGrid .slideContainer .SlideText .CardSlider--list .Card--body {
                overflow: hidden;
            }

        /* ===== /CardSlider slide =====*/
        /* ===== TextCard slide =====*/
            .bodyHorizStory .swiper-slide.slideType_textAndCard   .StoriesMediaTextGrid .slideContainer {
                align-self: flex-start;
            }
            .bodyHorizStory .swiper-slide.slideType_textAndCard   .StoriesMediaTextGrid .slideContainer .SlideText {  
                flex-direction: row-reverse;
                align-items: center;
                max-width: 960px;
                margin-left:auto;
                margin-right:auto;
            }
                        
            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_textAndCard   .StoriesMediaTextGrid .slideContainer .SlideText {  
                    flex-direction: column;
                    align-items: flex-start;
                }
                .bodyHorizStory .swiper-slide.slideType_textAndCard   .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {  
                    max-width: calc(100% - 60px);
                    width: auto;
                    align-self: center;
                }
                .bodyHorizStory .swiper-slide.slideType_textAndCard   .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--cardContainer {  
                    align-self: center;
                }
            }

        /* ===== /TextCard slide =====*/
        /* ===== Text2Cards slide =====*/
            .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer {
                align-self: flex-start;
            }
            .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText {  
                flex-direction: row;
                align-items: center;
                margin-left:auto;
                margin-right:auto;
            }
            .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {  
                /* width:100%; */
                margin-right:14%;
                margin-left:5%;
                align-self: center;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                max-height: calc(100vh - 9em);
            }
            .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--cardContainer {
                align-self:center;
                max-height: calc(100vh - 9em);
            }
            .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--mainCardContainer {
                align-self: center;
                display:flex;
                flex-direction: row;
                width:50%;
                max-width: 640px;
            }
            
            @media (min-width: 1001px) {
                .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--mainCardContainer .StoriesMediaTextGrid--cardContainer {
                    align-self: flex-start;
                }
                .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--cardContainer:last-of-type {
                    margin-right:5%;
                }
            }
            
            @media (max-width: 1280px) {
                .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {  
                    margin-left:calc(0% + 30px);
                    margin-right:calc(0% + 30px);
                }
                .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {  
                    width:calc(40% - 60px)
                }
            }
            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText {  
                    flex-direction: column;
                    align-items: flex-start;
                }
                
                .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {  
                    /* width:calc(50% - 60px); */
                    width:100%;
                    max-width: calc(100% - 60px);
                }

                .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--mainCardContainer {
                    display:flex;
                    flex-direction: column;
                    width:100%;
                }
                .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--cardContainer {
                    align-self:center;
                }

            }
            @media (max-width: 750px) {
                .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {  
                    margin-left:15px;
                    margin-right:15px;
                }
                .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {  
                    width:auto;
                }
            }
              
        /* ===== /Text2Cards slide =====*/
        /* ===== Slideshow slide =====*/
            .bodyHorizStory .swiper-slide.slideType_slideshow    .StoriesMediaTextGrid .slideContainer {
                /* margin:0;
                height: calc(100vh - 10em); */
            }
            .bodyHorizStory .swiper-slide.slideType_slideshow    .StoriesMediaTextGrid .slideContainer .SlideText {  
                padding:0;
                height: 100%;;
                min-height: 100px;
            }
        /* ===== /Slideshow slide =====*/
        /* ===== EmbedMedia slide =====*/
            .bodyHorizStory .swiper-slide.slideType_embeddedMedia   .StoriesMediaTextGrid .slideContainer {
                
            }
            
            .bodyHorizStory .swiper-slide.slideType_embeddedMedia   .StoriesMediaTextGrid .slideContainer .SlideText {          
                padding-top:0px;
                /* height:100%; */
                max-width:960px;
            }
            .bodyHorizStory .swiper-slide.slideType_embeddedMedia   .StoriesMediaTextGrid .slideContainer .SlideText .StoriesContainer--related--title {
                margin-bottom: 20px;
            }
            
            .bodyHorizStory .swiper-slide.slideType_embeddedMedia   .StoriesMediaTextGrid .slideContainer .SlideText .EmbeddedMedia {
                margin:0 auto;
                width:95%;
                overflow: visible;
            }
           
        /* ===== /EmbedMedia slide =====*/
        /* ===== Map slide =====*/
            .bodyHorizStory .swiper-slide.slideType_map    .StoriesMediaTextGrid .slideContainer .SlideText {          
                padding-top:0px;
                /* height:100%; */
            }

            .bodyHorizStory .swiper-slide.slideType_map    .StoriesMediaTextGrid .slideContainer .SlideText .MarkerMap {
                width:100%;
                margin-top:0;
            }
            .bodyHorizStory .swiper-slide.slideType_map    .StoriesMediaTextGrid .slideContainer .SlideText .MarkerMap .MarkerMap--map {
                max-height: calc(var(--vh, 1vh) * 100 - 11em);

            }
        /* ===== /Map slide =====*/
        /* ===== linkList =====*/
            .bodyHorizStory .swiper-slide.slideType_linkList   .StoriesMediaTextGrid .slideContainer .SlideText .StoriesContainer--related--title {
                margin-bottom: 20px;
            }
        /* ===== /linkList =====*/
        /* ===== Last slide =====*/
            .bodyHorizStory .swiper-slide.slideType_last    .StoriesMediaTextGrid .slideContainer  {  
                max-width: unset;
                justify-content: flex-start;
            }
            /* -- if we want to shrink and limit cardslider card width --*/
            .bodyHorizStory .swiper-slide.slideType_last    .StoriesMediaTextGrid  .CardSlider{  
                max-width:1340px;
            }

            .bodyHorizStory .swiper-slide.slideType_last   .StoriesMediaTextGrid .slideContainer .SlideText  {
                height: 100%;
                min-height:150px;
                justify-content: center;
                max-height: calc(var(--vh, 1vh) * 100 - 9em);
            }
            .bodyHorizStory .swiper-slide.slideType_last   .StoriesMediaTextGrid .slideContainer .SlideText .StoriesContainer--related--title {
                margin-bottom: 20px;
            }
            .bodyHorizStory .swiper-slide.slideType_last    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesContainer--related--cards {
                min-height:100px;
                margin-top:0px;
                margin-bottom:0px;
                
                display: block;
                /* max-height:calc(var(--vh, 1vh) * 100 - 14em); */
                max-height: 690px;
                height: 100%;
            }

            .bodyHorizStory .swiper-slide.slideType_last    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesContainer--related--cards .CardSlider--slider {
                width: calc(100% - 0px);
                padding-top:0px;
                padding-bottom:0px;
                /* min-height:220px; */
                max-height: calc(690px - 2em);
                height: calc(100% - 2em);
            }

            .bodyHorizStory .swiper-slide.slideType_last    .StoriesMediaTextGrid .slideContainer .SlideText .CardSlider--slide  .StoriesCard {
                min-height: 270px;
                max-height:690px;
                height:100%;
            }
            
            @media (min-width: 1001px) {
                .bodyHorizStory .swiper-slide.slideType_last    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesContainer--related--cards .CardSlider--slider .StoriesCard {
                    width: calc(100% + 35px);
                    margin-right: -18px;
                    margin-left: -17px;
                    max-width: unset;
                }
            }
            

            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_last    .StoriesMediaTextGrid .slideContainer .SlideText {
                    
                }

                .bodyHorizStory .swiper-slide.slideType_last    .StoriesMediaTextGrid .slideContainer .SlideText .CardSlider--slide  .StoriesCard {
                    min-height: calc(var(--vh, 1vh) * 100 - 20em);
                }
                
            }
        /* ===== /Last slide =====*/
        

        
        /* for big screens, set to max width */
        @media (min-width: 1920px) {
            .bodyHorizStory .swiper-slide:not(.slideType_slideshow)
            .bodyHorizStory .swiper-slide:not(.slideType_slideshow) .StoriesMediaTextGrid
            ,.bodyHorizStory .swiper-slide:not(.slideType_slideshow)  .StoriesMediaTextGrid .slideContainer
            ,.bodyHorizStory .swiper-slide:not(.slideType_slideshow)  .StoriesMediaTextGrid .slideContainer .SlideText
            ,.bodyHorizStory .swiper-slide:not(.slideType_slideshow) .StoriesFullscreenVideo
            {
                width: 1920px;
                min-width:unset;
            }  
            .bodyHorizStory .swiper-slide:not(.slideType_slideshow) .StoriesFullscreenVideo {
                width:100%;
            }
            .bodyHorizStory .swiper-slide:not(.slideType_slideshow) .StoriesMediaTextGrid {
                padding-left:  calc(50% - 960px);
                padding-right: calc(50% - 960px);
                width:100%;
            }
            .bodyHorizStory .swiper-slide .StoriesFullscreenVideo 
            /* ,.bodyHorizStory .swiper-slide  .StoriesMediaTextGrid  .slideContainer  */
            {
                /* left: calc(50% - 960px); */
            }

            .bodyHorizStory .swiper-slide.slideType_mediaCaption .StoriesMediaTextGrid .slideContainer .SlideText {
                width: 1680px;
                
            }
            
            
        }


/* ----------------------  End: styles for Story Horizontal Layout ----------------------  */
/*===================================================================================================*/


/* ----- HORIZ story navigation burger menu ---------*/
    .bodyHorizStory  .SiteHeader--metaNav.SiteHeader--metaNav--stories .ShareButtons--button .PopupDots--icon {
        display:none;
    }
    .bodyHorizStory  .burgerMenuAnchorLinks.SiteHeader--metaNav.SiteHeader--metaNav--stories .ShareButtons--button .Icon {
        display:none;
    }
    .bodyHorizStory  .burgerMenuAnchorLinks.SiteHeader--metaNav.SiteHeader--metaNav--stories .ShareButtons--button .PopupDots--icon {
        display:block;
        opacity: 1;
        transform: scale(1.3);
        margin-top: -10px;
    }
    .bodyHorizStory  .burgerMenuAnchorLinks.SiteHeader--metaNav.SiteHeader--metaNav--stories .ShareButtons--button .PopupDots {
        height: 40px; 
        width: 40px;
    }
        

    .bodyHorizStory  .burgerMenuAnchorLinks.SiteHeader--metaNav.SiteHeader--metaNav--stories .ShareButtons--button .PopupDots--icon::before {
        content: unset;
    }

    .bodyHorizStory  .burgerMenuAnchorLinks.SiteHeader--metaNav.SiteHeader--metaNav--stories .ShareButtons--button:after {
        border:0;
    }
    .bodyHorizStory  .burgerMenuAnchorLinks.SiteHeader--metaNav.SiteHeader--metaNav--stories .ShareButtons--button:hover::after {
        border: 1px solid currentColor;
    }
    .bodyHorizStory  .burgerMenuAnchorLinks.SiteHeader--metaNav.SiteHeader--metaNav--stories .ShareButtons--button:hover::after {
        border:0;
    }
    .bodyHorizStory  .burgerMenuAnchorLinks.SiteHeader--metaNav.SiteHeader--metaNav--stories .ShareButtons--button:hover::before {
        content: unset;
    }
    .bodyHorizStory  .burgerMenuAnchorLinks.SiteHeader--metaNav.SiteHeader--metaNav--stories .ShareButtons--button .PopupDots--icon--dot{
        /* background: #94979a; */
        background: rgba(255,255,255,0.5);
    }
    @media (hover: hover) {
        .bodyHorizStory  .burgerMenuAnchorLinks.SiteHeader--metaNav.SiteHeader--metaNav--stories .ShareButtons--button:hover .PopupDots--icon--dot{
            background: #ffd256;
        }
    }

    background: url(../img/icons/global/1x--sprite.png) no-repeat -201px -235px;
    
    .bodyHorizStory  .burgerMenuAnchorLinks.SiteHeader--metaNav.SiteHeader--metaNav--stories .PopupDots:active .PopupDots--icon--dot:nth-child(1) 
    ,.bodyHorizStory  .burgerMenuAnchorLinks.SiteHeader--metaNav.SiteHeader--metaNav--stories .PopupDots:active .PopupDots--icon--dot:nth-child(2) 
    ,.bodyHorizStory  .burgerMenuAnchorLinks.SiteHeader--metaNav.SiteHeader--metaNav--stories .PopupDots:active .PopupDots--icon--dot:nth-child(3) 
    {
        opacity: 1;
        transform: none;
    }

    .bodyHorizStory  .color-white .ShareOverlayContainer ul.mediaIcons li a.ShareOverlay--socialLink svg g 
    ,.bodyHorizStory  .color-white .ShareOverlayContainer ul.mediaIcons li a.ShareOverlay--socialLink svg g * {
        stroke:#ffffff;
    }



    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay--background {
        z-index: -1;
        background-color: rgba(36,52,57,0.85);
    }
    .bodyHorizStory .color-white .burgerMenuAnchorLinks .ShareOverlay--background {
        background-color: rgba(64,64,64,0.85);
    }
    @media (min-width: 551px) {
        .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay--background {
            opacity:0.7;
        }
        .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay .ShareOverlayContainer {
            
            float: right;
            width:400px;
        }
    }
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay .ShareOverlayContainer {
        background-color: rgba(36,52,57,0.85);
        height:100vh;
        display:flex;
        flex-direction: column;
        padding-top:30px;
    }
    .bodyHorizStory .color-white .burgerMenuAnchorLinks .ShareOverlay .ShareOverlayContainer {
        background-color: rgba(64, 64, 64, 0.85);
    }
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay .ShareOverlayContainer ul {
        width:100%;
        height: auto;
        margin-top:50px;
    }
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay .ShareOverlayContainer ul ul {
        margin-top:0px;
    }
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay ul.MobileNav--categories li:after {
        content: unset;
    }
    

    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay .ShareOverlayContainer ul.MobileNav--categories {
        display: block;
    }
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay .ShareOverlayContainer ul.MobileNav--categories li {
        height: auto;
        width: auto;
        margin: 0px;
        position: static;
    }
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay .ShareOverlayContainer ul.MobileNav--categories li a {
        text-transform: none;
    }
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay .ShareOverlayContainer ul.MobileNav--categories li a.MobileNav--categoryLink.hasNoChildren:after {
        content: unset;
    }
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay .ShareOverlayContainer ul.MobileNav--categories .MobileNav--sub.is-opened {
        overflow-x: auto;
    }
    

    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay ul li:before {
        top: 0;
        left: 0;
    }
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay ul.MobileNav--categories li:before {
        height: auto;
        border:0;
    }
    
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay .ShareOverlayContainer ul.MobileNav--sub {
        display:none;
    }
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay .ShareOverlayContainer ul.MobileNav--sub.is-opened{
        display: block;
    }


    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay ul.mediaIcons {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay ul.mediaIcons li {
        width:40px;
        height:40px;
        padding:10px;
    }
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay ul.mediaIcons li a svg {
        height:20px;
    }
    
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay--close:after {
        content: unset;
        /*
        background: url(../img/icons/global/2x/close-L-light.png) no-repeat 0px 0px;
        width: 40px;
        height: 40px;
        transform: scale(0.7);
        */
    }
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay--close .PopupDots--closeIcon
    ,.bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay--close .PopupDots--closeIcon:before
    ,.bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay--close .PopupDots--closeIcon:after {
        opacity: 1;
    }




    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay ul li a.MobileNav--subLink
    , .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay ul li a.MobileNav--categoryLink {
        font-family: "Open Sans","Helvetica Neue","Helvetica",sans-serif;
        font-weight: 600;
        letter-spacing: normal;
    }
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay ul li a.MobileNav--subLink {
        transform: scale(1);
    }
    /* colors */
    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay ul li a.MobileNav--categoryLink:not(:hover)  {
        color: #ffffff;
    }

    .bodyHorizStory .burgerMenuAnchorLinks .ShareOverlay ul li a.MobileNav--subLink  {
        color: #808a8d;
    }

    

    .bodyHorizStory  .color-strawberry .burgerMenuAnchorLinks .ShareOverlay ul li a.slideToLink--selected {
        color: #D98F8F;
    }


    .bodyHorizStory  .color-dune .burgerMenuAnchorLinks .ShareOverlay ul li a.slideToLink--selected {
        color: #BE9677
    }
    
    .bodyHorizStory  .color-mint .burgerMenuAnchorLinks .ShareOverlay ul li a.slideToLink--selected {
        color: #8CC0C3
    }
    
    .bodyHorizStory .color-light .burgerMenuAnchorLinks  .ShareOverlay ul li a.slideToLink--selected {
        color: #ffffff;
    }

    .bodyHorizStory .color-white .burgerMenuAnchorLinks  .ShareOverlay ul li a.slideToLink--selected    {
        color: #ffffff;
    }

    /* only for devices with hover capabilities*/
    @media (hover: hover) {
        .bodyHorizStory  .burgerMenuAnchorLinks .ShareOverlay ul li a.MobileNav--subLink:hover:not(:active) 
        ,.bodyHorizStory  .burgerMenuAnchorLinks .ShareOverlay ul li a.MobileNav--categoryLink:hover:not(:active)
        {
            color: #ffd256;
        }
    }
    

/* ----- end: HORIZ story navigation burger menu ---------*/


.forceShow {
    z-index:0;
}

.forceFullHeight {
    margin-top: -5em;   
    z-index:-1;
    height: calc(100% + 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;
}

.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(../graphics/arrow-left-1x.png) 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("../img/icons/global/1x/arrow-page-right.png") 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("../img/icons/global/1x/arrow-page-left.png") no-repeat 0px 0px;
            background-size: 12px 22px;
        }
        .pswp__large .pswp__button.pswp__button--info  [data-icon="read-white"]::after {
            background: url("../img/icons/global/1x/read-light.png") 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("../img/icons/global/2x/arrow-page-right.png") 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("../img/icons/global/2x/arrow-page-left.png") no-repeat 0px 0px;
                background-size: 12px 22px;
            }
            .pswp__large .pswp__button.pswp__button--info  [data-icon="read-white"]::after {
                background: url("../img/icons/global/2x/read-light.png") 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("../graphics/read-blue-1x.png") 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("../graphics/read-blue-2x.png") 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('../img/icons/global/1x/camera.png') no-repeat center left;
            padding-left:20px;
        }
        @media (min-width: 1001px) {  
            #photoswipeLarge.theme-imageGallery-light .Media--credit--camera {
                background: url('../graphics/camera-black.png') 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 */


    /* 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 {
}

.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;
    }
}

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

.StoryArticleSDGs--block .SDGContainerHorizStory {
    align-self: center;
}
.StoryArticleSDGs--block .SDGContainerHorizStory .Card--title {
    margin-bottom: 20px;
    text-transform: none;
}
.slideType_mediaText  .StoryArticleSDGs--block .SDGContainerHorizStory .Card--title {
    text-transform: none;
    font-weight:normal;
}
.slideType_mediaCaption  .StoryArticleSDGs--block .SDGContainerHorizStory .Card--title {
    text-transform: uppercase;
    font-weight:700;
}

.StoryArticleSDGs--block .SDGContainerHorizStory  .SDGImages  {
    flex-wrap: wrap;
    gap: 15px;
}
.swiper-slide.slideType_articleText .StoryArticleSDGs--block .SDGContainerHorizStory  .SDGImages  {
    gap: 8px;
}
.StoryArticleSDGs--block .SDGContainerHorizStory  .SDGImages div.Media.image {
    width:80px;
    height:80px;
}

.slideType_articleText .StoryArticleSDGs--block .SDGContainerHorizStory  .SDGImages.SDGImagesItems5 {
   width:460px;
}


.slideType_mediaCaption .StoryArticleSDGs--block .SDGContainerHorizStory  .SDGImages  {
    flex-wrap: wrap;
    gap: 5px;
}
.slideType_mediaCaption  .StoryArticleSDGs--block .SDGContainerHorizStory  .SDGImages div.Media.image {
    width:50px;
    height:50px;
}

/*========= 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%);

  }


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;
    }
}

.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;
}

.ArticleFigure--figure .Media.image.json {
    background: none;
}
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/
/*====================================================*/