@charset "utf-8";
/* CSS Document */
/*
Green = #116655 or 17,102,85
*/

/* main colours */
:root {
  --bs-primary-rgb: 17,102,85;
  --ab-heading: #165;
}
.Purple{color:#60C;}
.bg-Light-Purple{background-color:#C9F;}


.btn-primary {color: #fff; background-color: #165; border-color: #165;}
.btn-primary:hover, .btn-primary:focus {background-color: #286; border-color: #165;}

/* Main alterations */
/*body{background-image: url(/images/grass.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; color:#333;}*/
body{background-color:#FFF6EE; background-size:cover; color:#333;}
main{min-height:80vh;}
.main-container{position:relative; background-color:#FFFDFF; border:solid 1px #060; border-radius:0.5rem; box-shadow:2px 2px 6px #464; min-height:80vh; padding-top:1rem;}
/* Banner and Nav Bar */
.banner{background-color:transparent; padding:0.3rem 0 0;}
#BannerTitle{font-size:2rem; line-height:100%; font-weight:300;}
@media screen and (max-width:780px){ #BannerTitle{font-size:1.2rem; padding-top:1rem;} }
.menu-container{margin-bottom:0.3rem;}
.navbar{padding:1px;}
.navbar a{color:#333; font-size:1.4rem;}
.nav-item .nav-link{padding:0.1rem 0.5rem;}
.nav-pills .nav-link, .page-item .page-link{padding:2px 0.5rem; margin:0px auto; font-size:1.2rem; color: var(--ab-heading); border:solid 1px #CCC;}
.nav-pills .nav-link.active, .page-item.active .page-link{background-color:#165; border-color:#165;}
.navbar-toggler-icon{background:url(/images/toggler-icon.png);}
.dropdown-menu{padding:0.2rem 0.1rem; box-shadow:0px 0px 6px #686;}
a.dropdown-item{padding:0.15rem 0.5rem; font-size:1.1rem;}
a.dropdown-item:hover{background-color:#165; color:#FED;}

.PopUpBody{background-color:#FFF;}

a{color:#339; padding-left:0.2rem; padding-right:0.2rem; display:inline-block; border-radius:4px; text-decoration:none;}
a:hover{color:#46A; background-color:#EDC;}
h1, h2, h3, h4, th{color: var(--ab-heading);}
.AB-Strip-Header{margin:0.3rem auto 0.2rem; padding:0.1rem 0.5rem; color:#fff; background-color:var(--ab-heading); border-radius:0.2rem; font-size:1.3rem; font-weight:500;}

h1{font-size:2.5rem;}
h2{font-size:1.8rem;}
h3{font-size:1.4rem;}
h4{font-size:1.2rem;}
h5{font-size:1.1rem;}

.display-1{font-size:4rem;}
.display-2{font-size:3.5rem;}
.display-3{font-size:3rem;}
.display-4{font-size:2.5rem;}
.display-5{font-size:2rem;}
.display-6{font-size:1.5rem; font-weight:400;}
@media screen and (max-width:960px){
	h1{font-size:2rem;}
	h2{font-size:1.5rem;}
	h3{font-size:1.2rem;}
	h4{font-size:1.1rem;}
	h5{font-size:1rem;}
	.display-1{font-size:3rem;}
	.display-2{font-size:2.5rem;}
	.display-3{font-size:2rem;}
	.display-4{font-size:1.8rem;}
	.display-5{font-size:1.5rem;}
	.display-6{font-size:1rem; font-weight:400;}
}

/* Symbols (e.g. PDF or £) */
.EditPageIcon{position:fixed; display:block; font-size:1.1rem; top:0.4rem; right:0.4rem; font-weight:lighter; line-height:1rem; border:solid 1px #03F; border-radius:4px; background-color:#EEF; padding:0.2rem 0.4rem 0.4rem; cursor:pointer; color:#03F; min-width:3.5rem; text-align:center; box-shadow:2px 2px 4px #CCF;}
.EditPageIcon:hover{color:#EEF; background-color:#03F;}
.AB_text_icon{display:inline-block; margin:0 0.2rem 0.2rem; padding:0.1rem 0.3rem 0.1rem; font-size:0.8rem; font-weight:lighter; line-height:1rem; border:solid 1px #999; border-radius:4px; background-color:#EEE;}
.DelIcon{position:absolute; font-size:0.8rem; top:0.1rem; right:0.1rem; color:#A00; background-color:#FFF; padding:0px; border:solid 1px #F00; border-radius:0.5rem; cursor:pointer; width:1.3rem; text-align:center;}
.DelIconInline{position:relative; color:#A00; background-color:#FFF; padding:0px 5px; margin:0px auto; font-size:0.8rem; border:solid 1px #F00; border-radius:0.5rem; cursor:pointer; display:inline-block;}
.DelIconInline:hover{color:#EEF; background-color:#F30;}
.TopLeftIcon{position:absolute; font-size:0.8rem; top:0.1rem; left:0.1rem; color:#060; background-color:#EEF; padding:0px; border:solid 1px #060; border-radius:0.5rem; cursor:pointer; width:1.3rem; text-align:center;}
.EditDataRow{cursor:pointer;}


/* Tables */
.table-sm th, .table-sm td{line-height:1.1rem;}
th p, td p{padding:0; margin:0;}
th a, th a:hover{color:inherit; background-color:inherit; padding-left:0;}


/* Modals */
.modal-header{padding:0.25rem 1rem;}
.modal-body{padding:0.25rem 1rem;}
.modal-footer{padding:0.25rem 1rem;}

/* Alan's extra styles*/
footer{border-top:solid 1px #CCC; margin-top:1rem; font-size:0.8rem;}
footer a, footer a:hover{color:inherit; background-color:inherit; padding-left:2px; padding-right:2px; display:inline;}
#ErrorContainer, #SuccessContainer{display:none;}
.AB-border{border:solid 2px #165; border-radius:0.7rem; box-shadow:2px 2px 4px #ABA;}
.AB-container{margin:1% auto; max-width:40rem;}
.AB-container-wide{margin:1% auto; max-width:60rem;}
#PageNotes{font-size:90%; margin:2% auto; padding:1%; width:90%; border:solid 1px #060; border-radius:0.5rem; background-color:#F6F9F6;}

/* Forms */
.FieldError{border-color:#A33; background-color:#f8d7da;}
.FmDate{width:6rem;}
.FmMoney{width:4rem;}
.FmPostcode{width:7rem;}
#ClearForm{cursor:pointer;}

/* Cards */


/* TinyMCE */
.tox .tox-menu{background-color:#FFF !important;}
.tox-menu p, .tox-menu h1, .tox-menu h2, .tox-menu h3, .tox-menu h4, .tox-menu h5, .tox-menu h6{background-color:transparent !important;}


/* page elements */
#YearChange{position:absolute; top:1rem; right:1rem;}


#AB_Comps{margin:2px 0px 12px; padding:1rem;}
#AB_Comps .CompBox{position:relative; border:2px solid #255; padding:0.3rem 2rem; margin:1px 1px 0.5rem; border-radius:8px; box-shadow:2px 2px 6px #999; text-align:left; background-color:#F3FCF9;}
.CompsHandle{position:absolute; top:0.1rem; left:0.1rem; width:2rem; padding:0.1rem 0; font-size:1.5rem; text-align:center; cursor:move;}

/* Competitions */
.PlayerDiv{position:relative; width:96%; margin:0px auto; padding:2px 0px; font-size:1rem; border:solid 1px #255; background-color:#EFE; color:#255; border-radius:4px; box-shadow:1px 1px 2px #AAA; height:2rem; display:flex; justify-content: center; align-items: center;}
.MatchScoreBox{position:absolute; top:0.1rem; right:-1.7rem; width:1.7rem; height:1.7rem; border:solid 1px #255; background-color:#EFE; border-radius:4px; display:flex; justify-content: right; align-items: center; text-align:center; font-size:90%;}

/* Page Loading */
#LoadMsg{position:fixed; width:100%; height:100%; top:0px; left:0px; text-align:center; padding:20% 0; font-size:4rem; text-shadow:4px 4px 8px #666; background-color:rgba(200,200,250,0.6); z-index:2000;}

/* Accessibility */
.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}