



@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: 'Lusitana'; src: url('/media/gzwjyhz2/lusitana.woff2'); font-style: normal; font-weight: 400; }
@font-face { font-family: 'Lusitana'; src: url('/media/shafjh42/lusitana-bold.woff2'); font-style: normal; font-weight: 700; }
@font-face { font-family: 'Pangaia'; src: url('/media/14yhxqa1/pppangaia-bold.otf'); font-style: normal; font-weight: 700; }
@font-face { font-family: 'Pangaia'; src: url('/media/scmjryop/pppangaia-ultralight.otf'); font-style: normal; font-weight: 200; }
@font-face { font-family: 'Osgard'; src: url('/media/50phz3lt/osgard.otf'); font-style: normal; font-weight: 700; }
@font-face { font-family: 'AdobeCalson'; src: url('/media/vcjdiil0/adobe-calson-font.woff2'); font-style: normal; font-weight: 400; }


:root,
:host {

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

    --fontFamilyDefault: AdobeCalson, Lusitana, serif;
    --fontFamilyHeading: Pangaia, serif;

    --colorSiteBackground: #000713;
    
    --colorTextDefault: #f1ecda;
    

    --colorPrimary: #f3cd76;
    --colorTextOnPrimary: #060d1e;
    --colorSecondary: #d27329;
    --colorTextOnSecondary: #060d1e;
    --colorTertiary: #060d1e;
    --colorTextOnTertiary#f1ecda;
    --colorQuaternary: #000713;
    --colorTextOnQuaternary#f1ecda;
    --colorQuinary: #f1ecda;
    --colorTextOnQuinary#060d1e;
    --colorLink#d27329;
    --colorLinkHighlight#f3cd76;

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

    --borderWidth: 0.1rem;
    --borderRadius: 0.7rem;
    --colorBorder: #f3cd76;
    --shadow: drop-shadow(0 0 8px black);

    --transitionDuration: 300ms;

    --themeIconBullet: url('/media/1w3gn54o/kcd2-bullet-icon.png');
    --themeIconCarouselPagination: url('/media/v3bhklpn/pin-media.png');
    
    --themeIconDropdown: url('/media/bwvfe4v0/kcd2-dropdown-arrow.png');
    --themeIconLeftArrow: url('/media/bwnldbjj/slider-arrow-left.png');
    --themeIconPlay: url('/media/quvdjcyx/play.png');
    --themeIconPlus: url('/media/tsvmqo5n/star-ico.svg');
    --themeIconRightArrow: url('/media/15bhivij/slider-arrow-right.png');
    

    --primaryHeaderFontFamily: AdobeCalson, Lusitana, serif;
    --primaryHeaderFontSize: 1.6rem;
    --primaryHeaderLinkColor: #efe9d6;
    --primaryHeaderLinkColorHighlight: #f0c774;
    

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

    --primaryHeaderDropShadow: drop-shadow(0 0 12px rgba(0,0,0,.4));

    
    --footerSegmentFontSize: 1.8rem;
    
    

    
    
    --footerSegmentBackgroundImage: url('/media/b30jnhht/footer-backbground.png');

    --footerSegmentLinksHeadingColor: #999999;
    --footerSegmentLinksHeadingFontFamily: AdobeCalson, Lusitana, Georgia, Times, "Times New Roman", serif;
    
    --footerSegmentLinkColor: #efe9d6;
    --footerSegmentLinkColorHighlight: #ffffff;
    --footerSegmentLinkFontFamily: AdobeCalson, Lusitana, Georgia, Times, "Times New Roman", serif;
    
    

    --footerSegmentSocialLinkColor: #999999;
    --footerSegmentSocialLinkColorHighlight: #ffffff;

    --footerSegmentLegalTextColor: #cbcbcb;
    --footerSegmentLegalTextFontFamily: AdobeCalson, Lusitana, Georgia, Times, "Times New Roman", serif;
    --footerSegmentLegalTextFontSize: 1.1rem;

    --ageGateBackgroundColor: #172133;
    --ageGateHeadingColor: #f3cd76;

    --alertBarBackgroundColor: #f3cd76;
    --alertBarColor: #172133;

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

    
    --buttonFontSize: 1.8rem;
    
    
    
    
    

    
    
    
    
    --buttonPrimaryBackgroundColorHighlight: #e80a2f;
    --buttonPrimaryBackgroundColorDisabled: #666666;
    --buttonPrimaryBackgroundImage: url('/media/syvjx4vw/background.png');
    --buttonPrimaryBackgroundImageHighlight: url('/media/aw3c33hs/background-active.png');
    --buttonPrimaryBackgroundImageDisabled: url('/media/5j1ld4rh/background-disabled.png');
    --buttonPrimaryDecorativeImageBefore: url('/media/vxeps5zm/background-left.png');
    --buttonPrimaryDecorativeImageBeforeHighlight: url('/media/ai3pguys/background-left-active.png');
    --buttonPrimaryDecorativeImageBeforeDisabled: url('/media/0o2nhzmq/background-left-disabled.png');
    --buttonPrimaryDecorativeImageAfter: url('/media/gsvnvd5c/background-right.png');
    --buttonPrimaryDecorativeImageAfterHighlight: url('/media/0qgnj3op/background-right-active.png');
    --buttonPrimaryDecorativeImageAfterDisabled: url('/media/kbxawnrh/background-right-disabled.png');
    --buttonPrimaryDecorativeImageAspectRatio: 5 / 8;
    --buttonPrimaryFontFamily: AdobeCalson, Lusitana, Georgia, Times, "Times New Roman", serif;
    --buttonPrimaryFontSize: 2.4rem;
    
    --buttonPrimaryTextTransform: uppercase;
    
    --buttonPrimaryPadding: 2rem 0;
    --buttonPrimaryTextColor: #000000;
    --buttonPrimaryTextColorHighlight: #eee9d4;
    --buttonPrimaryTextColorDisabled: #666666;

    
    
    
    
    

    
    
    
    
    
    
    
    
    

    
    
    

    
    
    
    
    
    
    --buttonSecondaryBackgroundImage: url('/media/yhqgv55w/background.png');
    --buttonSecondaryBackgroundImageHighlight: url('/media/yhqgv55w/background.png');
    --buttonSecondaryBackgroundImageDisabled: url('/media/wo3mywys/background-disabled.png');
    --buttonSecondaryDecorativeImageBefore: url('/media/nbgdnxcs/background-left.png');
    --buttonSecondaryDecorativeImageBeforeHighlight: url('/media/nbgdnxcs/background-left.png');
    --buttonSecondaryDecorativeImageBeforeDisabled: url('/media/3j5nregv/background-left-disabled.png');
    --buttonSecondaryDecorativeImageAfter: url('/media/o31bgpln/background-right.png');
    --buttonSecondaryDecorativeImageAfterHighlight: url('/media/o31bgpln/background-right.png');
    --buttonSecondaryDecorativeImageAfterDisabled: url('/media/ugynovhw/background-right-disabled.png');
    --buttonSecondaryDecorativeImageAspectRatio: 1 / 1;
    
    
    --buttonSecondaryFontSize: 1.6rem;
    
    --buttonSecondaryTextTransform: uppercase;
    
    --buttonSecondaryPadding: 2rem 0;
    --buttonSecondaryTextColor: #f1ecda;
    --buttonSecondaryTextColorHighlight: #f1c66b;
    --buttonSecondaryTextColorDisabled: #666666;

    
    
    
    
    

    
    
    
    
    
    
    
    

    
    
    

    
    
    
    --buttonTertiaryBackgroundColor: rgba(0, 0, 0, 0.1);
    --buttonTertiaryBackgroundColorHighlight: rgba(0, 0, 0, 0.3);
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    --buttonTertiaryPadding: 0;
    --buttonTertiaryTextColor: #f0c774;
    --buttonTertiaryTextColorHighlight: #ffffff;
    --buttonTertiaryTextColorDisabled: #666666;

    --buttonTertiaryBorderColor: #d27329;
    --buttonTertiaryBorderColorHighlight: #f3cd76;
    
    --buttonTertiaryBorderRadius: 0.8rem;
    

    
    
    
    
    
    
    
    

    
    
    

    
    
    
    
    
    
    --buttonQuaternaryBackgroundImage: url('/media/djwjewmd/kcd-editions-btn-center.png');
    --buttonQuaternaryBackgroundImageHighlight: url('/media/ib5gxy24/kcd-editions-btn-center-highlight-short.png');
    
    --buttonQuaternaryDecorativeImageBefore: url('/media/odoc2wi3/kcd-editions-btn-left.png');
    --buttonQuaternaryDecorativeImageBeforeHighlight: url('/media/yxpknocq/kcd-editions-btn-left-highlight.png');
    
    --buttonQuaternaryDecorativeImageAfter: url('/media/olzf5y00/kcd-editions-btn-right.png');
    --buttonQuaternaryDecorativeImageAfterHighlight: url('/media/vdxhf1hp/kcd-editions-btn-right-highlight.png');
    
    --buttonQuaternaryDecorativeImageAspectRatio: 25 / 68;
    
    
    --buttonQuaternaryFontSize: 1.6rem;
    --buttonQuaternaryLineHeight: 1.6rem;
    --buttonQuaternaryTextTransform: uppercase;
    
    --buttonQuaternaryPadding: 1.9rem 0.5rem 1.7rem 0.5rem;
    
    --buttonQuaternaryTextColorHighlight: #ffffff;
    

    
    
    
    
    

    
    --buttonQuaternaryIconAfterColor: #ffffff;
    
    
    
    
    
    

    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    --buttonQuinaryBorderRadius: 0rem;
    

    
    
    
    
    
    
    
    

    
    
    

    
    --cardTextColor: #f1ecda;
    --cardHeadingColor: #f3cd76;
    --cardImageBorderRadius: 1.6rem;
    
    
    
    --cardLinkColor: #f1ecda;
    --cardLinkColorHighlight: #f3cd76;
    --cardTextAlignment: left;

    
    
    
    
    
    --quoteBlockNameColor: #f1ecda;
    
    
    --quoteBlockQuoteColor: #f1ecda;
    
    

    
    --editionsInfoBackgroundImage: url('/media/45hl4mfc/dark-blue-crosses.jpg');
    --editionsInfoBorderColor: #334f79;
    --editionsInfoBorderRadius: 0.8rem;
    --editionsInfoBorderWidth: 0.1rem;
    
    
    
    --editionsButtonBackgroundImage: url('/media/djwjewmd/kcd-editions-btn-center.png');
    --editionsButtonBackgroundImageHighlight: url('/media/1rohi4s1/kcd-editions-btn-center-highlight.png');
    
    --editionsButtonTextColorHighlight: #000000;
    --editionsButtonDecorativeImageBefore: url('/media/5x0e5lec/kcd-editions-btn-left.png');
    --editionsButtonDecorativeImageBeforeHighlight: url('/media/tnzftan0/kcd-editions-btn-left-highlight.png');
    --editionsButtonDecorativeImageAfter: url('/media/ipkgi3fw/kcd-editions-btn-right.png');
    --editionsButtonDecorativeImageAfterHighlight: url('/media/nvlpqfqc/kcd-editions-btn-right-highlight.png');
    --editionsButtonDecorativeImageAspectRatio: 25 / 68;
    

    --featureBlockDescriptionColor: #f1ecda;
    
    --featureBlockIconContainerBorderRadius: 50rem;
    
    --featureBlockIconContainerBackgroundColor: #d27329;
    --featureBlockIconColor: #f1ecda;
    
    --featureBlockTitleColor: #f3cd76;

    
    

    --formColorAccent: #d27329;
    --formTextColor: #f3cd76;
    
    --formFieldBorderColor: #f1ecda;
    
    --formFieldBorderRadius: 0rem;
    --formFieldBorderWidth: 0.2rem;
    --formFieldTextColor: #f1ecda;

    
    
    
    
    

    
    
    
    
    
    
    
    
    

--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; 
--arrowIconsImageDisplay:block; 
--arrowIconsMaskDisplay:none; 
--carouselPaginationIconImageDisplay:block; 
--carouselPaginationIconMaskDisplay: none; 
--bulletIconMaskDisplay:none; 
--bulletIconImageDisplay:block; 
--playIconImageDisplay:block; 
--playIconMaskDisplay:none; 
--editionsButtonDecorativeImageHeight:100%; 
--editionsButtonDecorativeImageWidth:2.5rem; 
--editionsInfoBackgroundSize:180%; 
--fontFamilyH2:Osgard, serif; 
--gridGap:1.6rem; 
--quoteBlockMarginLeft:0; 
--quoteBlockQuoteFontSize:clamp(2rem, 2vw + 1rem, 3.6rem);; 
--splideArrowHeight:4rem; 
@media (min-width: 60em) { --splideArrowHeight:2.2rem; } 
--splideArrowWidth:4rem; 
@media (min-width: 60em) { --splideArrowWidth:8.6rem; } 
--splideLeftArrowIconColor:transparent; 
--splideLeftArrowIconHeight:1rem; 
@media (min-width: 60em) { --splideLeftArrowIconHeight:2.2rem; } 
@media (min-width: 60em) { --splideLeftArrowIconWidth:8.6rem; } 
--splidePaginationPageColorActive:#F3CD76; 
--splidePaginationPageColor:#22262A; 
--splideRightArrowIconHeight:1rem; 
@media (min-width: 60em) { --splideRightArrowIconHeight:2.2rem; } 
@media (min-width: 60em) { --splideRightArrowIconWidth:8.6rem; } 
--splideRightArrowIconColor:transparent; 
--tabbedContentBlockHorizontalOutsideButtonBackgroundHighlight:repeat-x bottom; 
--tabbedContentBlockHorizontalOutsideButtonBackgroundSize:auto; 
--tabbedContentBlockVerticalOutsideButtonBackgroundHighlight:repeat-x bottom; 
--tabbedContentBlockVerticalOutsideButtonBackgroundImage:url('/media/dqzh5qtk/outside-tabbed-content-button-bg-v2.png'); 
--tabbedContentBlockVerticalOutsideButtonBackgroundImageHighlight:url('/media/p5dbe303/outside-tabbed-content-button-bg-highlight-v2.png'); 
--tabbedContentBlockVerticalOutsideButtonPadding:1.5rem 2.5rem; 
--tabbedContentBlockVerticalOutsideButtonBackground:no-repeat bottom left; 
--tabbedContentBlockVerticalOutsideButtonBackgroundHighlight:no-repeat bottom left; 
--tabbedContentBlockInsideButtonBorderBottomWidthHighlight:0; 
--tabbedContentBlockOutsideButtonBorderBottomWidthHighlight:0; 
--tabbedContentBlockHorizontalOutsideButtonColorHighlight:#d27329; 
--tabbedContentBlockHorizontalOutsideButtonTextTransform:uppercase; 
--tabbedContentBlockHorizontalOutsideButtonFontSize:1.6rem; 
--logoBlockLogoWidth:20rem; 
--cardImageBorderRadius:0rem; 
--cardGradientBackground:linear-gradient( var(--cardGradientAngle), rgba(1,6,14,.7) 0%, transparent 100% ); 
--summaryImageBorderRadius:0.5rem; 
--summaryImageBorder:1px solid rgba(80,86,95,.5); 
--summaryHeadingFontSize:2.6rem; 
--buttonPrimaryBorderWidth:0rem; 
--formFieldPadding:1rem; 
--formFieldGap:1rem; 
--formFieldSelectPadding:0.5rem; 
--formFieldBorderRadius:0.5rem; 
--formNavigationTopSpacing:1rem; 
--formFieldCheckboxSize:2rem; 
--formFieldCheckboxSelectedSize:2rem; 
--formFieldBorderWidth:0.1rem; 
--formLabelFontSize:1.2rem; 
--formFieldPadding:0.5rem; 
--formFieldBackgroundColor:#000713; 
--formFieldBorderColor:#f1ecda40; 
--buttonPrimaryBackgroundColor:rgba(0,0,0,0); 
--buttonPrimaryBackgroundColorHighlight:rgba(0,0,0,0); 
--buttonPrimaryDecorativeImageAfterPosition:1px; 
--buttonPrimaryDecorativeImageBeforePosition:1px; 
--buttonPrimaryDecorativeImageWidth:4rem; 
--buttonSecondaryBackgroundColor:rgba(0,0,0,0); 
--buttonSecondaryBackgroundColorHighlight:rgba(0,0,0,0); 
--buttonTertiaryBackgroundColor:rgba(0,0,0,0); 
--buttonTertiaryBackgroundColorHighlight:rgba(0,0,0,0); 
--buttonQuaternaryBackgroundColor:rgba(0,0,0,0); 
--buttonQuaternaryBackgroundColorHighlight:rgba(0,0,0,0); 
--buttonQuaternaryDecorativeImageAspectRatio:25 / 68; 
--buttonQuaternaryDecorativeImageWidth:2.1rem; 
--galleryBlockItemTransitionDuration:0.3s; 
--galleryBlockItemTransitionTiming:cubic-bezier(0, 0, .35, 1); 
--globalHeaderLogoWidthCompressed:6rem; 
--plaionFontFamilyDefault:Oswald, CheddarGothic, Helvetica, Arial, sans-serif; 
--globalHeaderBackgroundColor:#1a1a1a; 
--membershipLinkLoggedOutTextDecorationCompressed:none; 
--globalHeaderNavSpacing:var(--spacingLarge); 
--globalHeaderLinkColorHighlight:#ff2031; 
--globalHeaderMenuLineHeight:1.5rem; 
--globalHeaderMenuFontSize:1.5rem; 
--globalHeaderMenuFontSizeCompressed:1.5rem; 
--globalHeaderMenuLineHeightCompressed:1.5rem; 
--languagePickerFontWeight:400; 
--accordionBlockOverlayClosedBackgroundHorizontal:linear-gradient( var(--accordionBlockOverlayGradientClosedAngleHorizontal), #00061250 0%, #00061250 100% ); 
--accordionBlockOverlayOpenBackgroundBottom:linear-gradient(-160deg, #00061200 30%, #00061290 100%); 
--accordionBlockOverlayClosedBackground:linear-gradient( -160deg, #00061220 0%, #00061290 100% ); 
--footerGlobalLogoImageHeight:10rem; 
--footerGlobalTaglineFontSize:1.5rem; 
--burgerLine3Length:1.2rem; 
--burgerLineLength:2.2rem; 
--burgerLineLengthEnd:3rem; 
--burgerLineThicknessEnd:0.2rem; 

}

/*--------------------GLOBALMENU-------------------------------*/
#global-header-dropdown .link__icon{
    width:1.1rem;
}
.global-header{
    background-color:#1a1a1a;
    font-family:Oswald, CheddarGothic, Helvetica, Arial, sans-serif;
    font-weight:400;
    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;
}
.global-header .constrain{
    padding-left: 0px;
    padding-right: 0px;
}
/*--------------------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;
}
/*-------------------------------------MENU-------------------------------------------*/
.primary-header{
    border-bottom: 1px solid rgba(243,205,118,.4);
}
.burger {
    width:3.2rem;
    height:5rem;
}
.primary-header__logo-image{
    height:4rem;
}
.primary-header .constrain{
    padding-left:5px;
    padding-right:5px;
}
.primary-nav__item{
    font-size:1.5rem;
}
.primary-header .btn--quaternary .link__text{
    letter-spacing:2px;
}
.primary-header .btn--quaternary:hover .link__text{
    color:#060d1e;
    letter-spacing:2px;
}
.primary-nav__items{
    gap:2.5rem;
}


/*-------------------------------------DLC1-------------------------------------------*/
/*HERO-BWD*/
#curtains-bwd {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 3;
    margin: 0;
    padding: 0;
}
#curtains-bwd .constrain--full{
    padding-left: 0;
    padding-right: 0;
}
#curtains-bwd .decoration{
    transform: translate(0, 0);
}
.watchTrailer-bwd{
    margin-top: 2rem;
}
.watchTrailer-bwd .link--default{
    align-items: normal;
}
.watchTrailer-bwd .link__text{
    font-size:1.7rem;
    font-family:AdobeCalson, Lusitana, serif;
    color: #d1b15c;
    letter-spacing: 1px;
}
.watchTrailer-bwd .link__icon{
    height:1.6rem;
    width:1.6rem;
}
.platform-container-bwd .logo-block__logo{
    padding:0 1.5rem;
}
.platform-container-bwd .logo-block__logo .badge-wrapper{
    vertical-align:middle;
}
.platform-container-bwd .logo-block__logos{
    background-color:#090e1640;
    padding:1.3rem 3rem;
    border:1px solid #6859bf;
    border-radius:0.6rem;
    margin:1rem;
}
/*ABOUT-BWD*/
#intro-bwd .about-headline-bwd{
    font-family:Osgard, serif;
    font-size:8rem;
    line-height:0.7;
    padding-bottom:3rem;
}
#intro-bwd .about-subline-bwd{
    letter-spacing:.1rem;
    font-size:2.8rem;
}
#intro-bwd .about-description-bwd{
    font-size:1.8rem;
}
#featuresection-bwd .decoration {
    z-index:2;
}
#featuresection-bwd .section__layout{
    border: 1px solid #443d6f;
    border-radius: 1.5rem;
}
#featuresection-bwd .featuresection-img-bwd{
    transform:scale(1.1);
}
#featuresection-bwd .featuresection-img-shield-bwd{
    transform:scale(1.1);
}
#featuresection-bwd .featuresection-img-bwd .column-span{
    border-left: 0;
    border-right: 0;
}
#featuresection-bwd .featuresection-img-shield-bwd .column-span{
    border-left: 0;
    border-right: 0;
}
#featuresection-bwd .featuresection-img-bwd .image-block__image-container {
    border-radius: 1rem;
    border: 1px solid #6859bf;
}
#featuresection-bwd .featuresection-text-bwd{
    padding:0 2rem 0 4rem;
}
#featuresection-bwd .featuresection-text-bwd p {
    font-size:1.8rem;
}
/*MEDIA-BWD*/
#media-bwd .tabbed-content-block__tabs{
    overflow:visible;
}
#media-bwd .splide__track {
    overflow:visible;
}
#media-bwd .splide__arrow--prev {
    left:-40px;
}
#media-bwd .splide__arrow--next {
    right:-40px;
}
.section--pattern .splide__pagination__page.is-active:before{
    background-color:#f3cd7600;
    border-radius:50%;
}
.section--pattern .splide__pagination__page:before {
    background-color:#f3cd76;
}
#media-bwd .grid__item picture{
    filter:brightness(0.5);
    transition:filter var(--buttonTransitionDuration) var(--buttonTransitionTiming);
}
#media-bwd .grid__item:hover picture{
    filter:brightness(1);
}
#media-bwd .gallery-block__item{
    border-radius: 1rem;
    border: 1px solid #6859bf;
}
#expansion-pass p{
    font-size:2.4rem;
    line-height:1.2;
    font-weight:300;
}
/*------------------------------------------MODALS-----------------------------------*/
[data-id="modal-heroTrailer"]{
    max-width:276px;
}
[data-id="modal-heroTrailer"] .modal-trigger__background{
    filter:drop-shadow(0 0 12px rgba(0,5,13,.7)) brightness(.7);;
    transition: filter .3s linear;
    border-width:1px;
    border-style:solid;
    border-radius:1rem;
    border-color:#d1b15c;
    transition-duration: 300ms;
}
[data-id="modal-heroTrailer"]:hover .modal-trigger__background{
    filter:drop-shadow(0 0 22px rgba(0,5,13,.7)) brightness(1);
    transition:filter .3s linear;
}
[data-id="modal-watchTrailerText"] {
    font-family: var(--fontFamilyH6);
    line-height: var(--lineHeightH6);
    color: #d1b15c;
    letter-spacing: 1px;
    font-size: 17px;
}
[data-id="modal-watchTrailerText"] .link--default {
    text-decoration:none;
}
[data-id="modal-watchTrailerText"]:hover [data-id="modal-heroTrailer"] .modal-trigger__background{
    filter:brightness(1);
}

