@font-face { font-family: 'Oswald'; src: url('/media/h4oh02bu/oswald-extralight.ttf'); font-style: ; font-weight: 200; }
@font-face { font-family: 'Oswald'; src: url('/media/tskjghuf/oswald-light.ttf'); font-style: ; font-weight: 300; }
@font-face { font-family: 'Oswald'; src: url('/media/frdizdn4/oswald-regular.ttf'); font-style: ; font-weight: 400; }
@font-face { font-family: 'Oswald'; src: url('/media/s4rkh4i1/oswald-medium.ttf'); font-style: ; font-weight: 500; }
@font-face { font-family: 'Oswald'; src: url('/media/c5fau4z0/oswald-semibold.ttf'); font-style: ; font-weight: 600; }
@font-face { font-family: 'Oswald'; src: url('/media/mgkftsjd/oswald-bold.ttf'); font-style: ; font-weight: 700; }
@font-face { font-family: 'Archivo'; src: url('/media/ncho04bp/archivo-light.ttf'); font-style: ; font-weight: 300; }
@font-face { font-family: 'Archivo'; src: url('/media/cqzf2epe/archivo-regular.ttf'); font-style: ; font-weight: 400; }
@font-face { font-family: 'Archivo'; src: url('/media/4qanc5qk/archivo-semibold.ttf'); font-style: ; font-weight: 600; }
@font-face { font-family: 'Archivo'; src: url('/media/vqafsanu/archivo-medium.ttf'); font-style: ; font-weight: 500; }
@font-face { font-family: 'Cinzel'; src: url('/media/dwxighrd/cinzel-regular.ttf'); font-style: ; font-weight: 400; }
@font-face { font-family: 'Montserrat'; src: url('/media/5vhhdlqt/montserrat-thin.ttf'); font-style: ; font-weight: 100; }
@font-face { font-family: 'Montserrat'; src: url('/media/bjlbuocv/montserrat-thinitalic.ttf'); font-style: italic; font-weight: 100; }
@font-face { font-family: 'Montserrat'; src: url('/media/4n4jzxbo/montserrat-extralight.ttf'); font-style: ; font-weight: 200; }
@font-face { font-family: 'Montserrat'; src: url('/media/cyedxurf/montserrat-extralightitalic.ttf'); font-style: italic; font-weight: 200; }
@font-face { font-family: 'Montserrat'; src: url('/media/f4qbbivu/montserrat-light.ttf'); font-style: ; font-weight: 300; }
@font-face { font-family: 'Montserrat'; src: url('/media/puefkto0/montserrat-lightitalic.ttf'); font-style: italic; font-weight: 300; }
@font-face { font-family: 'Montserrat'; src: url('/media/ylwks1qq/montserrat-regular.ttf'); font-style: ; font-weight: 400; }
@font-face { font-family: 'Montserrat'; src: url('/media/bikoqspv/montserrat-italic.ttf'); font-style: italic; font-weight: 400; }
@font-face { font-family: 'Montserrat'; src: url('/media/1l3jrurr/montserrat-medium.ttf'); font-style: ; font-weight: 500; }
@font-face { font-family: 'Montserrat'; src: url('/media/vw5brdxq/montserrat-mediumitalic.ttf'); font-style: italic; font-weight: 500; }
@font-face { font-family: 'Montserrat'; src: url('/media/ihuab5j5/montserrat-semibold.ttf'); font-style: ; font-weight: 600; }
@font-face { font-family: 'Montserrat'; src: url('/media/52lhaias/montserrat-semibolditalic.ttf'); font-style: italic; font-weight: 600; }
@font-face { font-family: 'Montserrat'; src: url('/media/45pp3v3q/montserrat-bold.ttf'); font-style: ; font-weight: 700; }
@font-face { font-family: 'Montserrat'; src: url('/media/jrdbg3y4/montserrat-bolditalic.ttf'); font-style: italic; font-weight: 700; }
@font-face { font-family: 'Montserrat'; src: url('/media/4wkikvwv/montserrat-extrabold.ttf'); font-style: ; font-weight: 800; }
@font-face { font-family: 'Montserrat'; src: url('/media/jrdbg3y4/montserrat-bolditalic.ttf'); font-style: ; font-weight: 800; }
@font-face { font-family: 'Montserrat'; src: url('/media/tfgjc3et/montserrat-black.ttf'); font-style: ; font-weight: 900; }
@font-face { font-family: 'Montserrat'; src: url('/media/zdbhqynl/montserrat-blackitalic.ttf'); font-style: italic; font-weight: 900; }


