@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: '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; }


:root,
:host {

    --fontSizeBase: 1.8rem;
    --fontSizeBaseEm: 1.8em;

    --fontFamilyDefault: Archivo, Helvetica, Arial, sans-serif;
    --fontFamilyHeading: Oswald, Helvetica, Arial, sans-serif;

    --colorSiteBackground: #333333;
    
    --colorTextDefault: #dbdfeb;
    --colorTextAlternative: #333333;

    --colorPrimary: #ff2031;
    --colorTextOnPrimary: #dbdfeb;
    
    
    
    
    
    
    
    
    
    

    
    --plaionFontFamilyHeading: Oswald, Helvetica, Arial, sans-serif;
    --plaionLogo: url('/media/eutjtv0e/images.png');
    --colorPlaionBackground: #1a1a1a;
    
    

    --borderWidth: 0rem;
    
    
    --shadow: var(--shadowLarge);

    

    
    
    
    
    --themeIconLeftArrow: url('/media/scofvhy5/left-arrow.svg');
    --themeIconPlay: url('/media/2qja1usu/play-red.svg');
    
    --themeIconRightArrow: url('/media/wg0ddsrr/right-arrow.svg');
    

    --primaryHeaderFontFamily: Oswald, Helvetica, Arial, sans-serif;
    --primaryHeaderFontSize: 2rem;
    --primaryHeaderLinkColor: #dbdfeb;
    --primaryHeaderLinkColorHighlight: #ff2031;
    

    
    --primaryHeaderBackgroundColor: #1a1a1a;
    
    
    --primaryHeaderMaskOverhang: 0px;

    

    
    
    
    

    
    
    

    
    
    
    
    
    
    
    

    --footerSegmentSocialLinkColor: #585858;
    --footerSegmentSocialLinkColorHighlight: #ff2031;

    
    
    

    
    

    --alertBarBackgroundColor: #000000;
    

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

    
    --buttonFontSize: 2rem;
    
    --buttonLetterSpacing: 0.4rem;
    --buttonTextTransform: uppercase;
    
    

    
    
    
    --buttonPrimaryBackgroundColor: #ff2031;
    --buttonPrimaryBackgroundColorHighlight: #e80a2f;
    --buttonPrimaryBackgroundColorDisabled: #cccccc;
    
    
    
    
    
    
    
    
    
    
    
    
    
    --buttonPrimaryTextTransform: uppercase;
    
    --buttonPrimaryPadding: 1.6rem 2.4rem;
    --buttonPrimaryTextColor: #dbdfeb;
    --buttonPrimaryTextColorHighlight: #1a1a1a;
    --buttonPrimaryTextColorDisabled: #cccccc;

    --buttonPrimaryBorderColor: #ff2031;
    
    
    
    --buttonPrimaryBorderWidth: 0.2rem;

    
    
    
    
    
    
    
    
    --buttonPrimaryGleam: 1; --buttonPrimaryGleamDisplay: block;

    
    
    

    
    
    
    
    --buttonSecondaryBackgroundColorHighlight: #ff2031;
    --buttonSecondaryBackgroundColorDisabled: #cccccc;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    --buttonSecondaryTextTransform: uppercase;
    
    --buttonSecondaryPadding: 1.6rem 2.4rem;
    --buttonSecondaryTextColor: #dbdfeb;
    --buttonSecondaryTextColorHighlight: #000000;
    --buttonSecondaryTextColorDisabled: #666666;

    --buttonSecondaryBorderColor: #ff2031;
    
    
    
    --buttonSecondaryBorderWidth: 0.2rem;

    --buttonSecondaryIconAfter: url('/media/hnjnrjed/button-arrow.svg');
    --buttonSecondaryIconAfterColor: #dbdfeb;
    --buttonSecondaryIconAfterColorHighlight: #000000;
    --buttonSecondaryIconAfterColorDisabled: #666666;
    --buttonSecondaryIconAfterSize: 1.6rem;
    
    --buttonSecondaryIconAfterMarginStart: var(--spaceSmall); --buttonSecondaryIconAfterMarginEnd: var(--spaceSmall);
    --buttonSecondaryGleam: 1; --buttonSecondaryGleamDisplay: block;

    --buttonSecondaryBackgroundColor: transparent;
    
    

    
    --buttonTertiaryBackgroundImageHighlight: linear-gradient(29deg, transparent 0%, transparent 70%, #b0de0b 80%, #7aa91d 100%);;
    
    
    --buttonTertiaryBackgroundColorHighlight: #ff2031;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    --buttonTertiaryTextTransform: uppercase;
    
    --buttonTertiaryPadding: 1.6rem 2.4rem;
    
    
    

    --buttonTertiaryBorderColor: #000000;
    --buttonTertiaryBorderColorHighlight: #ff2031;
    --buttonTertiaryBorderColorDisabled: #666666;
    
    --buttonTertiaryBorderWidth: 0.01rem;

    --buttonTertiaryIconAfter: url('/media/hnjnrjed/button-arrow.svg');
    --buttonTertiaryIconAfterColor: #000000;
    --buttonTertiaryIconAfterColorHighlight: #000000;
    --buttonTertiaryIconAfterColorDisabled: #666666;
    --buttonTertiaryIconAfterSize: 1.6rem;
    --buttonTertiaryIconAfterWidthStart: 0; --buttonTertiaryIconAfterMarginEnd: var(--spaceSmall);
    
    

    --buttonTertiaryBackgroundColor: transparent;
    
    --buttonTertiaryBackgroundColorDisabled: transparent;

    
    
    
    
    --buttonQuaternaryBackgroundColorHighlight: #000000;
    --buttonQuaternaryBackgroundColorDisabled: #cccccc;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    --buttonQuaternaryTextTransform: uppercase;
    
    --buttonQuaternaryPadding: 1.6rem 2.4rem;
    --buttonQuaternaryTextColor: #000000;
    --buttonQuaternaryTextColorHighlight: #ffffff;
    --buttonQuaternaryTextColorDisabled: #666666;

    --buttonQuaternaryBorderColor: #000000;
    --buttonQuaternaryBorderColorHighlight: #000000;
    --buttonQuaternaryBorderColorDisabled: #666666;
    
    --buttonQuaternaryBorderWidth: 0.01rem;

    --buttonQuaternaryIconAfter: url('/media/hnjnrjed/button-arrow.svg');
    --buttonQuaternaryIconAfterColor: #000000;
    --buttonQuaternaryIconAfterColorHighlight: #ffffff;
    --buttonQuaternaryIconAfterColorDisabled: #666666;
    --buttonQuaternaryIconAfterSize: 1.6rem;
    --buttonQuaternaryIconAfterWidthStart: 0; --buttonQuaternaryIconAfterMarginEnd: var(--spaceSmall);
    
    

    --buttonQuaternaryBackgroundColor: transparent;
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    --buttonQuinaryBorderRadius: 0rem;
    

    
    
    
    
    
    
    
    

    --buttonQuinaryBackgroundColor: transparent;
    --buttonQuinaryBackgroundColorHighlight: transparent;
    --buttonQuinaryBackgroundColorDisabled: transparent;

    --cardBorderRadius: 0rem;
    
    
    --cardImageBorderRadius: 0rem;
    
    
    
    
    --cardLinkColorHighlight: #ff2031;
    --cardTextAlignment: left;

    
    --quoteBlockBorderWidth: 0rem;
    --quoteBlockMarginLeft: 0;
    
    --quoteBlockIconImage: url('/media/e0nnvzsx/quote-mark.svg');
    
    
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    --featureBlockIconContainerBorderRadius: 50rem;
    
    --featureBlockIconContainerBackgroundColor: #d1ff00;
    --featureBlockIconColor: #000000;
    
    

    
    

    
    
    
    
    --formFieldBorderColorHighlight: #dbdfeb;
    --formFieldBorderRadius: 0rem;
    
    

    
    
    
    
    

    
    
    
    
    
    
    
    
    

--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; 
--buttonSecondaryIconAfterMarginStart:var(--spaceSmall); 
--cardBorder:1px solid #DBDFEB; 
--formFieldCheckboxSize:2.4rem; 
--formLabelFontWeight:400; 
--formLabelFontSize:var(--fontSizeBase); 
--fontSizeMultiplierH2Desktop:1.65; 
--fontSizeMultiplierH4Desktop:1; 
--fontWeightHeading:900; 
--fontWeightH4:400; 
--letterSpacingH4:0.4rem; 
--pillBackgroundColor:#EDF3F7; 
--pillBorderRadius:0; 
--pillColor:#464D53; 
--pillSpacing:0.6rem; 
--summaryFrameIndentation:0.8rem; 
--summaryBorder:2px solid transparent; 
--summaryContentPadding:0 .8rem .8rem; 
--summaryHeadingFontWeight:700; 
--textTransformHeading:uppercase; 
--globalHeaderBackgroundColor:#1a1a1a; 
--globalHeaderNavSpacing:var(--spacingLarge); 
--globalHeaderMenuFontSize:1.5rem; 
--globalHeaderMenuLineHeight:1.5rem; 
--globalHeaderLogoWidth:6rem; 
--globalHeaderLogoHeight:10rem; 
--plaionFontFamilyDefault:Oswald, Helvetica, Arial, sans-serif; 
--membershipLinkLoggedOutPadding:0.5rem 1rem 0.8rem 1rem; 
--membershipLinkLoggedOutColor:#dbdfeb; 
--membershipLinkLoggedOutFontFamily:Oswald, Helvetica, Arial, sans-serif; 
--membershipLinkLoggedOutFontSize:1.8rem; 
--membershipLinkLoggedOutFontStyle:normal; 
--membershipLinkLoggedOutFontWeight:400; 
--membershipLinkLoggedOutLineHeight:1.8rem; 
--membershipLinkLoggedOutTextTransform:none; 
--membershipLinkLoggedOutBackgroundColor:#ff2031; 
--membershipLinkLoggedOutTextDecoration:none; 
--membershipLinkLoggedOutTextDecorationCompressed:none; 
--membershipLinkLoggedOutTextTransform:uppercase; 
--membershipLinkLoggedOutBorderWidth:2px; 
--membershipLinkLoggedOutBorderColor:#ff2031; 
--membershipLinkLoggedOutBackgroundColorHighlight:#e80a2f; 
--membershipLinkLoggedOutBorderColorHighlight:#e80a2f; 
--membershipLinkLoggedOutColorHighlight:#1a1a1a; 
--languagePickerFontWeight:400; 
--globalHeaderLogoAlignSelf:normal; 
--splidePaginationPageOpacity:1; 
--splidePaginationPageColor:#dbdfeb; 
--splidePaginationPageColorOnPattern:#dbdfeb; 
--splidePaginationPageColorActive:#dd3131; 
--splidePaginationPageBorderRadius:0; 
--splidePaginationPageHeight:0.7rem; 
--splidePaginationBottomPosition:0; 
--splidePaginationListItemMargin:0; 
--splidePaginationPageWidth:13rem; 
--pillFontFamily:Oswald, Helvetica, Arial, sans-serif; 
--cardLogoWidth:2.5rem; 
--pillFontSize:1.4rem; 
--arrowIconsImageDisplay:block; 
--arrowIconsMaskDisplay:none; 
--themeIconRightArrowHeight:7rem; 
--themeIconLeftArrowHeight:7rem; 
--footerGlobalTaglineFontSize:1.5rem; 
--footerGlobalLogoImageHeight:10rem; 
--expandableContentItemMargin:0 0 2.6rem 0; 
--socialLinksBlockBackgroundColor:#585858; 

}

/*--------------------GLOBALMENU-------------------------------*/
#global-header-dropdown .link__icon{
    width:1.1rem;
}
.global-header{
    border-bottom:1px solid #cccccc10;
}
.nav-dropdown .link--default{
    text-decoration:none;
}
.membership__link{
    letter-spacing:0.1rem;
}
.global-header .link {
    font-weight: 400;
    text-transform: uppercase;
    transition: all .3s ease-out;
}
.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;
}
/*--------------------------------DSCC-----------------------------------*/
#about-dscc .decoration{
    transform: translate(0, 0);
}
#about-dscc .text--h1 {
    font-weight: 700;
    line-height: 10.5rem;
    text-shadow: 0px 2px 1px #333333;
    padding:0;
    margin:0;
}
#info-dscc .text--h3 {
    font-weight: 500;
}
#info-dscc .card--is-link{
    border-color:#1a1a1a;
    border-width:2px;
}
#hero-dscc .decoration{
    transform: translate(-50%, 0%);
}
#join-now-dscc {
    background-color:#eb1d2a;
}
#features-dscc .card__heading {
    font-weight:500;
    font-size:24px;
}
#features-dscc {
    border-top:3px solid #ff2031;
}
#question-section {
    background-color:#1a1a1a;
    border-bottom:1px solid #b9b9b92b;
}
.disclaimer-dscc {
    opacity: .5;
    font-size: 1.2rem;
    line-height: 1.2rem;
}
#faq-dscc{
    background-color:#000000;
    border-bottom:1px solid #2a2a2a;
}

