/* Colours */

:root
{
  --yellow: #f9ed33;
  --lightyellow: #fdf79b;
  --darkergrey: #333333;
  --darkgrey: #696969;
  --mediumgrey: #ececec;
  --lightgrey: #f6f6f7;
  --lightergrey: #fafafa;
  --white: #ffffff;
  --black: #000000;
  --menu: #f2f2f2;

  --centred: 0px auto 0px auto;

  --headingsize: 200%;

  --contentwidth: 1240px;

  --topshadow: linear-gradient(#aaaaaa 0px,#fafafa 5px,#fafafa);
  --bottomshadow: linear-gradient(from bottom, #aaaaaa 0px,#fafafa 5px,#fafafa);
}

/* Fonts */

@font-face { font-family: TitilliumRegular; src: url("/library/fonts/Titillium/Regular.otf"); }
@font-face { font-family: TitilliumBold; src: url("/library/fonts/Titillium/Bold.otf"); }
@font-face { font-family: TitilliuRegularItalic; src: url("/library/fonts/Titillium/RegularItalic.otf"); }
@font-face { font-family: TitilliuBoldItalic; src: url("/library/fonts/Titillium/BoldItalic.otf"); }

/* General reset */

* { background-repeat: no-repeat; background-position: center center; box-sizing: border-box; }
body { margin: 0px; padding: 0px; width: 100%; height: auto; background-color: var(--white); color: var(--darkgrey); font-family: TitilliumRegular; font-size: 110%; line-height: 1.5; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a { color: var(--darkgrey); text-decoration: none; font-weight: normal; }
.std_contentpage a {font-family: TitilliumBold;}
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { padding: 0px 10px 10px 0px; margin: 0px; font-size: 100%; font-weight: normal; }
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select { font-size: 90%; background: transparent; border: solid #000000 1px; padding: 5px; color: #000000; box-sizing: border-box; font-family: Arial; }
input[type=text], input[type=password]  { height: 30px; }
input[type=button], input[type=submit], a.button { cursor: pointer; background-color: var(--yellow); color: var(--black); border: none; line-height: 30px; border-radius: 20px; padding: 0px; padding: 5px 40px 5px 40px; text-align: center; }
a.button { display: inline-block; }
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
p {padding: 0px 0px 20px 0px;margin: 0px;}
strong { font-weight: normal; font-family: TitilliumBold; }
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
img {max-width: 100%;height: auto;}
video { width: 100%; height: auto; }
.hidden {display: none;}
.spacer { clear: both; height: 0px; }
.errors {color: red; margin-bottom: 20px;}


/* Header */

/*
.layoutheader .nav_multilevel .level1>li>a:after { padding-left: 10px; font-weight: bold; }
*/

/*
.layoutheader .util_langdropdown {border-left: solid 1px #ededed;height: 80px; width: 80px; display: flex; padding: 25px 0 0 10px;}
.layoutheader .util_langdropdown:before { content: ''; display: block; width: 25px; height: 25px; background-repeat: no-repeat; background-image: url("https://hatscripts.github.io/circle-flags/flags/us.svg");}
.layoutheader .util_langdropdown select {border: none;color: #696969;width: 30px; padding: 5px; }
.layoutheader .util_langdropdown :hover {background: var(--yellow); color:#000000;}
*/

.layoutheader .headerlogo a {background-image: url(/images/52grbCM8SxNj9RaCJe9809k014.png); background-size: contain; height: 50px; margin-top: 10px; margin-left: 80px; display:block; }
.layoutheader .headerlogo { width:250px;}


@media( min-width: 1000px )
{
  .layoutheader { height: 80px; color: #696969; border-left:solid 1px #ededed;border-right:solid 1px #ededed;border-collapse: collapse; }
  .layoutheader .headerlogo { float:left;  line-height: 80px; }
  .layoutheader .headerlogo img { width:100%; height: auto; padding: 25px 0 0 50px; display: block; }

  .layoutheader .nav_multilevel { float: right; }
  .layoutheader .nav_multilevel .toggle { display: none; }
  .layoutheader .nav_multilevel .level2 { background-image: var(--bottomshadow);}
  .layoutheader .nav_multilevel .level1 .link7 {margin-right: 10px;}
  .layoutheader .nav_multilevel .level1>li:nth-child(1), .layoutheader .nav_multilevel .level1>li:nth-child(2), .layoutheader .nav_multilevel .level1>li:nth-child(3), .layoutheader .nav_multilevel .level1>li:nth-child(4) { padding-left: 20px; background-image: url(/images/grS6YToBsRy4BpxyY6fZ00r00f.png); background-position: 75%; background-size: 10px; padding-right: 30px; }
  .layoutheader .nav_multilevel .level1>li:nth-child(1):hover, .layoutheader .nav_multilevel .level1>li:nth-child(2):hover, .layoutheader .nav_multilevel .level1>li:nth-child(3):hover, .layoutheader .nav_multilevel .level1>li:nth-child(4):hover { padding-left: 20px; background-image: url(/images/58vX6bNfoUSVelgxF0fF00u00u.png); background-position: 75%; background-size: 10px;} 
  .section7 .layoutheader .nav_multilevel .level1>li:nth-child(1):hover, .section7 .layoutheader .nav_multilevel .level1>li:nth-child(2):hover, .section7 .layoutheader .nav_multilevel .level1>li:nth-child(3):hover, .section7 .layoutheader .nav_multilevel .level1>li:nth-child(4):hover {background-image: url(/images/ZLycDW459rdlNYpqqeB900r00f.png);background-position: right; background-size: 10px;}
  .layoutheader .nav_multilevel .level1>li:nth-child(4) {margin-right: 20px;}
  .layoutheader .nav_multilevel .level1>li { float: left; height: 80px; }
  .layoutheader .nav_multilevel .level1>li:nth-child(1),  .layoutheader .nav_multilevel .level1>li:nth-child(2),   .layoutheader .nav_multilevel .level1>li:nth-child(3),  .layoutheader .nav_multilevel .level1>li:nth-child(4) { padding-left: 20px;}
  .layoutheader .nav_multilevel .level1>li>a {height: 80px;line-height: 80px;padding: 0px 15px;color: #696969;display: block;}

  .layoutheader .nav_multilevel .level2 {display: none;position: absolute;width: 100%;left: 0px;background-image: linear-gradient(var(--darkgrey) 0px,var(--lightergrey) 5px,var(--lightergrey) 445px, var(--darkgrey) 100%);text-align: center;z-index: 100;height: 450px;}

  .layoutheader .nav_multilevel .level2>li { padding: 100px 0px 50px 0px; text-align: center; display: inline-block; width: 260px; margin: 0px 40px 0px 40px; }
  .layoutheader .nav_multilevel .level2>li a {line-height: 1.5; font-weight: bolder; font-size: 80%;}
  .layoutheader .nav_multilevel .level2>li .description { font-size:95%;}
  .layoutheader .nav_multilevel .level2>li .bgimage { height: 150px; background-size: contain; }
  .layoutheader .nav_multilevel .level2>li .bgimage { background-size: auto 140px; }
  .layoutheader .nav_multilevel .level2>li .bgimage:hover  { background-size: auto 150px; }
  .layoutheader .nav_multilevel .level2>li .name { text-transform: uppercase; padding: 40px 0px 20px 0px; }
 
  .layoutheader .nav_multilevel .level1>li.link109 { width: 80px; }
  .layoutheader .nav_multilevel .level1>li.link109, .layoutheader .nav_multilevel .level1>li.link110 { border-left: solid 1px #ededed; text-align: center; }
  
  .layoutheader .nav_multilevel .level1>li.link109>.textlink, .layoutheader .nav_multilevel .level1>li.link110>.textlink { display: none; }
  .layoutheader .nav_multilevel .level1>li.link110>.imagelink { padding: 0px; }
  .layoutheader .nav_multilevel .level1>li.link110>.imagelink img { height: 80px; width: auto; }

  .layoutheader .nav_multilevel .level1>li.link109 .level2 { width: 220px; min-height: 0px; left: initial; background: var(--white); margin-left: -140px; padding: 20px; }
  .layoutheader .nav_multilevel .level1>li.link109 .level2 .bgimage { float: right; width: 30px; height: 30px; border-radius: 100%; background-size: cover; margin: 0px auto 0px auto; }
  .layoutheader .nav_multilevel .level1>li.link109 .level2 .name { padding: 0px; text-align: left; line-height: 30px; }
  .layoutheader .nav_multilevel .level1>li.link109 .level2>li { padding: 10px 0px 10px 0px; width: auto; height: auto; margin: 0px; display: block; }
  
  .layoutheader .nav_multilevel .level1>li.link110.active { background-color: var(--yellow); }
  
  .layoutheader .nav_multilevel .level1>li:hover .level2 { display: block; }
  .layoutheader .nav_multilevel .level1>li:hover>a { color:#000000;}
  
  .layoutheader .headeraccount { display: none; }

  .section7 .layoutheader { background-color: #000000; }
  .scroll.section7 .layoutheader{ background-color: #000000; }
  .section7 .layoutheader .nav_multilevel .level1>li>a { color: #ffffff; }
  .section7 .layoutheader .headerlogo a {background-image: url(/images/O0kNLbLryK7Vw8ZPI2c43n30f0.png); background-size: contain;  height: 50px; margin-top: 10px; margin-left: 80px; display:block;}

  .scroll .layoutheader { position:fixed; z-index: 100; margin: 0px; top: 0px; width: 100%; height: 80px; background-color: white;}
  .scroll .layoutmiddle { padding-top: 80px;}
}

@media( max-width: 999px )
{
  .layoutheader {height: 50px;}
  .layoutheader .headerlogo img { height: 20px; width: auto; margin: 20px 0px 0px 60px; }

  .layoutheader .nav_multilevel .toggle { top: 20px; left: 15px; position: absolute; cursor: pointer;}
  .layoutheader .nav_multilevel .toggleon ul {z-index: 15000;}
  .layoutheader .nav_multilevel .links { background-color: var(--yellow); top: 60px; position: absolute; left: 0px; width: 100%; z-index: 100; }
  .layoutheader .nav_multilevel .level1>li { border-bottom: solid var(--lightgrey) 1px; line-height: 40px; }
  .layoutheader .nav_multilevel .level1>li>a { color: #000000; padding: 0px 20px 0px 20px; }
  .layoutheader .nav_multilevel .level2 { background-color: var(--lightgrey); } 
  .layoutheader .nav_multilevel .level2>li .description { display: none; }
  .layoutheader .nav_multilevel .level2>li .name { font-size: 90%; padding: 0px 20px 0px 30px; }
  .layoutheader .nav_multilevel.toggleoff .links { display: none; } 

  .layoutheader .nav_multilevel .level1>li.link109 .imagelink, .layoutheader .nav_multilevel .level1>li.link110 .imagelink { display: none; }

  .layoutheader .headeraccount { position: absolute; right: 0px; top: 0px; }
  .layoutheader .headeraccount img { height: 60px; display: block; width: auto; }
}

.layoutheader .nav_multilevel .level1>li.link109>.imagelink { padding-top: 10px; }
.layoutheader .nav_multilevel .level1>li.link109>.imagelink>img, .layoutheader .nav_multilevel .level1>li.link109>.imagelink>svg { display: inline-block; border-radius: 100%; width: 25px; height: 25px; }

/*

@media (min-width: 786px){
  .layoutheader .toggle, .layoutheader .titletxt {display: none;}
}

@media (max-width: 785px){
.layoutheader .items { align-items: left;justify-content: left;}
.layoutheader .items :nth-child(1) { order: 1;}
.layoutheader .items :nth-child(2) { order: 4;}
.layoutheader .items :nth-child(3) { order: 3;}
.layoutheader .items :nth-child(4) { order: 2;}
.layoutheader .util_langdropdown {padding-left: 30px; margin-left: 30px; width: 100px; }
.layoutheader .toggle {display:block;position:absolute;top:30px;right:60px;cursor:pointer;}
.layoutheader .titletxt {display:block;position:absolute;top:35px;right:10px;cursor:pointer;}
.layoutheader .toggleoff ul{display:none;}
.layoutheader .toggleon ul{display:block; position: absolute; top: 160px; left: 0px; width: 100%; background-color: #f9ed33;z-index: 50;}
.layoutheader .toggleon li{padding: 10px 0px 10px 20px;border-bottom: solid 1px #ededed;text-align:left; }
.layoutheader .toggleon a{color: #000000;}
}

@media (max-width: 400px) {
  .layoutheader, .layoutheader .items, .layoutheader .headerlogo, .layoutheader .util_langdropdown {height: 60px; }
  .layoutheader .headerlogo {width: 160px;}
  .layoutheader .headerlogo .link {height: 60px; }
  .layoutheader .headerlogo img { padding: 0px 0 0 15px;}
  .layoutheader .util_langdropdown {padding: 20px 0 0 10px; margin-left: 10px;}
  .layoutheader .toggle {top:15px;}
  .layoutheader .titletxt {top: 20px; }
}
*/

/* Layout*/

.layoutmiddle_inner { padding: 0px 10px 0px 10px; }

.layoutfooter { background-color: var(--darkergrey); color: var(--white); min-height: 400px; padding: 50px 0px 50px 0px; font-size: 80%; }
.layoutfooter a { color: var(--white); }
.layoutfooter_inner { max-width: var(--contentwidth); margin: var(--centred); }

.layoutfooter .nav_multilevel .toggle { display: none; }
.layoutfooter .nav_multilevel .link2, .layoutfooter .nav_multilevel .link109, .layoutfooter .nav_multilevel .link177 { display: none; }
.layoutfooter .nav_multilevel ul.level1>li>a { font-weight: bold;}

.layoutfooter .footersocial { font-size: 80%; padding-bottom: 20px; }
.layoutfooter .footersocial a {color: var(--white);border: solid var(--white) 1px;width: 30px;height: 30px;font-size: 120%;line-height: 30px;margin-right: 10px;display: flex;align-items: center;justify-content: center;}

.layoutfooter .footerregions {  padding-bottom: 20px; }
.layoutfooter .footerregions li { display: inline-block; margin: 0px 5px 5px 0px; }
.layoutfooter .footerregions a { display: block; width: 30px; height: 30px; border-radius: 100%; overflow: hidden; }
.layoutfooter .footerregions img { width: 30px; height: 30px; }

.layoutfooter_inner .footercontactus { padding-top: 50px; }
.layoutfooter_inner .footercontactus .std_content_inner .content p a { color: var(--yellow); }
.layoutfooter_inner .footercontactus .std_content_inner .content p a:hover {text-decoration: underline;}
.layoutfooter_inner .footercopyright { font-size: 80%; clear: left;}
.layoutfooter_inner .footerlinks li { font-size: 80%;display:inline-block;}
.layoutfooter_inner .footerlinks li a:hover {text-decoration: underline;}
.layoutfooter_inner .footerlinks {float: left;}

@media( min-width: 1000px ) /* desktop */
{
  .layoutfooter { padding: 50px 0px 50px 0px; }
  .layoutfooter_inner { padding: 0px 25px;}

  .layoutfooter .nav_multilevel { float: left; width: 80%; }
  .layoutfooter .nav_multilevel ul.level1 { display: flex; gap: 20px; }
  .layoutfooter .nav_multilevel ul.level2>li { padding-top: 10px; }

  .layoutfooter .footersocial { float: right; width: 20%; }

  .layoutfooter .footerregions { float: right; width: 20%; font-size: 80%;}

  .layoutfooter_inner .footercontactus {float: left; width: 100%; }
  .layoutfooter_inner .footercontactus .std_content_inner .content p { border-bottom: 2px solid var(--darkgrey); height: 35px; }
  .layoutfooter_inner .footercopyright { float: left; padding: 20px 0px; }
  .layoutfooter_inner .footerlinks li {  padding: 20px 0px 0px 30px;}
}

@media( max-width: 999px ) /* tablet and mobile */
{
  .layoutfooter { padding: 20px 30px 20px 30px; font-size: 90%;}

  .layoutfooter .nav_multilevel { border-bottom: solid var(--darkgrey) 1px; margin-bottom: 20px; }
  .layoutfooter .nav_multilevel ul.level1>li { border-top: solid var(--darkgrey) 1px; padding: 10px 0px 10px 0px; }
  .layoutfooter .nav_multilevel ul.level2 { display: none; }

  .layoutfooter_inner .footercontactus { width: 50%; padding-bottom:30px;}
  .layoutfooter_inner .footercontactus .std_content_inner .content p { height: 50px;}
  .layoutfooter_inner .footercopyright { padding-top: 20px; border-top: 2px solid var(--darkgrey); }
  .layoutfooter_inner .footerlinks li { padding: 0px 5px 40px 0px;}
}
@media(max-width:400px){

  .layoutfooter_inner .footerlinks li {padding: 0px 10px 20px 0px;}

}


/* Standard content pages */

.std_contentpage .pagebanner img { width: 100%; height: auto; display: block; }
.std_contentpage .pagetitle, .shop_basketpage h1 { padding: 50px 20px 50px 20px; text-align: center; font-size: 250%; font-family: TitilliuRegularItalic; font-size: 250%; }
.std_contentpage .pagecontent {margin: 0px auto 0px auto;padding: 0px 30px 100px 30px;max-width: 540px;text-align: center;margin-bottom: 30px;}


/* All text boxes */

.util_textbox .link a, .gettingstartedlink .link a {display: inline-block;background: var(--yellow);color: var(--black);padding: 0px 20px 0px 20px;border-radius: 20px;line-height: 40px;font-size: 90%;font-family:TitilliumBold;}
.gettingstartedlink .link { text-align: center; margin-top: -100px; padding-bottom: 50px;}

/* Standard text box */

.standardtextbox { margin: var(--centred); padding: 0px 20px 100px 20px; max-width: 820px; text-align: center; }
.standardtextbox .titletxt { font-size: var(--headingsize); font-family: TitilliumBold; }


/* Expandable text boxes */

.rulescontainer, .perkscontainer { background-color: var(--lightergrey); padding: 50px 0px 50px 0px; }
.expectationscontainer { background-color: var(--mediumgrey); padding: 50px 0px 50px 0px; }

.expandcontainer .items { max-width: 840px; margin: var(--centred); padding: 20px; }
.expandcontainer .titletxt { max-width: 840px; margin: var(--centred); font-size: var(--headingsize); padding: 0px 20px 0px 20px; }

.util_expandtext { border-bottom: solid var(--darkgrey) 1px; }
.util_expandtext .link a { display: block; text-transform: uppercase; padding: 20px 0px 20px 0px; font-size: 120%; }

.rulescontainer .util_expandtext .link, .perkscontainer .util_expandtext .link, .expectationscontainer .util_expandtext .link  { background-image: url(/images/RJEtdoq9eY3TOquCseJu02s02s.png); background-position: right; background-size: 15px;}
.rulescontainer .util_expandtext.open .link, .perkscontainer .util_expandtext.open .link, .expectationscontainer .util_expandtext.open .link { background-image: url(/images/vJbnqCAB5VlDc3IDlhQx02s02s.png);background-position: right; background-size: 15px; }

/* All carousels */

.feat_carousel .carousel { overflow: hidden; }
.feat_carousel .carousel ul { width: 20000em; position: relative; height: 100%; }
.feat_carousel .carousel ul li { float: left; }


.home .homebanner {margin: 0 auto 0 auto;clear: both;position: relative;z-index: 2;color: var(--black);}
.home .homebanner .content {position: absolute;margin-top: 200px;background-color: var(--yellow);max-width: 600px;height: 240px;clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);padding: 20px 50px 20px 20px;font-family:TitilliumBold;z-index: 1;}
.home .homebanner .content h2 { text-transform: uppercase; letter-spacing: 0.2em; font-family: TitilliumBold;}
.home .homebanner .content h1 { font-style: italic; font-family:TitilliumBold; line-height: 1.2;}
.home .standardtextbox .titletxt a { font-family: TitilliuBoldItalic;}

.upcomingeventlist .titletxt, .homepartners .titletxt, .homebecomeapromoter h2, .homesocialfeed .titletxt { font-size:200%;padding-bottom: 20px;}
.homepartners .titletxt, .homesocialfeed .titletxt {color: #696969; /*word-spacing: 100vw;*/ }

.home .homeintro { width: 80%; margin: 0 auto; text-align: center; padding-top: 60px; color: #696969; }
.home .homeintro .titletxt {font-size: 300%;width: 50%;margin: 0 auto;color: #696969;margin-bottom: 15px;}
.home .homeintro p { margin-bottom: 20px; }
.home .homeintro a { background-color: #f9ed33; font-size: 90%; padding: 10px 50px; border: none; cursor: pointer; border-radius: 20px; box-sizing: border-box; }

.home .homegetbattling .imagetop img { width: 60px; height: 60px; }
.home .homegetbattling .content, .home .homegetbattling .link { max-width: var(--contentwidth); margin: 0px auto 0px auto; }
.home .homegetbattling .content h3 { font-family: TitilliumBold; text-transform: uppercase; letter-spacing: 0.3em; color: var(--black); }
.home .homegetbattling .content h2 { font-size: var(--headingsize); font-family: TitilliumBold; }

.home .homeball { position: absolute; z-index: 1000; clip-path: unset; animation-duration: 4s; animation-iteration-count: infinite; }

.gearupcarousel { background: var(--yellow); padding: 50px 10px 100px 10px; color: var(--black); }
.gearupcarousel a { color: var(--black); }
.gearupcarousel>.titletxt { text-align: center; font-size: var(--headingsize); font-family: TitilliumBold; }
.gearupcarousel>.introduction { text-align: center; }
.gearupcarousel .introduction p { text-decoration: underline; }
.gearupcarousel .carousel { height: 370px; max-width: 1020px; margin: 0px auto 0px auto; }
.gearupcarousel .carousel li { width: 340px; }
.gearupcarousel .util_textbox { padding: 0px 40px 0px 40px; }
.gearupcarousel .util_textbox .util_textbox_inner { background-color: var(--white); width: 260px; height: 370px; text-align: center; margin: 0px auto 0px auto; }
.gearupcarousel .util_textbox .imagetop { height: 195px; background-size: cover; }
.gearupcarousel .util_textbox .content { margin-top: 20px; }
.gearupcarousel .util_textbox .link { font-size: 80%; line-height: 30px;}
.gearupcarousel .buttons .fas { color: var(--darkgrey);}

.upcomingeventlist { width: 100%; margin: 0 auto 0 auto; background-color: var(--darkergrey); text-align: center;  }
.upcomingeventlist .titletxt { color: #ffffff; font-size: var(--headingsize); font-family: TitilliumBold; }
.upcomingeventlist ul { max-width: 1170px; min-height: 380px; margin: 0px auto 0px auto; }
.upcomingeventlist ul {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-evenly;}
.upcomingeventlist li { background-color: #ffffff; border-radius: 20px; width: 260px; min-height: 380px; padding-bottom: 10px; overflow: hidden; }
.upcomingeventlist .image { height: 205px; background-image: url(/images/zzoRVqt9cHtE6KEzv8Xu0e40be.jpg); background-size: cover; }
.upcomingeventlist .prize { display: none; background-color: var(--yellow); height: 35px; padding-top: 7px; font-size: 90%;}

.upcomingeventlist .name { padding: 10px 10px 0px 10px; font-size: 80%; min-height: 50px; font-family:TitilliumBold;}
.upcomingeventlist .venue { padding: 10px 10px 0px 10px; font-size: 80%; min-height: 50px; }
.upcomingeventlist .enter { margin-top: 15px; display: inline-block; background-color: var(--yellow); color: var(--black); font-size: 80%; padding: 0px 20px 3px 20px; border: none; cursor: pointer; line-height: 30px; border-radius: 15px; box-sizing: border-box; }

.home .homepartners { padding: 100px 20px 50px 20px; }
.home .homepartners .titletxt { font-family: TitilliumBold; text-align: center; }
.home .homepartners .introduction {color: #696969; font-size: 100%; text-align: center; }
.home .homepartners .carousel { height: 35px; max-width: 750px; margin: 0px auto 0px auto; }
/* if more than 2 partner logos then remove the next line to bring back the arrows */
@media (min-width: 1000px)
{
  .home .homepartners .buttons { display: none;}
}

.home .homepartners .carousel li { height: 35px; width: auto; padding: 0px 30px; text-align: center; }

.home .homeallpartners { padding-bottom: 100px; text-align: center; }
.home .homeallpartners a { background-color: #f9ed33; line-height: 40px; font-size: 90%; color: #696969; border-radius: 20px; display: inline-block; padding: 0px 20px 0px 20px; color: var(--black); }

.home .homebecomeapromoter { position: relative; background-color: #000000; color: #ffffff; }
.home .homebecomeapromoter h2 { font-size: var(--headingsize); font-family: TitilliumBold; }

.home .homesocialfeed {text-align: center;padding: 100px 20px 100px 20px;min-height: 600px;}
.home .homesocialfeed h2, .home .homesocial h2 { font-size: var(--headingsize); font-family: TitilliumBold; }
.home .homesocialfeed h3 { max-width: 450px; color: var(--darkgrey); margin: 0 auto; }
.home .homesocialfeed .subtitle { padding-bottom: 60px;}
.home .homesocialfeed ul { max-width: 876px; margin: 0px auto 0px auto; height: 100px;}
.home .homesocialfeed li {width: 262px; height: 324px; border: 1px solid #ccc; font-size: 80%; margin: auto 0px auto 0px;}
.home .homesocialfeed .text { font-family:TitilliumBold; padding: 20px; text-align: left; max-height: 100px; overflow: hidden;}
.home .homesocialfeed .link { padding-top: 20px;}
.home .homesocialfeed .link a:hover {text-decoration: underline;}
.home .homesocialfeed .image, .home .homesocialfeed .video>video, .home .homesocialfeed .image img { max-height: 155px;}

.home .homesocial { width: 100%; margin: 0px auto; text-align: center; color: var(--darkgrey); }
.home .homesocial h2 { font-size:120%; margin-bottom: 15px; margin-top: 50px;padding: 0; }
.home .homesocial li { margin: 0px 10px 0px 10px; }
.home .homesocial a {color: var(--darkgrey);border: solid var(--darkgrey) 1px;/* padding-top: 2px; */width: 45px;height: 45px;font-size: 140%;/* line-height: 49px; */display: flex;justify-content: center;align-items: center;}
.home .homesocial a svg path {fill: var(--darkgrey);}

.home .homequote { background-color: var(--yellow); color: var(--black); }
.home .homequote .content h2 {font-family: TitilliuRegularItalic; }
.home .homequote .content { max-width: 600px; margin: var(--centred); text-align: center; }
.home .homequote .content p { font-size: 90%; font-family:TitilliumBold;}

.sociallinks li { display: inline-block; }
.sociallinks a {display: block;border-radius: 100%;width: 50px;height: 50px;font-size: 170%;line-height: 50px;text-align: center;overflow: hidden;}
/* Tiktok icons */
.homesocial .link4 svg { height: 26px; width: auto; }
.layoutfooter .sociallinks .link4 svg {height: 21px;width: auto;}

@keyframes bounceball-desktop {
  0% { margin-top: 100px; }
  50% { margin-top: -110px; }
  100% { margin-top: 100px; }
}

@keyframes bounceball-mobile {
  0% { margin-top: 100px; }
  50% { margin-top: -100px; }
  100% { margin-top: 100px; }
}

@media (min-width: 1270px) {
  .home .homebecomeapromoter .content {position: absolute;margin-top: -450px;left: 50%;margin-left: 240px;}
  .home .homebecomeapromoter .link {position: absolute; top: 420px; left: 50%; margin-left: 240px;  }
}

@media (min-width: 1100px) and (max-width: 1269px) {
  .home .homebecomeapromoter .content {position: absolute;margin-top: -520px;left: 50%;margin-left: 260px;}
  .home .homebecomeapromoter .link {position: absolute; top: 480px; left: 50%; margin-left: 260px;  }
}

@media (min-width: 1100px) {
  .home .homebecomeapromoter { clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);}
}

@media (max-width: 1099x) {
  .home .homebecomeapromoter { clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 95%); height: 900px;}
  .home .homebecomeapromoter .content { padding: 0px 30px 20px 30px; }
  .home .homebecomeapromoter .link { margin: 0px 30px; max-width: 200px;}
  .home .homebecomeapromoter .link a {width: 150px;}
  .home .homebecomeapromoter .imageleft {text-align: center;}
}

@media( min-width: 1000px )
{
  .home .homebanner {max-width: 2500px; height: 730px;clip-path: polygon(0 0, 0 80%, 100% 100%, 100% 0);  background-size: cover;}
  .home .homebanner .content h1 { font-size: 300%; padding-top: 25px;}
  .home .homebanner .content { padding-left: 60px; }

  .home .standardtextbox .titletxt a {font-size: 130%;}

  .home .homegetbattling { background-image: linear-gradient(transparent 0%, transparent 50%, var(--yellow) 50%, var(--yellow) 100%); }
  .home .homegetbattling .util_textbox_inner { height: 665px; clear: both; color: #696969; background-image: url(/images/1VjmRiDIQn6gjqW12v0Y0zf0ig.png); background-size: cover; clip-path: polygon(0 20%, 100% 0%, 100% 100%, 0% 80%); }
  .home .homegetbattling .imageleft { position: absolute; margin-top: 100px; left:60%; }
  .home .homegetbattling .content { padding-top: 200px; padding-left: 60px; }
  .home .homegetbattling .link { padding-left: 60px; }
  .home .homegetbattling .content * { max-width: 500px; }
  .home .homegetbattling .content h2 { padding-bottom: 30px;}
  
  .home .homeball { /*margin-top: 100px; left: 60%; animation-name: bounceball-desktop; */ display:none;}

  .gearupcarousel .titletxt { padding-bottom: 30px;}
  .gearupcarousel .introduction p { padding-bottom: 70px;}

  .upcomingeventlist { padding: 100px 0px 100px 0px; }
  .upcomingeventlist li { margin: 0px 15px 0px 15px; }
  .upcomingeventlist .titletxt { padding-bottom: 50px;}

  .home .homepartners .introduction { padding-bottom: 80px; font-family: TitilliumBold; text-decoration: underline; }
  .home .homepartners .introduction a { text-decoration: underline;}
  .home .homeallpartners { padding-top: 100px;}

  .home .homebecomeapromoter h2 {color: #ffffff;}
  .home .homebecomeapromoter .util_textbox_inner {max-width: 1275px; margin: auto;}
  .home .homebecomeapromoter .content p { width: 80%;padding-bottom:20px;}

  .home .homesocialfeed li {margin-right: 15px; margin-left:15px; float: left; }

  .home .homequote { clip-path: polygon(0 45%, 100% 0, 100% 100%, 0 100%); padding: 180px 0px 50px 0px; }
  .home .homequote .content h2 { font-size: 250%; }
}

@media( max-width: 999px )
{
  .home .homebanner {margin-bottom: 50px; height: 430px; background-size: cover;}
  .home .homebanner .content { width: 95%; height: 170px; margin-top: 170px; display: none;}
  .home .homebanner .content h1 { font-size: 200%; }

  .home .standardtextbox .titletxt { padding-bottom: 30px;}
  .home .standardtextbox .content { padding: 0px 20px 20px 20px;}

  .home .homegetbattling .imageleft { padding: 100px 20px 0px 0px; text-align: right; background-image: url(/images/1VjmRiDIQn6gjqW12v0Y0zf0ig.png); background-position: right center; background-size: auto 100%; clip-path: polygon(0 5%, 100% 0%, 100% 100%, 0% 95%); overflow: hidden; }
  .home .homegetbattling .imageleft img { height: 500px; width: auto; }
  .home .homegetbattling .content, .home .homebecomeapromoter .content { padding: 0px 20px 0px 20px; }
  .home .homegetbattling .content h2 { padding-bottom: 30px;}
  .home .homegetbattling .link { padding: 20px; padding-bottom: 100px;}

  .home .homeball { /*margin-top: 100px; right: 320px; animation-name: bounceball-mobile;*/ display: none; }
 /*.home .homeball img { width: 90%; height: 90%; } */

  .home .homesocial { padding-bottom: 50px; }
  .home .homesocialfeed ul {margin-bottom: 30px; }

  .home .homeeventlist { padding: 50px 0px 50px 0px; }
  .home .homeeventlist li { margin: 0px auto 30px auto; }
  .home .homeeventlist li:nth-child(3), .home .homeeventlist li:nth-child(4) { display: none; }
  
  .upcomingeventlist li { margin-bottom: 30px; }

  .home .homepartners .introduction a { text-decoration: underline;}
  .home .homepartners .introduction { padding: 0px 20px 50px 0px;}

  .home .homesocialfeed {min-height: 1300px;}
  .home .homesocialfeed li { margin: 0px auto 10px auto;}

  .home .homequote { clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%); padding: 100px 30px 50px 30px; }
  .home .homequote .content h2 { font-size: 180%; padding-bottom: 30px; }
}

@media (max-width: 750px) {
  .home .homebanner {height: 350px; background-size: cover;}
}

@media ( max-width: 500px)
{
  .home .homebanner {height: fit-content; background-size: cover; background-position: calc(100% + 90px) center;}
  .home .homebecomeapromoter { height: 750px;}
  .home .homebecomeapromoter .link {max-width: 250px; font-size: 90%; margin-left:20px;}
}


/* Carousels */ 

@media( min-width: 1140px )
{
  .gearupcarousel .nextprevious .carousel-prev, .gearupcarousel .nextprevious .carousel-next { position: absolute; left: 50%; margin-top: -220px; width: 25px; font-size: 150%; }
  .gearupcarousel .nextprevious .carousel-prev { text-align: left; margin-left: -575px; }
  .gearupcarousel .nextprevious .carousel-next { text-align: right; margin-left: 550px; }

  .home .homepartners .nextprevious .carousel-prev, .home .homepartners .nextprevious .carousel-next { position: absolute; left: 50%; margin-top: -35px; width: 25px; font-size: 150%; }
  .home .homepartners .nextprevious .carousel-prev { text-align: left; margin-left: -525px; }
  .home .homepartners .nextprevious .carousel-next { text-align: right; margin-left: 500px; }
}

@media (max-width: 1139px)
{
  .gearupcarousel .nextprevious .carousel-prev, .gearupcarousel .nextprevious .carousel-next { position: absolute; left: 50%; margin-top: -220px; width: 25px; font-size: 150%; }
  .gearupcarousel .nextprevious .carousel-prev { text-align: left; margin-left: -175px; }
  .gearupcarousel .nextprevious .carousel-next { text-align: right; margin-left: 150px; }

  .home .homepartners .nextprevious .carousel-prev, .home .homepartners .nextprevious .carousel-next  { position:absolute; left: 50%; text-align: center; margin: -20px 0px 0px 0px; width: 25px;}
  .home .homepartners .nextprevious .carousel-prev { text-align: left; margin-left: -175px;} 
  .home .homepartners .nextprevious .carousel-next { text-align: right; margin-left: 150px;} 
}

/* Getting started */

.courtdimensions img {margin-top: 80px; }

.toggleswitch { position: absolute; left:50%; margin: 70px 0px 0px -90px;}
.toggleswitch .active { font-family:TitilliumBold;}

.tennisconversion { background: var(--lightergrey); }
.tennisconversion .util_textbox_inner { max-width: var(--contentwidth); margin: 0px auto 0px auto; padding: 50px 0px 50px 0px; }

.pickleconversion .content { background-color: var(--lightyellow); color: var(--darkgrey); }
.pickleconversion .content p { line-height: 2; }
.pickleconversion .imageright { background-color: var(--yellow); }
.pickleconversion .imageright img {max-height: 600px;width: auto;}

.surfacescontainer { max-width: var(--contentwidth); margin: 0px auto 0px auto; text-align: center; }
.surfacescontainer .titletxt { font-size: var(--headingsize); font-family:TitilliumBold; padding: 100px 0px 100px 0px; max-width: 500px; margin: 0px auto 0px auto; }
.surfacescontainer .surfaces h2 { font-size: 120%; font-family: TitilliumBold; padding-top:20px;}
.surfacescontainer .surfaces .imagetop { margin: 0px auto 0px auto; height: 210px; background-size: 296px auto; background-position: center top 22px; }
/* .surfacescontainer .surfaces:nth-child(3) .imagetop { background-size: 350px auto; background-position: center top; }*/
.surfacescontainer .surfaces .content { padding: 0px 20px 0px 20px; }

@media( min-width: 1000px )
{
  .courtdimensions img { max-width: 400px;}
  .pickleconversion .content { float: left; width: 50%; height: 600px; padding: 100px 0px 100px 0px; }
  .pickleconversion .content h2 { font-size: 180%; margin-bottom: 50px; font-family: TitilliumBold; padding-right: 30px;}
  .pickleconversion .content p {padding-right: 50px; }
  .pickleconversion .content h2, .pickleconversion .content p { width: 400px; float: right; clear: right; margin-right: 100px; padding-right: 50px; }
  .pickleconversion .imageright { float: right; width: 50%; height: 600px; }

  .surfacescontainer .surfaces { float: left; width: 25%; }
  .surfacescontainer .standardtextbox { clear: both; padding: 100px 0px 100px 0px; max-width: 520px; margin: 0px auto 0px auto; }

  .readytoplay .titletxt { padding-bottom: 40px;}
  .readytoplay .content { width: 500px; margin: 0px auto; padding-bottom: 40px;}
}

@media( max-width: 999px )
{
  .courtdimensions img { max-width: 300px;}
  .pickleconversion .content h2 { font-size: 150%; font-family:TitilliumBold;}
  .pickleconversion .content h2, .pickleconversion .content p { padding: 20px; }
  .surfacescontainer .standardtextbox { margin-top: 50px;}
}

/* Rules */

.rulescarousel { text-align: center; padding: 0px 0px 100px 0px; }
.rulescarousel .titletxt { font-size: var(--headingsize); font-family: TitilliumBold;}
.rulescarousel .util_textbox_inner .titletxt { font-size: 120%; font-family: TitilliumBold;}



@media( min-width: 1000px )
{
  .rulescarousel .carousel { height: 200px; max-width: 420px; margin: 350px auto 0px auto; }
  .rulescarousel .nextprevious .carousel-prev, .rulescarousel .nextprevious .carousel-next { position: absolute; left: 50%; margin-top: -150px; width: 25px; font-size: 120%;}
  .rulescarousel .nextprevious .carousel-prev { margin-left: -260px; }
  .rulescarousel .nextprevious .carousel-next { margin-left: 235px; }

  .rulescarousel .skip { position: absolute; width: 1220px; margin: -550px 0px 0px -610px; left: 50%; }
  .rulescarousel .skip a { border: solid var(--lightgrey) 2px; display: inline-block; width: 275px; height: 275px; background-color: var(--lightgrey); font-size: 0px; margin: 0px 15px 0px 15px; }
  .rulescarousel .skip a.active { border-color: var(--yellow); background-color: var(--white); }
  .rulescarousel .skip a:nth-child(1) { background-image: url(/images/kCGQH70iSxxnzHy3Mk240kk11e.png); background-size: auto 230px; }
  .rulescarousel .skip a:nth-child(2) { background-image: url(/images/RpOF76P5Fiqvn4iEeuar0kk13t.png); background-size: auto 230px; }
  .rulescarousel .skip a:nth-child(3) { background-image: url(/images/fp7jPM6blZbkDAgtSR3416q0gz.png); background-size: auto 80px; }
  .rulescarousel .skip a:nth-child(4) { background-image: url(/images/oI0TyukvL0VTxKtoTcew0xc0gz.png); background-size: auto 80px; }
}

@media( max-width: 999px )
{
  .rulescarousel .skip { display: none; }
  .rulescarousel .carousel li { padding: 0px 20px 0px 20px; }
  .rulescarousel .imagetop { width: 250px; height: 250px; background-size: 100px auto; border: solid var(--yellow) 2px; margin: 0px auto 0px auto; }
  .rulescarousel #carouselitem-2 .imagetop, .rulescarousel #carouselitem-3 .imagetop { background-size: auto 80px; }
  .rulescarousel .content { padding-top: 20px; }

  .rulescarousel .nextprevious .carousel-prev, .rulescarousel .nextprevious .carousel-next { position: absolute; margin-top: -350px; }
  .rulescarousel .nextprevious .carousel-prev { left: 10px; }
  .rulescarousel .nextprevious .carousel-next { right: 10px; }
}

/* Our history */

.ourhistorytextbox { max-width: 1000px; margin: var(--centred); clear: both; }
/* .ourhistory { background-image: url(/images/aNwTA2elhX2i5rfycAmN01x01o.png); background-position: top center; background-size: contain; background-size: 800px;} */

@media( min-width: 1000px )
{
  .ourhistorytextbox .imagetop { width: 50%; text-align: center; padding-bottom: 100px; }
  .ourhistorytextbox:nth-child(2n+1) .imagetop { float: left; padding-right: 20px; }
  .ourhistorytextbox:nth-child(2n) .imagetop { float: right; padding-left: 20px; }
  
  .ourhistorytextbox .content { width: 50%; padding-bottom: 100px; }
  .ourhistory #textbox820048 .content { padding-bottom: 40px;}
  .ourhistorytextbox:nth-child(2n+1) .content { float: right; padding-left: 100px; }
  .ourhistorytextbox:nth-child(2n) .content { float: left; padding-right: 100px; }  
}

@media( max-width: 999px )
{
  .ourhistorytextbox { padding: 20px; text-align: center; }
}


/* My touchtennis */

.mytouchtennis {background-image: var(--topshadow);padding: 50px 0px 50px 0px;}
.mytouchtennis .pagecomponents { max-width: 950px; margin: 0px auto 0px auto; }
.mytouchtennis .memb_account .text h2 { font-size: var(--headingsize); }
.mytouchtennis .memb_account .form_register .label { display: none; }
.mytouchtennis .memb_loginbox .titletxt { font-size: var(--headingsize); }
.mytouchtennis .memb_loginbox span { display: block; }
.mytouchtennis .memb_loginbox span.label { display: none; }
.mytouchtennis .memb_loginbox .fieldemail, .mytouchtennis .memb_loginbox .fieldpw,.field { padding-bottom: 15px; }
.mytouchtennis .memb_loginbox .forgotpw {display: block; font-size: 75%; padding-top: 20px; padding-left: 5px;}

.mytouchtennis .memb_account #fb-MembExtTerms-div{display: flex; flex-direction: row-reverse; justify-content: start; margin: 10px 0;}
.mytouchtennis .memb_account #fb-MembExtTerms-div .label{display: block; padding: 0 0 0 5px;}


@media( min-width: 1000px )
{
  .mytouchtennis .memb_account { width: 50%; float: left; padding: 0px 100px 200px 0px; border-right: solid #eeeeee 1px; }
  .mytouchtennis .memb_account .text { min-height: 180px; }
  .mytouchtennis .memb_loginbox { width: 50%; float: left; padding: 0px 0px 200px 100px; }
  .mytouchtennis .memb_loginbox .titletxt { min-height: 70px; }
}

@media( max-width: 999px )
{
  .mytouchtennis .memb_account { padding: 0px 30px 50px 30px; }
  .mytouchtennis .memb_loginbox { padding: 30px; }
  .mytouchtennis .memb_loginbox .titletxt { min-height: 70px; }
}

/* Become a promoter */

.becomeapromoter h1.pagetitle { line-height: 33vw; padding: 0px; height: 33vw; color: var(--white); position: absolute; top: 80px; width: 100%; }
.becomeapromoter .pagecontent { padding: 50px 20px 50px 20px; }
.becomeapromoter .pagecontent h2 { font-size: var(--headingsize); }


/* Search pages */

.searchpage { background-image: var(--topshadow); padding-top: 3px;}

.feat_searchresults {padding-top:30px;}
.feat_searchresults fieldset { padding: 0px 0px 20px 0px; text-align: center;}
.feat_searchresults fieldset input[type=text] {width: 40%;/* margin-right: 10px; */}
.feat_searchresults fieldset input[type=submit] {/* width: 20%; */border-radius: 25px; margin-top: 20px; width: 96%;}
#searchcountry {width: 96%}
#searchname {margin-top: 20px; width: 48%;}
#searchlocation {width: 48%;}

.feat_searchresults ul { display: flex; flex-flow: wrap; }
.feat_searchresults ul li { width: 33.3%; text-align: center; }
.feat_searchresults ul li .image {width: 150px;height: 150px;border-radius: 100%;background-size: cover;margin: 20px auto 20px auto;}

.feat_searchresults ul li:hover {background-color: var(--mediumgrey);}
.feat_searchresults ul li:hover .name {color: black;}

.venuesearch .feat_searchresults ul li .image  { border-radius: 5px; height: 100px; }

.tournamentsearch ul { display: block; }
.tournamentsearch ul li {text-align: left;clear: both;padding-top: 20px;padding-left: 20px;border-top: solid var(--mediumgrey) 1px;float: none;width: auto;height: 220px;}
.tournamentsearch ul li:hover { background-color: var(--mediumgrey);}
.tournamentsearch ul li .image {border-radius: 0px;margin-top: 0px;background-image: url(/images/8S66EGxS2kKx7PA4xihd0lo0be.jpg);background-size: cover;float: left;margin-right: 20px;}
.tournamentsearch ul li .name { font-family: TitilliumBold; }
.tournamentsearch ul li div.button { padding-top: 10px; }



@media( min-width: 1001px )
{
  .searchpage .pagetitle { width: 50%; text-align: left; padding: 50px 50px 0px 50px; }
  .searchpage .pagecontent { width: 50%; text-align: left; padding: 0px 50px 0px 50px; margin: 0px; max-width: none; }
  .searchpage .pagecomponents { width: 50%; padding: 0px 50px 0px 50px; }
  .searchpage .feat_googlemap { position: absolute; width: 50%; left: 50%; top: 205px;}
  .searchpage .map {max-height: 600px !important;}
  .tournamentsearch ul li .image { width: 260px; height: 180px;}
  .tournamentsearch .pagecomponents, .playersearch .pagecomponents {width: 100%;}
  
}

@media( max-width: 1000px )
{
  #searchcountry, #searchname, #searchlocation {width: 80%;}
  .feat_searchresults fieldset {width: 100%; flex-direction: column; align-items: center; position: absolute; top: 270px; margin-top: 60px;}
  .feat_searchresults fieldset input[type=text] { width: 80%; margin: 5px auto 5px auto;}
  .feat_searchresults fieldset input[type=submit] { width: 80%; margin: 5px auto 5px auto;}
  .searchpage .feat_googlemap {padding-top: 160px; width: 80%; margin: 0 auto;}
  .feat_searchresults ul li {width: 50%;}
  .tournamentsearch .feat_searchresults ul li {width: 100%;}
  .feat_searchresults ul li .name { padding: 0px 10px;}
  .tournamentsearch ul li{ margin-bottom: 20px;}
  .searchpage .map {max-height: 400px !important;}
  .searchpage .tournamentsearch {text-align: center; padding-bottom: 30px;}
  .tournamentsearch fieldset, .playersearch fieldset {background-color: #fafafa;}
  .tournamentsearch #searchresults {margin-top: 100px;}
  .playersearch #searchresults {margin-top: 150px;}
}
@media( max-width: 500px ) {
  #searchresults li {  height: auto;  display: block; padding: 30px 10px; text-align: center;}
  #searchresults li .image {float: none; margin: 0 auto;}
  #searchresults li .name {clear: both; padding: 0; margin-top: 10px;}
}

@media( max-width: 425px ) {
  .searchpage .feat_googlemap {width: 98%;}

}

.playersearch .memb_list ul { display: flex; flex-flow: wrap; }
.playersearch .memb_list ul li { width: 33.3%; text-align: center; }
.playersearch .memb_list ul li .photo { width: 150px; height: 150px; border-radius: 100%; background-size: cover; margin: 20px auto 20px auto; }

.playersearch .feat_searchresults ul li .image:hover { width: 160px; height: 160px; margin: 10px auto 20px auto;}

/* Tour home */

.tourhome .pagetitle { padding: 0px; background-color: var(--black); background-image: url(/images/vnAHtARpDhDqnunKoKat1jk0n2.jpg); line-height: 420px; color: var(--white); text-shadow: 2px 2px 5px var(--black); font-family: TitilliumBold;}
.tourhome .pagecomponents { padding-top: 50px; }
.tourhome { text-align: center; }

/* Top 10 ranking */

@media( min-width: 1000px )
{
  .rankingtop10 { max-width: 1000px; margin: 0px auto 0px auto; }
  .rankingtop10 ul li { width: 20%;}
  .rankingtop10 ul li .photo:hover { width: 110px; height:110px; margin: 0px auto 10px auto;}
  .tourhome .pagetitle {background-size: cover; height: 420px; }
}
@media( max-width: 600px )
{
  .rankingtop10 ul li { width: 50%;}
  .rankingtop10 ul li .position { margin-left: 20px;}
  .upcomingeventlist .titletxt { padding-top: 20px;}
  .tourhome .pagetitle {background-size: cover; height: 375;}
}

.rankingtop10 .titletxt { text-align: center; font-size: 200%; padding-bottom: 20px; }
.rankingtop10 ul { display: flex; flex-flow: wrap; }
.rankingtop10 ul li { text-align: center; margin: 30px 0px 30px 0px; }
.rankingtop10 ul li .position { position: absolute; width: 25px; height: 25px; background-color: var(--yellow); border-radius: 100%; text-align: center; }
.rankingtop10 ul li .photo { width: 100px; height: 100px; background-color: #eeeeee; border-radius: 100%; margin: 0px auto 20px auto; background-size: cover; }

/* Official Rankings */

.officialrankings .pagetitle { background-image: url(/images/vnAHtARpDhDqnunKoKat1jk0n2.jpg); background-color: black; color: white; font-family: TitilliumBold; line-height: 400px; text-shadow: 2px 2px 5px var(--black); padding: 0px;} 
.officialrankings .util_tabbed li, .officialrankings .util_tabbed a {max-width: 170px; margin-bottom: 5px;}
.officialrankings .util_tabbed a { font-size: 90%;}

.officialrankings .nav_dropdown{ width: 38%; margin: 50px auto 0px auto;}
.officialrankings .sprt_ranking .titletxt {padding: 5px 5px 40px 5px;}

@media( min-width: 1000px )
{
  .officialrankings .pagetitle {height: 420px;}
  .officialrankings .util_tabbed { max-width: 750px; margin: 0px auto;}
}
@media( max-width: 600px )
{
  .officialrankings.pagetitle {background-size: cover; height: 375;}
  .officialrankings .nav_dropdown{ width: 250px; }
}

/* Formbuilder */

.formbuilder .field { padding-bottom: 15px; }
input[type=text], input[type=password], select
  {width: 100%;height: 50px;border-radius: 25px;padding: 0px 20px 0px 20px;line-height: 50px;background-color: var(--lightgrey);border: solid var(--mediumgrey) 1px;}
textarea
  {width: 100%;height: 150px;border-radius: 25px;padding: 15px 20px 0px 20px;line-height: 20px;background-color: var(--lightgrey);border: solid var(--mediumgrey) 1px;}

/* Surveys */

.surv_standard { max-width: 590px; margin: 0px auto 0px auto; padding: 100px 20px 100px 20px; }
.surv_standard .titletxt { font-size: var(--headingsize); text-align: center; padding: 0px 0px 50px 0px; }
.surv_standard .label { display: none; }
.surv_standard .buttons { text-align: center; }

@media( min-width: 1000px )
{
  .surv_standard #fb-1-div { width: 50%; float: left; padding-right: 10px; }
  .surv_standard #fb-2-div { width: 50%; float: right; padding-left: 10px; }
}

/*Footer*/
.layoutcredits .layoutcredits_inner .beachshore { display:none;}
.layoutcredits .layoutcredits_inner .copyright { display:none;}


/* Toggle switch */


/* The switch - the box around the slider */
.toggleswitch label {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.toggleswitch label input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.toggleswitch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggleswitch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: var(--yellow);
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #ccc;
}

input:focus + .slider {
  box-shadow: 0 0 1px #ccc;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.toggleswitch .slider.round {
  border-radius: 34px;
}

.toggleswitch .slider.round:before {
  border-radius: 50%;
}

/* site map */

@media (min-width: 1000px)
{
  .sitemap { max-width: 1200px; margin: 0px auto; padding-bottom: 50px;}
}

@media (max-width: 999px)
{
  .sitemap { padding: 0px 20px 50px 20px;}
}

.sitemap .toggle, .sitemap .nav_multilevel .link109, .sitemap .nav_multilevel .link110{ display: none; }
.sitemap .nav_multilevel .level1 ul {margin-left: 15px;}
.layoutheader .nav_multilevel .link7>.level2 { display:none !important;}

/* Player Profile */

.memb_playerprofile { padding-bottom: 100px;}
.memb_playerprofile .edit_photo { cursor: pointer;}
.memb_playerprofile .completion { color: white; font-size: 80%; width: 365px;}
.memb_playerprofile .completion .label {float: left; padding-right: 5px; padding-top: 5px; color: var(--darkgrey)}
.memb_playerprofile .completion .percent { float: right;padding-top: 5px; color: var(--darkgrey) }
.memb_playerprofile .completion .progress { background-color: var(--lightgrey);border-radius: 20px;  }
.memb_playerprofile .completion .progress .bar { background-color: var(--yellow);height: 10px; border-radius: 20px; }

.memb_playerprofile .banner, .ven_venuepage .banner, .sprt_tournamentpage .banner {background-image: url(/images/8qCsGWP9LCdUSA4gwKXA1vf0yc.jpg);margin-bottom: 50px;}
.memb_playerprofile .banner_inner h1, .ven_venuepage .banner h1, .sprt_tournamentpage .banner h1 { font-size: 200%; color: var(--yellow); }
.memb_playerprofile .banner_inner .photo, .ven_venuepage .banner .photo, .sprt_tournamentpage .banner .photo { background-color: var(--darkgrey); border-radius: 100%; }
.memb_playerprofile .banner_inner .edit_photo { width: 20px; position: absolute;}
.ui-dialog .dz-clickable {background-image: url(/images/wsS7B7adl3s8kc8tFpOt0e80e8.png);background-size: 200px;}
.dz-preview {background-color: var(--lightgrey); height:215px; }
.dz-image img { clip-path: circle(40%); }
.ven_venuepage .contact, .sprt_tournamentpage .details { color: #ffffff; }
.ven_venuepage .contact a, .sprt_tournamentpage .details a { color: #ffffff; }
.memb_playerprofile .keystats li { display: inline-block; margin: 0px 5px; padding: 0px 10px;}
.memb_playerprofile .keystats li:first-of-type { background-color: var(--yellow);}
.memb_playerprofile .keystats li { background-color: white;  border-radius: 100px;}
.memb_playerprofile .keystats li .label { font-size: 85%; font-family:TitilliumBold; text-align: center; padding-top: 10px;}
.memb_playerprofile .keystats li .value { color: black; font-size: 120%;  text-align: center; }

.memb_playerprofile .stats li { font-size: 85%; color: white; }
.memb_playerprofile .stats li .label { font-family:TitilliumBold; }

.memb_playerprofile .section, .ven_venuepage .section, .sprt_tournamentpage .section { border-bottom: solid var(--darkgrey) 1px; } 
.memb_playerprofile .section>h2, .ven_venuepage .section>h2, .sprt_tournamentpage .section>h2 { cursor: pointer; text-transform: uppercase; padding: 22px 0px; background-image: url(/images/RJEtdoq9eY3TOquCseJu02s02s.png); background-size: 15px; background-position: right;}
/*.memb_playerprofile .section h2 { background-image: url(/images/vJbnqCAB5VlDc3IDlhQx02s02s.png);background-size: 15px; }*/
.memb_playerprofile .section:last-child, .ven_venuepage .section:last-child, .sprt_tournamentpage .section:last-child {margin-bottom: 100px;}
.memb_playerprofile .section .info .bio .label { font-family:TitilliumBold;}
.memb_playerprofile .section .info .bio li {display: flex;}
.memb_playerprofile .section .info .buttons { text-align: right; width: 10%; }
.memb_playerprofile .section .info .fas { cursor: pointer;}
.memb_playerprofile .section .info {padding-bottom: 20px;}
.memb_playerprofile .section table, .ven_venuepage .section table, .sprt_tournamentpage .section table {width: 100%;}
.memb_playerprofile .section input[type=text] { height: 30px;}
.memb_playerprofile .section td.buttons { text-align: right; white-space: nowrap; }
.memb_playerprofile .section td.buttons a { margin-bottom: 3px; }

.memb_playerprofile .info h2 { font-family: TitilliumBold;}
.memb_playerprofile .section table td, .memb_playerprofile .section table th { padding: 5px 5px;}
.memb_playerprofile .section table { margin-top: 30px;}
.memb_playerprofile .tournaments table tr {height: 90px;}
.memb_playerprofile a.button { padding: 5px; }

.sprt_tournamentpage .enterbutton { text-align: center; margin-bottom: 25px;}
.sprt_tournamentpage .info h3 { text-align: center; padding: 20px 0px 20px 0px; font-family: TitilliumBold; }
.sprt_tournamentpage ul.competitors { display: flex; flex-wrap: wrap; justify-content: space-around; }
.sprt_tournamentpage ul.competitors li { margin: 10px; text-align: center; }
.sprt_tournamentpage ul.competitors li .role, .sprt_tournamentpage .draw .role { font-size: 75%; display: inline-block; width: 20px; height: 20px; border-radius: 100%; line-height: 20px; text-align: center; background-color: var(--yellow); }
.sprt_tournamentpage ul.competitors li .photo { border-radius: 100%; background-size: cover; }
.sprt_tournamentpage ul.competitors li .name { margin-top: 10px; font-family: TitilliumBold; }
.sprt_tournamentpage ul.competitors li .doublepair { font-size: 80%; }
.sprt_tournamentpage ul.competitors li .doublepair a { display: block; margin: 0px auto 0px auto; background-color: var(--yellow); height: 24px; line-height: 24px; border-radius: 12px; color: var(--black); }
.sprt_tournamentpage ul.competitors li .teamphotos { display: flex; flex-wrap: wrap; width: 180px; }
.sprt_tournamentpage ul.competitors li .teamphotos div:nth-child(1) { border-radius: 100% 0% 0% 0%; }
.sprt_tournamentpage ul.competitors li .teamphotos div:nth-child(2) { border-radius: 0% 100% 0% 0%; }
.sprt_tournamentpage ul.competitors li .teamphotos div:nth-child(3) { border-radius: 0% 0% 0% 100%; }
.sprt_tournamentpage ul.competitors li .teamphotos div:nth-child(4) { border-radius: 0% 0% 100% 0%; }
.sprt_tournamentpage .tabledetails th { width: 20%; padding: 3px; }
.sprt_tournamentpage .tabledetails td { width: 50%; padding: 3px; }

.sprt_tournamentpage .results table th, .sprt_tournamentpage .results table td { padding: 3px; }
.sprt_tournamentpage .results table .section { background-color: var(--lightgrey); text-align: center; }
.sprt_tournamentpage .results table .submatch { font-size: 80%; color: var(--darkergrey); }
.sprt_tournamentpage .results table .submatch th, .sprt_tournamentpage .results table .submatch td { padding: 0px 3px 3px 3px; }
.sprt_tournamentpage .results table .namea { text-align: right; }
.sprt_tournamentpage .results table .score { text-align: center; }
.sprt_tournamentpage .results table .nameb { text-align: left; }

/*
.sprt_tournamentpage .details .prize { display: flex; padding-bottom: 20px;}
.sprt_tournamentpage .details .prize .label { width: 50%; }
.sprt_tournamentpage .details .prize .value { width: 50%; }
*/
.sprt_tournamentpage .results .full {display: block;}
.sprt_tournamentpage .results .phases {font-size: 75%; }
.sprt_tournamentpage .results .stage {background-color: var(--darkgrey); color: var(--lightgrey); text-align: center;}
/* .sprt_tournamentpage .stage.round {background-color: white !important;} */

.memb_playerprofile .stats li { display: flex;}

.memb_comparedropdowns { background-color: black; color:white;}
.memb_comparedropdowns .titletxt { font-size: 180%; font-family:TitilliumBold; padding-top: 60px;}
.memb_comparedropdowns .member1, .memb_comparedropdowns .member2 { padding: 30px 30px; }
.memb_comparedropdowns input { text-align:center; }
.memb_comparedropdowns input[type=submit] {max-width: 275px; margin-bottom: 50px;}
.memb_comparedropdowns .member1, .memb_comparedropdowns .member2, .memb_comparedropdowns .versus { max-width: 300px; }
.ui-menu-item { background-color: #ffffff; margin: 0px 20px;}

.memb_comparedropdowns { text-align: center; }

.memb_playerprofile .section .info, .ven_venuepage .section .info, .sprt_tournamentpage .section .info { padding-bottom: 10px; }
/* .memb_playerprofile .section .info  {font-size: 95%;background-color: var(--lightergrey);} */

.memb_playerprofile .section .info table  th, .memb_playerprofile .section .info table  td { border-top: 1px solid lightgrey; }
.memb_playerprofile .section .info table tr:first-of-type th { border-top: 0px;  }
.memb_playerprofile .section.section_tournaments .info table tr:first-of-type td { border-top: 0px;  }

.memb_playerprofile .section .info table tr.competition { transition: all .3s ease-in-out; }
.memb_playerprofile .section .info table tr.competition:hover { background-color: var(--darkgrey); color: white; cursor: pointer;}
.memb_playerprofile .section .info table tr.competition td { border-right: 0px; }

/* .memb_playerprofile .section.open h2 { background-color: var(--lightgrey); } */

.memb_playerprofile .section_playerbio li { padding-bottom: 10px; }
.memb_playerprofile .section_tournaments .competition.expanded { background-color: var(--darkgrey); color: white;  }
.memb_playerprofile .section_tournaments .fixture {background-color: var(--lightgrey);font-size:  90%;}

@media (min-width: 800px)
{
  .memb_playerprofile .banner_inner, .ven_venuepage .banner_inner, .sprt_tournamentpage .banner_inner { max-width: 1200px; min-height: 420px; margin: 0px auto; padding: 50px 20px 0px 300px; }
  .memb_playerprofile .banner_inner { max-width: 800px; }
  .memb_playerprofile .banner_inner>h1 {padding-bottom: 0;}
  .memb_playerprofile .banner_inner .playerid { font-size: 110%; padding-bottom: 10px;}
  .memb_playerprofile .banner_inner .photo, .ven_venuepage .banner_inner .photo, .sprt_tournamentpage .banner_inner .photo { width: 250px; height: 250px; position: absolute; margin-left: -280px; background-size: cover;}
  .memb_playerprofile .banner_inner .edit_photo { position: absolute; margin-left: -50px; }
  .memb_playerprofile .keystats, .ven_venuepage .contact, .sprt_tournamentpage .details { }
  .memb_playerprofile .keystats li {  width: 80px; height: 80px; }
  .memb_playerprofile .keystats li h3 { padding-left: 10px; }
  .memb_playerprofile .completion { margin-left: -69px; margin-top: 305px;}
  .memb_playerprofile .completion { position: absolute; left: 50%; }
  
  .memb_playerprofile .stats { width: 50%;}
  .memb_playerprofile .stats .label {width: 50%;}
  .memb_playerprofile .stats .value { width: 75%;}
  .memb_playerprofile .stats { position: absolute; left:50%; margin-top: 50px;margin-left: -80px; } 
  
  .memb_playerprofile .section, .ven_venuepage .section, .sprt_tournamentpage .section, .ven_venuepage .details { clear: both; max-width: 750px; margin: 0px auto; } 
  .memb_playerprofile .section .info .bio .label { width: 30%;}
  .memb_playerprofile .section .info .bio .value { width: 60% }
  .memb_playerprofile .section .input { width: 60%; }

  .memb_comparedropdowns .titletxt, .memb_comparedropdowns .introduction { max-width: 700px; margin: 0px auto; text-align: center;}

  .ui-menu-item { background-color: #ffffff; max-width: 300px; margin: 0px 20px;}
}

@media (min-width: 600px)
{
.memb_comparedropdowns .member1, .memb_comparedropdowns .member2, .memb_comparedropdowns .versus { display: inline-block; text-align: center; }
}

@media (max-width: 799px)
{
  .memb_playerprofile .banner, .ven_venuepage .banner, .sprt_tournamentpage .banner { background-image: url(/images/mNsxtnjETbb9r5rjA8PS0oj0yc.jpg); background-position: left; padding: 20px; }
  .memb_playerprofile .banner_inner, .ven_venuepage .banner_inner { min-height: 540px;}
  .sprt_tournamentpage .banner_inner { min-height: 600px;}
  .memb_playerprofile .banner_inner .playerid { font-size: 110%; padding-bottom: 20px;}
  .memb_playerprofile .banner_inner>h1 {padding-bottom: 0;}
  .memb_playerprofile .banner_inner h1, .ven_venuepage .banner_inner h1, .sprt_tournamentpage .banner_inner h1 { text-align: center; }
  .memb_playerprofile .banner_inner .edit_photo {left: 60%; top: 100px;}
  .memb_playerprofile .banner_inner .photo, .ven_venuepage .banner_inner .photo, .sprt_tournamentpage .banner_inner .photo { width: 150px; height: 150px; background-position: center center; background-size: cover; margin: 0px auto 20px auto; }
  .memb_playerprofile .banner_inner .photo {background-position: top;}
  .memb_playerprofile .keystats, .ven_venuepage .contact{/*position: absolute;left:50%;margin-left: -160px;margin-top: 290px;*/text-align: center; }
  .memb_playerprofile .keystats li {  width: 70px; height: 70px; margin: 20px; }
  .memb_playerprofile .keystats li h3 { padding-left: 5px;}
  .memb_playerprofile .completion {width: 300px; margin: 120px auto 0px auto;}

  .memb_playerprofile .section, .ven_venuepage .details, .ven_venuepage .section, .sprt_tournamentpage .section {padding: 0px 20px; }
  .memb_playerprofile .section .info .bio .label {  width: 50%;}
  .memb_playerprofile .section .info .bio .value { width: 40% }
  .memb_playerprofile .section .input { width: 50%; }

  .memb_playerprofile .stats{ position: absolute; left: 50%; margin-left: -150px; margin-top: 30px; font-size: 90%;}
  .memb_playerprofile .stats{ width: 300px; }
  .memb_playerprofile .stats .label {width: 60%;}
  .memb_playerprofile .stats .value {width: 60%;}

  .memb_comparedropdowns { padding: 0px 20px;}
  .ui-menu-item { max-width: 230px; margin: 0px 20px;}
}

@media ( max-width: 770px )
{
  .memb_playerprofile .section_rankingprogression { display: none; }

}

@media (max-width: 599px)
{
  .ui-dialog {max-width: 300px; }
  .memb_playerprofile .banner_inner .edit_photo { left: 70%; top: 100px;}
  .memb_playerprofile .banner_inner h1, .ven_venuepage .banner_inner h1, .sprt_tournamentpage .banner_inner h1 { font-size: 150%; }
  .memb_playerprofile .completion { margin-top: 140px;}
  .memb_playerprofile .section table,  .memb_playerprofile .section tbody { }
  .memb_playerprofile .section table td a { margin: 5px 5px;}
  .memb_comparedropdowns {padding-bottom: 30px !important;}
  .memb_comparedropdowns .titletxt { padding-top: 0px; }
  .memb_comparedropdowns .member1, .memb_comparedropdowns .member2, .memb_comparedropdowns .versus { margin: 0px auto;}
  .ven_venuepage .contact { padding: 0px 20px;}
  .sprt_tournamentpage .details .prize .value {text-align: center;}
  .sprt_tournamentpage .banner_inner { min-height: 700px;}
  .memb_playerprofile .banner, .ven_venuepage .banner, .sprt_tournamentpage .banner { margin-bottom: 10px;}
  .memb_playerprofile .section:last-child, .ven_venuepage .section:last-child, .sprt_tournamentpage .section:last-child { margin-bottom: 10px; }
  .memb_playerprofile { padding-bottom: 20px; }
}

/* Head 2 Head */ 

.memb_comparison {margin: 0px auto 0px auto;padding: 0px 0px 20px 0px;}
.memb_comparison .player { width: 200px; float: left; padding: 0px 10px 0px 10px; border: 1px solid black; min-height: 300px; background-color: black; text-align: center; }
.memb_comparison .player .field_Name { color: var(--yellow);  padding: 10px 0px 10px 0px;   }
.memb_comparison .player .image { width: 150px; height: 150px; border-radius: 100%; background-size: cover; margin: 0px auto 0px auto; }
.memb_comparison .player .field_Ranking { color: white; padding-top: 30px;}
.memb_comparison .head2head {float:left;width: 600px;padding: 0px 10px 50px 10px;}
.memb_comparison .head2head th { text-align: center; line-height: 2; background-color: black; color: #ffffff;}
.memb_comparison .head2head td { text-align: center;  border: 1px solid ; width: 50%; line-height: 2; background-color: var(--lightergrey);}
.memb_comparison h2 { clear:both; padding: 10px 0px 10px 0px; }
.memb_comparison .results th, .memb_comparison .results td { padding: 2px 5px 2px 5px; }
.memb_comparison .results td:nth-child(5) { white-space: nowrap; }
.memb_comparison .head2head table { margin: 0px auto; width: 100%;}

@media (min-width: 1000px) {
  .memb_comparison {width: 1000px;}
}

@media (max-width: 1120px)
{
  .memb_comparison .player { font-size: 120%;} 
  .memb_comparison .player .field_Name { font-size: 120%; }
  .memb_comparedropdowns { float:none; clear:both; width: 100%; text-align: center; padding: 50px 0px 0px 0px; }
  .memb_comparedropdowns .versus { padding: 0px; float: none; }
  .memb_comparedropdowns .member1 { float: none; padding: 0px 0px 0px 0px; }
  .memb_comparedropdowns .member2 { float: none; padding: 0px 0px 0px 0px;}
  .memb_comparedropdowns input[type="text"] {margin: 0px auto 0px auto; }
  .memb_comparedropdowns input[type="submit"] {display: inline-block; margin: 10px 10px 10px 10px;} 

  .memb_comparison .player { position: absolute; top: 220px; width: 50%; left: 50%; box-sizing: border-box; border: 10px solid white; }
  .memb_comparison .player:first-child { left: 0px; }
  .memb_comparison .head2head { float: none; margin-top: 300px; padding: 20px; width: 100%; }
}

@media (max-width: 700px)
{
   .memb_comparison .results { font-size: 90%;}
   .memb_comparison .results td:nth-child(3), .memb_comparison .results th:nth-child(3) { display: none; }
}

@media (max-width: 500px)
{
   .memb_comparison .player { font-size: 100%;} 
   .memb_comparison .results td:nth-child(1), .memb_comparison .results th:nth-child(1) { display: none; }
}


.sprt_compeditor, .ven_venueeditor { max-width: 1000px; margin: 0px auto 50px auto; }
.sprt_compeditor h1, .ven_venueeditor h1 { font-family: TitilliumBold; text-align: center; font-size: 200%; }
.sprt_compeditor .formbuilder, .ven_venueeditor .formbuilder { padding-bottom: 50px; }
.sprt_compeditor .formbuilder .field, .ven_venueeditor .formbuilder .field { padding-top: 20px; }
.sprt_compeditor .formbuilder .field_section, .ven_venueeditor .formbuilder .field_section { border-top: solid var(--darkgrey) 1px; margin-top: 20px; text-align: center; }
.sprt_compeditor .formbuilder label, .ven_venueeditor .formbuilder label { font-family: TitilliumBold; }

.ui-dialog { font-size: 100%; border: none; border-radius: 0px; }
.ui-dialog-titlebar { background: none; border: none; padding: 10px; }

.fbdropzone { width: 100%; height: 250px; }
.fbdropzone .dz-clickable {background-color: var(--lightgrey);cursor: pointer;text-align: center;padding: 20px;}
.fbdropzone .dz-success-mark, .fbdropzone .dz-error-mark { display: none; }

/* Manage teams */
.sprt_teammembership {max-width: 750px; margin: auto; text-align: center;}
.sprt_teammembership h1 { padding: 50px 20px 50px 20px; text-align: center; font-size: 250%; font-family: TitilliuRegularItalic; font-size: 250%; }
.sprt_teammembership .join {text-align: center; margin-bottom: 40px;}
.sprt_teammembership .join input[type=submit] {margin-left: 10px;}
.sprt_teammembership .create {text-align: center;}
.sprt_teammembership .create input {margin-bottom: 20px;}

@media (max-width: 800px) {
  .sprt_teammembership {padding: 0px 30px;}
}

/* Rankings */
.sprt_ranking {max-width: 750px; margin: auto; padding: 30px 0px 100px 30px;}
.sprt_ranking h2 { padding: 50px 20px 50px 20px; text-align: center; font-size: 250%; font-family: TitilliuRegularItalic; font-size: 250%; }

.sprt_ranking .updated { padding: 0px 0px 40px 0px; }

.sprt_ranking table { width: 100%; }

.sprt_ranking td.movement { display: table-cell; border-top: solid #5a5959 1px; padding: 5px; width: 5%; }
.sprt_ranking td.position { display: table-cell; border-top: solid #5a5959 1px; padding: 5px; width: 10%; }
.sprt_ranking td.name { display: table-cell; border-top: solid #5a5959 1px; padding: 5px; width: 45%; }
.sprt_ranking td.played { display: table-cell; border-top: solid #5a5959 1px; padding: 5px; width: 10%; text-align: right; }
.sprt_ranking td.win { display: table-cell; border-top: solid #5a5959 1px; padding: 5px; width: 10%; text-align: right; }
.sprt_ranking td.lose { display: table-cell; border-top: solid #5a5959 1px; padding: 5px; width: 10%; text-align: right; }
.sprt_ranking td.points { display: table-cell; border-top: solid #5a5959 1px; padding: 5px; width: 10%; text-align: right; }

.sprt_ranking .headings { display: table-row;   padding: 5px; }
.sprt_ranking th.movement { display: table-cell;  padding: 5px; width: 5%; }
.sprt_ranking th.position { display: table-cell;  padding: 5px; width: 10%; }
.sprt_ranking th.name { display: table-cell;  padding: 5px; width: 45%; }
.sprt_ranking th.played { display: table-cell;  padding: 5px; width: 10%; text-align: right; }
.sprt_ranking th.win { display: table-cell;  padding: 5px; width: 10%; text-align: right; }
.sprt_ranking th.lose { display: table-cell;  padding: 5px; width: 10%; text-align: right; }
.sprt_ranking th.points { display: table-cell;  padding: 5px; width: 10%; text-align: right; }

.legal .pagecontent { max-width: 1240px; text-align: left;}




/* Basket */

.shop_basketpage { max-width: 1100px; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; }

.shop_basket table { margin: 30px 0px 30px 0px; width: 100%; }
.shop_basket tr:nth-child(even) { background-color: #efefef; }
.shop_basket tr:nth-child(odd) { background-color: #ffffff; }
.shop_basket td { padding: 5px; }
.shop_basket th { padding: 5px; border-bottom: 1px solid black; border-top: 1px solid black; background-color: #ffffff;  }
.shop_basket .total, .shop_basket .remove { text-align: right; }
.shop_basket .contact { padding: 5px 0px 5px 0px; }
.shop_basket .confirm h2 { padding: 20px 0px 10px 0px; font-family: TitilliumBold; }
.shop_basket .payment { padding: 5px 0px 5px 0px; }
.shop_basket .payment ul.paymentgateways { padding: 0px 0px 20px 0px; }
.shop_basket .payment ul.paymentgateways li { padding: 0px 0px 10px 0px; }
.shop_basket .errors { padding: 0px 0px 20px 0px; }
.shop_basket .buttons { clear: both; padding: 30px 0px 30px 0px; }
.shop_basket .buttons input { margin-right: 10px; }
.shop_basket .discount { display: none; }

.shop_basketpage .discount {display: block; margin-bottom: 20px;}
.shop_basketpage .discount input[type=text] { width: 300px;}
.shop_basketpage .discount input[type=submit] {margin-top: 20px; margin-left: 20px;}

@media (max-width: 1120px)
{
 .shop_basket .discount input[type=submit] {margin: 10px; }
 .shop_basket .buttons .continueshopping {clear:left;  margin: 10px; }
 .shop_basket .buttons .updatebasket {margin: 10px; }
 .shop_basket .buttons .checkout {  margin: 10px; }

}


/* #paymentform-stripe label { display: none; } */

#paymentform-stripe .StripeElement
{
	background-color: white;
	padding: 8px 12px;
	border-radius: 4px;
	border: 1px solid #000000;
}

#paymentform-stripe .StripeElement--invalid { border-color: #ff0000; }
#paymentform-stripe .StripeElement--webkit-autofill { background-color: #fefde5 !important; }

#paymentform-stripe #card-errors { color: #ff0000; font-weight: bold; padding: 5px 0px 0px 0px; }

/* tournament pages */

/*
.drawgrid { font-size: 80%; border-bottom: 1px solid black !important;border-right: 1px solid black;border-top: 1px solid black !important; }
td[id*='grid'] {border-bottom: 1px solid black !important;border-right: 1px solid black;border-top: 1px solid black !important; }
td[id*='grid] { background-image: url(/images/Sye6foQ5Q5ut9MN0GWoI001001.png); }
*/

.sprt_tournamentpage .drawgrid { font-size: 70%; }
.sprt_tournamentpage .drawgrid .arrow { width: 30px; background-image: url(/images/h4FBBZbjNRijQ1hcM1tm02s0b4.gif); background-size: 100% 100%; } 
.sprt_tournamentpage .drawgrid .match { vertical-align: middle; padding: 0px 5px 0px 5px; font-size: 150%; }
.sprt_tournamentpage .drawgrid .participant { padding: 0px 5px 0px 0px; }
.sprt_tournamentpage .info { overflow-x: scroll; }
.sprt_tournamentpage .info .drawgrid { margin-bottom: 50px; }
.sprt_tournamentpage fieldset {padding-top: 20px; font-weight: bold;}


/* Previous tournaments */

.prevtournament .sprt_competitionlist { width: 750px; margin: 50px auto;}
.prevtournament .sprt_competitionlist select { margin-bottom: 20px; }
.prevtournament .sprt_competitionlist table { width: 100%; }
.prevtournament .sprt_competitionlist table td { border-bottom: 1px solid var(--darkgrey); padding: 3px 0px;  }

.prevtournament .sprt_competitionlist table th.StartDate,
.prevtournament .sprt_competitionlist table td.field_CompStartDate { width: 142px; }

.prevtournament .sprt_competitionlist table tr { transition: all .3s ease-in-out; padding: 10px 0px; }
.prevtournament .sprt_competitionlist table tr:hover { background-color: lightgrey; cursor: pointer;   }

@media ( max-width: 790px )
{
  .prevtournament .sprt_competitionlist { width: 90%; }
  .prevtournament .sprt_competitionlist table tr td:first-of-type { padding-right: 10px; }
}

/* FAQ */

.dbase_faqs { max-width: 1000px; margin: 0px auto;  }
.dbase_faqs h2 {  padding: 20px 0px 20px 30px; cursor: pointer; background-image: url(/images/mcLtte1tMLpcH15EXT8800p00p.png);background-repeat: no-repeat; background-position: left center; }
.dbase_faqs ul { margin-left: 10px; }
.dbase_faqs .question { padding: 0px 0px 0px 40px; font-weight: bold; cursor: pointer; }
.dbase_faqs .answer { padding: 20px 0px 0px 60px; }

.layoutheader .link286, .layoutheader .link285 { display: none !important; }


/* Our partners */
.our-partners .partners { max-width: 1000px; margin: 0 auto; padding: 10px; }
.our-partners .partners ul { columns: 3; column-gap: 30px; padding: 0; list-style: none; }
.our-partners .partners ul li { height: 150px; display: flex; align-items: center; justify-content: center; break-inside: avoid; margin: 0 0 30px 0; }
.our-partners .partners ul li a img { width: 100%; max-width: 250px; height: auto; max-height: 100%; object-fit: contain; }

@media(max-width:1000px) {
  .our-partners .partners ul {columns: 2;}
}

@media(max-width:425px) {
  .our-partners .partners ul {columns: 1;}
}