@font-face { font-family: LatoBlack; src: url(/library/fonts/Lato/Black.otf) format("opentype"); }
@font-face { font-family: LatoBold; src: url(/library/fonts/Lato/Bold.otf) format("opentype"); }
@font-face { font-family: LatoItalic; src: url(/library/fonts/Lato/Italic.otf) format("opentype"); }
@font-face { font-family: LatoRegular; src: url(/library/fonts/Lato/Regular.otf) format("opentype"); }
@font-face { font-family: LatoLight; src: url(/library/fonts/Lato/Light.otf) format("opentype"); }
@font-face { font-family: LatoThin; src: url(/library/fonts/Lato/Thin.otf) format("opentype"); }

@font-face { font-family: OswaldRegular; src: url(/library/fonts/Oswald/Regular.otf) format("opentype"); }
@font-face { font-family: OswaldMedium; src: url(/library/fonts/Oswald/Medium.otf) format("opentype"); }
@font-face { font-family: OswaldSemiBold; src: url(/library/fonts/Oswald/SemiBold.otf) format("opentype"); }

/* ==========================================================================
   General styling
============================================================================= */

* { background-repeat: no-repeat; background-position: center center; box-sizing: border-box; }
body { margin: 0px; padding: 0px; width: 100%; height: auto; background-color: var(--background); font-family: LatoLight; font-size: 100%; line-height: 1.2; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a { color: var(--red); text-decoration: none; transition: color 0.3s ease, text-decoration 0.3s ease; text-decoration: none; font-family: LatoLight;}
a:hover, a:focus { color: var(--darkred);}

fieldset { padding: 0px; margin: 0px; }

h1 {font-family: OswaldRegular; font-size: 140%; letter-spacing: 0.05em; text-transform: uppercase; margin: 0 0 30px 0; }
h2 {font-family: OswaldRegular; font-size: 140%; letter-spacing: 0.05em; text-transform: uppercase; margin: 0 0 20px 0; }
h3 { font-family: LatoRegular; font-size: 130%; letter-spacing: 0.03em; margin: 10px 0 15px 0;}
p { padding: 0px 0px 20px 0px; margin: 0;  font-size: 105%; letter-spacing: 0.05em; line-height: 1.3em; font-family: LatoLight;}


ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { padding: 0px 0px 0px 0px;  color: var(--black); }

select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
strong {font-family: LatoBold; color: var(--black);}

table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer { clear: both; height: 0px; display: none;}

li { list-style-type: none; }
ul.bulletpoints li { list-style-type: none; }

.yellow-btn {padding: 10px 15px;  display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: var(--yellow); text-transform: uppercase; font-size: 105%; letter-spacing: 0.05em; font-family: LatoBold; color: var(--blue); width: auto ; height: auto; margin-top: 26px;}
.yellow-btn:hover {color: var(--blue);}

.layoutcredits {display: none;}


/** Forms **/
fieldset {border: none;}
textarea {border: 1px solid var(--blue);}

input, textarea, select { font-size: 90%; background: var(--white); padding: 5px;  box-sizing: border-box; font-family: LatoLight; }
.titletxt {font-family: OswaldRegular; font-size: 140%; letter-spacing: 0.05em; text-transform: uppercase; margin: 0 0 20px 0; font-weight: 700;}
fieldset .form, fieldset .input input, fieldset .label label, fieldset textarea{ max-width: 500px; width: 100%;  font-size: 105%; letter-spacing: 0.05em; line-height: 1.3em;}
fieldset .field { margin: 20px 0;}
fieldset .input input:focus, textarea:focus {outline: none !important; border: 2px solid var(--blue);}
fieldset .label {font-family: LatoRegular; margin-bottom: 5px;}
fieldset .stayloggedin {margin: 15px 0; display: flex; align-items: center;}


.form-group.field_section { padding-top: 30px;}
.form-group.field_section:first-of-type { padding-top: 0;}
.form-group.field_section .label label, .form-group.field_group > .label{font-family: OswaldRegular; font-size: 140%; letter-spacing: 0.05em; text-transform: uppercase; margin: 0 0 20px 0; }

.errors {color: var(--red); font-family: LatoRegular; padding: 0 10px; }

input[type=text], input[type=password], select  { height: 30px;  border: 1px solid var(--blue); background-color: var(--white); font-size: 110%; font-family: LatoLight; }
input[type="checkbox"] { width: 15px; height: 15px; margin: 0 10px 0 0;  }


/* Buttons */

input[type=button], input[type=submit], a.button, button { cursor: pointer; font-family: LatoBold; text-transform: uppercase; letter-spacing: 0.05em; min-width: 200px; border: none; background-color: var(--yellow);  color: var(--black); font-size: 110%; padding: 5px; display: inline-block; text-align: center; }
input[type=button]:hover, input[type=submit]:hover, a.button:hover, button:hover { background-color: var(--blue); color: var(--yellow); }


/** Standard layout **/
body:not(.section5) .layoutmiddle { display: flex; width: 100%; max-width: 1200px;  justify-content: start; margin: 0 auto; flex-grow: 1;  margin-top: 50px;}
body:not(.section5) .layoutcontent { width: 100%; padding: 40px 20px; }
.std_contentpage, .sprt_managerportal {min-height: calc(100vh - 308px);}


body:not(.section5) .pagecontent, body:not(.section5) .std_content_inner, .feat_googlemap  {padding-bottom: 25px;}

body:not(.section5) .layoutcontent.fullwidth {max-width: 1200px !important; width: 100%; margin: 0 auto;}

.page_standarda.news {max-width: 1200px !important;}


/** Page header **/
body:not(.section5) .pagetitle .pagetitle_inner {width: 100%;}
body:not(.section5) .pageheader { width: 100%; position: absolute; top: 60px; left: 0; }
body:not(.section5) .pageheader_inner {background: linear-gradient(to bottom, var(--red) 0%, var(--red) 67%, var(--darkred) 100%); display: inline-block; line-height: 1; height: 50px; display: flex; justify-content: center; align-items: center; }
body:not(.section5) .pagetitle {margin: 0; color: var(--white);}

/** Layout left **/
.layoutleft {width: 250px; padding: 40px 10px;}
.layoutleft ul {border-right: 2px solid var(--red); margin-right: 20px; padding-right: 20px;}
.layoutleft ul li {padding: 0 0 20px 0; font-size: 105%; }
.layoutleft ul li a {font-family: OswaldRegular; color: var(--black); text-transform: uppercase;}
.layoutleft ul li a:hover {color: var(--red);}


@media(max-width:425px) {
    .std_contentpage:not(.home) .pagecomponents, .std_contentpage:not(.home) .pagecontent {padding: 0 10px ;}
    body:not(.section5) .std_contentpage {padding: 0; }
    body:not(.section5) .layoutcontent {padding: 10px 5px; }
}

:root
{
    --red: #D50000;
    --darkred: #A40000;
    --blue: #000022;
    --black: #1f1f1f;
    --yellow: #F1A41E;
    --darkyellow: #C07E0C;
    --background: #FBF5F3;
    --white: #fcfcfc;
}


/* ==========================================================================
   Menu 
============================================================================= */

.layouttopmenu {font-family: OswaldRegular; text-transform: uppercase; background: var(--white); height: 60px; width: 100%; position: relative; z-index: 9999; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);}