/*------------------------------------------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;
    color:#f1ecda;
}
.umbraco-forms-form .umbraco-forms-field{
    gap: 0.4rem;
    margin:1.5rem 0 0 0;
}



/*--------------------------------------HERO---------------------------------------*/
#hero .section__media .section__media-video .embed__source{
    width:100%;
}
#hero .logo-block__logo img {
    filter:brightness(0) saturate(100%) invert(95%) sepia(7%) saturate(441%) hue-rotate(356deg) brightness(102%) contrast(89%);
}
/*#hero .section__media{
    max-height:800px;
}*/
#hero .logo-block{
    padding: 20px 0 30px 0;
    background:
        linear-gradient( 90deg, rgba(210,115,42,0) 0%, rgba(210,115,42,.8) calc(50% - 100px),rgba(210,115,42,0) calc(50% - 100px), rgba(210,115,42, 0) calc(50% + 95px),rgba(210,115,42,.8) calc(50% + 95px), rgba(210,115,42,0) 100%) top,
        linear-gradient(-90deg, rgba(210,115,42,0) 0%, rgba(210,115,42,.8) 50%, rgba(210,115,42,0) 100%) bottom;
    background-repeat:no-repeat;
    background-size:100% 1px;
}
#hero .logo-block__logo{
    padding: 0 2rem;
}

