@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: 'Lateef'; src: url('/media/tdrjk40c/lateef-regular.ttf'); font-style: normal; font-weight: 400; }
@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: 'Bellefair'; src: url('/media/nhsm3ttt/bellefair-regular.ttf'); font-style: normal; font-weight: 400; }
@font-face { font-family: 'AdobeCalson'; src: url('/media/vcjdiil0/adobe-calson-font.woff2'); font-style: normal; font-weight: 400; }
@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; }


:root,
:host {

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

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

    --colorSiteBackground: #000000;
    
    --colorTextDefault: #cecdcd;
    --colorTextAlternative: #c0b279;

    --colorPrimary: #c0b279;
    --colorTextOnPrimary: #323232;
    --colorSecondary: #cecdcd;
    --colorTextOnSecondary: #323232;
    
    
    
    
    
    
    
    

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

    
    
    
    

    

    
    
    
    
    
    
    
    
    

    --primaryHeaderFontFamily: Bellefair, Lusitana, serif;
    --primaryHeaderFontSize: 1.8rem;
    --primaryHeaderLinkColor: #cecdcd;
    --primaryHeaderLinkColorHighlight: #c0b279;
    

    
    
    
    
    --primaryHeaderMaskOverhang: 0px;

    

    --footerSegmentFontFamily: Bellefair, Lusitana, serif;
    --footerSegmentFontSize: 1.4rem;
    
    

    
    
    --footerSegmentBackgroundImage: url('/media/ymbnnsnm/footer-bg.jpg');

    --footerSegmentLinksHeadingColor: #9a9a9a;
    --footerSegmentLinksHeadingFontFamily:  Lateef, Bellefair, Lusitana, AdobeCalson, serif;
    --footerSegmentLinksHeadingFontSize: 1.8rem;
    --footerSegmentLinkColor: #f3f6f4;
    --footerSegmentLinkColorHighlight: #c0b279;
    --footerSegmentLinkFontFamily:  Bellefair, Lateef, Lusitana, AdobeCalson, serif;
    --footerSegmentLinkFontSize: 1.8rem;
    

    --footerSegmentSocialLinkColor: #9a9a9a;
    --footerSegmentSocialLinkColorHighlight: #c0b279;

    --footerSegmentLegalTextColor: #9a9a9a;
    --footerSegmentLegalTextFontFamily: Lateef, Bellefair, Lusitana, AdobeCalson, serif;
    --footerSegmentLegalTextFontSize: 1.7rem;

    
    

    
    

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

    --buttonFontFamily: Lateef, Bellefair, Lusitana, serif;
    --buttonFontSize: 1.8rem;
    --buttonLineHeight: 1.8rem;
    
    
    
    

    
    
    
    --buttonPrimaryBackgroundColor: rgba(178, 121, 0, 0);
    --buttonPrimaryBackgroundColorHighlight: rgba(178, 121, 0, 0);
    --buttonPrimaryBackgroundColorDisabled: rgba(188, 188, 0, 0);
    --buttonPrimaryBackgroundImage: url('/media/etppebfn/cta-primary-mid.png');
    --buttonPrimaryBackgroundImageHighlight: url('/media/nlldu4um/cta-primary-mid-hover.png');
    --buttonPrimaryBackgroundImageDisabled: url('/media/yzbf511n/cta-primary-mid-disabled.png');
    --buttonPrimaryDecorativeImageBefore: url('/media/b3gbj04x/cta-primary-left.png');
    --buttonPrimaryDecorativeImageBeforeHighlight: url('/media/apxn4hzv/cta-primary-left-hover.png');
    --buttonPrimaryDecorativeImageBeforeDisabled: url('/media/afupbgu0/cta-primary-left-disabled.png');
    --buttonPrimaryDecorativeImageAfter: url('/media/wbhnvlh3/cta-primary-right.png');
    --buttonPrimaryDecorativeImageAfterHighlight: url('/media/4vhfo5gf/cta-primary-right-hover.png');
    --buttonPrimaryDecorativeImageAfterDisabled: url('/media/iayedpcl/cta-primary-right-disabled.png');
    --buttonPrimaryDecorativeImageAspectRatio: 66/106;
    
    --buttonPrimaryFontSize: 4.6rem;
    --buttonPrimaryLineHeight: 4.6rem;
    --buttonPrimaryTextTransform: none;
    
    --buttonPrimaryPadding: 1rem 0;
    --buttonPrimaryTextColor: #000000;
    --buttonPrimaryTextColorHighlight: #000000;
    --buttonPrimaryTextColorDisabled: #999999;

    --buttonPrimaryBorderColor: rgba(178, 121, 0, 0);
    
    
    --buttonPrimaryBorderRadius: 0rem;
    --buttonPrimaryBorderWidth: 0rem;

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

    
    
    

    
    
    
    --buttonSecondaryBackgroundColor: rgba(0, 0, 0, 0);
    --buttonSecondaryBackgroundColorHighlight: #c0b279;
    --buttonSecondaryBackgroundColorDisabled: rgba(0, 0, 0, 0);
    
    
    
    
    
    
    
    
    
    
    
    
    --buttonSecondaryFontSize: 1.8rem;
    --buttonSecondaryLineHeight: 1.8rem;
    --buttonSecondaryTextTransform: uppercase;
    
    --buttonSecondaryPadding: 1rem 1.5rem;
    --buttonSecondaryTextColor: #777f8b;
    --buttonSecondaryTextColorHighlight: #000000;
    --buttonSecondaryTextColorDisabled: #bcbcbc;

    --buttonSecondaryBorderColor: #777f8b;
    --buttonSecondaryBorderColorHighlight: #c0b279;
    --buttonSecondaryBorderColorDisabled: #bcbcbc;
    --buttonSecondaryBorderRadius: 0.2rem;
    --buttonSecondaryBorderWidth: 0.1rem;

    
    
    
    
    
    
    
    

    
    
    

    
    
    
    --buttonTertiaryBackgroundColor: rgba(0, 0, 0, 0);
    --buttonTertiaryBackgroundColorHighlight: #000000;
    --buttonTertiaryBackgroundColorDisabled: rgba(0, 0, 0, 0);
    
    
    
    
    
    
    
    
    
    
    
    
    --buttonTertiaryFontSize: 2.2rem;
    --buttonTertiaryLineHeight: 2.2rem;
    --buttonTertiaryTextTransform: uppercase;
    
    --buttonTertiaryPadding: 1rem 1.5rem;
    --buttonTertiaryTextColor: #000000;
    --buttonTertiaryTextColorHighlight: #ffffff;
    --buttonTertiaryTextColorDisabled: #bcbcbc;

    --buttonTertiaryBorderColor: #000000;
    --buttonTertiaryBorderColorHighlight: #000000;
    --buttonTertiaryBorderColorDisabled: #bcbcbc;
    --buttonTertiaryBorderRadius: 0.4rem;
    --buttonTertiaryBorderWidth: 0.1rem;

    
    
    
    
    
    
    
    

    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    --buttonQuaternaryTextColorHighlight: #ffffff;
    

    
    
    
    
    

    
    --buttonQuaternaryIconAfterColor: #ffffff;
    
    
    
    
    
    

    --buttonQuaternaryBackgroundColor: transparent;
    --buttonQuaternaryBackgroundColorHighlight: transparent;
    --buttonQuaternaryBackgroundColorDisabled: transparent;

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    --buttonQuinaryBorderRadius: 0rem;
    

    
    
    
    
    
    
    
    

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

    --cardBorderRadius: 1rem;
    
    
    --cardImageBorderRadius: 1rem;
    
    
    
    
    
    --cardTextAlignment: left;

    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    
    
    
    
    
    
    
    

    
    

    
    
    
    
    
    
    
    

    
    
    
    
    

    
    
    
    
    
    
    
    
    

--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; 
--burgerLineThicknessEnd:0.2rem; 
--burgerLineLengthEnd:3rem; 
--burgerLineLength:2.2rem; 
--burgerLine3Length:1.2rem; 
--footerGlobalTaglineFontSize:1.5rem; 
--footerGlobalLogoImageHeight:10rem; 
--accordionBlockOverlayClosedBackground:linear-gradient( -160deg, #00061220 0%, #00061290 100% ); 
--accordionBlockOverlayOpenBackgroundBottom:linear-gradient(-160deg, #00061200 30%, #00061290 100%); 
--accordionBlockOverlayClosedBackgroundHorizontal:linear-gradient( var(--accordionBlockOverlayGradientClosedAngleHorizontal), #00061250 0%, #00061250 100% ); 
--languagePickerFontWeight:400; 
--globalHeaderMenuLineHeightCompressed:1.5rem; 
--globalHeaderMenuFontSizeCompressed:1.5rem; 
--globalHeaderMenuFontSize:1.5rem; 
--globalHeaderMenuLineHeight:1.5rem; 
--globalHeaderLinkColorHighlight:#ff2031; 
--globalHeaderNavSpacing:var(--spacingLarge); 
--membershipLinkLoggedOutTextDecorationCompressed:none; 
--globalHeaderBackgroundColor:#1a1a1a; 
--plaionFontFamilyDefault:Oswald, CheddarGothic, Helvetica, Arial, sans-serif; 
--globalHeaderLogoWidthCompressed:6rem; 
--galleryBlockItemTransitionTiming:cubic-bezier(0, 0, .35, 1); 
--galleryBlockItemTransitionDuration:0.3s; 
--formFieldBorderColor:#f1ecda40; 
--formFieldBackgroundColor:#000713; 
--formLabelFontSize:1.2rem; 
--formFieldBorderWidth:0.1rem; 
--formFieldCheckboxSelectedSize:2rem; 
--formFieldCheckboxSize:2rem; 
--formNavigationTopSpacing:1rem; 
--formFieldBorderRadius:0.5rem; 
--formFieldSelectPadding:1rem; 
--formFieldContentGap:0.4rem; 
--formFieldGap:1.5rem; 
--formFieldPadding:1rem; 
--summaryHeadingFontSize:2.6rem; 
--summaryImageBorder:1px solid rgba(80,86,95,.5); 
--summaryImageBorderRadius:0.5rem; 
--cardGradientBackground:linear-gradient( var(--cardGradientAngle), rgba(1,6,14,.7) 0%, transparent 100% ); 
--logoBlockLogoWidth:20rem; 

}

/*--------------------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.8rem;
}
.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;
}
/*------------------------------------FOOTER-------------------------------------*/
.primary-footer{
    border-top: 1px solid rgba(243,205,118,.4);
}
/*------------------------------------GENERAL-------------------------------------*/
.primary-btn-align {
    margin:0 -40px 0 40px;
}
.btn--primary {
    transform:none;
}
.btn--primary:hover {
    transform:scale(1)!important;
}

#hero .nav-dropdown__menu{
    border: 1px solid #ffffff30;
    background-color: #0e0e0e;
}
/*.btn--primary:focus-visible,
.btn--primary:hover,
.btn--primary.is-active,
.nav-dropdown:focus-visible .btn--primary,
a.btn--primary:focus-visible,
a.btn--primary:hover,
a.btn--primary.is-active,
.nav-dropdown:focus-visible a.btn--primary,
button.btn--primary:focus-visible,
button.btn--primary:hover,
button.btn--primary.is-active,
.nav-dropdown:focus-visible button.btn--primary,
input.btn--primary:focus-visible, input.btn--primary:hover,
input.btn--primary.is-active,
.nav-dropdown:focus-visible input.btn--primary,
.ccc-accept-button--primary:focus-visible,
.ccc-accept-button--primary:hover,
.ccc-accept-button--primary.is-active,
.nav-dropdown:focus-visible .ccc-accept-button--primary,
.ccc-reject-button--primary:focus-visible,
.ccc-reject-button--primary:hover,
.ccc-reject-button--primary.is-active,
.nav-dropdown:focus-visible .ccc-reject-button--primary,
.ccc-close-button--primary:focus-visible,
.ccc-close-button--primary:hover,
.ccc-close-button--primary.is-active,
{
    transform:scale(1)!important;
}*/

.primary-btn-align .column-span {
    border-left: 0!important;
    border-right: 0!important;
}
#maincontent {
    background-image:url("/media/dyvigxg2/full-web-texture.webp");
    background-repeat: repeat;
}
h1, h2, h3, h4, h5, h6{
    font-family: Lateef, Bellefair, Lusitana, AdobeCalson, serif;
    font-weight:400!important;
}
.text--h1, .text--h2, .text--h3, .text--h4, .text--h5, .text--h6 {
    font-family: Lateef, Bellefair, Lusitana, AdobeCalson, serif;
    font-weight:400!important;
}

.text--h1{
    letter-spacing: -0.5rem;
}
.text--h2{
    letter-spacing: -0.3rem;
}
.text--h3{
    letter-spacing: -0.1rem;
}
#hero .headline {
    font-family: Lateef, Bellefair, Lusitana, AdobeCalson, serif!important;
    color:#ffffff;
    font-size: 6.8rem;
    line-height: 5rem!important;
    letter-spacing:0;
    margin: 0 0 3rem 0;
}
.overline {
    font-family: Bellefair, Lusitana, Lateef, AdobeCalson, serif !important;
    margin: 0 0 1.3rem 0;
    font-size: 1.4rem;
    color: #9a9a9a;
    text-transform: uppercase;
    font-weight:400!important;
}
.headline {
    font-family: Bellefair, Lusitana, Lateef, AdobeCalson, serif !important;
    margin: 0 0 3.6rem 0;
    font-size: 6.8rem;
    line-height: 6.2rem !important;
    font-weight:400!important;
    color: #c0b279;
    letter-spacing: -0.4rem;
}
/*.description {
    font-family: Lateef, Bellefair, Lusitana, AdobeCalson, serif!important;
    color:#cecdcd;
    font-size: 2.4rem;
    line-height: 3rem;
    letter-spacing:0.05rem;
}*/
.description {
    font-family: Bellefair, Lusitana, AdobeCalson, serif !important;
    color: #cecdcd;
    font-size: 2.2rem;
    line-height: 3rem;
    letter-spacing: -0.03rem;
}
.feature-text-container .overline {
    margin: 0 0 20px 0;
}
.feature-text-container .headline {
    margin:0 0 10px 0;
    font-size:4.8rem;
    line-height:4.2rem!important;
    letter-spacing: -0.2rem;
}
.feature-text-container .image-block__image {
    width:7rem;
    margin: 0 0 2rem 0;
}
#web-side-deco .decoration {
    transform: translate(0, -5%);
}

