/** @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; 
}


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




/*==========================================================================================*/
/* ---------------------- start: styles for Story Horizontal Layout ----------------------  */
.bodyHorizStory .col-centered.StoriesMediaTextGridMap {
    max-width:none;
    width:100%;
}
.bodyHorizStory .col-centered.StoriesMediaTextGridMap .StoriesParagraph {
    width:100%;
    max-width:none;
}

.bodyHorizStory .col-centered.StoriesMediaTextGridMap .StoriesContainer--related--title {
    margin-top:-0px;
}
.bodyHorizStory .col-centered.StoriesMediaTextGridMap .StoriesParagraph--content--map {
    margin-top:-30px;
}

.bodyHorizStory .col-centered.StoriesMediaTextGridMap .StoriesParagraph--title {
    text-align:center;
}



.bodyHorizStory .StoriesGallery--image .EmbeddedMedia {
    margin-top:0px;
    margin-bottom:0px;
    width:100%;
}

.bodyHorizStory .StoriesMediaTextGrid .align-right{
    margin-left: 65%;
    margin-right: 10%;
}

@media (max-width: 1280px) {
	.bodyHorizStory .StoriesMediaTextGrid .align-right {
		margin-left: calc(2% + 30px)
	}
}

@media (max-width: 1000px) {
	.bodyHorizStory .StoriesMediaTextGrid .align-right {
		margin-left: calc(0% + 30px)
	}
}

@media (max-width: 750px) {
	.bodyHorizStory .StoriesMediaTextGrid .align-right {
		margin-left: 15px
	}
}

@media (max-width: 750px) {
	.bodyHorizStory .StoriesMediaTextGrid .align-right {
		margin-right: 15px
	}
}




.HorizStoriesWrapper .ArticleMeta {
    position:relative;
}
.HorizStoriesWrapper [data-hash="slide1"] .fullwidth .StoriesParagraph {
    margin-left:0;
}

.HorizStoriesWrapper .slideType_articleText  .EmbeddedMedia 
, .HorizStoriesWrapper .slideType_mediaText  .EmbeddedMedia
{
    margin-top:0;
    margin-bottom:0;
    width:100%;
}

.HorizStoriesWrapper .fullwidth
,.HorizStoriesWrapper .forceFullHeight
 {
    background-size: cover;
}
/* .HorizStoriesWrapper .slideType_mediaCaption .StoriesMediaTextGrid {
    padding-bottom:0px;
} */

/* fix: allow scrolling for mobile phones */
/* .bodyHorizStory .StoriesMediaTextGrid.col-1-4 .StoriesMediaTextGrid--container 
,.bodyHorizStory .StoriesMediaTextGrid.col-2-4 .StoriesParagraph 
{
    overflow-y:auto;
} */

@media (max-width: 750px) {
    .bodyHorizStory .fullwidth .StoriesParagraph 
    , .bodyHorizStory .fullwidth .StoriesQuote {
        overflow-y: auto;
    }
    .bodyHorizStory .fullwidth .StoriesQuote {
        margin-top: 5em;
    }
}

.bodyHorizStory .fullwidth .col-centered.StoriesParagraph {
    width: 80%;
}


/* fix map to show title */
.bodyHorizStory .StoriesMediaTextGrid.col-centered {
    flex-direction: column;
    justify-content: flex-start;
}


.bodyHorizStory  .StoriesParagraph .StoriesQuote--content>p:first-child::before {
    transform: scale(-1, 1) rotate(180deg);
    width: 49px;
    float: left;
    margin-left:0px;
}
.bodyHorizStory .StoriesParagraph .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 .StoriesParagraph .StoriesQuote--content {
        font-size:12px;
    }
}



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

.bodyHorizStory .slideType_first .StoriesSplashScreen--preTitle {
    display: inline-block;
}
@media (min-width: 1001px) and (max-width: 1280px) {
    .bodyHorizStory .slideType_first .fullwidth .StoriesParagraph {
        width:40%;
    }
}