:root,
:host {

    --fontSizeBase: 1.6rem;
    --fontSizeBaseEm: 1.6em;

    --fontFamilyDefault: Montserrat;
    --fontFamilyHeading: Cinzel;

    --colorSiteBackground: #000000;
    
    --colorTextDefault: #fdfdfa;
    --colorTextAlternative: #edc60f;

    --colorPrimary: #000000;
    --colorTextOnPrimary: #fdfdfa;
    --colorSecondary: #fdfdfa;
    --colorTextOnSecondary: #000000;
    --colorTertiary: #edc60f;
    --colorTextOnTertiary#000000;
    --colorQuaternary: #9d9d9c;
    --colorTextOnQuaternary#000000;
    --colorQuinary: #575756;
    --colorTextOnQuinary#fdfdfa;
    --colorLink#edc60f;
    --colorLinkHighlight#ffdd3e;

    
    
    --plaionLogo: url('/media/aqqdlo0c/ds-horizontal-fill.svg');
    
    
    --colorPlaionHighlight: #edc60f;

    --borderWidth: 0rem;
    --borderRadius: 0rem;
    
    --shadow: none;

    

    --themeIconBullet: url('/media/r1lpsdsu/pin.svg');
    
    --themeIconClose: url('/media/k33ojmnv/close.svg');
    --themeIconDropdown: url('/media/uwocvv22/arrow-down.svg');
    --themeIconLeftArrow: url('/media/e4givkcv/arrow-left.svg');
    --themeIconPlay: url('/media/rrzomzql/full-play.svg');
    --themeIconPlus: url('/media/0abfiweu/plus.svg');
    --themeIconRightArrow: url('/media/myans1gh/arrow-right.svg');
    

    --primaryHeaderFontFamily: Montserrat;
    --primaryHeaderFontSize: 1.3rem;
    --primaryHeaderLinkColor: #fdfdfa;
    --primaryHeaderLinkColorHighlight: #ffdf4a;
    

    
    --primaryHeaderBackgroundColor: #000000;
    
    
    --primaryHeaderMaskOverhang: 0px;

    

    
    
    
    

    
    
    

    
    
    
    
    
    
    
    

    
    

    
    
    

    
    

    
    

    
    
    
    --badgeTailDisplay: none;
    --badgeTailInlineDisplay: none;

    --buttonFontFamily: Montserrat;
    --buttonFontSize: 1.3rem;
    --buttonLineHeight: 1.3rem;
    --buttonLetterSpacing: 0.05rem;
    --buttonTextTransform: uppercase;
    --buttonPadding: 1.4rem 2rem;
    

    
    
    
    --buttonPrimaryBackgroundColor: #edc60f;
    --buttonPrimaryBackgroundColorHighlight: #ffdf4b;
    --buttonPrimaryBackgroundColorDisabled: #9d9d9c;
    
    
    
    
    
    
    
    
    
    
    --buttonPrimaryFontFamily: Montserrat;
    
    
    --buttonPrimaryTextTransform: none;
    
    --buttonPrimaryPadding: 1.4rem 2rem;
    --buttonPrimaryTextColor: #000000;
    --buttonPrimaryTextColorHighlight: #111111;
    --buttonPrimaryTextColorDisabled: #575756;

    
    
    
    
    

    
    
    
    
    
    
    
    
    

    
    
    

    
    
    
    --buttonSecondaryBackgroundColor: #575756;
    --buttonSecondaryBackgroundColorHighlight: #111111;
    --buttonSecondaryBackgroundColorDisabled: #9d9d9c;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    --buttonSecondaryPadding: 1.4rem 2rem;
    --buttonSecondaryTextColor: #fdfdfa;
    --buttonSecondaryTextColorHighlight: #ebebeb;
    --buttonSecondaryTextColorDisabled: #575756;

    
    
    
    
    

    
    
    
    
    
    
    
    

    
    
    

    
    
    
    
    --buttonTertiaryBackgroundColorHighlight: #edc60f;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    --buttonTertiaryPadding: 1.4rem 2rem;
    --buttonTertiaryTextColor: #fdfdfa;
    --buttonTertiaryTextColorHighlight: #000000;
    --buttonTertiaryTextColorDisabled: #9d9d9c;

    --buttonTertiaryBorderColor: #edc60f;
    --buttonTertiaryBorderColorHighlight: #edc60f;
    --buttonTertiaryBorderColorDisabled: #9d9d9c;
    
    

    
    
    
    
    
    
    
    

    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    --buttonQuaternaryTextColorHighlight: #ffffff;
    

    
    
    
    
    

    
    --buttonQuaternaryIconAfterColor: #ffffff;
    
    
    
    
    
    

    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    --buttonQuinaryBorderRadius: 0rem;
    

    
    
    
    
    
    
    
    

    
    
    

    --cardBorderRadius: 0rem;
    
    
    --cardImageBorderRadius: 0rem;
    
    --cardImageFrameIndentation: 0rem;
    
    
    
    --cardTextAlignment: left;

    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    

    --socialLinksBlockColor: #fdfdfa;
    --socialLinksBlockColorHighlight: #edc60f;

    --formColorAccent: #edc60f;
    --formTextColor: #fdfdfa;
    
    
    --formFieldBorderColorHighlight: #edc60f;
    --formFieldBorderRadius: 0rem;
    --formFieldBorderWidth: 0.1rem;
    --formFieldTextColor: #fdfdfa;

    
    
    
    --tabbedContentBlockInsideButtonColor: #fdfdfa;
    --tabbedContentBlockInsideButtonColorHighlight: #edc60f;

    
    
    
    
    
    --tabbedContentBlockOutsideButtonBorderBottomColorHighlight: #edc60f;
    --tabbedContentBlockOutsideButtonBorderBottomWidth: 0.2rem;
    --tabbedContentBlockOutsideButtonColor: #fdfdfa;
    --tabbedContentBlockOutsideButtonColorHighlight: #edc60f;

--languagePickerFontWeight:400; 
--globalHeaderMenuLineHeightCompressed:1.5rem; 
--globalHeaderMenuFontSizeCompressed:1.5rem; 
--globalHeaderMenuLineHeight:1.5rem; 
--globalHeaderMenuFontSize:1.5rem; 
--globalHeaderLinkColorHighlight:#ff2031; 
--globalHeaderNavSpacing:var(--spacingLarge); 
--membershipLinkLoggedOutTextDecorationCompressed:none; 
--globalHeaderNavSpacing:var(--spacingLarge); 
--globalHeaderLogoWidthCompressed:6rem; 
--plaionFontFamilyDefault:Oswald, Helvetica, Arial, sans-serif; 
--globalHeaderBackgroundColor:#1a1a1a; 
--fontWeightHeading:400; 
--linkIconSize:1.3rem; 
--summaryLinkColor:#edc60f; 
--summaryHeadingColor:#edc60f; 
--summaryHeadingFontSize:3.2rem; 
--letterSpacingH3:0.7rem; 
--letterSpacingH2:0.7rem; 
--letterSpacingH1:0.7rem; 
--cardSpacing:0; 
--cardGradientBackground:#00000030; 
--accordionBlockOverlayClosedBackgroundHorizontal:#00000050; 
--accordionBlockOverlayGradientEndColor:#00000085; 
--formFieldCheckboxSize:2rem; 
--formFieldCheckboxSelectedBorderRadius:0; 
--formFieldCheckboxSelectedSize:2rem; 
--tabbedContentBlockContainerPadding:0; 
--tabbedContentBlockContainerBorderRadius:0; 
--tabbedContentBlockHorizontalInsideButtonBorderBottomHighlight:1px solid #edc60f80; 
--tabbedContentBlockHorizontalInsideButtonBorderLeftHighlight:1px solid #edc60f80; 
--tabbedContentBlockHorizontalInsideButtonBorderTopHighlight:1px solid #edc60f80; 
--tabbedContentBlockHorizontalInsideButtonBorderRightHighlight:1px solid #edc60f80; 
--tabbedContentBlockHorizontalInsideButtonBorderBottom:1px solid #fdfdfa20; 
--tabbedContentBlockHorizontalInsideButtonBorderLeft:1px solid #fdfdfa20; 
--tabbedContentBlockHorizontalInsideButtonBorderTop:1px solid #fdfdfa20; 
--tabbedContentBlockHorizontalInsideButtonBorderRight:1px solid #fdfdfa20; 
--globalHeaderLogoWidthCompressed:6rem; 
--plaionFontFamilyDefault:Oswald, CheddarGothic, Helvetica, Arial, sans-serif; 
--globalHeaderBackgroundColor:#1a1a1a; 
--membershipLinkLoggedOutTextDecorationCompressed:none; 
--globalHeaderNavSpacing:var(--spacingLarge); 
--globalHeaderLinkColorHighlight:#ff2031; 
--globalHeaderMenuFontSize:1.5rem; 
--globalHeaderMenuLineHeight:1.5rem; 
--globalHeaderMenuFontSizeCompressed:1.5rem; 
--globalHeaderMenuLineHeightCompressed:1.5rem; 
--languagePickerFontWeight:400; 
--accordionBlockHeadingFontSize:3rem; 
--footerGlobalLogoImageHeight:10rem; 
--footerGlobalTaglineFontSize:1.5rem; 
--summaryContentPadding:1rem 0 0 0; 

}