@media(min-width: 1000px) {
    .layouttopmenu .expand {display: none;}
    .layouttopmenu .toggle, .logomobile {display: none;}
    .layouttopmenu .layouttopmenu_inner .nav_sitemap  .level2 {display: none;}

    .layouttopmenu .layouttopmenu_inner {max-width: 1200px;  display: flex; align-items: center; height: 100%; justify-content: center; margin: 0 auto;}
    .layouttopmenu .layouttopmenu_inner .nav_sitemap ul {display: flex; align-items: center; padding: 0; gap: 30px; }
    .layouttopmenu .layouttopmenu_inner .nav_sitemap ul li a {color: var(--black); font-size: 105%; letter-spacing: 0.05em; font-family: OswaldRegular; }
    .layouttopmenu .layouttopmenu_inner .nav_sitemap ul>li:last-child>a {color: var(--red);}
    .layouttopmenu .layouttopmenu_inner .nav_sitemap ul li:first-child {display: none;}

    /* .layouttopmenu .menulogo {opacity: 0; transition: opacity 0.5s ease;} */
    /* .scrolled .layouttopmenu .menulogo {display: block; opacity: 1;} */
    .layouttopmenu .menulogo a {position: absolute; top: 9px; left: 9px;}
    .layouttopmenu .menulogo  img {width: 70px; height: auto;}
}

@media(max-width: 1000px) {
    .layoutleft {display: none;}

    .layouttopmenu .toggleoff .level2 {display: none;}
    .layouttopmenu .toggleon .level2 {display: block;}
    .layouttopmenu .toggleon .level1 li a {padding-right: 30px;}
    .expand {margin-left: -20px;}
    .expand i {color: var(--white); }

    .layouttopmenu .layouttopmenu_inner .toggle {position:absolute; top: 14px; right:15px; cursor:pointer; }
    .layouttopmenu .layouttopmenu_inner .toggleon .level1  {display:block;position: absolute; top: 60px;right: 0px;width: 100%;background-color: var(--blue);z-index: 10000;text-align: end; height: auto; padding-top: 2%; padding-right: 25px;}
    .layouttopmenu .layouttopmenu_inner .toggleon .level1 li {padding: 10px 0;}
    .layouttopmenu .layouttopmenu_inner .toggleon .level2 li {padding: 8px 0;}
    .layouttopmenu .layouttopmenu_inner .toggleon .level1 li a { color: var(--white) !important; opacity: 1 !important; font-size: 120%; font-family: OswaldRegular;}
    
    .layouttopmenu .layouttopmenu_inner .toggle i { font-size: 200%; transition: transform 0.3s ease-in-out; }
    .nav_multilevel.toggleon .toggle i { transform: rotate(90deg); }
    .layouttopmenu .layouttopmenu_inner .toggleoff ul {display:none;}

    .layouttopmenu .layouttopmenu_inner .toggleon .level2 li a {font-size: 100%; font-family: LatoRegular; text-transform: capitalize; }
    .layouttopmenu .layouttopmenu_inner .toggleon .level1>li:last-child a {color: var(--yellow) !important;}

    .menulogo {display: none;}
    .logomobile {display: flex; align-items: center; }
    .logomobile ul {order: 1;}
    .logomobile h2 {order: 2; padding-left: 10px; font-size: 120%;}
    .logomobile img {height: 58px;width: auto;padding: 5px 0 0 15px; }

    /* .link15 > .level2, .link15 > .expand {display: none !important;} */
    
}