/*------------------------------------MEDIA--------------------------------*/
#media .tabbed-content-block__tabs{
    overflow:visible;
}
#media .grid__item picture{
    filter:brightness(0.5);
    transition:filter var(--buttonTransitionDuration) var(--buttonTransitionTiming);
}
#media .grid__item:hover picture{
    filter:brightness(1);
}

/*-----------------------------------BUTTONS-------------------------------------*/
.btn--secondary, a.btn--secondary {
    border:none;
}
.btn, .btn:before, .btn:after{
    transition:
        background var(--buttonTransitionDuration) var(--buttonTransitionTiming),
        transform var(--buttonTransitionDuration) var(--buttonTransitionTiming)!important;
}
.btn--quaternary, a.btn--quaternary{
    transform:none;
}
.btn--quaternary:hover, a.btn--quaternary:hover{
    transform:none;
}



/*----------------------------------------NEWSLETTER---------------------------------------*/
#newsletter1{
    border: 1px solid #33507a;
    border-radius: 20px;
}
#newsletter1 .decoration{
    bottom: calc(var(--spacingDefault)* -2);
    transform:none;
}
#newsletter1 h5{
    margin-bottom:1rem;
}
#newsletter1 .group{
    padding:1rem 2rem;
}

/*----------------------------------------ICONS----------------------------------------------*/
.sectionIcon:before{
    display: inline-block;
    padding-right:10px;
}
.rpgIco:before {
    content:url('/media/t3pjxwl1/rpg-section-ico.png');
}
.combatIco:before {
    content:url('/media/qnqpc11r/section-ico_weapons-combat.png');
}
.worldIco:before {
    content:url('/media/oasbelcx/section-ico_city-locations.png');
}
.charIco:before {
    content:url('/media/fxqdg0ks/section-ico_soldier-characters.png');
}
.newsIco:before {
    content:url('/media/kplhwqkc/section-ico_birb-news.png');
}
.newsletterIco:before {
    content:url('/media/l3pnqcsq/newsletter.png');
}
.mediaIco:before {
    content:url('/media/utpp4ygj/section-ico_dish-media.png');
}