#feature .column-span--4 {
    flex-basis: 40%;
    max-width: 40%;
}
/*------------------------------------CARD---------------------------------*/
#merch .card {
    height: 200px;
    width: 100%;
    border-radius: 0.8rem;
}
#merch .card .card__image {
    width:40%;
}
#merch .card--pattern-background{
    padding-bottom:0;
}
#merch .card--horizontal.card--background-image .card__link-container {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    justify-self: center;
    padding: 0;
}
#merch .card--horizontal.card--background-image .card__content {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    justify-self: center;
    padding: 0;
}
#merch .card--horizontal.card--background-image {
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr 1fr;
}
#merch .card__content .card__heading {
    font-family: Bellefair, Lusitana, AdobeCalson, serif !important;
    color: #0a0909!important;
    font-size: 4.5rem!important;
    line-height: 4rem!important;
    letter-spacing: -0.2rem!important;
    
}

.grid-carousel .card__text p{
    line-height:2.2rem;
    font-size:2rem;
}
/*------------------------------------MEDIA--------------------------------*/

.tabbed-content-block__tab-list{
    margin-bottom:2rem;
}
.tabbed-content-block--horizontal-outside .tabbed-content-block__tab-list-item-button.unbutton,
.tabbed-content-block--vertical-outside .tabbed-content-block__tab-list-item-button.unbutton{
    font-size: 2.6rem;
    line-height:2.6rem;
}
.tabbed-content-block__tab-list .is-active{
    border-radius:0.8rem;
    border:1px solid #c0b27950;
    color:#c0b279;
}
#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);
}
#media .gallery-block__item{
    border-radius: 1rem;
    border: 0.1rem solid #50565f80;
}
#media .gallery-block__item:hover{
    border: 0.2rem solid  #c0b279;
}