/*--------------------GLOBALMENU-------------------------------*/
#global-header-dropdown .link__icon{
    width:1.1rem;
}
.global-header{
    background-color:#1a1a1a;
    font-family:Oswald, CheddarGothic, Helvetica, Arial, sans-serif;
    border-bottom:1px solid #cccccc10;
    text-transform:uppercase;
}
.nav-dropdown .link--default{
    text-decoration:none;
}
.membership__link{
    font-weight:400;
    letter-spacing:0.1rem;
    text-decoration:none;
}
.nav-dropdown__btn {
    text-transform: uppercase;
}
.social-links__item-link:after{
    color:#ff2031;
    background-color:#474747;
    width:3rem;
}
/*--------------------GLOBALFOOTER-------------------------------*/
.footer-global__links {
    font-family: Oswald, Helvetica, Arial, sans-serif;
    text-transform:Uppercase;
}
.footer-global__tagline{
    font-family: Archivo, Helvetica, Arial, sans-serif;
}
.footer-global__copyright{
    font-family: Archivo, Helvetica, Arial, sans-serif;
}
/*---------------------------------------------------------*/
.footer-segment__legals {
    max-width:600px;
}

.primary-header{
    border-bottom: 1px solid #ffffff20;
    text-transform: uppercase;
}
.summary__heading {
    letter-spacing:0.1rem;
}
#mutants .card__content{
    background-color: #00000000;
    background-image: linear-gradient(180deg, black, transparent);
    padding: 2rem;
    min-height: 400px;
}
#mutants .card__heading{
    color:#edc60f!important;
}