/*--------------------------------------------------NEWS--------------------------------------------*/
.summary.card-layout:hover img{
    transform:scale(1.2);
    filter: brightness(1);
}
.summary.card-layout:hover .summary__heading{
    color:rgba(182,98,34,1);
}
.summary.card-layout:hover .summary__image-container{
    border:1px solid rgba(182,98,34,1);
}
/*---------------------------------------COMBAT---------------------------------*/
#combat .card{
    border-style: solid;
    border-width: 2px;
    border-radius: 1.5rem;
    border-color: #815825;
}
#combat .card--background-image{
    aspect-ratio: 3 / 2;
}
/*--------------------------------------CHARACTERS---------------------------------------*/
#characters .tab-button__icon{
    height:100%;
    width:auto;
    margin:0 0 0 -20px;
}
#characters .tabbed-content-block__tab-list-item-button.unbutton{
    height:15rem;
    width:inherit;
    color: rgba(0,0,0,0);
}
#characters .tabbed-content-block__tab-list{
    justify-content:center;
}
#characters .tabbed-content-block__tabs{
    overflow:visible;
    z-index:-1;
}
.char-overline{
    font-family: Pangaia, serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #50565f;
    padding: 0;
    margin: 5px 0;
}
/*----------------------------------------------RPG---------------------------------------------*/
#rpg .card{
    border-width:1px;
    border-style:solid;
    border-color:#815825;
    border-radius:1.5rem;
}
#rpg .card__logo-image{
    width:20px;
}
#rpg .card:hover .text-hoverEffect{
    display:inline;
}
.text-hoverEffect{
    display:none;
}