/*------------------------------------------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-container .disclaimer p{
    font-size: 1.4rem;
    line-height: 1.5rem;
    color: #ffffff70;
    font-weight: 200;
}
.umbraco-forms-container .dataconsent {
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin:0.5rem 0 0 0;
}

/*----------------------------------------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;
}
#newsletter .newsletter-perks h2 {
    padding:0;
    margin:0 0 1.5rem 0;
}
#newsletter .newsletter-perks h4 {
    padding:0;
    margin:0 0 1.5rem 0;
}
#newsletter .newsletter-perks ul li {
	margin-bottom: 1rem;
	height: auto;
	padding: 1.5rem 0 1.5rem 3rem;
	background: no-repeat left;
	background-image: url('/media/zwpaj1kz/newsletter-perks-bg.png');
	background-size: contain;
}
#newsletter .newsletter-perks ul li:before {
    background:transparent;
}

/*--------------------------------------------------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);
}

/*---------------------------------------MISC------------------------------*/
#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;
}
/*-----------------------------------GRIDCAROUSEL------------------------------------*/
.splide__pagination__page:before,
.splide__pagination__page:after {
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}
.splide__pagination li {
    line-height:0;
}
.splide__pagination__page.is-active:after{
    background-color:#ffffff!important;
    height:1.5rem;
    width:1.5rem;
}
.splide__pagination__page:after{
    background-color:#ffffff00;
    border:1px solid #ffffff;
    height:1rem;
    width:1rem;
}
/*-----------------------------------SOCIAL------------------------------------*/