/*----------------------------------------MENU--------------------------------*/

@media (max-width: 79.99em) {
    .global-header__membership--desktop {
        display: block;
    }
    .global-header__inner {
        grid-template-columns: 1fr 9fr 1fr auto;
        grid-template-rows: auto;
        height: 4.8rem;
    }
    .global-header__membership{
        padding:0;
    }
    .global-header__logo {
        height:auto;
    }
}
.membership__logged-in{
    font-family:Archivo, Helvetica, Arial, sans-serif;
    font-weight:400;
    font-size:1.2rem;
    line-height:1.2rem;
    background-color:#ff203100;
    border:0 solid #ff203100;
    padding:0;
}
/*-----------------------------------------------------------------------*/
body {
    font-weight: 300;
}
.global-header{
    width:100%;
    position:fixed;
    transition: all .3s ease-out;
}

/*----------------------------HOMEPAGE HERO-----------------------------*/

#homepage-carousel .splide__arrow--prev{
    left:6rem;
}
#homepage-carousel .splide__arrow--next{
    right:6rem;
}
#homepage-carousel .splide {
    margin-bottom: 0;
}
#homepage-carousel .group {
    row-gap: 0;
}
#homepage-carousel .splide__track {
    margin:0;
}
#homepage-carousel .splide__pagination li{
    line-height:0;
}
/*----------------------------GAME CARDS----------------------------------*/
#homepage-games .card {
    overflow: visible;
}
#homepage-games .splide{
    margin-bottom:0;
}
#homepage-games .card--is-link {
    border-color: #DBDFEB;
}
#homepage-games .card--is-link:hover {
    border-color: #FF2031;
}