/* ==========================================================================
   Footer
============================================================================= */

.layoutfooter {background-color: var(--blue); color: var(--white); width: 100%; padding: 30px 10px; margin-top: 50px;}
.layoutfooter strong {color: var(--white);}
.layoutfooter .layoutfooter_inner {max-width: 1200px; margin: 0 auto; width: 100%; }
.layoutfooter .layoutfooter_inner .util_container .items {display: flex; justify-content: space-between; align-items: center;}
.layoutfooter .layoutfooter_inner .util_container .items .nav_linklist ul {display: flex; gap: 30px;}
.layoutfooter .layoutfooter_inner .util_container .items .nav_linklist ul li img {max-height: 80px; max-width: 100%; height: auto; width: auto;}
.layoutfooter .footer-bottom ul {display: flex; justify-content: space-between; font-family: LatoLight; font-size: 90%;}


@media(max-width: 768px) {
    .layoutfooter .layoutfooter_inner .util_container .items, .layoutfooter .footer-bottom ul {flex-direction: column; text-align: center;}
    .layoutfooter .layoutfooter_inner .util_container .items .nav_linklist {order: -1;}
    .layoutfooter .layoutfooter_inner .util_container .items .nav_linklist ul {gap: 15px;}
    .layoutfooter .layoutfooter_inner .util_container .items .std_content {text-align: center; padding-top: 30px;}
}




/* ==========================================================================
   Home 
============================================================================= */


/***** Home page banner *****/
.home .pagebanner { width: 100%; background-size: cover; height: calc(100vh - 60px);}
.home .redbanner {  background: linear-gradient(to bottom, var(--red) 0%, var(--red) 67%, var(--darkred) 100%); position: absolute; top: 60px; width: 100%; height: 115px; border-top: 15px solid black;}
.home .redbanner .imagetop {text-align: center; }
.home .redbanner .imagetop img {margin-top: -15px; }
.home .redbanner .content {top: 33px; width: 100%; position: absolute;  font-size: 170%; text-transform: uppercase; font-family: OswaldSemiBold; letter-spacing: 0.05em; text-align: center; display: flex; justify-content: center; gap: 180px; }
.home .redbanner .content span:first-child {text-align: end;}
.home .redbanner .content span:last-child {text-align: start;}
.home .redbanner .content span { color: var(--white); width: 300px; }

.home .accredited {position: absolute; top: 200px; right: 0; padding-right: 20px;}
/* .home .accredited img {filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4));} */

@media(max-width: 768px) {
    .home .redbanner {height: 84px;}
    .home .redbanner .imagetop img {width: 100px; height: auto;}
    .home .redbanner .content { font-size: 130%; top: 22px; gap: 125px;}

    .home .accredited {top: 170px;}
    .home .accredited img {max-height: 150px; width: auto;}
}


@media(max-width: 600px) {
    .home .redbanner {height: 60px;}
    .home .redbanner .imagetop img {width: 70px; height: auto;}
    .home .redbanner .content { font-size: 100%; font-family: OswaldRegular; top: 3px; gap: 80px;}
    .home .redbanner .content span {width: 120px;}
    .home .accredited {top: 140px;}
}


/***** Tournament *****/

/* .home .home-tournaments {margin-top: -310px;} */
.home .home-tournaments {margin-bottom: 50px;}
.home .home-tournaments .items {display: flex; max-width: 1200px; width: 100%; margin: 0 auto;}
.home .home-tournaments .items .tournament-info {width: 50%; background-color: var(--red); padding: 40px;}
.home .home-tournaments .items .tournament-info .titletxt a {font-size: 140%; color: var(--white) !important;  letter-spacing: 0.1em; text-align: center; font-family: OswaldMedium;}
.home .home-tournaments .items .tournament-info .content {font-size: 120%; line-height: 1.2; color: var(--background);}
.home .home-tournaments .items .tournament-info .util_textbox_inner > .link { margin-top: 20px; }
.home .home-tournaments .items .tournament-info .util_textbox_inner > .link a { color: var(--blue); text-transform: uppercase;font-family: LatoBold; letter-spacing: 0.05em; background-color: var(--background); padding: 10px; }
.home .home-tournaments .items .tournament-img { width: 50%; height: auto; background-size: cover; background-position: center bottom;}

@media(max-width: 950px) {
    
    .home .home-tournaments .items .tournament-info .content  {font-size: 100%; }

}