/*---------------------------------------MISC------------------------------*/
#recap {
    border-top: 1px solid #F3CD7650;
}
@media (max-width:768px) {
    .mobile-text-centering{
        text-align:center;
        padding:0 2.5rem 0 2.5rem;
    }
}
#flex-direction-fix .splide__list{
    flex-direction:column;
}
.accordion-block{
    border-width:2px;
    border-style:solid;
    border-color:#815825;
    border-radius:1.5rem;
}

.summary.card-layout img{
    filter: brightness(0.6);
    transition: transform .15s linear,filter .15s linear;
}
/*-----------------------------------SOCIAL------------------------------------*/
#social-in-content{
    visibility:hidden;
    height:0;
}
#social-sidebar{
    visibility:visible;
    position: fixed;
    z-index: 1000;
    width: 60px;
    transform: translate(0px -50%);
    top: 50%;
    left:40px;
}
#social-sidebar img, #social-in-content img{
    filter:brightness(0) saturate(100%) invert(95%) sepia(7%) saturate(441%) hue-rotate(356deg) brightness(102%) contrast(89%);
}

#social-sidebar .section__content{
    height:0px;
}
#social-sidebar .section__media{
    height:0px;
}
#social-sidebar .badge-wrapper{
    vertical-align:middle;
}
#social-sidebar .logo-block__logo {
    padding:0;
    max-height:3rem
}
#social-sidebar .logo-block__logo-image {
    margin:0;
    padding:0.5rem;
}
/*-------------------------<1400--------------------------*/
@media only screen and (max-width: 1400px) {
    /*
    #editionSection .constrain, #locations .constrain, #news .constrain, #characters .constrain, #media .constrain, #rpg .constrain, #combat .constrain, #intro .constrain, #features .constrain
    {
        padding-left: var(--gutterLarge);
        padding-right: var(--gutterLarge);
    }
    */
    
    .constrain{
        padding-left: var(--gutterLarge);
        padding-right: var(--gutterLarge);
    }
    #combat .tabbed-content-block__tab .constrain {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    #characters .tabbed-content-block__tab .constrain {
        padding-left: var(--gutterSmall)!important;
        padding-right: var(--gutterSmall)!important;
    }
    #locations .accordion-block__panel-content .constrain {
        padding-left: var(--gutterSmall)!important;
        padding-right: var(--gutterSmall)!important;
    }
    #social-sidebar .constrain {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    #media .section__constrain .constrain {
        padding-left: 0;
        padding-right: 0;
    }
}