.bodyHorizStory .StoriesSpaceBetween {
    height: 25px;
}



/* Article text - fix width for text align center*/
@media (min-width: 1001px)  {
    .bodyHorizStory .slideType_articleText  .StoriesMediaTextGrid.fullwidth.StoriesMediaTextGrid--align--center .StoriesParagraph.StoriesParagraph--align--center {
        width: 100%;
        max-width: 960px;
        left: calc(50% - 480px);
        right: calc(50% - 480px);
        margin:0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }
    .bodyHorizStory .slideType_articleText  .StoriesMediaTextGrid.fullwidth.StoriesMediaTextGrid--align--center .StoriesParagraph.StoriesParagraph--align--center .StoriesParallax--container {
        padding-left:15px;
        padding-right:15px;
        width:100%;
        max-width:560px;
    }
}

@media screen and (max-height: 610px) {
    .bodyHorizStory .slideType_articleText  .StoriesMediaTextGrid.fullwidth.StoriesMediaTextGrid--align--center .StoriesParagraph.StoriesParagraph--align--center .StoriesParallax--container {
        max-width:none;
    }
}





.bodyHorizStory .fullwidth .StoriesParagraph.StoriesParagraph--align--right {
    margin-right: 10%;
    margin-left: auto;
    right:0px;
}
@media (max-width: 1280px) {
    .bodyHorizStory .fullwidth .StoriesParagraph.StoriesParagraph--align--right {
        margin-right:calc(2% + 30px)
    }
}
@media (max-width: 1000px) {
    .bodyHorizStory .fullwidth .StoriesParagraph.StoriesParagraph--align--right {
        margin-right:0px;
        margin-left:0px;
    }
}
@media (max-width: 750px) {
    .bodyHorizStory .fullwidth .StoriesParagraph.StoriesParagraph--align--right {
        margin-right:15px;
        margin-left:0px;
    }
}

/* adjust mediaCaption type titles and left/right paddings */
.bodyHorizStory .slideType_mediaCaption .EmbeddedMedia
, .bodyHorizStory .slideType_mediaText .EmbeddedMedia {
    margin: 0 auto;
}

.bodyHorizStory .slideType_mediaCaption .imageLeft
/* , .bodyHorizStory .slideType_mediaCaption .StoriesMediaTextGrid--image */
, .bodyHorizStory .slideType_mediaText .imageLeft
, .bodyHorizStory .slideType_mediaText .StoriesMediaTextGrid--image {
    /* padding-left: 120px;
    padding-right: 120px; */
    padding-left: 74px;
    padding-right: 74px;
}
/* .bodyHorizStory .slideType_mediaCaption .StoriesMediaTextGrid--image.isVideo
, .bodyHorizStory .slideType_mediaText .StoriesMediaTextGrid--image.isVideo { 
    padding-left: 74px;
    padding-right: 74px;
}
*/
@media (max-width: 1000px) {
    .bodyHorizStory .slideType_mediaCaption .imageLeft
    , .bodyHorizStory .slideType_mediaCaption .StoriesMediaTextGrid--image
    , .bodyHorizStory .slideType_mediaText .imageLeft
    , .bodyHorizStory .slideType_mediaText .StoriesMediaTextGrid--image {
        padding-left:5vw;
        padding-right: 5vw
    }

    .bodyHorizStory .slideType_mediaCaption .StoriesMediaTextGrid--image.isVideo
    , .bodyHorizStory .slideType_mediaText .StoriesMediaTextGrid--image.isVideo {
        padding-left: 3vw;
        padding-right: 3vw;
    }
}

.bodyHorizStory .slideType_mediaText .imageRight .StoriesMediaTextGrid--image.isImage   
, .bodyHorizStory .slideType_mediaCaption .StoriesMediaTextGrid--image.isImage
{
    padding-left:0px;
    padding-right:0px;
}


.bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4.col-largeContainer.TextAlignRight  {
    margin:0;
    padding-left: 120px;
    padding-right: 120px;
    overflow-x:hidden;
}
@media (max-width: 1000px) {
    .bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4.col-largeContainer.TextAlignRight   {
        margin-left:5vw;
        padding-left:30px;
        margin-right:5vw;
        padding-right:30px;
    }
}
@media (min-width: 1001px) {
    .bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-1-4
    , .bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4  {
        height: calc(100% - 5em);
        overflow-y: auto;    
    }
    .bodyHorizStory .slideType_mediaCaption .StoriesMediaTextGrid.col-1-4  .StoriesMediaTextGrid--container {
        height: auto;
        max-height: 100%;
        overflow-y: visible;
        margin-bottom: -4em;
    }
    .bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-1-4.TextAlignLeft {
        height:100%;
    }
    .bodyHorizStory .slideType_mediaCaption .StoriesMediaTextGrid.col-2-4  .Footnotes  {
        height: auto;
        max-height: 100%;
        overflow-y: visible;
    }
    .bodyHorizStory .slideType_mediaCaption .StoriesMediaTextGrid.col-2-4  .Footnotes--inner  {
        margin-top:0;
    }
}



.bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4.col-largeContainer.TextAlignRight  .StoriesMediaTextGrid--image.isImage  {
    width: 100%;
    margin-right: 4.16667%;
    margin-left: auto
}
.bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4.col-largeContainer.TextAlignRight  .Footnotes  {
    margin-left:0;
    margin-right:0;
    width: 25%;;
}
/* 
.bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4.col-largeContainer.TextAlignRight .StoriesMediaTextGrid--image.isVideo  .Media.image .EmbeddedMedia {
    float:right;
} */
.bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4.col-largeContainer.TextAlignRight .StoriesMediaTextGrid--image.isVideo {
    margin-left:0;
    width: 100%;
}

@media (max-width: 1280px) {
    .bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4.col-largeContainer.TextAlignRight  .StoriesMediaTextGrid--image.isImage  {
        margin-right:calc(0% + 30px);
        width:calc(100% - 60px)
    }
    .bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4.col-largeContainer.TextAlignRight  .Footnotes  {
        width:calc(30% - 60px);
        margin-right:calc(0% + 30px);
    }
    .bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4.col-largeContainer.TextAlignRight .StoriesMediaTextGrid--image.isVideo {
        width:calc(100% - 60px);
    }
}

@media (max-width: 1000px) {
    .bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4.col-largeContainer.TextAlignRight   {
        padding-left:0px;
        padding-right:0px;
    }
    .bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4.col-largeContainer.TextAlignRight  .StoriesMediaTextGrid--image.isImage  {
        margin-right:calc(0% + 30px);
        width:calc(100% - 60px);
    }
    .bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4.col-largeContainer.TextAlignRight  .Footnotes  {
        width:calc(100% - 60px);
        margin-right:calc(0% + 30px);
    }
}

@media (max-width: 750px) {
    .bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4.col-largeContainer.TextAlignRight   {
        margin-left:30px;
        padding-left:0px;
        margin-right:30px;
        padding-right:0px;
    }
    .bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4.col-largeContainer.TextAlignRight  .StoriesMediaTextGrid--image.isImage  {
        margin-left:0px;
        margin-right:0px;
        width: 100%;
    }
    .bodyHorizStory .slideType_mediaCaption  .StoriesMediaTextGrid.col-2-4.col-largeContainer.TextAlignRight  .Footnotes.isImage  {
        width:auto;
        margin-right:15px;
        margin-left:15px;
    }
}







/*make mediaText right text image/text width/alignments*/
@media (min-width: 1001px) {
    .bodyHorizStory .slideType_mediaText  .col-largeContainer.imageRight.imageRightFlip {
        flex-direction: row-reverse;
    }
}
@media (min-width: 1281px) {
    .bodyHorizStory .slideType_mediaText  .col-largeContainer.imageRight.imageRightFlip .StoriesParagraph {
        margin-right: 8.33333%;
        margin-left: 4.16667%
    }
}