@media(max-width: 650px) {
    .home .home-tournaments .items .tournament-info, .home .home-tournaments .items .tournament-img  {width: 100%;}
    .home .home-tournaments .items {flex-direction: column;}
    .home .home-tournaments .items .tournament-info {order: 2; padding: 30px 20px;}
    .home .home-tournaments .items .tournament-img {height: 300px; order: 1;}
}

.welcomebox {margin-bottom: -430px;}



/***** Girls Tournament *****/

/* .home .home-tournaments {margin-top: -310px;} */
/* .home .home-girls {margin-bottom: 50px;} */
.home .home-girls .items {display: flex; max-width: 1200px; width: 100%; margin: 0 auto;}
.home .home-girls .items .tournament-info {width: 50%; background-color: var(--yellow); padding: 40px;}
.home .home-girls .items .tournament-info .titletxt a {font-size: 140%; color: var(--blue) !important;  letter-spacing: 0.1em; text-align: center; font-family: OswaldMedium;}
.home .home-girls .items .tournament-info .content {font-size: 120%; line-height: 1.2; color: var(--background);}
.home .home-girls .items .tournament-info .content p {color: var(--blue);}
.home .home-girls .items .tournament-info .util_textbox_inner > .link { margin-top: 20px; }
.home .home-girls .items .tournament-info .util_textbox_inner > .link a { color: var(--background); text-transform: uppercase;font-family: LatoBold; letter-spacing: 0.05em; background-color: var(--blue); padding: 10px; }
.home .home-girls .items .tournament-img { width: 50%; height: auto; background-size: cover; background-position: center center;}

.girls-tour p>img {max-width: 500px; width: 100%; height: auto;}

@media(min-width: 1000px) {
    .girls-tour p>img  {margin-right: 200px;}

}

@media(max-width: 950px) {
    
    .home .home-girls .items .tournament-info .content  {font-size: 100%; }

}

@media(max-width: 650px) {
    .home .home-girls .items .tournament-info, .home .home-girls .items .tournament-img  {width: 100%;}
    .home .home-girls .items {flex-direction: column;}
    .home .home-girls .items .tournament-info {order: 2; padding: 30px 20px;}
    .home .home-girls .items .tournament-img {height: 300px; order: 1;}

     .home .home-girls {margin-bottom: 50px;} 
     /* .home .home-girls .items .tournament-img {height: 190px;} */
}


/***** Banner info *****/
.home .banner-info {padding-top: 30px;}
.home .banner-info .std_content_inner {max-width: 1200px; margin: 0 auto; text-align: center; }
.home .banner-info .titletxt {background: linear-gradient(to bottom, var(--red) 0%, var(--red) 67%, var(--darkred) 100%);
    height: 50px;
    margin: 50px 0 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    letter-spacing: 0.1em;
    font-size: 190%;}




/***** Meet the team *****/

.home .welcomebox .items {display: flex;max-width: 1200px;justify-content: center;height: 330px;margin: 50px auto;position: relative;transform: translateY(-380px);}
.home .welcomebox .items .boxone, .home .meetone{padding: 40px; background-color: var(--blue); color: var(--white) !important;}
.home .welcomebox .items .boxone, .home .meetone > .util_textbox_inner > h2.titletxt { color: var(--white) !important;}
.home .welcomebox .items .boxone, .home .welcomebox .items .boxtwo, .home .meet .meetone, .home .meet .meettwo { flex: 1 1 50%; max-width: 600px; box-sizing: border-box; height: auto;}

.home .welcomebox .items .boxone .util_textbox_inner, .home .meet .items .meetone .util_textbox_inner {display: flex; flex-direction: column; height: 100%; justify-content: space-between;}
.home .welcomebox .items .boxone .util_textbox_inner p, .home .meet .items .meetone .util_textbox_inner p {font-size: 120%; line-height: 1.5;}
.home .welcomebox .items .boxone .util_textbox_inner>h2 a, .home .meet .items .meetone .util_textbox_inner>h2 a {font-family: OswaldMedium; font-size: 140%; color: var(--white) !important; padding-bottom: 30px; letter-spacing: 0.1em;}
.home .welcomebox .items .boxone .util_textbox_inner .link {align-self: flex-end; max-width: 300px; width: 100%; min-height: 40px;}
.home .welcomebox .items .boxone .util_textbox_inner .link a, .home .meet .items .meetone .util_textbox_inner .link a  {transition: background-color 0.3s ease, color 0.3s ease; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: var(--yellow); text-transform: uppercase; font-size: 105%; letter-spacing: 0.05em ; font-family: LatoBold; color: var(--blue);}
.home .welcomebox .items .boxone .util_textbox_inner .link a:hover { background-color: var(--darkred); color: var(--white);}

@media(max-width: 950px) {
    .home .welcomebox .items .boxone .util_textbox_inner>h2 a, .home .meet .items .meetone .util_textbox_inner>h2 a {font-size: 150%;}
    .home .welcomebox .items .boxone .util_textbox_inner p, .home .meet .items .meetone .util_textbox_inner p  {font-size: 100%;}
}

@media(max-width: 650px) {
    .home .welcomebox .items .boxone { max-width: 100%; text-align: center; min-height: 350px;}
    .home .welcomebox .items .boxtwo {display: none;}
    .home .welcomebox .items .boxone .util_textbox_inner .link {align-self: center;}
}

