.logo-container {
        overflow: hidden;
        width:185px;
        }

@media (max-width: 576px) { 
    .logo-container {
        width:130px;            
    }
}

    .bg-dark, .special-reports-dropdown {
        background-color: #232039 !important;
    }

    .dropdown-divider {
        border-top: 1px solid rgba(0, 0, 0, 0);
    }

    .series-kicker::before { /* apply image in container */
        background-size: cover !important;
        mix-blend-mode: multiply;
        content: "";
        margin: auto;
        display: block;
        width: 200px;
        height: 200px;
        z-index: -1;
        margin-top: -12rem;
        margin-bottom: 1.5rem;
    }

    .masthead-container.background-based-masthead.positioned-title-container .over-image-masthead-title-container .series-subtitle {
       margin-top: 1rem;
   }

    .masthead-container.full-bleed .series-title, .masthead-container.full-bleed .series-title a, 
    .masthead-container.full-bleed .series-subtitle, .masthead-container.full-bleed .series-kicker {
        color: #FFFFFF !important;
   }

    .masthead-container.background-based-masthead.positioned-title-container .over-image-masthead-title-container .series-kicker {
        margin-bottom: 1rem;
    }

    body, .title, .byline, .byline a, .sidebar-title, .list-group-item p, .signoff p { /* change base typography from black */
        color: #232039 !important;
    }

    .series-kicker {
        font-size: 1.3rem;
        font-weight: 700;
    } 

    .series-title {
        font-family: 'Playfair Display', serif;
        font-size: 4.5rem;
        font-weight: 100;
        line-height: 1.2;
        letter-spacing: -2px;
        word-spacing: 4px;
    }

     .masthead-container.full-bleed .series-title a {
        pointer-events: none;
    }

@media (min-width: 992px) and (max-width: 1200px) {
    .masthead-container.full-bleed .series-title {
        font-size: 3rem;
        letter-spacing: -1px;
    }
}

@media (min-width: 768px) and (max-width: 991.9999px) {
    .masthead-container.full-bleed .series-title {
        font-size: 2.8rem;
        letter-spacing: -0.8px;
    }
}

@media (min-width: 576px) and (max-width: 767.999px) {
    .masthead-container.full-bleed .series-title {
        font-size: 2rem;
        word-spacing: 2px;
        letter-spacing: -0.5px;
    }
}

@media (min-width: 320px) and (max-width: 575.9999px) {
    .masthead-container.full-bleed .series-title {
        font-size: 1.8rem;
        word-spacing: 2px;
        letter-spacing: -0.5px;
    }
}

@media (max-width: 319.9999px) {
    .masthead-container.full-bleed .series-title {
        font-size: 2rem;
        word-spacing: 1.5px;
    }
}

@media (max-height: 900px) and (min-width: 1200px) {
    .masthead-container.full-bleed .series-title {
        font-size: 3rem;
        word-spacing: 1.5px;
    }
}

    body.centered-rail .title::before {
        content: "Name Surname"; /*unique name */
        display: block;
        text-align: center !important;
        text-transform: uppercase;
        font-family: Knowledge, "Source Sans Pro", Arial, sans-serif;
        color: #FBB516;
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: 0px;
        word-spacing: 1px;
        margin-top: 5rem;
        margin-bottom: 0.6rem;
    }

    .title {
        font-family: 'Playfair Display', serif;
        font-size: 3.2rem;
        font-weight: 100;
        line-height: 1.2;
        letter-spacing: -1.5px;
        word-spacing: 4.5px;
        /* margin-left: 76px; NARROW */
        /*  margin-right: 76px; NARROW */
    }

    .dek {
        color: rgba(35, 32, 57, 0.75) !important;
        margin-top: 3rem;
        /* margin-left: 76px; NARROW */
        /* margin-right: 76px; NARROW */
        /* margin-bottom: -10px; NARROW */
        margin-bottom: 3.3rem;
    }