/*-------------------------<1280--------------------------*/
@media only screen and (max-width: 1280px) {
    #intro-bwd .about-headline-bwd{
        font-size:8rem;
    }
    #featuresection-bwd .constrain{
        width:85%;
    }
    #combat .card--background-image{
        aspect-ratio: 3 / 2;
    }
    .sectionIcon:before {
        vertical-align: sub;
    }
    .text-hoverEffect{
        display:inline;
    }
    #social-sidebar{
        left:5px;
    }
    #social-sidebar .logo-block__logo {
        padding:0.5rem;
    }

}
/*-------------------------<1120--------------------------*/
@media only screen and (max-width: 1120px) {
    #featuresection-bwd .featuresection-text-bwd p{
        font-size:1.6rem;
        line-height:1.3;
    }
    #media-bwd .splide__arrow--prev {
        left:5%;
    }
    #media-bwd .splide__arrow--next {
        right:5%;
    }
}
/*-------------------------<980--------------------------*/
@media only screen and (max-width: 980px) {
    #expansion-pass .decoration{
        top:-25px;
    }
    #featuresection-bwd .featuresection-text-bwd {
        padding: 1rem 0rem 2rem 0rem;
    }
}
/*------------------------<768---------------------------*/
@media only screen and (max-width: 768px) {
    .logo-container-bwd{
        padding-left: 15%;
        padding-right: 15%;
    }
    #intro-bwd .about-headline-bwd{
        font-size:5rem;
    }
    #featuresection-bwd .constrain{
        width:80%;
    }
    #featuresection-bwd .featuresection-text-bwd {
        padding: 1rem 0rem 3rem 0rem;
    }
    #expansion-pass p {
        font-size:2rem;
    }
    #expansion-pass .content-group-bwd{
        padding-left: 10%;
        padding-right: 10%;
    }
    #characters .section--bottom-padding-large>.section__content {
        padding-bottom: 1rem;
    }
    #characters .section--top-padding-large>.section__content {
        padding-top: 1rem;
    }
    #characters .image-block{
        display:none;
    }
    #characters .tabbed-content-block__tab-list-item-button.unbutton{
        height:12rem;
    }
    #social-sidebar .logo-block__logo {
        padding:0.3rem;
    }
    #locations .column-span {
        border-left:3.2rem solid transparent;
        border-right:3.2rem solid transparent;
    }
}
/*-------------------------<540--------------------------*/
@media only screen and (max-width: 540px) {
    #expansion-pass .decoration{
        width:70%;
    }
}
/*------------------------<480---------------------------*/
@media only screen and (max-width: 480px) {
    #combat .card--background-image{
        aspect-ratio: 1 / 1;
    }
    #characters .tabbed-content-block__tab-list-item-button.unbutton{
        height:10rem;
    }
    
    #social-in-content{
        visibility:visible;
        height:auto;
    }
    #social-sidebar{
        visibility:hidden;
    }
    .constrain{
        padding-left: var(--gutterSmall);
        padding-right: var(--gutterSmall);
    }
    
    #locations .column-span {
        border-left:2.6rem solid transparent;
        border-right:2.6rem solid transparent;
    }
    /* #rpg .constrain{
        padding-left: var(--gutter);
        padding-right: var(--gutter);
    }
    #editionSection .constrain{
        padding-left: var(--gutter);
        
    }
    #social .constrain {
        padding-left: 0;
    } */
}