.home .meet {height: 500px; width: 100%; background-position: center; background-size: cover; background-attachment: fixed; margin-top: 100px;}
.home .meet .items {display: flex;max-width: 1200px;justify-content: center;height: 310px;margin: 0 auto;position: relative;}
.home .meet .items .meetone {max-width: 600px; height: 500px; background-color: rgb(0, 0, 34, 0.9); text-align: center; padding: 50px;}
.home .meet .items .meetone .util_textbox_inner .link {align-self: center; max-width: 300px; width: 100%; min-height: 40px;}

@media(max-width: 600px) {
    .home .meet {height: 630px; }
    .home .meet .items {flex-direction: column-reverse; justify-content: space-between; height: 100%; }
    .home .meet .items .meetone, .home .meet .items .meettwo { padding: 30px 10px; width: 100%;}
}



/***** Article lists*****/
.home .homenewslist {max-width: 1200px; margin: 0 auto;}
.home .homenewslist .titletxt{background: linear-gradient(to bottom, var(--red) 0%, var(--red) 67%, var(--darkred) 100%); height: 50px; margin: 50px 0 10px 0; display: flex; justify-content: center; align-items: center; color: var(--white);  letter-spacing: 0.1em; font-size: 190%;}
.home .homenewslist .list{display: flex; justify-content: center; gap: 30px; margin: 10px;}
.home .homenewslist .list .article {max-width: 350px; width: 100%; background-color: var(--white); text-align: center; padding-bottom: 15px;  display: flex; flex-direction: column;}
.home .homenewslist .list .article .bgimage {background-size: cover; height: 350px;  background-position: center top; margin-bottom: 15px;}
.home .homenewslist .list .article .headline > a, .list_article .list .article .headline > a {color: var(--black) !important; font-size: 90%; padding: 0 10px; font-family: LatoBold; }

.home .homenewslist .list .article .shortheadline a, .list_article .list .article .shortheadline a { color: var(--black); padding: 0px 0px 20px 0px; margin: 0px; font-size: 90%; font-family: LatoLight; }
.home .homenewslist .list .article .link { margin-top: auto;}
.home .homenewslist .list .article h3.shortheadline>a {line-height: 0.1em;}
.list_article .list .article .created {padding-bottom: 10px;}

@media(min-width:768px) {
.home .homenewslist .list .article .shortheadline{  display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; max-height: calc(1.5em * 3); height: auto; margin: 0px 25px 25px 25px; font-size: 110%;}
}


@media(max-width:768px) {
    .home .homenewslist .list .article { height: 100%;}
    .home .homenewslist .list .article .bgimage {height: 200px; }
    .home .homenewslist .list {flex-direction: column; }
    .home .homenewslist .list .article {margin: 0 auto; max-width: 100%;}
}


/***** Newsletter and social media*****/
.home .social {margin-top: 50px;}
.home .social .items {display: flex; max-width: 1200px; margin: 0 auto;}
.home .social .signup, .home .social .media {padding: 30px; width: 50%; min-height: 320px;}
.home .social .titletxt {font-size: 190%; color: var(--white) !important;  letter-spacing: 0.1em; text-align: center;}

.home .social>.items> .signup {background: linear-gradient(to bottom, var(--red) 0%, var(--red) 90%, var(--darkred) 100%);}

.home input.text {color: var(--black) !important;}
.home input.text::placeholder {  color: var(--black) !important; font-size: 90% !important;}




.home .social>.items>.signup .form { max-width: 600px; }
.home .social>.items>.signup .form .label { display: none; }
.home .social>.items>.signup .form .input {margin: 20px 0 0 0;}
.home .social>.items>.signup .form .input input {height: 40px; color: var(--white); font-weight: bold; outline: 2px solid var(--white); border: none;}
.home .social>.items>.signup .form .input input:focus {border: none; outline: 2px solid var(--white); transform: none !important;}
.home .social>.items>.signup .input input.text::placeholder { color: var(--white); font-family: LatoLight; font-size: 110%; }
.home .social>.items>.signup>form>fieldset>.form .field.firstname, .form .field.surname { float: left; width: 50%;}
.home .social>.items>.signup>form>fieldset>.form .field {  box-sizing: border-box; }
.home .social>.items>.signup>form>fieldset>.form .field.firstname {padding-right: 5px;}
.home .social>.items>.signup>form>fieldset>.form .field.surname {padding-left: 5px;}
.home .social>.items>.signup>form>fieldset>.form .field.firstname {padding-right: 10px;}
.home .social>.items>.signup>form>fieldset>.form .field.email { clear: both; width: 100%; box-sizing: border-box; margin-top: 15px; }
.home .social>.items>.signup>form>fieldset>.form .input input.text { width: 100% !important; box-sizing: border-box; max-width: 600px !important; }
.home .social>.items>.signup>form>fieldset>.form>.buttons>input { outline: 2px solid var(--white);  display: flex; justify-content: center; align-items: center; width: 100% !important; max-width: 600px !important;  height: 40px; background-color: var(--white); text-transform: uppercase; font-size: 105%; letter-spacing: 0.05em ; font-family: LatoBold; color: var(--blue);}