.card__content .card__heading{
    margin-bottom:2rem;
}
.card__content .text--h3{
    font-size:2.8rem;
}
.splide__arrow{
    color:#edc60f;
}
.text--secondary-emphasis{
    font-family:Cinzel, serif;
    font-weight:200;
    color:#edc60f;
    text-transform:uppercase;
    font-size:2.4rem;
    padding:2rem 0rem;
}
/*-----------------------------------FORMS---------------------------------*/
.composite-date .composite-date .form-group{
    align-content:space-between;
}
.umbraco-forms-form .composite-date .form-group .date-input__label{
    display: none;
}
.umbraco-forms-form .composite-date{
    gap:var(--spacingDefault);
}
.umbraco-forms-form .text--shortest{
    max-width:250px;
}
.umbraco-forms-form .text--short{
    max-width:250px;
}

.umbraco-forms-form .umbraco-forms-label {
    text-transform: uppercase;
    letter-spacing: 2px;
}
.umbraco-forms-form .umbraco-forms-field{
    gap: 0.4rem;
    margin:1.5rem 0 0 0;
}



/*--------------------------------------CHARACTERS---------------------------------------*/
#characters .tab-button__icon{
    height:100%;
    width:auto;
    margin:0px;
}
#characters .tabbed-content-block__tab-list-item-button.unbutton{
    height:10rem;
    width:inherit;
    color: rgba(0,0,0,0);
}
#characters .tabbed-content-block__tab-list{
    justify-content:center;
}
#characters .tab-button{
    gap:0;
}
#characters{
    --tabbedContentBlockHorizontalInsideButtonPadding:0;
}
#characters .tabbed-content-block__tab-list{
    
}
#characters .tabbed-content-block__tabs{
    overflow:visible;
    z-index:-1;
}

