@font-face{
    font-family:"Museo Sans W01_100";
    src:url("/_css/_f/fd9d5b5d-71c1-4db0-bf20-cd7e3ce4d069.woff2") format("woff2"),url("/_css/_f/e976d680-12b6-411e-9f79-0ef9287f484d.woff") format("woff");
}
@font-face{
    font-family:"Museo Sans W01_300";
    src:url("/_css/_f/1d3191cd-ae8c-45e2-bb04-11e96d8fa974.woff2") format("woff2"),url("/_css/_f/b252d464-65cb-4950-88f7-ac0a1bf79b75.woff") format("woff");
}
@font-face{
    font-family:"Museo Sans W01_500";
    src:url("/_css/_f/d9896899-f08c-4750-a874-a9e10d83c2cb.woff2") format("woff2"),url("/_css/_f/d42dd843-62b0-4623-8855-d5882512c3c9.woff") format("woff");
}
@font-face{
    font-family:"Museo Sans W01_700";
    src:url("/_css/_f/e2d37f34-6bca-473c-b64d-93811f4dc046.woff2") format("woff2"),url("/_css/_f/eadbb595-a394-48fc-834f-8bf5da15cddf.woff") format("woff");
}
@font-face{
    font-family:"Museo Sans W01_900";
    src:url("/_css/_f/009ca58d-46af-4651-a359-f0ae2301085b.woff2") format("woff2"),url("/_css/_f/3619b5f4-8df9-44f5-8c53-b7c236e9c74e.woff") format("woff");
}
@font-face{
    font-family:"Texta W05 Thin";
    src:url("/_css/_f/523a0bbb-5894-4cf4-9cef-83a65cd87805.woff2") format("woff2"),url("/_css/_f/d2764027-b9d6-4519-b82a-1bb86cb8c82a.woff") format("woff");
}
@font-face{
    font-family:"Texta W05 Light";
    src:url("/_css/_f/c8e79dba-84cf-4593-a007-d50a2092a588.woff2") format("woff2"),url("/_css/_f/7d57c231-aa03-4c9c-a4b0-4e9ada604300.woff") format("woff");
}
@font-face{
    font-family:"Texta W05 Book";
    src:url("/_css/_f/91e142d6-e946-4ff8-8b92-d5ee4076bf4f.woff2") format("woff2"),url("/_css/_f/69c963b6-9e0d-40ae-bd0f-c2d27a26928a.woff") format("woff");
}
@font-face{
    font-family:"Texta W05 Regular";
    src:url("/_css/_f/e78a7da2-b4fa-42f4-9cb6-ce66d87294af.woff2") format("woff2"),url("/_css/_f/b68c83f2-d2f1-4697-af62-4a227ff5a984.woff") format("woff");
}
@font-face{
    font-family:"Texta W05 Medium";
    src:url("/_css/_f/bdf36f4f-e210-4daf-a770-14f4d598b59d.woff2") format("woff2"),url("/_css/_f/7713914a-6224-469b-a0d7-de29bfa469a6.woff") format("woff");
}
@font-face{
    font-family:"Texta W05 Bold";
    src:url("/_css/_f/5933c329-ff2c-4106-8365-9a27da8e31cd.woff2") format("woff2"),url("/_css/_f/7f4d8e72-0b32-4024-b676-767d3366fcb9.woff") format("woff");
}
@font-face{
    font-family:"Texta W05 Heavy";
    src:url("/_css/_f/75469cdd-16f0-41f0-bbc2-94cb5b4eb8c8.woff2") format("woff2"),url("/_css/_f/ed17b90d-282f-465c-a1e4-0381f63e66d6.woff") format("woff");
}
@font-face{
    font-family:"Texta W05 Black";
    src:url("/_css/_f/60a346b5-3fee-46ed-afbf-8f65bf01ebc7.woff2") format("woff2"),url("/_css/_f/bc9ca0cc-95bd-428e-a75a-0318fe192135.woff") format("woff");
}



/*css.css*/
:root  {

	--black:				#161925;
	--red:					#C1292E;
	--blue:					#235789;
	--yellow:				#F1D302;
	--white:				#FDFFFC;


	--font:					'Texta W05 Light';
	--font-b:				'Texta W05 Medium';
	--font-hdr:				'Texta W05 Black';

	--width:				1240px ;
	--width:				990px;

}