@media (max-width: 1280px) {
    .bodyHorizStory .slideType_mediaCaption .Footnotes  {
        margin-left:calc(0% + 30px);
        width:calc(30% - 60px);
    }
}
@media (max-width: 1000px) {
    .bodyHorizStory .slideType_mediaCaption .Footnotes  {
        width:calc(100% - 60px);
        margin-right: auto;
        margin-left:calc(0% + 30px)
    }
}
@media (max-width: 750px) {
    .bodyHorizStory .slideType_mediaCaption .Footnotes  {
        margin-left:15px;
        width:auto;
    }
}

/* fix right text margin and padding*/
@media (min-width: 1001px) {
    .bodyHorizStory .slideType_mediaText  .StoriesMediaTextGrid--align-right .StoriesParagraph {
        margin-left:0px;
        padding-right:74px;
    }
}

/*fix height not to go over header*/
@media (min-width: 1001px) {
    .bodyHorizStory .slideType_mediaText  .StoriesMediaTextGrid.col-2-4    {
        height: calc(100% - 5em);
        overflow-y: auto;    
    }
    .bodyHorizStory .slideType_mediaText  .StoriesMediaTextGrid.col-2-4 .StoriesParagraph {
        height: auto;
        max-height: 100%;
    }
}









/* fix paragraph spacing */
.bodyHorizStory .StoriesParagraph p {
    margin-bottom:1em;
}

.bodyHorizStory  .swiper-slide.slideType_embeddedMedia .StoriesMediaTextGrid.col-2-4 {
    flex-direction: column;
    max-height:100%;
}
.bodyHorizStory  .swiper-slide.slideType_embeddedMedia .StoriesMediaTextGrid.col-2-4 .StoriesContainer--related--title {
    margin-bottom:0px;
}


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






/* 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;
}
.bodyHorizStory .StoriesMediaTextGrid.fullwidth.hasNoImageOrVideo:after {
    content: none;
}




@media (min-width: 1001px) {
    .bodyHorizStory  .MarkerMap--map {
        height: calc(100vh - 200px);
        
    }
} 

@media (min-width: 1001px) {
    .bodyHorizStory .slideType_map  .StoriesMediaTextGrid {
        padding-top:5em;
        
    }
}



@media (max-width: 750px) {
    .bodyHorizStory .swiper-slide .ArticleHeader--footer {
        background:none;
    }
}   


        /* ==========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 .swiper-slide .StoriesMediaTextGrid.col-2-4.col-inverted {
    max-width:100%;
}


@media (max-width: 400px) {
    .bodyHorizStory .swiper-slide .StoriesMediaTextGrid--cardContainer {
        width:100%;
    }
    
   
}  



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

/*hide prev and next buttons if screen is too small */
@media (max-width: 550px) {
    .bodyHorizStory .swiperButtonsMainDiv {
        display:none;
    }
}
.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;
} 


.bodyHorizStory .StoriesCard--img {
    z-index:1;
}


/* limit card height */
.bodyHorizStory .Card--inner {
    max-height: calc(100vh - 160px);
}

/* make card slider width 100%*/
.bodyHorizStory .slideType_cardSlider .StoriesMediaTextGrid.col-1-4 {
    max-width:100%;
}


/* when text is to the right and center, change direction of gradient */
.bodyHorizStory .StoriesMediaTextGrid.fullwidth.StoriesMediaTextGrid--align--right.hasImageorVideo:before {
    background: linear-gradient(-45deg, rgba(20,23,26,0.85) 30%, rgba(13,30,47,0) 100%);
}
.bodyHorizStory .StoriesMediaTextGrid.fullwidth.StoriesMediaTextGrid--align--center.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 .StoriesMediaTextGrid.fullwidth.StoriesMediaTextGrid--align--right.hasImageorVideo:before
, .bodyHorizStory .StoriesMediaTextGrid.fullwidth.StoriesMediaTextGrid--align--center.hasImageorVideo:before {
    content: none;
}



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

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