@media (max-width: 992px) {  /* NARROW */
    .dek {
        margin-left: 0px;
        margin-right: 0px; 
        margin-bottom: 55px;
    }
}

    div.meta-container .byline::before {
        content: "City, Country"; /* LOCATION */
        display: block;
        text-transform: uppercase;
        color: #FBB516;
        font-weight: 700;
        font-size: 0.8rem;
        letter-spacing: 0px;
        margin-top: 2rem;
        margin-bottom: 0.2rem;
    }

    div.meta-container .byline {
        font-weight: 700;
        font-size: 0.95rem;
        margin-left: 76px;
        margin-top: -20px; /* NARROW ACTIVE */
    }

    div.meta-container .byline::after {
        background: url("//s3.amazonaws.com/newsdata.uploads.reuters.com/special-report/assets/climate-change-scientists-madani/intro-globe.png") 0 0 no-repeat;
        width: 120px;
        height: 100px;
        margin-top: -85px;
        margin-left: -125px;
        background-size: cover !important;
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
    }

@media (max-width: 996px) { 
    div.meta-container .byline {
        margin-left: 125px;
        margin-bottom: 5px;
    }
    div.meta-container .time {
        margin-left: 125px;
        border-left: 0px;
        padding: 0px;
        margin-bottom: 0px;
    }
}

/*
    body.centered-rail .special-report p#paragraph-1.article-paragraph:before {
        background: url("//s3.amazonaws.com/newsdata.uploads.reuters.com/special-report/assets/climate-change-scientists/dropcap-square.jpg") 0 0 no-repeat;
        width: 87px !important;
        height: 87px !important;
        margin-top: 6px !important;
        background-size: cover !important;
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
    }

    body.centered-rail .special-report p#paragraph-1.article-paragraph:first-letter {
        float: left;
        font-size: 87px;
        line-height: 87px;
        padding-right: 18px;
        opacity: 0;
    }
*/

    .sidebar .sidebar-title {
        font-family: 'Playfair Display', serif;
        font-weight: 100;
        line-height: 1.2;
        letter-spacing: -0.8px;
        word-spacing: 2px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
        
    body.centered-rail .dek,
    body.centered-rail .meta-container {
        text-align: left !important;
    }

    .dropcap:first-letter {
        font-family: 'Playfair Display', serif;
        padding-top: 3px;
    }

    .special-report-article,
    .special-report-article .list-group-item,
    .special-report-article .masthead-container.full-bleed .caption,
    .special-report-article .masthead-caption {
        background-color: #F5F0EB;
    }

    .masthead-container.full-bleed .caption {
        margin-top: 0px;
    }

    .caption,
    .quote-caption {
        color: #666666;
    }

    a.article-link  {
        color: #232039;
        border-bottom: 1px dotted;
        padding-bottom: 1px
    }

    a:hover.article-link {
        color: #000000;
        border-bottom: 1px solid;
        text-decoration: none;
        padding-bottom: 1px
    }

    .article-subhead {
        font-family: 'Playfair Display', serif;
        color: #FBB516;
        font-size: 2.2rem;
        line-height: 1.1;
        margin-top: 2.5rem;
        margin-bottom: 1.6rem;
    }

    .article-subhead-globe-location::before {
        background: url("//s3.amazonaws.com/newsdata.uploads.reuters.com/special-report/assets/climate-change-scientists-madani/intro-globe.png") 0 0 no-repeat;
        width: 120px;
        height: 100px;
        margin-top: -2.5rem;
        margin-left: -49px;
        background-size: cover !important;
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
    }

    .article-subhead-globe-location {
        text-indent: 76px;
        font-family: Knowledge, "Source Sans Pro", Arial, sans-serif;
        text-transform: uppercase;
        color: #FBB516;
        font-weight: 700;
        font-size: 0.8rem;
        letter-spacing: 0px;
        margin-top: 4rem;
        margin-bottom: 0.2rem;
    }

    .article-subhead-globe {
        font-family: Knowledge, "Source Sans Pro", Arial, sans-serif;
        font-weight: 700;
        font-size: 1.4rem;
        letter-spacing: -0.3px;
        margin-top: 0.5rem;
        margin-bottom: 1.8rem;
        line-height: 1.2;
        word-spacing: 0.5px;
    }

    .article-paragraph.article-subhead-globe {
        padding-left: 91px;
    }

@media (max-width: 992px) {
    .article-subhead-globe-location::before {
        margin-left: 0px;
    }
    .article-subhead-globe-location {
        text-indent: 125px;
    }
    .article-paragraph.article-subhead-globe {
        padding-left: 140px;
    }
}

@media (min-width: 996px) {
    body.centered-rail .image.medium {
        margin-left: 16.6666%; /* 15.8% */
        max-width: 66.6666%; /* 68.4% */
    }
}

    .blockquote {
        background-color: #FBB516;
        font-size: 1.8rem;
        font-weight: 100;
        letter-spacing: -0.4px;
        border-left: 15px solid #F5F0EB;
        border-right: 15px solid #F5F0EB;
    }

    .blockquote p.quote {
        font-family: 'Playfair Display', serif;
        line-height: 2.2rem;
        color: #FFFFFF;
        text-align: center;
        margin-left: 0px;
        margin-right: 0px;
    }

   .blockquote-footer {
        color: #FFFFFF;
        font-weight: 700;
        letter-spacing: 0.2px;
        word-spacing: 1px;
        text-align: center;
        text-transform: uppercase;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 20px;
    }

    .blockquote::before,
    .blockquote::after {
        background-color: #FBB516;
    }

    #quote-alt.blockquote,
    #quote-alt.blockquote::before,
    #quote-alt.blockquote::after {
        background-color: #FFFFFF;
    }

    #quote-alt.blockquote p.quote,
    #quote-alt .blockquote-footer {
        color: #FBB516;
    }

   #sidebar-climate-number.sidebar.small.number .sidebar-title {
        font-family: 'Playfair Display', serif;
        font-size: 6rem; /* change related to number */
        font-weight: 100;
        letter-spacing: -5px;
        line-height: 1.2;
        margin-top: -2.6rem;
    }

    #sidebar-climate-number.sidebar.small {
        max-width: 30%;
        background-color: #FFFFFF;
        border-left: 15px solid #F5F0EB;
        border-right: 15px solid #F5F0EB;
        padding-left: 0px;
        padding-right: 0px;
    }

    #sidebar-climate-number.sidebar.small p {
        color: #FBB516;
        font-family: Knowledge, "Source Sans Pro", Arial, sans-serif;
        font-size: 1.2rem !important;
        font-weight: 700;
        letter-spacing: -0.3px;
        word-spacing: 0.5px;
        line-height: 1.2;
    }