#homepage-games .card--is-link:hover .card__heading {
    color: #FF2031 !important;
}

#homepage-games .card--background-image .card__content:has(+.card__link-container) {
    padding-bottom: calc(var(--spacingDefault) * 1.5);
}

#homepage-games .card__heading {
    bottom: -1rem;
    left: 0;
    position: absolute;
    
    transform: translateY(100%);
    
    font-size: calc(var(--fontSizeH3Base) * 1.3);
    font-weight: var(--fontWeightBold);
    text-align: left;
}
#homepage-games .card--vertical{
    height:85%;
    width:100%;
}
#homepage-games .text--h3{
    font-size:2.4rem;
}
#homepage-games .card__link-container {
    display: none;
}
#homepage-games .splide__arrow{
    top:42.5%;
}
#homepage-games .card__pills {
    padding: 1rem;
}

#homepage-games .pills__pill {
    text-transform: uppercase;
}
#global-header-dropdown .link__icon{
    width:1.1rem;
}
.global-header__dropdown-content {
    text-transform: uppercase;
}
.summary--blog-post {
    border: 2px solid transparent;
}

.summary--blog-post:hover {
    border-color: #1A1A1A;
}

.summary--blog-post:hover:after {
    background: #DBDFEB;
}

.summary--blog-post:hover .summary__content .summary__heading {
    color: #FF2133;
}