.home .social .media {background: linear-gradient(to bottom, var(--yellow) 0%, var(--yellow) 90%, var(--darkyellow) 100%);}
.home .social .media .items {flex-direction: column; justify-content: center; align-items: center;}
.home .social .media .items .nav_linklist>h2.titletxt {color: var(--blue) !important;}
.home .social .media .items .links {display: flex; justify-content: center; gap: 30px;}
.home .social .media .items .links i {font-size: 300%; color: var(--blue); transition: transform 0.3s ease; }
.home .social .media .items .links i:hover { transform: scale(1.2);}
.home .social .media .image {margin-top: 30px;}
.home .social .media .image img {max-height: 150px; width: auto;}


@media(max-width: 650px) {
    .home .social .items {flex-direction: column; }
    .home .social .signup, .home .social .media {width: 100%;}
    .home .social .media .image img {max-height: 130px;}
}



/* ==========================================================================
   News
============================================================================= */

.news .list { display: flex; gap: 20px; flex-wrap: wrap; padding: 0 20px; justify-content: center;}
.news .article {width: 280px; background-color: var(--white); text-align: center; display: flex; flex-direction: column;  padding: 10px;}
.news .article .bgimage {background-size: cover; height: 200px;}
.news .article .created {margin-top: 5px;}
.news .article .headline {font-size: 120%;}
.news .article .shortheadline {font-size: 100%;}
.news .article .link {padding: 15px 0 0 0; margin-top: auto; }

.news_stylea {text-align: center;}
.news_stylea .image { max-width: 500px; height: auto; margin: 15px auto 30px auto;}
.news_stylea img { max-width: 500px; width: 100%; height: auto;}

.list_archive .article .image {height: 200px;}
.list_archive .article .image img {object-fit: cover; width: 100%; height: 100%; object-position: center; display: block;}
.newsarchive > .list > .article > .headline a { font-family: LatoRegular; font-size: 85%; letter-spacing: 0.03em; margin: 10px 0 15px 0; color: var(--black) !important;}
.newsarchive fieldset {display: flex; justify-content: center; margin-bottom: 40px;  }

/* ==========================================================================
   Club
============================================================================= */
.club .mapbox {max-width: 400px; width: 100%;}
.club .mapbox img {max-width: 400px; width: 100%; height: auto;}
.club .location .items {display: flex; gap: 30px;}

.sponsors .images_container {display: flex; gap: 20px; flex-wrap: wrap; padding-bottom: 50px; }
.sponsors .images_container .image { max-height: 250px;height: 100%; width: auto;}
.sponsors .images_container .image img {max-height: 250px; height: 100%;  width: auto;}


@media(max-width: 650px) {
    .club .location .items {flex-direction: column-reverse; gap: 0;}
}


/* ==========================================================================
   Sign in
============================================================================= */
.account .memb_loginbox form fieldset .loggedout { margin: 0 auto; background-color: var(--blue); color: var(--white); max-width: 500px; padding: 20px;}
.account .loggedout .fieldemail, .account .loggedout .fieldpw {padding-bottom: 20px; flex-direction: column; display: flex;}
.account .errors {padding: 0 0 15px 0; text-align: center;}

.account .forgotpw  { display: block; margin-top: 26px; color: var(--yellow) !important;}
.account .forgotpw  a { color: var(--yellow) !important;}


/* ==========================================================================
   Account details
============================================================================= */
.account .account-details .titletxt {padding-bottom: 20px;}
.account .account-details .profile-info, .account .account-details .titletxt, .account .change-details, .loggedin .logout {max-width: 500px; width: 100%; margin: 0 auto;}
.account .account-details .profile-info .field {display: flex; margin: 10px 0;}
.account .account-details .profile-info .field .label {width: 150px; font-weight: 800; }

.account .change-details { margin-top: 30px;}
.account .change-details li { padding: 5px 0;}
.loggedin .logout {margin-top: 20px;}

.loggedin { margin: 0px auto; width: fit-content;}
.loggedin ul, .sprt_managerportal ul { padding-bottom: 20px; text-align: center;}
.loggedin li, .sprt_managerportal li { line-height: 2; }
.loggedin li a, .sprt_managerportal li a {text-align: center; min-width: 300px; width: 100%; padding: 6px 15px;}
.loggedin .status {font-weight: 600; margin-top: 20px;}

@media(max-width: 500px) {
    .account .account-details .profile-info .field {flex-direction: column;}
}



/* Portals */

.sprt_managerportal table, .sprt_parentportal table { border-bottom: solid var(--white) 0px; width: 100%; padding-bottom: 20px; }
.sprt_managerportal table th, .sprt_parentportal table th { padding: 5px; border-top: solid var(--white) 0px; }
.sprt_managerportal table td, .sprt_parentportal table td { padding: 5px; border-top: solid var(--white) 0px; }

.sprt_managerportal table td {border-bottom: 1px solid var(--blue); height: 45px;vertical-align: middle;}