@media (min-width: 992px) and (max-width: 1200px) {
    #sidebar-climate-number.sidebar.small {
        max-width: 36%;
    }
}

@media (min-width: 776px) and (max-width: 991.9999px) {
    #sidebar-climate-number.sidebar.small {
        max-width: 48%;
    }
}

@media (max-width: 775.9999px) {
    #sidebar-climate-number.sidebar.small {
        max-width: 70%;
        padding-bottom: 5px;
        margin-top: 4.5rem;
        margin-bottom: 2rem;
    }
    #sidebar-climate-number.sidebar.small.number .sidebar-title {
        padding-top: 0rem;
    }
}

    #cluster.interactive {
        margin-left: 15px;
        margin-right: 15px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 1rem;
        padding-top: 1.5rem;
        margin-bottom: 1rem;
    }

    .article-paragraph.interactive-caption {
        margin-left: 0% !important;
        max-width: 100% !important;
    }

    #image-with-quote .caption,
    #image-with-quote2 .caption {
        display: none;
    }

    #image-with-quote.image,
    #image-with-quote2.image {
        margin-bottom: -2rem;
    }

    .quote-caption {
        font-size: 0.8rem;
        font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin-top: -1.75rem;
        margin-bottom: 2rem;
    }

    .masthead-container.background-based-masthead{
        height:calc(100vh - 50px);
    }

    .masthead-container.background-based-masthead .image-container-x .image-container-y{
	    margin-top:100vh;
	    height:calc(100vh - 150px);
    }

    .masthead-container.background-based-masthead.full-bleed .image-container-x{
	    height:calc(100vh - 150px);
	    position:relative;
    }
    
