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

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

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

.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 ----------------------  */
                
        /* 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 .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::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);
                    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);
                    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:0.7;
                }
                .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:0.7;
                }

                /* ==========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 + 80px); 
                    }
                }


                .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.3) 50px, rgba(13,30,47,0) 150px);
                    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) {

                    .bodyHorizStory .pswp__large.swiperButtonsMainDiv   {
                        top: auto;
                        bottom:0px;
                        width: 100vw;
                        right: 0;
                        justify-content: space-between;
                        height:25px;
                        bottom:3px;
                        padding-left: 20px;
                        padding-right:20px;
                    }
                    .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.6);
                        margin:0;
                        
                    }
                    .bodyHorizStory .pswp__large.swiperButtonsMainDiv  .pswp__button.pswp__button--arrow--left.swiper-button-next {
                        left: auto;
                        right: 0;
                    }
                }

        /* /configure buttons */

        .bodyHorizStory .StoriesSpaceBetween {
            height: 25px;
        }

        .bodyHorizStory .slideType_first .StoriesSplashScreen--title
        ,.bodyHorizStory .StoriesParagraph--title
        {
            line-height:1.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;
        }
        @media (max-width: 1000px) {
            .bodyHorizStory .swiper-slide .StoriesQuote--content {
                font-size:12px;
            }
        }
        /* -- fix quote styles --- */      
        .bodyHorizStory .swiper-slide .StoriesMediaTextGrid {
            position: unset;
            height: calc(100vh - 8em);
            padding-top: 0;
            padding-bottom: 0;
            margin-top: 0;
            margin-bottom: 0;
        }
        .bodyHorizStory .swiper-slide .StoriesMediaTextGrid .slideContainer {
            /* margin-top:5em;
            margin-bottom:3em; */
            overflow-y: auto;
            overflow-x: hidden;
            /* height: calc(100vh - 8em); */
            width: 100vw;
            /* position: absolute; */
            /* top:0;
            left:0; */
            display:flex;
            flex-direction:column;
            align-items: center;
            align-content: center;
            justify-content: center;
            z-index: 1000;

            position: unset;
            height: calc(100vh - 8em);
            padding-top: 0;
            padding-bottom: 0;
            margin-top: 0;
            margin-bottom: 0;

        }
        .bodyHorizStory .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText {
            /* position:relative; */
            margin:0;
            padding:0;
            /* height:auto; */
            display:flex;
            flex-direction: column;
            align-items: flex-start;
            align-content: flex-start;
            justify-content: flex-start;
            /* max-height: calc(100vh); */
            /* padding-top: 5em;
            padding-bottom: 3em; */
            width:100%;

            /* height: calc(100vh - 8em); */
            max-height: calc(100vh - 8em);
            z-index:2;
        }
        @media (max-width: 1000px) {
            .bodyHorizStory .swiper-slide .StoriesMediaTextGrid .slideContainer .SlideText .EmbeddedMedia--iframe iframe {
                max-height: unset;
            }
        }
        @media (max-width: 550px) {
            .bodyHorizStory .swiper-slide .StoriesMediaTextGrid .slideContainer {
                height: calc(100vh - 7em);
            }
        }


        .bodyHorizStory .StoriesContainer {
            bottom: 3em;
        }

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

        /* ===== first slide =====*/
             /*.bodyHorizStory .swiper-slide.slideType_first .StoriesMediaTextGrid .slideContainer .SlideText {
                width: 100%;
                padding-left:30%;
                padding-right:30%;
            }
            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_first .StoriesMediaTextGrid .slideContainer .SlideText {
                    padding-left:5vw;
                    padding-right:5vw;
                }
            } */
            .bodyHorizStory .swiper-slide.slideType_first .StoriesMediaTextGrid .slideContainer .SlideText .StoriesSplashScreen--title {
                width:100%;
            }
            .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;
            }
            .bodyHorizStory .swiper-slide.slideType_first .StoriesSplashScreen--scrollIndicator {
                align-self: center;
            }
            .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;
            }
            /* 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;
                }
            }

            /* 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;
                /* height:100%; */
                
            }
            @media screen and (max-height: 610px) {
                .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_center .StoriesMediaTextGrid .slideContainer .SlideText {    
                    max-width:none;
                }
            }
            /* @media (min-width: 1001px) {
                .bodyHorizStory .swiper-slide.slideType_articleText.slideAlign_center .StoriesMediaTextGrid .slideContainer .SlideText {    
                    max-width:960px;
                }          
            } */
            
            /* 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 {  
                margin-top: -5em;
                height: 100vh;
            } */
            .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer {
                align-self: flex-start;
            }
            .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer .SlideText {  
                flex-direction: row;
                padding-top:0px;
                padding-bottom:0px;
                /* height:100%; */
            }
            .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image {
                max-height: calc(100vh - 144px);
            }
            
            .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image.isVideo  {
               height:100%;
               max-height:100%;
               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;
            }
            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer .SlideText {
                    flex-direction: column;
                    height:100%;
                }
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_left  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image {  
                   order: -1;    
                   margin: 0 auto;               
                }
                .bodyHorizStory .swiper-slide.slideType_mediaCaption  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image.isVideo  {
                    height:unset;
                    max-height:unset;
                 }
            }

            /* 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 .Footnotes {  
                height: 100%;
            }
            
            .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image   {               
                margin-left:0;
                max-height: calc(100vh - 144px);
            }
            @media (max-width: 750px) {
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right  .StoriesMediaTextGrid .slideContainer .SlideText .Footnotes {  
                    width: calc(100% - 30px);
                }
            }
            @media (max-width: 1000px) {
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right  .StoriesMediaTextGrid .slideContainer {
                    padding-left:0;
                    padding-right:0;
                    justify-content: flex-start;
                }
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right  .StoriesMediaTextGrid .slideContainer .SlideText {  
                    flex-direction: column;
                    padding-top:0;
                    padding-bottom:0;
                }
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right  .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--image   {               
                    width:100%;
                }
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right  .StoriesMediaTextGrid .slideContainer .SlideText .Footnotes {  
                    width: calc(100% - 60px);
                    order: 99;
                }
            }
            @media (min-width: 1001px) {
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right  .StoriesMediaTextGrid .slideContainer.StoriesMediaTextGrid--container{
                    padding-left:0;
                    padding-right:0;
                }
                .bodyHorizStory .swiper-slide.slideType_mediaCaption.slideAlign_right  .StoriesMediaTextGrid .slideContainer .SlideText .Footnotes .Footnotes--inner {  
                    position: absolute;
                    bottom: 0;
                    max-height:100%;
                }
            }
        /* ===== /MediaCaption slide =====*/
        /* ===== MediaText slide =====*/
            /* .bodyHorizStory .swiper-slide.slideType_mediaText  .StoriesMediaTextGrid {  
                margin-top: -5em;
                height: 100vh;
            } */
            .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 - 8em);
                width: 45.83333%;
                margin-left: 8.33333%;
                margin-right: 4.16667%;
            }
            .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.33333%;
                margin-left: 4.16667%;
            }
            @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 {  
                margin-top: -5em;
                height: 100vh;
                max-width: unset;
            } */
            .bodyHorizStory .swiper-slide.slideType_cardSlider   .StoriesMediaTextGrid .slideContainer.StoriesMediaTextGrid--cardContainer .SlideText 
            {
                padding-bottom:0;
            }
            
            /* .bodyHorizStory .swiper-slide.slideType_cardSlider   .StoriesMediaTextGrid .slideContainer.StoriesMediaTextGrid--cardContainer .SlideText{
                padding-top: 0;
                margin-top: 5em;
            } */
            .bodyHorizStory .swiper-slide.slideType_cardSlider   .StoriesMediaTextGrid .slideContainer.StoriesMediaTextGrid--cardContainer .SlideText .StoriesContainer--related--title {
                /* margin-top: 40px; */
                margin-bottom: 40px;
            }
            .bodyHorizStory .swiper-slide.slideType_cardSlider   .StoriesMediaTextGrid .slideContainer.StoriesMediaTextGrid--cardContainer .SlideText .CardSlider {
                margin-top: 0;
                margin-bottom:0;
            }
            .bodyHorizStory .swiper-slide.slideType_cardSlider   .StoriesMediaTextGrid .slideContainer.StoriesMediaTextGrid--cardContainer .SlideText .CardSlider  .CardSlider--slider{
                padding-top:0;
                padding-bottom:0;
            }


        /* ===== /CardSlider slide =====*/
        /* ===== TextCard slide =====*/

            /* .bodyHorizStory .swiper-slide.slideType_textAndCard   .StoriesMediaTextGrid {  
                margin-top: -5em;
                height: 100vh;
                max-width: unset;
            } */
            .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;
                }
            }

        /* ===== /TextCard slide =====*/
        /* ===== Text2Cards slide =====*/
            /* .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid {  
                margin-top: -5em;
                height: 100vh;
                max-width: unset;
            } */
            .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 - 8em);
            }
            .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--cardContainer.theme-dark {
                align-self:flex-start;
            }
            @media (min-width: 1001px) {
                .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--cardContainer.theme-dark: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;
                }
                
                .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesParagraph {  
                    width:calc(50% - 60px);
                }

                .bodyHorizStory .swiper-slide.slideType_textAnd2Cards    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesMediaTextGrid--cardContainer.theme-dark {
                    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 {  
                margin-top: -5em;
                height: 100vh;
                max-width: unset;
            } */
            .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 {  
                margin-top: -5em;
                height: 100vh;
                max-width: unset;
            } */
            .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 .EmbeddedMedia {
                margin:0 auto;
                width:95%;
                overflow: visible;
            }
           
        /* ===== /EmbedMedia slide =====*/
        /* ===== Map slide =====*/
            /* .bodyHorizStory .swiper-slide.slideType_map    .StoriesMediaTextGrid {  
                margin-top: -5em;
                height: 100vh;
                max-width: unset;
            } */
            .bodyHorizStory .swiper-slide.slideType_map    .StoriesMediaTextGrid .slideContainer {
                
            }
            .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(100vh - 9em);

            }
        /* ===== /Map slide =====*/
        /* ===== Last slide =====*/
            .bodyHorizStory .swiper-slide.slideType_last    .StoriesMediaTextGrid {  
                /* margin: 0;
                padding: 0;
                height: 100%;
                width:100%;
                position: unset; */

                max-width: unset;
            }
            /* .bodyHorizStory .swiper-slide.slideType_last    .StoriesMediaTextGrid .slideContainer {
                margin: 0;
                padding: 0;
                height: 100%;
                width:100%;
                position: unset;
            } */
            /* .bodyHorizStory .swiper-slide.slideType_last    .StoriesMediaTextGrid .slideContainer .SlideText {          
                margin: 0;
                padding: 0;
                height: 100%;
                width:100%;
                position: unset;
            } */

            .bodyHorizStory .swiper-slide.slideType_last    .StoriesMediaTextGrid .slideContainer .SlideText .StoriesContainer--related--cards {
                min-height:100px;
            }

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

        
        /* for big screens, set to max width */
        @media (min-width: 1920px) {
            .bodyHorizStory .swiper-slide .StoriesMediaTextGrid
            ,.bodyHorizStory .swiper-slide  .StoriesMediaTextGrid .slideContainer
            ,.bodyHorizStory .swiper-slide  .StoriesMediaTextGrid .slideContainer .SlideText
            ,.bodyHorizStory .swiper-slide .StoriesFullscreenVideo
            {
                width: 1920px;
                min-width:unset;
            }
            .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 ----------------------  */
/*===================================================================================================*/




.forceShow {
    z-index:0;
}

.forceFullHeight {
    margin-top: -5em;   
    z-index:-1;
    height:150%;
}



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