/* 2 column img*/

.page-sakura p {
    color: #ffffff;
}

.fh-heroMarchHeroes-container {
    padding: 25% 7px 4.5%;
}


.fh-heroMarchHeroes-container .hor_buttons {
    margin-top: 15px;
}

.two_image_col {
    width: 100%;
    max-width: 1200px;
    padding: 20px 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.two_image_col strong {
    position: absolute;
    top: -15px;
    left: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 22px;
    letter-spacing: 1px;
}

.fh-ageWolvesBalancing-title p {
    position: relative;
}

.fh-ageWolvesBalancing-title p img {
    position: absolute;
    top: -100px;
    left: -175px;
}

.page_storm_fury .fh-ageWolvesBalancing-content p {
    font-size: 16px;
}


.page_storm_fury .fh-ageWolvesProgression p,
.fh-ageWolvesBalancing p {
    max-width: 600px;
}


.image_one {
    width: 48%;
    margin-right: 2%;
}

.image_two {
    width: 48%;
    margin-left: 2%;
}



@media (max-width:1030px) {

    .two_image_col {
        display: block;
        padding: 0 0;
    }


    .image_one,
    .image_two {
        width: 85%;
        margin: 50px auto;
    }

    .two_image_col strong {
        top: -20px;
        left: 2.5%;

    }

    .fh-ageWolvesBalancing-title p img {
        display: none;
    }

}

a.fh-expansionTopLightbox img {
    width: inherit;
    position: absolute;
    top: 34%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0;
}

.page_storm_fury .fh-ageWolvesBalancing h4 {
    font-family: "OpenSans", Helvetica, Arial, sans-serif;
    color: #f5f5df;
    line-height: 195%;
    width: 100%;
    padding: 0 20px;
    max-width: 360px;
    margin: 35px auto 49px;
    text-shadow: ;
    font-size: 20px;
    text-transform: uppercase;
}

.fh-Recommended .fh-container {
    padding-bottom: 100px;

}

/*.fh-Footer{
    bottom:300px;
    padding-top: 200px;
}*/

.fh-Footer:before {
    display: none;
}

/* Backgrounds */

.fh-ageWolvesTop-content {
    /*padding-bottom: 0;*/
}

.fh-expansionTop {
    background-image: url(Helix_FH_HR_Y3S4_SunDa_Final_keyart.jpg);
    padding-bottom: 25px;
}


.fh-heroMarchHeroes {
    position: relative;
    background-image: url(Helix_Hero_HR_Keyart_Y4S3_IngameEvent_B_Final_v01_004.jpg);
    background-repeat: no-repeat;
    background-position: 50% 25%;
    background-size: cover;
    background-color: #160909;
}

.fh-vortigerHeroes {
    background-image: url(fh-sunda-heroes_new-01.jpg);
}

.fh-vortigerThreeHeroes {
    background-image: url(fh-sunda-closeup-action-armor_bg-02.jpg);
}

.fh-shadowMightGear {
    background-image: url(fh-sunda-gear-weapon_closeup_bg-002.jpg);
}

.fh-heroMarchBalancing {
    background-image: url(fh-sunda-closeup-action-armor_bg-07.jpg);
}

.fh-vortigerPass {
    background-image: url(fh-sunda-closeup-action-armor_bg-05.jpg);
}

.fh-heroMarchTraining {
    text-align: center;
    background-image: url(fh-s7-sec5-masterrank-bkgnd-desktop.jpg);
    background-size: cover;
    background-position: 50% 50%;
}

.fh-ageWolvesUpdates {
    background-image: url(fh-s7-sec6-otherupdates-bkgnd-desktop.jpg);
    background-size: cover;
}

.fh-expansionRecommended {
    background-image: url(fh-s7-sec7-recommendedcontent-bkgnd-desktop.jpg);
    background-size: cover;
}

@media screen and (max-width: 768px) {

    .fh-expansionTop {
        background-image: url(fh-hulda-feature-hero-mobile-01.jpg);
        background-size: 100%;
    }

    .page_storm_fury .fh-ageWolvesTop-content {
        padding-top: 150%;
    }

    .fh-heroMarchHeroes {
        background-image: url(Helix_Hero_HR_Keyart_Y4S3_IngameEvent_B_Final_v01_004_Mobile.jpg);
        background-size: 100%;
        /* background-position: center; */
    }

    .fh-vortigerHeroes {
        background-image: url(s3-fh-hulda-new-heroes-mobile-01.jpg);
        background-size: 100%;
    }

    .fh-vortigerThreeHeroes {
        background-image: url(s5-fh-hulda-other-updates-mobile-01.jpg);
        background-size: 100%;
    }

    .fh-shadowMightGear {
        background-image: url(06_ArmorWeapons_mobile.jpg);
        background-size: 100%;
    }

    .fh-heroMarchBalancing {
        background-image: url(s4-fh-hulda-new-map-mobile-01.jpg);
        /* background-size: 100%; */
    }
}



/* .btn--edgesSmallAlt{
    background-image: url(fh-s7-cta-button-bkgnd.png);
    border: none;
    color: #fff !important;
} */

.btn--edgesSmallAlt:hover {
    background: radial-gradient(ellipse at top, #f3edca 0%, #e3c156 100%);
}


/* Overrides */

.fh-ageWolvesQuickLinks ul li.active {
    color: #ebcf75 !important;
}

.fh-ageWolvesQuickLinks ul li:before {
    background: #ebcf75 !important;
}

body:not(.is-touch) .fh-ageWolvesQuickLinks ul li:hover {
    color: #ebcf75 !important;
}

.fh-ageWolvesQuickLinks:hover {
    color: #ebcf75 !important;
}

.fh-shadowMightGear .slideshow .backward::before,
.fh-shadowMightGear .slideshow .forward::before {
    color: #ebcf75 !important;
}

.fh-shadowMightGear-expand {
    color: #ebcf75 !important;
}

.fh-mediaHero {
    text-align: center !important;
}

.fh-mediaHero .media {
    text-align: center;
    float: none !important;
    margin-bottom: 20px;
}

.page_storm_fury .fh-ageWolvesTop-content {
    padding-bottom: 0;
}

.page_storm_fury .fh-mediaHero {
    margin-bottom: 30px;
}

.page_storm_fury .fh-ageWolvesBalancing-container {
    margin: 60px auto 0 auto;
}

.page_storm_fury .fh-ageWolvesBalancing {
    padding-bottom: 50px;
}

.page_storm_fury .fh-mediaHero {
    text-align: center;
}

.page_storm_fury .fh-mediaHero .media {
    float: none;
}

.fh-Recommended:after {
    background: #17171a;
}

@media screen and (max-width: 1024px) {


    .fh-Recommended img {
        display: block;
        width: 540px;
        margin: 0 auto;
    }

    .fh-Recommended-item a {
        margin-top: 20px;
        margin-bottom: 50px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        max-width: 200px;
        display: block;
    }

    .fh-Recommended-heading {
        margin-bottom: 50px;

    }

    .fh-Recommended-item h2,
    .fh-Recommended-item p {
        text-align: center;
    }
}




.fh-grudgeGloryGear-expand {
    position: relative;
    opacity: 1;
    background: transparent;
}

.fh-grudgeGloryGear-expand.plus {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: black;
}


.fh-heroMarchTraining-mobileImage {
    width: 540px;
}

/* Hide In game event */
/* To unhide change js also*/



/* FOR HONOR SEASON 9 STUFF */
.page-vortiger .fh-TexturedCTA {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: radial-gradient(at center top, rgb(243, 237, 202) 0%, rgb(236, 210, 126) 100%);
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    border-bottom-color: rgb(0, 0, 0);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(0, 0, 0);
    border-left-style: solid;
    border-left-width: 2px;
    border-right-color: rgb(0, 0, 0);
    border-right-style: solid;
    border-right-width: 2px;
    border-top-color: rgb(0, 0, 0);
    border-top-style: solid;
    border-top-width: 2px;
    color: rgba(25, 25, 25) !important;
    cursor: pointer;
    display: inline-block;
    filter: none;
    font-family: ConduitITCPro-Medium, sans-serif;
    font-size: 22px;
    font-stretch: 100%;
    font-style: normal;
    font-variant-caps: normal;
    font-variant-east-asian: normal;
    font-variant-ligatures: normal;
    font-variant-numeric: normal;
    font-weight: 400;
    height: 22px;
    letter-spacing: normal;
    line-height: 22px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 9.6px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 14.4px;
    text-align: center;
    text-shadow: none;
    text-decoration-color: rgb(25, 25, 25);
    text-decoration-line: none;
    text-decoration-style: solid;
    text-transform: uppercase;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: color;
    transition-timing-function: ease-in-out;
}

.page-vortiger .fh-TexturedCTA:hover {
    color: #000000;
    background: #e3c156;
    background: radial-gradient(ellipse at top, #f3edca 0%, #e3c156 100%);
}

/* .fh-vortigerTop .fh-ageWolvesTop-content {
    padding-bottom: 0.5%;

} */

.page-vortiger .fh-mediaHero {
    text-align: center;
}

.page-vortiger .fh-mediaHero {
    margin-bottom: 30px
}

.page-vortiger .fh-shadowMightPatches-sectionSubtitle {
    color: #d2a444;
}

.page-vortiger .hor_buttons {
    display: none;
}

.page-vortiger .fh-mediaHero .media {
    float: none;
}

.page-vortiger .fh-common-rec-section-title {
    margin-top: 0;
    padding-top: 20px;

}



/*BACKGROUND IMAGES
*/
.page-vortiger .fh-expansionTop {
    background-image: url(FHS9-s1-header-desktop-bkg-01.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 0;
    background-color: #000000;
    margin-top: 0;
    position: relative;
    margin-bottom: -2px;
}



.page-vortiger .fh-heroMarchHeroes {
    background-image: url(FHS9-s2-new-heroes-desktop-bkg-01.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    background-color: #160909;
}

.page-vortiger .fh-vortigerBlackPrior {
    background-image: url(FHS9-s2-vortiger_black_prior_riposte-desktop-bkg-v1.jpg);
}

.page-vortiger .fh-vortigerThreeHeroes {
    background-image: url(FHS9-s2a-3-new-heroes-desktop-bkg-01.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    background-color: #160909;

}

.page-vortiger .fh-shadowMightGear {
    text-align: center;
    background-image: url(FHS9-s3-background-desktop-01.jpg);
    background-size: cover;
    background-position: 50% 50%;
    padding: 15px;

}

.page-vortiger .fh-heroMarchBalancing {
    text-align: center;
    background-image: url(FHS9-s4-background-desktop-01.jpg);
    background-size: cover;
    background-position: 50% 50%;

}

.page-vortiger .fh-shadowMightPass {
    text-align: center;
    background-image: url(FHS9-s6-season-pass-background-desktop-01.jpg);
    background-size: cover;
    background-position: 50% 50%;
    padding: 15px;

}

.page-vortiger .fh-common-recommended-block {
    text-align: center;
    background-image: url(FHS9-s8-recommended-content-background-desktop-01.jpg);
    background-size: cover;
    background-position: 50% 50%;
    padding: 15px;
}

.page-vortiger .fh-ageWolvesTop-content {
    padding-top: 55.2%;
}


.page-vortiger .fh-ageWolvesQuickLinks ul li:before {
    background: #b29700 !important;
}

.page-vortiger .fh-ageWolvesQuickLinks ul li:hover {
    color: #b29700 !important;
}

.page-vortiger .fh-ageWolvesQuickLinks ul li.active {
    color: #b29700 !important;
}

.page-vortiger .fh-shadowMightGear-expand {
    color: #b29700;
}

.page-vortiger .fh-shadowMightGear .slideshow .backward::before,
.fh-shadowMightGear .slideshow .forward::before {
    color: #b29700;
}

.fh-heroMarchProgression p,
.fh-heroMarchBalancing p {
    max-width: 750px;
}

.fh-ageWolvesTop-content {
    padding-top: 55.2%;
    padding-bottom: 0.5%;
}

/*BACKGROUND IMAGES MOBILE
*/
@media screen and (max-width: 768px) {

    .fh-vortigerTop a.fh-expansionTopLightbox img {
        top: 20%;
    }

    .page-vortiger .fh-expansionTop {
        background-image: url(FHS9-s1-header-mobile-bkg-01.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: 50% 0;
        background-color: #000000;
        margin-top: 0;
        position: relative;
        margin-bottom: -2px;
    }

    .page-vortiger .fh-heroMarchHeroes {
        background-image: url(FHS9-s2-new-heroes-mobile-bkg-01.jpg);
        position: relative;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: cover;
        background-color: #160909;
    }

    .page-vortiger .fh-vortigerBlackPrior {
        background-image: url(FHS9-s2-vortiger_black_prior_riposte-mobile-bkg-v1.jpg);
    }

    .page-vortiger .fh-vortigerThreeHeroes {
        background-image: url(FHS9-s2a-3-new-heroes-mobile-bkg-01.jpg);
        position: relative;
        background-repeat: no-repeat;
        background-position: 50% 0;
        background-size: cover;
        background-color: #160909;

    }

    .page-vortiger .fh-shadowMightGear {
        text-align: center;
        background-image: url(FHS9-s3-background-mobile-01.jpg);
        background-size: cover;
        background-position: 50% 50%;
    }

    .page-vortiger .fh-heroMarchBalancing {
        text-align: center;
        background-image: url(FHS9-s4-background-desktop-01.jpg);
        background-size: cover;
        background-position: 50% 50%;
    }

    .page-vortiger .fh-shadowMightPass {
        text-align: center;
        background-image: url(FHS9-s6-season-pass-background-mobile-01.jpg);
        background-size: cover;
        background-position: 50% 50%;

    }

    .page-vortiger .fh-common-recommended-block {
        text-align: center;
        background-image: url(FHS9-s8-recommended-content-background-mobile-01.jpg);
        background-size: cover;
        background-position: 50% 50%;
        padding: 15px;
    }
}

.page-sakura .fh-heroMarchHeroes-container>p {
    background: rgba(0, 0, 0, 0.65);
    /* padding:2px 4px; */
    /* border-radius:5px; */
    margin-bottom: 0px;
}

.fh-heroMarchHeroes-container .hor_buttons {
    margin-top: 15px;
}