/* CW-641 */
@media (min-width: 400px) {
     .ArticleHeader.HeaderOption--option1 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title
    ,.ArticleHeader.HeaderOption--option2 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title
    ,.ArticleHeader.HeaderOption--option3 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title
    {
        font-size:42px;
    }
}
@media (min-width: 750px) {
     .ArticleHeader.HeaderOption--option1 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title
    ,.ArticleHeader.HeaderOption--option2 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title
    ,.ArticleHeader.HeaderOption--option3 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title
    {
        font-size:calc(1.88679vw + 26px)
    }
}
@media (min-width: 1280px) {
     .ArticleHeader.HeaderOption--option1 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title
    ,.ArticleHeader.HeaderOption--option2 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title
    ,.ArticleHeader.HeaderOption--option3 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title
    {
        font-size:54px;
    }
}
@media (min-width: 1281px) {
     .ArticleHeader.HeaderOption--option1 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title
    ,.ArticleHeader.HeaderOption--option2 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title
    ,.ArticleHeader.HeaderOption--option3 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title
    {
        font-size:54px;
    }
}


.ArticleHeader.HeaderOption--option1 .ArticleAnchorNav 
,.ArticleHeader.HeaderOption--option2 .ArticleAnchorNav 
,.ArticleHeader.HeaderOption--option3 .ArticleAnchorNav 
{
    z-index:5;
}

/*titles make capitalize*/
.ArticleHeader.HeaderOption--option1 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title 
,.ArticleHeader.HeaderOption--option2 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title 
,.ArticleHeader.HeaderOption--option2 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title 
{
    text-transform:none;
}

.ArticleHeader.HeaderOption--option1 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--subtitle 
,.ArticleHeader.HeaderOption--option2 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--subtitle 
,.ArticleHeader.HeaderOption--option3 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--subtitle
{
    font-size: 17px;
}
@media (min-width: 400px) {
    .ArticleHeader.HeaderOption--option1 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--subtitle 
    ,.ArticleHeader.HeaderOption--option2 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--subtitle 
    ,.ArticleHeader.HeaderOption--option3 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--subtitle
    {
        font-size:calc(.28571vw + 15.85714px)
    }
}

@media (min-width: 750px) {
    .ArticleHeader.HeaderOption--option1 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--subtitle 
    ,.ArticleHeader.HeaderOption--option2 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--subtitle 
    ,.ArticleHeader.HeaderOption--option3 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--subtitle
    {
        font-size:calc(.37736vw + 15.16981px)
    }
}

@media (min-width: 1280px) {
    .ArticleHeader.HeaderOption--option1 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--subtitle 
    ,.ArticleHeader.HeaderOption--option2 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--subtitle 
    ,.ArticleHeader.HeaderOption--option3 .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--subtitle
    {
        font-size:20px
    }
}


/*hide article lead not to repeat*/
 .site-content.storyArticle .HeaderOption--option1 .ArticleLead  
,.site-content.storyArticle .HeaderOption--option2 .ArticleLead 
,.site-content.storyArticle .HeaderOption--option3 .ArticleLead 
{
    display:none;
}

  .site-content.storyArticle .ArticleHeader.HeaderOption--option1
, .site-content.storyArticle .ArticleHeader.HeaderOption--option2
, .site-content.storyArticle .ArticleHeader.HeaderOption--option3
{
    margin-bottom:40px;
}