.sprt_managerportal ul li, .loggedin ul li { padding: 10px 0px;}
.sprt_managerportal button[type="submit"] {padding: 5px 15px;}
.sprt_managerportal select {height: 35px; margin-right: 10px;}

.loggedin .logout { display: none; }

.sprt_managerportal ul { width: fit-content; margin: 0px auto; }
.sprt_managerportal ul li { line-height: 2;}

.sprt_parentportal .parent, .sprt_parentportal .player { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 50px; }
.sprt_parentportal .parent h2, .sprt_parentportal .player h2 { width: 100%; }
.sprt_parentportal .parent .details, .sprt_parentportal .player .details { width: 48%; }
.sprt_parentportal .player .registration { width: 48%; }
.sprt_parentportal .terms { padding-bottom: 20px; }
.sprt_parentportal .error { padding-bottom: 20px; color: var(--red); font-family: LatoRegular; }
.sprt_parentportal th.group { padding: 20px 0px 10px 0px; font-size: 130%; }

.sprt_parentportal form fieldset>ul { padding: 20px 0px 30px 0px;   }
.sprt_parentportal form fieldset>ul ul { padding: 10px 0px 20px 0px; }
.sprt_parentportal form fieldset>ul ul li { line-height: 1.5;}
.sprt_parentportal form fieldset>ul input[type=radio] { margin: 0px; }




@media ( max-width: 750px )
{
    .sprt_parentportal .parent, .sprt_parentportal .player { flex-direction: column; }
    .sprt_parentportal .parent .details, .sprt_parentportal .player .details { width: 100%; padding-bottom: 20px;  }
    .sprt_parentportal .player .registration { width: 100%; }
}

/* Basket */

.basket table { width: 100%; margin-bottom: 50px; border: 2px solid var(--darkyellow); }
.basket th { padding: 5px;  }
.basket td { border-top: 1px solid var(--red); border-bottom: 1px solid var(--red); padding: 5px;  }
.basket .price, .basket .quantity, .basket .total { text-align: end; }
.basket select { width: fit-content; height: fit-content; padding: 0px; margin: 0px; }


.basket .buttons { width: fit-content; margin: 0px auto; }



@font-face {
 font-family: "GlyphiconsHalflingsRegular";
 src: url("/library/fonts/GlyphiconsHalflings/Regular.otf")
   format("opentype");
}

@media(max-width: 700px) {
.sprt_managerportal {overflow-x: auto;}
}

table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative;}
table.dataTable thead .sorting_asc:after { content: "\e155"; }
table.dataTable thead .sorting_desc:after { content: "\e156"; }
table.dataTable thead .sorting:after { opacity: 0.2; content: "\e150" ; } 
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: absolute; bottom: 8px;right: 8px; display: block; font-family: GlyphiconsHalflingsRegular; opacity: 0.5; }

.dbase_table table { width: 100%; margin-top: 30px;  }
.dbase_table table td a {color: black;font-family: PoppinsRegular;font-weight: normal;}
.dbase_table table td { color: black; font-family: PoppinsRegular; font-size: 80%; }
.dbase_table table th {background-color: var(--dgreynp);padding: 10px;font-family: PoppinsRegular;border-bottom: 1px solid var(--border);font-size: 80%; }

.dataTables_length { float: right; }
.dataTables_length select { border: 1px solid black; width: 70px; padding: 3px 0px 5px 5px; height: 30px; font-size: 90%; margin: 0px 0px 30px 0px; }
.dataTables_filter input[type=search] { margin-left: 10px; height: 30px; border: 1px solid var(--black); min-width: 300px;  }
table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled { cursor: 
pointer; position: relative;}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc{ padding-right: 14px;}
table.dataTable thead .sorting_asc:after { content: "\e155"; }
table.dataTable thead .sorting_desc:after { content: "\e156"; }
table.dataTable thead .sorting:after { opacity: 0.2; content: "\e150" ; } 
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead 
.sorting_desc_disabled:after { position: absolute; top: 5px; right: 0px; display: block; font-family: GlyphiconsHalflingsRegular; opacity: 0.5;}


.results {padding: 20px 0px;}
.dataTables_paginate { float: right; width: 50%; text-align: right; padding: 30px 0px; font-size: 90%; }
.dataTables_paginate .paginate_button { padding: 0px 5px; color: black;  }
.dataTables_paginate a { cursor: pointer; }
.dataTables_paginate a:hover { background-color: lightgrey;}
.dataTables_paginate a.disabled { cursor: default; }
.dataTables_info { float: left; width: 50%; padding: 30px 0px; font-size: 90%; }
.dataTables_length { margin-top: 30px; }


/* Dropzone */