/*----------------------------------------------HAZARDS---------------------------------------------*/
#hazards .card{
    border-width:1px;
    border-style:solid;
    border-color:#ffffff20;
    border-radius:0.1rem;
    margin-bottom:2rem;
    transition: all .2s linear;
}
#hazards .card:hover {
    border-color:#edc60f70;
    --cardGradientBackground: #00000080;
}
#hazards .card:hover .card--background-overlay:before {
    
}
#hazards .card__content{
    padding:4rem;
}
#hazards .card__logo-image{
    width:20px;
}
#hazards .card:hover .text-hoverEffect{
    display:inline;
}
.text-hoverEffect{
    display:none;
}
/*------------------------------MEDIA--------------------------------------*/
#media .tabbed-content-block__tabs {
    overflow:visible;
}
/*---------------------------------------MISC------------------------------*/
#flex-direction-fix .splide__list{
    flex-direction:column;
}
.summary.card-layout img{
    filter: brightness(0.6);
    transition: transform .15s linear,filter .15s linear;
}
.footer-segment__logo{
    max-width:150px;
}
/*-----------------------------------SOCIAL------------------------------------*/
#social{
    position: fixed;
    z-index: 1000;
    width: 60px;
    transform: translate(0px -50%);
    top: 50%;
    left:40px;
}
#social img:hover{
    filter:brightness(0) saturate(100%) invert(95%) sepia(50%) saturate(441%) hue-rotate(-30deg) brightness(102%) contrast(89%);
}
#social .section__content{
    height:0px;
}
#social .section__media{
    height:0px;
}
#social .badge-wrapper{
    vertical-align:middle;
}
#social .logo-block__logo {
    padding:1rem;
}

/*-------------------------<1280--------------------------*/
@media only screen and (max-width: 1280px) {
    .text-hoverEffect{
        display:inline;
    }
    #social{
        left:5px;
    }
    #social .logo-block__logo {
        padding:0.5rem;
    }
}

/*------------------------<768---------------------------*/
@media only screen and (max-width: 768px) {
    #characters .image-block{
        display:none;
    }
    #characters .tabbed-content-block__tab-list-item-button.unbutton{
        height:7rem;
    }
    #social .logo-block__logo {
        padding:0.3rem;
    }

}

/*------------------------<480---------------------------*/
@media only screen and (max-width: 480px) {
    #characters .tabbed-content-block__tab-list-item-button.unbutton{
        height:5rem;
    }
    #social{
        left:0px;
        width: 40px;
    }
}