#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(90%) saturate(300%) invert(0%) 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;
}
#social-sidebar .logo-block__logo:hover img,
#social-in-content .logo-block__logo:hover img
{
    filter: brightness(0) saturate(100%) invert(76%) sepia(47%) saturate(275%) hue-rotate(11deg) brightness(86%) contrast(85%);
}
#social-in-content .logo-block__link {
    width:4rem;
}
#social-in-content .logo-block__logo {
    padding:0 2rem;
}

/*-------------------------<1400--------------------------*/
@media only screen and (max-width: 1400px) {
    #social-sidebar .constrain {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    #media .section__constrain .constrain {
        padding-left: 0;
        padding-right: 0;
    }
    .grid--as-carousel, .grid-carousel-title {
        margin: 0 3rem 0 3rem;
    }
}
/*----------------------------------------1366px-------------------------------------*/
@media only screen and (max-width: 1366px) {
    #feature .column-span--4 {
        flex-basis: 50%;
        max-width: 50%;
    }
}
/*-------------------------<1280--------------------------*/
@media only screen and (max-width: 1280px) {
    #hero .constrain, #media .constrain, #about .constrain, #feature .constrain {
        padding-left: var(--gutterLarge);
        padding-right: var(--gutterLarge);
    }
    #social-sidebar{
        left:5px;
    }
    #social-sidebar .logo-block__logo {
        padding:0.5rem;
    }
    .grid-carousel .card__heading{
        line-height: 2rem!important;
        font-size: 3rem!important;
    }
}
/*-------------------------<1120--------------------------*/
@media only screen and (max-width: 1120px) {
    #media .splide__arrow--prev {
        left:5%;
    }
    #media .splide__arrow--next {
        right:5%;
    }
    .grid-carousel .card__text p{
        line-height:1.7rem!important;
        font-size:1.9rem!important;
    }
    .grid-carousel .card__heading {
        line-height: 3.2rem!important;
        font-size: 4rem!important;
    }
}
/*-------------------------<1024--------------------------*/
@media only screen and (max-width: 1024px) {
    .grid-carousel .card__text p{
        line-height:2.8rem!important;
        font-size:2.3rem!important;
    }
}
/*-------------------------<980--------------------------*/
@media only screen and (max-width: 980px) {
    .grid--as-carousel, .grid-carousel-title {
        margin: 0 2rem 0 2rem;
    }
    #merch .card .card__image {
        width:45%;
        right:3rem;
    }
}
/*------------------------<768---------------------------*/
@media only screen and (max-width: 768px) {
    #feature .column-span--4 {
        flex-basis: 100%;
        max-width: 100%;
    }
    #social-sidebar .logo-block__logo {
        padding:0.3rem;
    }
    #social-in-content .logo-block__link {
        width: 3rem;
    }
    #social-in-content .logo-block__logo {
        padding: 1.5rem;
    }
    .grid-carousel .card__text p{
        line-height:1.7rem!important;
        font-size:1.9rem!important;
    }
    .grid-carousel .card__heading {
        line-height: 2.2rem!important;
        font-size: 2.5rem!important;
    }
    #merch .card .card__image {
        width: 60%;
        right: 8rem;
    }
}
/*-------------------------<600--------------------------*/
@media only screen and (max-width: 600px) {
    .grid-carousel .card__text p{
        line-height:2.1rem!important;
        font-size:2.1rem!important;
    }
    .grid-carousel .card__heading {
        line-height: 3.2rem!important;
        font-size: 4rem!important;
    }
    #merch .card__content .card__heading {
        font-size:3.5rem!important;
        line-height:3.5rem!important;
    }
    #merch .card .card__image {
        width: 65%;
        right: 10rem;
    }
}
/*-------------------------<540--------------------------*/
@media only screen and (max-width: 540px) {
    .grid--as-carousel, .grid-carousel-title {
        margin: 0 1rem 0 1rem;
    }
    #social-sidebar{
        visibility:hidden;
    }
    .constrain{
        padding-left: var(--gutterSmall);
        padding-right: var(--gutterSmall);
    }

}
/*------------------------<480---------------------------*/
@media only screen and (max-width: 480px) {
    #hero .constrain, #media .constrain, #about .constrain, #feature .constrain {
        padding-left: var(--gutterSmall);
        padding-right: var(--gutterSmall);
    }
    .splide__pagination {
        bottom:-10rem;
        padding:0;
    }
    .splide__pagination>li{
        margin:0.4rem;
    }
}