.summary--blog-post .summary__image {
    border: 2px solid #1A1A1A;
}

.summary--blog-post .summary__date {
    display: none;
}
/*------------------------------------------FORMS-----------------------------------*/

#newsletter-constrained .composite-date .composite-date .form-group{
    align-content:space-between;
}
#newsletter-constrained .umbraco-forms-form .composite-date .form-group .date-input__label{
    display: none;
}
#newsletter-constrained .umbraco-forms-form .composite-date{
    gap:var(--spacingDefault);
}
#newsletter-constrained .umbraco-forms-form .text--shortest{
    max-width:250px;
}
#newsletter-constrained .umbraco-forms-form .text--short{
    max-width:250px;
}
#newsletter-constrained .umbraco-forms-form .umbraco-forms-field{
    gap: 0.4rem;
    margin:1.5rem 0 0 0;
}
#newsletter-constrained .umbraco-forms-form .checkboxlist {
    font-size: var(--fontSizeTiny);
    letter-spacing: var(--letterSpacingOverline);
    text-transform: uppercase;
}
#newsletter-constrained {
    background-color:#1a1a1a;
    border:1px solid #dbdfeb20;
}
.newsletter-container {
    border:2px solid #dbdfeb40;
    padding:6rem 4rem 6rem 4rem;
}