/* ---- OPTION 1 ---------------*/


    /* option 1 position top-right*/
        .ArticleHeader.HeaderOption--option1.HeaderOptionPosition--topRight .ArticleHeader--content { 
            margin-right:0;
            align-items: flex-start;
            width: 40%;
        }
        .ArticleHeader.HeaderOption--option1.HeaderOptionPosition--topRight .ArticleHeader--content--inner {
            text-align:left;
            padding-right: 45px;
        }



    /* option 1 position top-left*/
        .ArticleHeader.HeaderOption--option1.HeaderOptionPosition--topLeft .ArticleHeader--content { 
            margin-left:0;
            align-items: flex-start;
            width: 40%;
        }
        .ArticleHeader.HeaderOption--option1.HeaderOptionPosition--topLeft .ArticleHeader--content--inner {
            text-align:left;
            padding-left: 45px;
        }
        @media (min-width: 1001px) {
            .ArticleHeader.HeaderOption--option1.HeaderOptionPosition--topLeft .ArticleHeader--content--inner {
                padding-left: 80px;
            }
        }


    /* option 1 position bottom-right*/
        .ArticleHeader.HeaderOption--option1.HeaderOptionPosition--bottomRight .ArticleHeader--content { 
            margin-right:0;
            align-items: flex-end;
            width: 40%;
        }
        .ArticleHeader.HeaderOption--option1.HeaderOptionPosition--bottomRight .ArticleHeader--content--inner {
            text-align:left;
            padding-right: 45px;
        }



    /* option 1 position bottom-left*/
        .ArticleHeader.HeaderOption--option1.HeaderOptionPosition--bottomLeft .ArticleHeader--content { 
            margin-left:0;
            align-items: flex-end;
            width: 40%;
        }
        .ArticleHeader.HeaderOption--option1.HeaderOptionPosition--bottomLeft .ArticleHeader--content--inner {
            text-align:left;
            padding-left: 45px;
        }
        
        @media (min-width: 1001px) {
            .ArticleHeader.HeaderOption--option1.HeaderOptionPosition--bottomLeft .ArticleHeader--content--inner {
                padding-left: 80px;
            }
        }
        
/* ---- OPTION 2 ---------------*/        
    .ArticleHeader.HeaderOption--option2 .ArticleHeader--content {
        margin-left:0;
        align-items: flex-end;
        width: 100%;
        z-index:3;
        height: 48vw;
        max-height: 650px;
        /* min-height: unset; */
    }
    @media (max-width: 1550px) {
        .ArticleHeader.HeaderOption--option2 .ArticleHeader--background {
            min-height:550px;
            max-height: 550px;
        }
    }
    @media (max-width: 1280px) {
        .ArticleHeader.HeaderOption--option2 .ArticleHeader--background {
            min-height:450px;
            max-height: 450px;
        }
    }
    @media (max-width: 1000px) {
        .ArticleHeader.HeaderOption--option2 .ArticleHeader--background {
            min-height:600px;
            max-height: 600px;
        }
    }
    
    
    
    
    .ArticleHeader.HeaderOption--option2 .ArticleHeader--content--inner {
        text-align:left;
        padding-left: 45px;
    }
    @media (min-width: 1001px) {
        .ArticleHeader.HeaderOption--option2 .ArticleHeader--content--inner {
            padding-left: 80px;
        }
    }
    .ArticleHeader.HeaderOption--option2 .ArticleHeader--content--inner .ArticleHeader--title {
        width: 50%;
        font-family: "Georgia","VF Sans","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
        display: block;
    }
    .ArticleHeader.HeaderOption--option2 .ArticleHeader--content--inner .ArticleHeader--subtitle {
        width: calc(25% - 45px);
        display: block;
    }
    @media (min-width: 1001px) {
        .ArticleHeader.HeaderOption--option2 .ArticleHeader--content--inner .ArticleHeader--subtitle {
            width: calc (25% - 80px);
        }
    }
    
    
    @media (max-width: 1000px) {
        .ArticleHeader.HeaderOption--option2 .ArticleHeader--content--inner .ArticleHeader--title {
            width:100%;
        }
        .ArticleHeader.HeaderOption--option2 .ArticleHeader--content--inner .ArticleHeader--subtitle {
            width:100%;
        }
        .ArticleHeader.HeaderOption--option2 .ArticleHeader--content {
            margin-top: 600px;
            height: auto;
            align-items: flex-start;
            min-height: unset; 
        }
    }
    
    
    
    
    
    .ArticleHeader.HeaderOption--option2 .ArticleHeader--inner .ArticleHeader--body .ArticleHeader--body--bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 80px;
    }
    .ArticleHeader.HeaderOption--option2 .ArticleHeader--inner .ArticleHeader--background .Media.image {
        height:auto;
    }    
    .ArticleHeader.HeaderOption--option2 .ArticleHeader--inner .ArticleHeader--background {
        max-width:calc(75% - 25px);
        z-index:2;
        top: 80px !important;
        left: 0 !important;
        padding:0 !important;
        margin: 25px 25px 25px 25% !important;
        /* height: auto !important; */
        background-color: unset;
    }
    @media (max-width: 1000px) {
        .ArticleHeader.HeaderOption--option2 .ArticleHeader--inner .ArticleHeader--background {
            max-width:unset;
            margin: 0px !important;
            display: relative !important;
        }
    }
    
    .ArticleHeader.HeaderOption--option2 .ArticleHeader--inner .ArticleHeader--background .Media.image {
        position: relative;
    }
    .ArticleHeader.HeaderOption--option2 .ArticleHeader--inner .ArticleHeader--body {
        background-color:#0d1e2f;
    }
    
    /* dark*/
    .ArticleHeader.HeaderOption--option2.HeaderOptionTheme--dark .ArticleHeader--inner .ArticleHeader--body .ArticleHeader--body--bg {
        background-color:#0d1e2f;
    }

    /* white */
    .ArticleHeader.HeaderOption--option2.HeaderOptionTheme--white .ArticleHeader--inner .ArticleHeader--body .ArticleHeader--body--bg {
        background-color:#ffffff;
    }
    .ArticleHeader.HeaderOption--option2.HeaderOptionTheme--white .ArticleHeader--content--inner .ArticleHeader--title 
    ,.ArticleHeader.HeaderOption--option2.HeaderOptionTheme--white .ArticleHeader--content--inner .ArticleHeader--subtitle
    {
        color:#27251F;
    }
    .ArticleHeader.backgroundImage.HeaderOption--option2.HeaderOptionTheme--white .ArticleHeader--inner .ArticleHeader--body    .ArticleHeader--background::after {
        /* background-color: rgba(13,30,47,0.5); */
        background-color: rgba(255,255,255,0.3);
    }
    
    

    .ArticleHeader.HeaderOption--option2 .ArticleHeader--footer--inner {
        width: calc(75% - 75px);
        margin-left: auto;
        margin-right: 50px;
        margin-bottom: 25px;
    }
    
    