/*----------------------------------ANIMATION-----------------------------------*/
/*SCROLL*/
#scroll-anim .html-block{
    height:100%;
}

#scroll-anim .html-block .scroll {
    display: block;
    border-color: #ffffff;
    border-width: 2px;
    border-radius: 9999px;
    border-style:solid;
    animation: scroller 1.4s ease-in .8s infinite alternate;
    width: 1rem;
    height: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
@keyframes scroller {
    0% {
        transform: translateY(1rem)
    }

    50% {
        transform: translateY(4rem)
    }

    to {
        transform: translateY(4rem)
    }
}


#scroll-anim .html-block .scroll:before {
    content: "";
    background-image: linear-gradient(to top, #c0b279 0%, hsla(48, 36%, 61%, 0) 100%);
    animation: scrollerb 1.4s ease-in .8s infinite alternate;
    width: .2rem;
    height: 1rem;
    left: .2rem;
    bottom: 100%;
    position: absolute;
}
@keyframes scrollerb {
    0% {
        content: "";
        height: 1rem
    }

    50% {
        content: "";
        height: 4rem
    }

    to {
        content: "";
        height: 4rem
    }
}
.before\:animate-scrollerb:before {
    content: "";
    animation: scrollerb 1.4s ease-in .8s infinite alternate
}


#scroll-anim .html-block .scroll:after {
    content: "";
    background-image: linear-gradient(to bottom, #c0b279 0%, hsla(48, 36%, 61%, 0) 100%);
    animation: scrollera 1.4s ease-in .8s infinite alternate;
    width: .2rem;
    height: 4rem;
    top: 100%;
    left: .2rem;
    position: absolute;
}
@keyframes scrollera {
    0% {
        content: "";
        height: 4rem
    }

    50% {
        content: "";
        height: 1rem
    }

    to {
        content: "";
        height: 1rem
    }
}
.after\:animate-scrollera:after {
    content: "";
    animation: scrollera 1.4s ease-in .8s infinite alternate
}