@media (min-width: 26.5625em) {
    #newsletter-constrained .constrain {
        padding-left: var(--gutterSmall);
        padding-right: var(--gutterSmall);
    }
}
@media (max-width: 1279px) {
    #newsletter-constrained .section__content{
        --sectionVerticalPaddingLarge:0;
    }
    #about-dscc .text--h1 {
        line-height: 4.5rem;
    }
}
@media (min-width: 1280px) {
    #newsletter-constrained .section__content{
        --sectionVerticalPaddingLarge:var(--spacingLarge);
    }
}
@media (min-width: 1380px) {
    #newsletter-constrained .section__content{
        --sectionVerticalPaddingLarge:var(--spacingXLarge);
    }
}
@media (min-width: 1480px) {
    #newsletter-constrained .section__content{
        --sectionVerticalPaddingLarge:var(--spacingXXLarge);
    }
}
@media (max-width: 1480px) {
    #homepage-carousel .splide__arrow--prev{
        left:0rem;
    }
    #homepage-carousel .splide__arrow--next{
        right:0rem;
    }
}

/*------------------------------------------FORMS-----------------------------------*/

#newsletter .composite-date .composite-date .form-group{
    align-content:space-between;
}
#newsletter .umbraco-forms-form .composite-date .form-group .date-input__label{
    display: none;
}
#newsletter .umbraco-forms-form .composite-date{
    gap:var(--spacingDefault);
}
#newsletter .umbraco-forms-form .text--shortest{
    max-width:250px;
}
#newsletter .umbraco-forms-form .text--short{
    max-width:250px;
}

/*----------------------------------------------------------------------------*/
#newsletter .umbraco-forms-form .umbraco-forms-field{
    gap: 0.4rem;
    margin:1.5rem 0 0 0;
}
#newsletter .umbraco-forms-form .checkboxlist {
    font-size: var(--fontSizeTiny);
    letter-spacing: var(--letterSpacingOverline);
    text-transform: uppercase;
}

#ds-intro {
    background-color: #000000;
    
}