/* ---- OPTION 3 ---------------*/
    .ArticleHeader.HeaderOption--option3 .ArticleHeader--content {
        width:30vw;
        
    }
    .ArticleHeader.HeaderOption--option3 .ArticleHeader--inner .ArticleHeader--body .ArticleHeader--content .ArticleHeader--content--inner {
        padding-left: 25px;
        padding-right: 25px;
    }
    .ArticleHeader.HeaderOption--option3 .ArticleHeader--inner .ArticleHeader--body .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--title
    ,.ArticleHeader.HeaderOption--option3 .ArticleHeader--inner .ArticleHeader--body .ArticleHeader--content .ArticleHeader--content--inner .ArticleHeader--subtitle
    {
        color:#27251F;
    }

    
    .ArticleHeader.HeaderOption--option3.backgroundImage .ArticleHeader--background--wrapper .ArticleHeader--background {
        max-width:70vw;
    }
    .ArticleHeader.HeaderOption--option3.backgroundImage .ArticleHeader--background::after {
        background-color: none;;
        
        background: rgb(0,0,0);
        background: -moz-linear-gradient(180deg, rgba(0,0,0,0.5) 0px, rgba(0,0,0,0) 80px);
        background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.5) 0px, rgba(0,0,0,0) 80px);
        background: linear-gradient(180deg, rgba(0,0,0,0.5) 0px, rgba(0,0,0,0) 80px);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);

    }
    
    
    /*left text*/
    .ArticleHeader.HeaderOption--option3.HeaderOptionPosition--bottomLeft  .ArticleHeader--content
    ,.ArticleHeader.HeaderOption--option3.HeaderOptionPosition--topLeft  .ArticleHeader--content{
        margin-left: 0;
    }
    
    /*right text*/
    .ArticleHeader.HeaderOption--option3.HeaderOptionPosition--bottomRight  .ArticleHeader--content
    ,.ArticleHeader.HeaderOption--option3.HeaderOptionPosition--topRight .ArticleHeader--content{
        margin-right:0;
    }
    
    
    
    /*color-dune*/
    .ArticleHeader.HeaderOption--option3.HeaderOptionBGColor--dune .ArticleHeader--content {
        background: #BE9677;
    }
    
    /*color-mint*/
    .ArticleHeader.HeaderOption--option3.HeaderOptionBGColor--mint .ArticleHeader--content {
        background: #8CC0C3;
    }
    
    /*color-strawberry*/
    .ArticleHeader.HeaderOption--option3.HeaderOptionBGColor--strawberry .ArticleHeader--content {
        background: #D98F8F;
    }
    
    
    .ArticleHeader.HeaderOption--option3.HeaderOptionPosition--topRight .ArticleHeader--content { 
        margin-right:0;
        align-items: flex-start;
        width: 30%;
    }
    .ArticleHeader.HeaderOption--option3.HeaderOptionPosition--topRight .ArticleHeader--content--inner {
        text-align:left;
        padding-right: 45px;
    }


    /* option 3 position top-right*/
        .ArticleHeader.HeaderOption--option3.HeaderOptionPosition--topRight .ArticleHeader--content { 
            margin-right:0;
            align-items: flex-start;
            width: 30%;
        }
        .ArticleHeader.HeaderOption--option3.HeaderOptionPosition--topRight .ArticleHeader--content--inner {
            text-align:left;
            padding-right: 45px;
        }
    /* option 3 position top-left*/
    .ArticleHeader.HeaderOption--option3.HeaderOptionPosition--topLeft .ArticleHeader--content { 
        margin-left:0;
        align-items: flex-start;
        width: 30%;
    }
    .ArticleHeader.HeaderOption--option3.HeaderOptionPosition--topLeft .ArticleHeader--content--inner {
        text-align:right;
        padding-left: 45px;
    }

    @media (min-width: 1001px) {
        .ArticleHeader.HeaderOption--option3.HeaderOptionPosition--topLeft .ArticleHeader--content--inner {
            padding-left: 80px;
        }
    }

    /* option 3 position bottom-right*/
    .ArticleHeader.HeaderOption--option3.HeaderOptionPosition--bottomRight .ArticleHeader--content { 
        margin-right:0;
        align-items: flex-end;
        width: 30%;
    }
    .ArticleHeader.HeaderOption--option3.HeaderOptionPosition--bottomRight .ArticleHeader--content--inner {
        text-align:left;
        padding-right: 45px;
    }



    /* option 3 position bottom-left*/
    .ArticleHeader.HeaderOption--option3.HeaderOptionPosition--bottomLeft .ArticleHeader--content { 
        margin-left:0;
        align-items: flex-end;
        width: 30%;
    }
    .ArticleHeader.HeaderOption--option3.HeaderOptionPosition--bottomLeft .ArticleHeader--content--inner {
        text-align:right;
        padding-left: 45px;
    }
    @media (min-width: 1001px) {
        .ArticleHeader.HeaderOption--option3.HeaderOptionPosition--bottomLeft .ArticleHeader--content--inner {
            padding-left: 80px;
        }
    }


    
    .ArticleHeader.HeaderOption--option3 .ArticleHeader--footer {
        width: calc(70% - 50px);
        position: absolute;
        margin-right:calc(30% + 25px);
        margin-left:25px;
    }
    .ArticleHeader.HeaderOption--option3.HeaderOptionPosition--topLeft .ArticleHeader--footer 
    ,.ArticleHeader.HeaderOption--option3.HeaderOptionPosition--bottomLeft .ArticleHeader--footer 
    {
        margin-left:calc(30% + 25px);
        margin-right:25px;
    }
    
/* TODO when screen width <=1000px - what should be ???  */