@media (min-aspect-ratio: 8/5) {
	.masthead-container.background-based-masthead{
	    height:calc(100vh - 50px) !important;
	}	
	.masthead-container.background-based-masthead .image-container-x .image-container-y{
		height:calc(100vh - 50px) !important;
    }	
	.masthead-container.background-based-masthead.full-bleed .image-container-x{
		height:calc(100vh - 50px) !important;
	}
}

    .masthead-container.background-based-masthead.positioned-title-container .over-image-masthead-title-container{
	    height:100vh;
	    background-color:#fbb516;
	    width:100%;
	    left:auto;
	    right:auto;
	    top:-100vh;
    }

    .masthead-container.background-based-masthead.positioned-title-container .over-image-masthead-title-container .container{
	    position:relative;
	    top: 34%; /* top:47%; */
	    /* transform:translate(0%, -50%); */
        width: 80%;
        margin-left: 10%;
    }


    /* BELOW REMOVES MASTHEAD PIC */

    .masthead-image, .masthead-caption{
        display:none !important;
    }
        
    .masthead-title-container.over-image-masthead-title-container{
        top:0px !important;
    }
        
    .masthead-container.background-based-masthead .image-container-x .image-container-y{
        margin-top:0px !important;
    }
        
    .masthead-container.background-based-masthead.positioned-title-container .over-image-masthead-title-container{
        height: calc(100vh - 50px) !important; /* was 150px */
    }

    /* ABOVE REMOVES MASTHEAD PIC */


    .masthead-container.background-based-masthead.positioned-title-container .over-image-masthead-title-container .series-title{
	    position:relative;
    }

    .masthead-container.background-based-masthead.positioned-title-container .over-image-masthead-title-container .series-title::after{
	    content:"↓";
	    display:block;
	    position:absolute;
	    width:20px;
	    height:20px;
	    left:calc(50% - 10px);
	    bottom:-100px;
        font-size:2rem;
        font-family:Knowledge;
        color: rgba(255, 255, 255, 0.5);
        font-weight: 100;
    }

@media (max-width: 992px) {
    .masthead-container.background-based-masthead.positioned-title-container .over-image-masthead-title-container .series-title::after{
	    bottom:-40px;
    }
}

    @media (min-width:992px) and (min-height: 600px) {
        .image.cover .media-container {
            min-height: 1280px;
        }
    }
    
    @media (min-width: 992px) {
        #duo-id.flex-lg-row { /* apply unique id */
            margin-left: 30px;
            margin-right: 30px;
        }
    }
    
    @media (min-width: 996px) {
        #oppenheimer-science.interactive,
        #lequere-science.interactive,
        #caldeira-science.interactive,
        /* #duarte-science.interactive, */
        #arblaster-science.interactive
        /* #madani-science.interactive */ {
            margin-left: 16.6666%; /* 15.8% */
            max-width: 66.6666%; /* 68.4% */
            padding-left: 15px;
            padding-right: 15px;
        }
    }

    @media (max-width: 995.9999px) {
        #oppenheimer-science.interactive,
        #lequere-science.interactive,
        #caldeira-science.interactive,
        #duarte-science.interactive,
        #arblaster-science.interactive,
        #madani-science.interactive {
            margin-left: 15px;
            margin-right: 15px;
        }
    }

    #social-teaser {
        margin-bottom: 2rem;
    }

    .component-header {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
        
    .signoff .article-row::before {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .bottom-series-navigation .col-6.align-left,
    .bottom-series-navigation .col-6.align-right {
        font-family: Knowledge, "Source Sans Pro", Arial, sans-serif;
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: 0.2px;
        text-decoration: none;
        text-transform: uppercase;
    }

    .bottom-series-navigation .col-6.align-right {
        text-align: right;
    }

    .bottom-series-navigation a {
        color: #232039;
        margin-left: 15px;
        margin-right: 15px;
    }

    .bottom-series-navigation a:hover {
        color: #FBB516;
        text-decoration: none;
    }

    .bottom-series-navigation .fa-arrow-left:before,
    .bottom-series-navigation .fa-arrow-right:before {
        color: rgba(0, 0, 0, 0.2);
        vertical-align: -1px;
    }

    .far {
        font-size: 0.9rem;
        font-weight: 600 !important;
    }