.fbdropzone { max-width: 500px; background-image: url(/images/Seqzvdsv0hNSQDOfuMza02601b.png); background-position: center; background-repeat: no-repeat; padding: 0px 0px 0px 0px; border: dotted #cccccc 2px; border-radius: 5px; cursor: pointer; }
.fbdropzone.inactive { cursor: default; }


.fbdropzone.active .dz-clickable { padding: 0px 0px 100px 0px; background-image: url(); background-repeat: no-repeat; background-position: center bottom 15px; background-size: 100px auto; }

.dz-preview { cursor: pointer; height: 150px; padding: 20px; }
.dz-preview * { display: none; }
.dz-preview .dz-image { position: absolute; display: block; width: 150px; height: 150px; }
.dz-preview .dz-image * { display: block !important; }
.dz-preview .dz-image img { max-width: 100px; max-height: 150px; width: auto; height: auto; }
.dz-preview .dz-remove { float: right; display: block; }

.dz-preview .dz-details { position: absolute; display: block; margin: 0px 0px 0px 170px; }
.dz-preview .dz-details * { display: block; }
.dz-preview .dz-details .dz-size * { display: inline; }

.dz-preview .dz-progress { position: absolute; display: block; max-width: 300px; width: 100%; margin: 50px 0px 0px 170px; border: solid #000000 1px; padding: 2px; border-radius: 5px; }
.dz-preview .dz-progress .dz-upload { display: block; height: 20px; background-color: #007cbd; border-radius: 3px; }

.dz-preview .dz-error-message { position: absolute; display: block; font-weight: bold; margin: 90px 0px 0px 170px; }
.dz-preview .dz-error-message * { display: block; }

.dz-success { cursor: default; background-color: #ffffff; }
.dz-success .dz-progress { display: none; }

.dz-error { background-color: #ffdddd; }

/* Website under construction */

.newsite { max-width: 700px; margin: 50px auto 0px auto; text-align: center; background-color: var(--blue); color: white; box-sizing: border-box; padding: 30px; }
.newsite a { color: white; }

/* Officials and managers */
.managers .managers-list ul {display: flex; flex-wrap: wrap; gap: 20px;}

.managers .managers-list ul li {background-color: var(--white); padding-bottom: 5px; max-width: 220px; width: 100%;  border: 1px solid var(--darkred); display: flex; flex-direction: column;  justify-content: flex-start; overflow: hidden; box-sizing: border-box;}
.managers .managers-list ul li p {margin: 0 10px; padding: 2px 0; text-align: center;}
.managers .managers-list ul li > h4  { margin: 10px 0; text-align: center; text-transform: uppercase; font-family: OswaldRegular; letter-spacing: 1px; color: var(--red);}
.managers .managers-list ul li > .manager-team {text-align: center; background-color: var(--red); height: 40px; margin: 0; display: flex; align-items: center; justify-content: center; color: var(--white); font-family: OswaldRegular; font-weight: 400; letter-spacing: 1px;}
.managers .managers-list ul li > .manager-photo {margin: 10px 20px;}
.managers .managers-list ul li > .manager-photo .manager-photo-inner { width: 100%; height: 170px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.managers .managers-list ul li > .manager-photo .manager-photo-missing {display: flex; align-items: center; justify-content: center; height: 170px;}
.managers .managers-list ul li > .manager-photo .manager-photo-missing img {height: 170px; width: auto;}
.managers .managers-list ul li > .manager-name {font-weight: bolder;}

@media(max-width:768px) {
    .managers .managers-list ul {justify-content: center;}
}




/* ==========================================================================
   Team pages
============================================================================= */
.sprt_fixlist {  overflow-x: auto; -webkit-overflow-scrolling: touch;}
.sprt_fixlist table {  width: 100%; min-width: 600px; border-collapse: collapse;}
.sprt_teampage {min-height: 50vh; display: flex; flex-direction: column;}
.sprt_teampage > .pageheader {order: 1;}
.sprt_teampage > .fixtures {order: 5; margin-bottom: 30px;}
.sprt_teampage > .managers {order: 4; margin-bottom: 30px;}
.sprt_teampage > .information {order: 3; margin-bottom: 30px; display: block;}
.sprt_teampage > .players {order: 2; margin-bottom: 30px;}

.team-photo {display: block; margin-bottom: 20px;}
.team-photo img {max-width: 500px; width: 100%; height: auto;}

.sprt_teampage > .pageheader > .pageheader_inner > h1 {margin-bottom: 0; color: var(--white);}

.sprt_teampage .managers, .sprt_teampage .players {display: block;}
.sprt_teampage .managers, .sprt_teampage .fixtures, .sprt_teampage .players {display: block;}

.sprt_fixlist .list {max-width: 800px; width: 100%;}
.sprt_fixlist .list .field_ScoreFull{text-align: center;}
.sprt_fixlist .list td.field_ScoreFull{font-size: 120%; font-weight: bold;}
.sprt_fixlist .list .field_LongNameA{text-align: right;}

.sprt_fixlist tr {height: 50px; background-color: var(--white); border-top: 5px solid red;}
.sprt_fixlist tr th {background-color: var(--blue); color: var(--background);}

.sprt_fixlist tr td, .sprt_fixlist tr th { border-bottom: 5px solid var(--background); padding: 5px; vertical-align: middle;}
.field_FixTimeLong, .sprt_fixlist .dropdowns {display: none;}

@media (max-width: 768px) {
  .sprt_fixlist {overflow-x: auto;}
}


/* Tournament form */
.tournament-form .field_select select {max-width: 80px; width: 100%;}
.message {color: var(--red);}