body *  { box-sizing: border-box ; } 
html { overflow-y: scroll ; } 
body  { background-color: #fff ; color: #333 ; margin: 0 ; padding: 0 ; }
a    { color: #fff ; }

#cnt   { display: flex ; flex-flow: column nowrap ; }
#cnt   { font-family: var(--font) ; font-size: 1.1875rem ; line-height: 150% ; letter-spacing: 0.0075em ;} 

#cnt #head  { order: 10 ; grid-area: head ; --colour-text: var(--white) ; --colour-back: var(--black) ; --colour-link: var(--white) ;--colour-link-highlight: var(--black) ; }
#cnt #next  { order: 20 ; grid-area: next ; --colour-text: var(--black) ; --colour-back: var(--yellow) ; --colour-link: var(--black) ;--colour-link-highlight: var(--yellow) ; }
#cnt #news  { order: 05 ; grid-area: news ; --colour-text: var(--black) ; --colour-back: var(--red) ; --colour-link: var(--black) ;--colour-link-highlight: var(--yellow) ; }
#cnt #main  { order: 50 ; grid-area: main ; --colour-text: var(--black) ; --colour-back: var(--white) ; --colour-link: var(--black) ;--colour-link-highlight: var(--yellow) ; }
#cnt #find  { order: 64 ; grid-area: main ; --colour-text: var(--black) ; --colour-back: var(--yellow) ; --colour-link: var(--black) ;--colour-link-highlight: var(--white) ; }
#cnt #high  { order: 65 ; grid-area: high ; --colour-text: var(--white) ; --colour-back: var(--black) ; --colour-link: var(--white) ;--colour-link-highlight: var(--yellow) ; }
#cnt #what  { order: 66 ; grid-area: what ; --colour-text: var(--white) ; --colour-back: var(--black) ; --colour-link: var(--white) ;--colour-link-highlight: var(--yellow) ; }
#cnt #newb  { order: 60 ; grid-area: main ; --colour-text: var(--black) ; --colour-back: var(--white) ; --colour-link: var(--blue) ;--colour-link-highlight: var(--yellow) ; }
#cnt #regs  { order: 70 ; grid-area: main ; --colour-text: var(--white) ; --colour-back: var(--blue) ; --colour-link: var(--black) ;--colour-link-highlight: var(--white) ; }
#cnt #hall  { order: 72 ; grid-area: main ; --colour-text: var(--blue) ; --colour-back: #f9fbFC ; --colour-link: var(--black) ;--colour-link-highlight: var(--white) ; }
#cnt #awol  { order: 74 ; grid-area: main ; --colour-text: var(--blue) ; --colour-back: var(--white) ; --colour-link: var(--black) ;--colour-link-highlight: var(--white) ; }
#cnt #foot  { order: 90 ; grid-area: foot ; --colour-text: var(--white) ; --colour-back: var(--black) ; --colour-link: var(--white) ;--colour-link-highlight: var(--blue) ; }
#cnt #sell  { order: 75 ; grid-area: sell ; --colour-text: var(--black) ; --colour-back: var(--white) ; --colour-link: var(--blue) ;--colour-link-highlight: var(--white) ; }


#cnt > :is(header,section,footer)  { 
    color: var(--colour-text) ; background-color: var(--colour-back) ; padding: 1rem ;  
    background-image: linear-gradient(180deg,rgb(from var(--colour-text) r g b / 0.125) 0%, rgb(from var(--colour-text) r g b / 0) 100%) ; background-size: 100% 0.125rem ; background-repeat: repeat-x ;  
    &#newb  { background-image: none ; }
}
#cnt > :is(header,section,footer) > :is(.hdr,.cnt)  {  max-width: var(--width) ; margin: 0 auto ; }
#cnt > :is(header,section,footer) > :is(.hdr) h2  {  border-radius: 0.25rem ; }

#cnt :is(h1,h2,h3,h4)  { font-family: var(--font-hdr) ; text-transform: uppercase ; font-weight: normal ; line-height: 100%  ; margin: 1rem 0 ;  padding: 0 ; /* border-bottom: 0.5rem solid var(--colour-black) ; */ display: inline-block ;}
#cnt h1  { font-size: 3.5em ; line-height: 1em ; }
#cnt h2  { font-size: 2.5em ; line-height: 1em ; }
#cnt h3  { font-size: 1.75em ; line-height: 1em ; }
#cnt h4  { font-size: 1.25em ; line-height: 1em ; }
#cnt :is(h1,h2,h3,h4,p) { margin: 0 0 1rem ; }
#cnt :is(h1,h2,h3,h4) i { font-size: 0.5em ; font-family: var(--font) ; font-style: normal; }

#cnt #head h1  { margin: 0 ;}
#cnt #head p  { margin: 0 0 8em ; }
#cnt[data-selling="no"] #next ul li:last-of-type  { display: none ; }


#cnt ul.menu--inline  { margin: 0 0 -0.25rem  ; padding: 0  ; list-style-type: none ; display: flex ; }
#cnt #foot ul.menu--inline  { align-items: end; }
#cnt ul.menu--inline li  { margin: 0 ; padding: 0 ; list-style-type: none ; display: block ;}
#cnt ul.menu--inline li a  { margin: 0 0.5em 0 0 ; padding: 0.25em  ; display: block ; color: var(--colour-link) ; font-family: var(--font-hdr) ; text-transform: uppercase ; border-bottom: 0.5em solid var(--colour-link) ; text-decoration: none ; transition: background-position 0.25s ease-out , color 0.25s  ease-out ; }
#cnt ul.menu--inline li a  { background-position: 0 -100% ; background: linear-gradient(180deg,  var(--colour-link-highlight)  0%,  var(--colour-link-highlight)  50%, var(--colour-link) 50%, var(--colour-link) 100%) ; background-size: 100% 210% ; }
#cnt ul.menu--inline li a:is(:hover,:focus)  { color: var(--colour-link-highlight);  background-position: 0 100% ; }


#cnt :is(#main,#regs,#find) .hdr h2  { background-color: var(--colour-text) ; color: var(--colour-back) ; padding: 0 0.5rem ; }
#cnt .cnt p   { max-width: 38em ; /* text-wrap: balance; */ }
#cnt p a  { color: var(--colour-link) ; }
#cnt p a:is(:hover,:focus)  {  background-color: var(--colour-link) ; color: var(--colour-link-highlight);}


#cnt #newb > .cnt   { display: grid ; grid-template-columns: repeat(1,100%) ; grid-template-rows: repeat(1,1fr) ; grid-gap: 1rem ; }
#cnt #newb > .cnt > .ins   { padding: 1rem 1rem 0 0  ; border-top: 0rem solid var(--colour-link) ; }
#cnt #newb > .cnt.stack--three   { grid-template-columns: repeat(3,1fr) ;}

@media screen and ( max-width: 990px ) {
	#cnt #newb > .cnt   { display: grid ; grid-template-columns: 1fr ; grid-template-rows: repeat(3,auto) ; grid-gap: 1rem ; }
	#cnt #newb > .cnt > .ins   { border-top-width: 0 ; }
	#cnt #newb > .cnt h3  { min-height: 0 ; }
    #cnt #newb > .cnt.stack--three   { grid-template-columns: 1fr ; grid-template-rows: repeat(3,auto) ; grid-gap: 1rem ; }
}


#cnt #regs    { color: var(--colour-text) ; background-color: var(--colour-back); }
#cnt #regs > .cnt   { display: block; }
#cnt #regs > .cnt > ul   { display: grid ;  grid-template-columns: repeat(4, 1fr); gap: 1rem; grid-auto-rows: auto; margin: 0 ; padding: 0 ; list-style-type: none ; }
#cnt #regs > .cnt > ul > li  { color: var(--colour-back); background-color: var(--colour-text);  padding: 1rem ; border-radius: 0.5rem ; }
#cnt #regs > .cnt > ul > li b  { margin: 0 0.5em 0 0 ; padding: 0  ; display: block ;font-family: var(--font-hdr) ; text-transform: uppercase ; font-weight: 500 ;  text-decoration: none ; }
#cnt #regs > .cnt > ul > li i   { display: block ; padding-bottom: 0.5rem ; font-style: normal ; }
@media screen and ( max-width: 990px ) {
    #cnt #regs > .cnt > ul   { grid-template-columns: repeat(3, 1fr); }
}
@media screen and ( max-width: 760px ) {
    #cnt #regs > .cnt > ul   { grid-template-columns: repeat(2, 1fr); }
}


#cnt .regs    { color: var(--colour-text) ; background-color: var(--colour-back); }
#cnt .regs > .cnt   { display: block; }
#cnt .regs > .cnt > ul   { display: grid ;  grid-template-columns: repeat(4, 1fr); gap: 1rem; grid-auto-rows: auto; margin: 0 ; padding: 0 ; list-style-type: none ; }
#cnt .regs > .cnt > ul > li  { color: var(--colour-back); background-color: var(--colour-text);  padding: 1rem ; border-radius: 0.5rem ; }
#cnt .regs > .cnt > ul > li b  { margin: 0 0.5em 0 0 ; padding: 0  ; display: block ;font-family: var(--font-hdr) ; text-transform: uppercase ; font-weight: 500 ;  text-decoration: none ; }
#cnt .regs > .cnt > ul > li i   { display: block ; padding-bottom: 0.5rem ; font-style: normal ; }
@media screen and ( max-width: 990px ) {
    #cnt .regs > .cnt > ul   { grid-template-columns: repeat(3, 1fr); }
}
@media screen and ( max-width: 760px ) {
    #cnt .regs > .cnt > ul   { grid-template-columns: repeat(2, 1fr); }
}


#cnt #news p  { font-size: 1.5rem ;}
#cnt #news p:last-of-type  { margin-bottom: 0 ; }
#cnt #news ul.menu--inline { display: none ; }

#cnt #what ul   { display: grid ; grid-template-columns: repeat(6, 1fr);  gap: 1rem; grid-template-rows: auto  ; list-style-type: none ; margin: 1rem 0 ; padding: 0 ; }
#cnt #what ul li  { display: none ; list-style-type: none ; margin: 0 ; padding: 0 ; position: relative ; }
#cnt #what ul li.on  { display: block ; }

#cnt #what ul li img   { display: block ; width: 100% ; height: 100% ; border-radius: 0.5rem ; border: 1px solid var(--colour-text) ; }
#cnt #what ul li p  { opacity: 0 ; display: flex ; text-align: center; align-items: center ;  justify-content: space-around; position: absolute ; top: 0 ;left:0 ; right: 0 ; bottom: 0 ; padding: 1rem ; margin: 0 ; color: var(--colour-link-highlight) ; background-color: var(--colour-back)  ; font-family: var(--font-hdr); text-transform: uppercase ; transition: 0.5s ease-out opacity ; line-height: 107.5% ; }
#cnt #what ul li:hover p  { opacity: 1 ; }

@media screen and (max-width: 800px ) {
    #cnt #what ul   { grid-template-columns: repeat(4, 1fr);  }
}

@media screen and (max-width: 640px ) {
    #cnt #what ul   { grid-template-columns: repeat(3, 1fr); }
}


#cnt #high .games  { display: grid ; grid-template-columns: repeat(4, 1fr);  gap: 1rem; grid-auto-rows: minmax(auto-fill,1fr); list-style-type: none ; margin: 1rem 0 ; padding: 0 ; gap: 1rem ; }
#cnt #high .games .heading  { display: flex ; place-content: center; place-items: center; padding: 0.25rem ;  }
#cnt #high .games .heading h3  { text-align: center ; margin: 0 ; padding: 0 ; }
#cnt #high .games .heading h3 span { font-size: 1rem ; }
#cnt #high .games .game  { background-color: var(--colour-text) ; color: var(--colour-back) ;  padding: 0.5rem ; border-radius: 0.5rem ; }
#cnt #high .games .game .hdr { font-size: 1rem ; margin: 0 ; padding: 0 ;  color: var(--colour-link-highlight) ; background-color: var(--colour-back) ; padding: 0.5rem ;  border-radius: 0.25rem ; }
#cnt #high .games .game .hdr h4 { font-size: 1rem ; margin: 0 ; padding: 0 ;  color: var(--colour-link-highlight) ; background-color: var(--colour-back) ; padding: 0.5rem ; border-radius: 0.25rem ;  }
#cnt #high .games .game .txt  {  display: flex ; flex-flow: column wrap ; gap: 0.5rem ; padding: 0.25rem ; }
#cnt #high .games .game .txt p { margin: 0 ; padding: 0 ; font-size: 1rem ; line-height: 150%; }
#cnt #high .games .game .txt p b  { font-family: var(--font-hdr) ; text-transform: uppercase ; font-weight: normal ; line-height: 100%  ; }
#cnt #high .games .game .img { max-width: 100% ; }
#cnt #high .games .game .img img { width: 100% ; border-radius: 0.5rem ; border: 0px solid var(--colour-back) ; }

@media screen and (max-width: 800px ) {
    #cnt #high .games   { grid-template-columns: repeat(3, 1fr);}
    #cnt #high .games .heading  { grid-column: span 3 ;}
}

@media screen and (max-width: 640px ) {
    #cnt #high .games   { grid-template-columns: repeat(2, 1fr);}
    #cnt #high .games .heading  { grid-column: span 2 ;}
    #cnt #high .games .heading h3  { text-align: left ; width: 100% ; }
    #cnt #high .games .heading h3 span { font-size: unset ; }
}

/*

#cnt #high .games  { display: grid ; grid-template-columns: repeat(3, 1fr);  gap: 1rem; grid-auto-rows: minmax(auto-fill,1fr); list-style-type: none ; margin: 1rem 0 ; padding: 0 ; gap: 1rem ; }
#cnt #high .games .heading  { display: flex ; place-content: center; place-items: center; padding: 0.25rem ;  }
#cnt #high .games .heading h3  { text-align: center ; margin: 0 ; padding: 0 ; }
#cnt #high .games .heading h3 span { font-size: 1rem ; }
#cnt #high .games .game  {  display: grid ; grid-template: "img hdr" auto "img txt" auto / 1fr 2fr ; gap: 0 0.5rem ; place-content: start ; place-items: start ;   background-color: var(--colour-text) ; color: var(--colour-back) ;  padding: 0.5rem ; border-radius: 0.5rem ; }
#cnt #high .games .game .hdr { grid-area: hdr; font-size: 1rem ; margin: 0 ; padding: 0 ;  color: var(--colour-link-highlight) ; background-color: var(--colour-back) ; padding: 0.5rem ;  border-radius: 0.25rem ; }
#cnt #high .games .game .hdr h4 { font-size: 1rem ; margin: 0 ; padding: 0 ;  color: var(--colour-link-highlight) ; background-color: var(--colour-back) ; padding: 0.5rem ; border-radius: 0.25rem ;  }
#cnt #high .games .game .txt  { grid-area: txt;  display: flex ; flex-flow: column wrap ; gap: 0.5rem ; padding: 0.25rem ; }
#cnt #high .games .game .txt p { margin: 0 ; padding: 0 ; font-size: 1rem ; line-height: 150%; }
#cnt #high .games .game .txt p b  { font-family: var(--font-hdr) ; text-transform: uppercase ; font-weight: normal ; line-height: 100%  ; }
#cnt #high .games .game .img { grid-area: img; max-width: 100% ; }
#cnt #high .games .game .img img { width: 100% ; border-radius: 0.5rem ; outline: 1px solid var(--colour-back) ; outline-offset: -1px ;}

@media screen and (max-width: 800px ) {
    #cnt #high .games   { grid-template-columns: repeat(3, 1fr);}
    #cnt #high .games .heading  { grid-column: span 3 ;}
}

@media screen and (max-width: 640px ) {
    #cnt #high .games   { grid-template-columns: repeat(2, 1fr);}
    #cnt #high .games .heading  { grid-column: span 2 ;}
    #cnt #high .games .heading h3  { text-align: left ; width: 100% ; }
    #cnt #high .games .heading h3 span { font-size: unset ; }
}
*/

#cnt[data-selling="no"] #sell  { display: none ; }
#cnt #sell ul  { display: flex ; flex-flow: row wrap ; justify-content: flex-start ; margin: 0 ; padding: 0 ; list-style-type: none ; }
#cnt #sell ul li  { display: flex ; flex-flow: row nowrap ;background-color: var(--colour-link) ; color: var(--colour-link-highlight) ; margin: 0 0.5rem 0.5rem 0 ; padding: 0.5rem  ; list-style-type: none ; }
#cnt #sell ul li span  { padding: 0.25rem ; margin: -0.25rem  -0.25rem -0.25rem 0.75rem ; color: var(--colour-link) ; background-color: var(--colour-link-highlight) ; border-radius: 2px ;}