html,
body {
height: 100%;
margin: 0;
}
body {
font-family: "Jost", sans-serif;
font-optical-sizing: auto;
font-style: normal;
--anc-purple: #ef028e;
--anc-black: #000000;
--anc-white: #ffffff;
background-color: var(--anc-white);
color: var(--anc-black);
}
body.noscroll {
overflow: hidden;
}
.nomargin {
margin: 0 !important;
}
.nopadding {
padding: 0 !important;
}
.noline {
line-height: normal;
}
.boldtext {
font-weight: bold;
}
.white {
color: var(--anc-white);
}
.whiteback {
background-color: var(--anc-white);
}
.purple {
color: var(--anc-purple);
}
.purpleback {
background-color: var(--anc-purple);
}
h1, h2, h3, h4, h5, h6 {
font-family: "Jost", sans-serif;
font-optical-sizing: auto;
margin-bottom: 1rem;
color: var(--anc-black);
font-weight: bold;
}
h1.purple, h2.purple, h3.purple, h4.purple, h5.purple, h6.purple {
color: var(--anc-purple) !important;
}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
color: var(--anc-white) !important;
}
.box {
display: flex;
flex-flow: column;
height: 100%;
}
header {
flex: 0 1 auto;
text-align: center;
background-color: var(--anc-white);
padding: 1rem 0 0.5rem 0;
border-bottom: solid 1px var(--anc-black);
}
header .membersignin {
border: solid 1px #000000;
background-color: #ececec;
padding: 0.2rem 0.8rem;
border-radius: 0.4rem;
cursor: pointer;
color: black;
font-size: 1.2rem;
}
header .membersignin:hover {
border: solid 1px var(--anc-purple);
color: var(--anc-purple);
background-color: #ffe2fe;
}
header .headerlink {
margin-bottom: 1rem;
}
header .headerlink .link {
background-color: var(--anc-black);
color: var(--anc-white);
font-size: 1.6rem;
padding: 0.2rem 0.4rem;
font-weight: bold;
border: solid 7px var(--anc-white);
text-transform: uppercase;
display: block;
}
header .headerlink .link:hover, header .headerlink .link:active {
color: var(--anc-purple);
border-color: var(--anc-black);
background-color: var(--anc-white);
}
header label {
color: var(--anc-white);
font-size: 1.4rem;
line-height: 1.8rem;
}
header .logo {
}
header .socials {
}
header .socials img {
margin-left: 1rem;
height: 30px;
}
header #compnav {
margin: 1rem 0 0 0;
padding: 0;
}
header #compnav .dropdown.menu > li > a {
padding: 0.2rem 1rem 0.8rem;
color: var(--anc-black);
font-size: 1.1rem;
}
header #compnav .dropdown.menu > li > a:last-child {
padding-right: 0rem;
}
header #compnav .dropdown.menu > li > a.options {
padding: 0.2rem 1.5rem 0.4rem 1rem;
}
header #compnav .dropdown.menu > li > a:hover {
color: var(--anc-purple);
}
header #compnav .navlink {
text-align: center;
width: auto;
display: inline-block;
margin: 0;
line-height: normal;
}
header #compnav .navlink a {
color: var(--anc-black);
text-transform: uppercase;
display: block;
}
header #compnav .navlink a:hover, header #compnav .navlink a:active {
color: var(--anc-purple);
}
header #compnav .is-dropdown-submenu {
width: 200px;
}
header #compnav .is-dropdown-submenu li {
width: 100%;
}
header #compnav .is-dropdown-submenu li a {
font-size: 1rem;
padding: 0.2rem 0;
}
header #compnav .dropdown.menu > li.is-active > a {
color: var(--anc-purple) !important;
}
#phonenav {
flex: 0 1 auto;
background-color: #bca19c;
margin-top: 1rem;
}
#phonenav details > summary {
list-style: none;
padding: 0.5rem 0;
color: var(--anc-black);
text-align: center;
font-size: 2rem;
}
#phonenav details > summary i {
margin: 0 0.5rem;
}
#phonenav details > summary img {
margin: 0 1.5rem;
}
#phonenav details > summary::-webkit-details-marker {
display: none;
}
#phonenav details .navlink {
background-color: var(--anc-black);
text-align: center;
width: unset;
display: block;
border-bottom: solid 1px var(--anc-purple);
padding: 0.2rem 0;
font-size: 1.4rem;
}
#phonenav details .navlink a {
color: var(--anc-white);
}
main {
flex: 1 1 auto;
}
main .home {
margin: 0;
padding: 0;
background-color: var(--anc-purple);
}
main .home .video-container {
height: 70vh;
max-height: 400px;
width: 100%;
max-width: 1816px;
margin: auto;
overflow: hidden;
position: relative;
}
main .home .video-container .video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
position: absolute;
}
main .home .video-container .heading {
position: absolute;
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.35);
}
main .home .video-container .heading h1 {
color: var(--anc-white);
font-size: 3rem;
font-weight: bold;
line-height: normal;
text-align: center;
margin: 0;
padding: 1rem 0;
text-shadow: 1px 1px 2px black;
}
main .home .video-container .heading h2 {
color: var(--anc-white);
font-size: 2rem;
line-height: normal;
text-align: center;
margin: 0;
padding: 1rem 0 0 0;
}
main .home .video-container .heading label {
color: var(--anc-white);
font-size: 1.6rem;
line-height: normal;
text-align: center;
margin: 0;
padding: 0;
}
main .home .banner {
height: 70vh;
max-height: 400px;
background-image: url('images/new/IMG-20250715-WA0100.jpg');
background-size: cover;
background-position-y: -6rem;
max-width: 1816px;
margin: auto;
position: relative;
}
main .home .banner.senior {
background-image: url('images/new/IMG-20250806-WA0008.jpg');
background-position-y: -8rem;
}
main .home .banner.junior {
background-image: url('images/juniors_new.jpg');
background-position-y: -16rem;
}
main .home .banner.mixed {
background-color: #000000;
background-image: url('images/mixed.jpg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
main .home .banner.walking {
background-image: url('images/walk2.jpg');
background-position-y: -5rem;
}
main .home .banner.allstars {
background-image: url('images/allstars_home.jpg');
background-position: top;
}
main .home .banner.academy {
background-image: url('images/ashby_academy.jpg');
background-position-y: -3rem;
}
main .home .banner.coaching {
background-image: url('images/new/IMG-20250715-WA0059.jpg');
background-position: center;
}
main .home .banner.whyashyby {
background-image: url('images/new/whyashby.jpg');
background-position: bottom;
}
main .home .banner.info {
background-image: url('images/new/IMG-20250715-WA0025.jpg');
background-position: center;
}
main .home .banner.testimonials {
background-image: url('images/new/IMG-20250715-WA0032.jpg');
background-position-y: -10rem;
}
main .home .banner.podcast {
background-image: url('images/new-podcast-header.jpg');
background-position-y: -22rem;
}
main .home .banner.newsletter {
background-image: url('images/newsletter-banner.jpg');
background-position: top;
}
main .home .banner.teams {
background-image: url('images/new/Ashby Junior Netball_2023_3.jpg');
background-position-y: -17rem;
}
main .home .banner.contact {
background-image: url('images/new/contactimage.jpg');
background-position: center;
}
main .home .banner.kit {
background-image: url('images/kit/kit.jpg');
background-position-y: -5rem;
}
main .home .banner.newkit {
background-image: url('images/newkit_banner.jpg');
background-position: top;
}
main .home .banner.affiliate {
background-image: url('images/titans.jpg');
background-position-y: -5rem;
}
main .home .banner.awards {
background-image: url('images/awards-background.jpg');
background-position: center;
}
main .home .banner .heading {
position: absolute;
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.35);
}
main .home .banner .heading h1 {
color: var(--anc-white);
font-size: 3rem;
font-weight: bold;
line-height: normal;
text-align: center;
margin: 0;
padding: 1rem 0;
text-shadow: 1px 1px 2px black;
}
main .home .banner .heading h2 {
color: var(--anc-white);
font-size: 2rem;
line-height: normal;
text-align: center;
margin: 0;
padding: 1rem 0 0 0;
}
main .home .banner .heading label {
color: var(--anc-white);
font-size: 1.6rem;
line-height: normal;
text-align: center;
margin: 0;
padding: 0;
}
main .infotext {
}
main .infotext.admin {
}
main .infotext.admin h2 {
font-size: 1.2rem;
text-align: left;
font-weight: bold;
margin-bottom: 1rem;
}
main .infotext.admin p {
font-size: 1rem;
font-weight: normal;
margin-bottom: 0.5rem;
}
main .infotext.admin p a {
color: black;
}
main .infotext.admin p a:hover {
color: var(--anc-purple);
}
main .infotext .pagetext {
margin: 0;
padding: 1rem 0 1rem 0;
background: var(--anc-purple) url('images/background-1.jpg') no-repeat top;
}
main .infotext .pagetext .textsection .introarea {
max-width: 1816px;
margin: auto;
padding: 3rem 0;
}
main .infotext .pagetext .textsection .introarea .kitreveal {
position: relative;
background-color: black;
background-image: url('images/kitreveal2.jpg');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: 450px;
margin-bottom: 2rem;
border-radius: 2rem;
cursor: pointer;
}
main .infotext .pagetext .textsection .introarea .kitreveal:hover {
opacity: 80%;
}
main .infotext .pagetext .textsection .introarea .kitreveal .kitinfo {
position: absolute;
top: 50%;
margin-top: -5rem;
right: 2rem;
}
main .infotext .pagetext .textsection .introarea .kitreveal .kitinfo .kittitle {
font-size: 3.6rem;
font-weight: bold;
text-transform: uppercase;
text-align: right;
color: white;
margin: 0;
padding: 0;
line-height: 3.2rem;
}
main .infotext .pagetext .textsection .introarea .kitreveal .kitinfo .kittitle.purple {
color: var(--anc-purple);
}
main .infotext .pagetext .textsection .introarea .kitreveal .kitfoot {
position: absolute;
bottom: 2rem;
right: 2rem;
}
main .infotext .pagetext .textsection .introarea .kitreveal .kitfoot .kittext {
font-size: 2.6rem;
font-weight: bold;
text-transform: uppercase;
text-align: right;
color: white;
margin: 2rem 0 0 0;
padding: 0;
line-height: 2rem;
}
main .infotext .pagetext .textsection .introarea .kitreveal2 {
position: relative;
background-image: url('images/kitreveal.jpg');
background-size: cover;
background-position: center;
height: 450px;
margin-bottom: 2rem;
border-radius: 2rem;
border: solid 5px var(--anc-black);
cursor: pointer;
}
main .infotext .pagetext .textsection .introarea .kitreveal2:hover {
border: solid 5px var(--anc-purple);
}
main .infotext .pagetext .textsection .introarea .kitreveal2 .kitinfo {
position: absolute;
margin-top: -5rem;
bottom: 2rem;
width: 100%;
}
main .infotext .pagetext .textsection .introarea .kitreveal2 .kitinfo .kittitle {
font-size: 2.6rem;
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: white;
margin: 0;
padding: 0 2rem;
line-height: 2.2rem;
}
main .infotext .pagetext .textsection .introarea .kitreveal2 .kitinfo .kittitle.purple {
color: var(--anc-purple);
}
main .infotext .pagetext .textsection .introarea .kitreveal2 .kitinfo .kittext {
font-size: 1.4rem;
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: white;
margin: 2rem 0 0 0;
padding: 0;
line-height: 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext {
background-color: rgba(255, 255, 255, 0.75);
padding: 2rem 2rem;
border-radius: 2rem;
}
main .infotext .pagetext .textsection .introarea .maintext p {
font-size: 1.6rem;
padding: 0;
margin: 0 0 2rem 0;
text-align: center;
}
main .infotext .pagetext .textsection .introarea .maintext p:last-child {
margin-bottom: 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext.news {
padding: 2rem 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext.news h2 {
font-size: 1.6rem;
padding: 0;
margin: 0;
text-align: center;
}
main .infotext .pagetext .textsection .introarea .maintext.news p {
font-size: 1rem;
padding: 0;
margin: 0 0 0.5rem 0;
text-align: left;
}
main .infotext .pagetext .textsection .introarea .maintext.news p.itemtitle {
margin: 0;
}
main .infotext .pagetext .textsection .introarea .maintext.news p.itemdate {
font-size: 0.8rem;
}
main .infotext .pagetext .textsection .introarea .maintext.news p a {
color: var(--anc-purple);
}
main .infotext .pagetext .textsection .introarea .maintext.news .newsimage {
text-align: center;
margin-bottom: 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext.news .newsimage img {
width: 70%;
}
main .infotext .pagetext .textsection .introarea .maintext.news .newslink {
text-align: right;
font-size: 1.2rem;
}
main .infotext .pagetext .textsection .openarea {
max-width: 1816px;
margin: auto;
padding: 1rem 0;
}
main .infotext .pagetext .textsection .openarea .maintext {
background-color: rgba(255, 255, 255, 0.75);
padding: 1rem 1rem;
border-radius: 1rem;
}
main .infotext .pagetext .textsection .openarea .maintext p {
font-size: 1.4rem;
padding: 0;
margin: 0 0 1rem 0;
text-align: left;
}
main .infotext .pagetext .textsection .openarea .maintext p:last-child {
margin-bottom: 0;
}
main .infotext .pagetext .textsection .introarea .maintext.winners {
background-color: rgba(0, 0, 0, 0.75);
border: solid 5px var(--anc-purple);
padding: 1rem 1rem;
border-radius: 1rem;
margin-bottom: 2rem;
}
main .infotext .pagetext .textsection .introarea .maintext.winners strong {
color: white;
}
main .infotext .pagetext .textsection .introarea .maintext.winners a {
color: var(--anc-purple);
}
main .infotext .pagetext .textsection .introarea .maintext.winners a:hover {
color: white;
}
main .infotext .pagetext .textsection .introarea .maintext.awardpage {
background-color: rgba(255, 255, 255, 0.75);
padding: 1rem 1rem;
border-radius: 1rem;
margin-bottom: 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext.awardpage h2 {
margin-bottom: 2rem;
}
main .infotext .pagetext .textsection .introarea .maintext.awardpage p {
font-size: 1.4rem;
}
main .infotext .pagetext .textsection .introarea .maintext.awardpage h3 {
font-size: 1.6rem;
text-align: center;
text-transform: unset;
margin: 0 0 1rem 0;
}
main .infotext .pagetext.backwhite {
background: var(--anc-white);
}
main .infotext .pagetext.backpurple {
background: var(--anc-purple);
}
main .infotext .pagetext.coach {
background: url('images/background-coach.jpg') no-repeat top;
background-size: cover;
}
main .infotext .pagetext.podcastback {
background: url('images/podcast-background.jpg') no-repeat top;
}
main .infotext .pagetext.back2 {
background: url('images/background-2.jpg') no-repeat top;
}
main .infotext .pagetext.back3 {
background: url('images/background-3.jpg') no-repeat top;
}
main .infotext .pagetext.back4 {
background: url('images/background-4.jpg') no-repeat top;
}
main .infotext .pagetext.back5 {
background: url('images/background-5.jpg') no-repeat top;
}
main .infotext .pagetext.back6 {
background: url('images/background-6.jpg') no-repeat top;
}
main .infotext .pagetext.back7 {
background: url('images/background-7.jpg') no-repeat top;
background-size: cover;
}
main .infotext .pagetext.back8 {
background: url('images/background-8.jpg') no-repeat top;
}
main .infotext .pagetext .hometeams {
}
main .infotext .pagetext .hometeams .teamscroller {
background-color: rgba(255, 255, 255, 0.9);
max-width: 1816px;
margin: 0 auto;
position: relative;
}
main .infotext .pagetext .hometeams .teamscroller .teamheader {
background-color: #aaaaaa;
margin: 0 0 2rem 0;
padding: 0;
}
main .infotext .pagetext .hometeams .teamscroller .teamheader h3 {
margin: 0;
padding: 0;
}
main .infotext .pagetext .hometeams .teamscroller .teammenu {
width: 320px;
position: absolute;
top: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.50);
height: 100%;
color: white;
z-index: 20;
padding: 1.5rem 2rem;
}
main .infotext .pagetext .hometeams .teamscroller .teammenu h3 {
margin: 0;
padding: 0;
color: var(--anc-white);
}
main .infotext .pagetext .hometeams .teamscroller .teammenu ul {
margin-left: 2rem;
padding-left: 2rem;
}
main .infotext .pagetext .hometeams .teamscroller .teammenu a {
color: var(--anc-white);
font-size: 1.2rem;
}
main .infotext .pagetext .hometeams .teamscroller .teammenu a:hover {
color: var(--anc-purple);
}
main .infotext .pagetext .hometeams .teamscroller .teamouter {
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
padding: 1.5rem 3rem;
padding-right: 850px;
scroll-behavior: smooth;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .teamlink {
cursor: pointer;
width: 400px;
display: inline-block;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team {
height: 50vh;
max-height: 300px;
margin: 0 20px;
position: relative;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team label {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -49%;
width: 98%;
background-color: rgba(0, 0, 0, 0.9);
background-color: var(--anc-purple);
text-align: center;
font-size: 1.2rem;
line-height: normal;
color: var(--anc-white);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team label .introtext.smaller {
font-size: 1rem;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team label a {
color: var(--anc-white);
font-weight: bold;
display: block;
text-shadow: 1px 1px 1px #000000;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team label a:hover {
color: var(--anc-black);
text-shadow: unset;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.senior {
background-image: url('images/teams/seniors.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.junior {
background-image: url('images/juniors_new.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.mixed {
background-image: url('images/mixed_netball.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.walking {
background-image: url('images/walk2.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.allstars {
background-image: url('images/allstars_home.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.academy {
background-image: url('images/ashby_academy.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.coaching {
background-image: url('images/teams/coaching.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .calendar {
width: 100%;
max-width: 1816px;
background-color: rgba(255, 255, 255, 0.5);
padding: 1rem 0;
margin: auto;
}
main .infotext .pagetext .calendar h2 {
margin: 0 0 1rem 0;
}
main .infotext .pagetext .calendar a .change {
font-size: 2rem;
color: black;
margin: 0.25rem 0 1rem 0;
}
main .infotext .pagetext .calendar a:hover .change {
color: var(--anc-purple);
}
main .infotext .pagetext .calendar .date {
background-color: rgba(128, 128, 128, 0.2);
border: solid 1px #999999;
height: 9rem;
overflow: hidden;
overflow-y: auto;
margin-bottom: 1rem;
}
main .infotext .pagetext .calendar .date.datetitle {
background-color: rgba(128, 128, 128, 0.6);
border: solid 1px #999999;
height: auto;
text-align: center;
padding: 0.2rem 0;
font-size: 1.2rem;
}
main .infotext .pagetext .calendar .date .datenumber {
text-align: right;
margin: 0;
padding: 0;
font-size: 1.2rem;
font-weight: bold;
line-height: normal;
padding: 0.2rem 1rem 0.2rem 0;
}
main .infotext .pagetext .calendar .date .dateitems {
padding: 0;
}
main .infotext .pagetext .calendar .date .dateitems .dateitem {
border: solid 1px #999999;
cursor: pointer;
padding: 0.1rem 0.4rem;
}
main .infotext .pagetext .calendar .date .dateitems .dateitem:hover {
border: solid 1px #ff3333;
}
main .infotext .pagetext .calendar .date .dateitems .dateitem p {
margin: 0;
padding: 0;
line-height: normal;
}
main .infotext .pagetext .calendar .date .dateitems .dateitem p.dateitemtitle {
font-size: 0.8rem;
}
main .infotext .pagetext .calendar .date .dateitems .dateitem p.times {
font-size: 0.6rem;
color: #666666;
}
main .infotext .pagetext .calendar .date.blankdate {
background-color: unset;
}
main .infotext .pagetext .calendar .filters {
font-size: 0.8rem;
margin-bottom: 1rem;
text-align: left;
}
main .infotext .pagetext .calendar .filters label {
font-size: 0.8rem;
margin: 0;
padding: 0;
line-height: normal;
text-align: left;
}
main .infotext .pagetext .calendarlist {
width: 100%;
max-width: 1816px;
background-color: rgba(255, 255, 255, 0.5);
padding: 1rem 0;
margin: auto;
}
main .infotext .pagetext .calendarlist h2 {
margin: 0 0 1rem 0;
}
main .infotext .pagetext .calendarlist a .change {
font-size: 2rem;
color: black;
margin: 0.25rem 0 1rem 0;
}
main .infotext .pagetext .calendarlist a:hover .change {
color: var(--anc-purple);
}
main .infotext .pagetext .calendarlist .date {
background-color: rgba(128, 128, 128, 0.2);
border: solid 1px #999999;
margin-bottom: 1rem;
}
main .infotext .pagetext .calendarlist .date .datenumber {
margin: 0;
padding: 0;
font-size: 1.2rem;
font-weight: bold;
line-height: normal;
padding: 0.2rem 0 0.2rem 1rem;
}
main .infotext .pagetext .calendarlist .date .dateitems {
padding: 0;
}
main .infotext .pagetext .calendarlist .date .dateitems .dateitem {
border: solid 1px #999999;
cursor: pointer;
padding: 0.1rem 0.4rem;
}
main .infotext .pagetext .calendarlist .date .dateitems .dateitem:hover {
border: solid 1px #ff3333;
}
main .infotext .pagetext .calendarlist .date .dateitems .dateitem p {
margin: 0;
padding: 0;
line-height: normal;
}
main .infotext .pagetext .calendarlist .date .dateitems .dateitem p.dateitemtitle {
font-size: 1rem;
}
main .infotext .pagetext .calendarlist .date .dateitems .dateitem p.times {
text-align: right;
font-size: 1rem;
}
main .infotext .pagetext .calendarlist .date.blankdate {
background-color: unset;
}
main .infotext .pagetext .calendarlist .filters {
font-size: 0.8rem;
margin-bottom: 1rem;
text-align: left;
}
main .infotext .pagetext .calendarlist .filters label {
font-size: 0.8rem;
margin: 0;
padding: 0;
line-height: normal;
text-align: left;
}
main .infotext .pagetext .documents {
width: 100%;
max-width: 1816px;
background-color: rgba(255, 255, 255, 0.5);
padding: 0;
margin: auto;
}
main .infotext .pagetext .documents .document {
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: solid 1px #999999;
}
main .infotext .pagetext .documents .document h2 {
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: left;
font-weight: bold;
}
main .infotext .pagetext .documents .document p {
font-size: 1.2rem;
}
main .infotext .pagetext .documents .document p.groupname {
margin: 0;
padding: 0;
font-size: 1rem;
color: var(--anc-purple);
font-weight: bold;
}
main .infotext .pagetext .documents .document p.date {
margin: 0 0 1rem;
padding: 0;
font-size: 0.8rem;
}
main .infotext .pagetext .documents .document p.download {
margin: 0;
padding: 0;
}
main .infotext .pagetext .documents .document p.download a {
color: #000099;
}
main .infotext .pagetext .documents .document p.download a:hover {
color: var(--anc-purple);
}
main .infotext .quote {
margin: 0;
padding: 0 5rem;
line-height: normal;
font-style: italic;
}
main .infotext .quotefrom {
margin: 0 0 0.5rem 0;
padding: 0;
line-height: normal;
font-weight: bold;
text-align: right;
padding-right: 20rem;
}
main .infotext .cta {
display: block;
margin: 2rem 0;
text-align: center;
}
main .infotext .cta a {
font-size: 1.8rem;
background-color: var(--anc-black);
border: solid 7px var(--anc-purple);
color: var(--anc-white) !important;
padding: 0.2rem 1.5rem;
text-transform: uppercase;
font-weight: normal !important;
}
main .infotext .cta a:hover, .infotext .cta a:active {
background-color: var(--anc-white);
border: solid 7px var(--anc-purple);
color: var(--anc-purple) !important;
}
main .infotext h2 {
margin: 0;
padding: 0;
text-align: center;
line-height: normal;
color: var(--anc-black);
font-size: 1.8rem;
text-transform: uppercase;
}
main .infotext h3 {
margin-top: 1rem;
margin-bottom: 1rem;
line-height: normal;
color: var(--anc-black);
font-size: 1.4rem;
text-transform: uppercase;
}
main .infotext label, main .infotext p {
font-size: 1.4rem;
line-height: normal;
margin-bottom: 1rem;
}
main .infotext p strong {
color: var(--anc-purple);
font-weight: bold;
}
main .infotext p.introtext {
margin: 0;
}
main .infotext p.smaller {
font-size: 1rem;
margin: 0 0 0.25rem 0;
}
main .infotext label.sponsorlabel {
font-size: 1.2rem;
line-height: normal;
margin-bottom: -1rem;
}
main .infotext ul {
padding-left: 3rem;
margin: 0;
margin-top: 1rem;
margin-bottom: 1rem;
}
main .infotext ul li {
font-size: 1.4rem;
line-height: normal;
}
main .infotext ul li.junior {
line-height: 1.5rem;
margin: 0 0 1rem 0;
}
main .infotext img {
border: solid 7px var(--anc-purple);
}
main .infotext .pagetext .textsection .openarea .maintext.affiliations p {
font-size: 1rem;
padding: 0;
margin: 0 0 1rem 0;
text-align: center;
line-height: normal;
}
main .infotext .pagetext .textsection .openarea .maintext.affiliations p:last-child {
margin-bottom: 2rem;
}
main .infotext .affiliations img {
border: none;
}
main .infotext .sponsors {
}
main .infotext .sponsors .topgap {
padding-top: 3rem;
}
main .infotext .sponsors img {
margin-bottom: 1rem;
border: none;
}
main .infotext .sponsors img.bronze {
max-height: 150px;
}
main .infotext .sponsors img.silver {
max-height: 220px;
}
main .infotext .sponsors img.silver {
max-height: 290px;
}
main .infotext .sponsors ul {
margin-top: 1rem;
padding-left: 2rem;
padding-right: 1rem;
}
main .infotext .charitystory {
margin-top: 2rem;
}
main .infotext .charitystory label {
font-size: 1.2rem;
}
main .infotext .charitystory img {
border: none;
margin-bottom: 3rem;
}
main .infotext .wediditimage {
border: solid 5px var(--anc-purple);
margin-bottom: 2rem;
}
main .infotext {
}
main .infotext .teamlist label {
font-size: 1.2rem;
}
main .infotext .intro p {
color: var(--anc-black);
line-height: normal;
}
main .infotext .intro p a {
color: var(--anc-black);
font-weight: bold;
}
main .infotext .pagetext a {
color: var(--anc-black);
font-weight: bold;
}
main .infotext .pagetext hr {
width: 50%;
background-color: #999999;
height: 1px;
}
main .infotext .pagetext a:hover {
color: var(--anc-purple);
}
main .infotext .pagetext row-up-space {
margin-bottom: 1rem;
}
main .infotext .traininggroups {
}
main .infotext .traininggroups .traininggroup {
background-color: var(--anc-purple);
border: solid 2px var(--anc-black);
text-align: center;
padding: 0.25rem;
margin-bottom: 1rem;
}
main .infotext .traininggroups .traininggroup h3 {
color: var(--anc-white);
font-size: 1.4rem;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
main .infotext .traininggroups .traininggroup h4 {
color: #cccccc;
font-size: 1rem;
font-weight: bold;
line-height: normal;
}
main .infotext .traininggroups .traininggroup p {
color: var(--anc-white);
font-size: 1rem;
margin-bottom: 0;
line-height: normal;
}
main .infotext .teams .column {
padding: 0;
cursor: pointer;
padding: 0 0.5rem;
}
main .infotext .teams .team {
height: 50vh;
margin-bottom: 2rem;
position: relative;
}
main .infotext .teams .team label {
position: absolute;
bottom: 0;
width: 100%;
padding: 0.5rem 1rem;
background-color: rgba(0, 0, 0, 0.8);
text-align: center;
font-size: 1.2rem;
}
main .infotext .teams .team label a {
color: var(--anc-white);
font-weight: bold;
display: block;
}
main .infotext .teams .team label a:hover {
color: var(--anc-purple);
}
main .infotext .teams .team.senior {
background-image: url('images/teams/seniors.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .teams .team.junior {
background-image: url('images/juniors_new.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .teams .team.mixed {
background-image: url('images/mixed_netball_2.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .teams .team.walking {
background-image: url('images/walk2.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.allstars {
background-image: url('images/allstars_home.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .teams .team.academy {
background-image: url('images/ashby_academy.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .teams .team.coaching {
background-image: url('images/teams/coaching.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .theevent.inspiration {
padding: 0;
}
main .infotext .theevent.inspiration .headertext {
background-color: var(--anc-black);
background-image: url('images/inspiration.jpg');
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
padding-top: 1rem;
}
main .infotext .theevent.inspiration .headertext label {
color: white;
}
main .infotext .gallery img {
margin-bottom: 2rem;
}
main .infotext .theevent.shop img {
border: solid 5px #ffffff;
height: 200px;
}
main .infotext .theevent.shop h3 {
font-size: 1.4rem;
line-height: normal;
font-weight: bold;
margin-bottom: 0;
text-align: center;
}
main .infotext .theevent.shop label {
font-size: 1.2rem;
line-height: normal;
margin-bottom: 0;
text-align: left;
}
main .infotext .theevent.shop label.middle {
margin-bottom: 0;
}
main .infotext .theevent.shop .kititem {
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: solid 1px var(--anc-purple);
}
main .newsitem {
padding: 1rem 0 0 0;
}
main .newsitem .groupname {
padding: 0.2rem 0.5rem;
background-color: #cccccc;
font-weight: bold;
margin: 0 0 0.5rem 0;
line-height: normal;
}
main .newsitem .newsitemmain {
padding: 0 2rem;
}
main .newsitem .newsitemmain h2 {
margin: 0;
padding: 0;
line-height: normal;
font-size: 1.4rem;
font-weight: bold;
}
main .newsitem .newsitemmain .itemdate {
margin: 0;
padding: 0;
line-height: normal;
font-size: 0.8rem;
color: #666666;
}
main .newsitem .newsitemmain .itemtext {
margin: 1rem 0 0 0;
padding: 0;
line-height: normal;
font-size: 1rem;
}
main .newsitem .newsitemmain .itemlink {
margin: 0 0 1rem 0;
padding: 0;
line-height: normal;
font-size: 1rem;
color: #666666;
}
main .newsitem .newsitemmain .itemlink a {
color: var(--anc-purple);
font-weight: bold;
}
main .homenewsitem {
padding: 1rem 0;
}
main .homenewsitem .groupname {
padding: 0.2rem 0.5rem;
background-color: #cccccc;
font-weight: bold;
margin: 0 0 0.5rem 0;
line-height: normal;
}
main .homenewsitem .homenewsitemmain {
padding: 0 2rem;
}
main .homenewsitem .homenewsitemmain .itemtitle {
margin: 0;
padding: 0;
line-height: normal;
font-size: 0.8rem;
color: #666666;
}
main .homenewsitem .homenewsitemmain .itemtext {
margin: 1rem 0 0 0;
padding: 0;
line-height: normal;
font-size: 1rem;
}
main .newspage {
padding: 1rem 0;
}
main .newspage .groupname {
padding: 0.2rem 0.5rem;
background-color: #cccccc;
font-weight: bold;
margin: 0 0 0.5rem 0;
}
main .newspage .groupname .group {
margin: 0;
padding: 0;
font-weight: bold;
line-height: normal;
}
main .newspage .groupname .goback {
margin: 0;
padding: 0;
font-weight: bold;
line-height: normal;
}
main .newspage .groupname .goback a {
color: blue;
}
main .newspage .groupname .goback a:hover {
color: red;
}
main .newspage .newsitemmain {
padding: 0 2rem;
}
main .newspage .newsitemmain h2 {
margin: 0;
padding: 0;
line-height: normal;
font-size: 1.8rem;
font-weight: bold;
}
main .newspage .newsitemmain .itemdate {
margin: 0;
padding: 0;
line-height: normal;
font-size: 1rem;
color: #666666;
}
main .newspage .newsitemmain .itemtext {
margin: 1rem 0 0 0;
padding: 0;
line-height: normal;
font-size: 1.2rem;
}
main .newspage .newsitemmain .itemtext p {
margin: 1rem 0 0 0;
padding: 0;
line-height: normal;
font-size: 1.2rem;
}
footer {
flex: 0 1 60px;
background-color: var(--anc-black);
padding: 2rem 0 1rem 0;
}
footer .clublink {
color: var(--anc-white);
}
footer .clublink:hover, footer .clublink:active {
color: var(--anc-black);
}
footer .menuline {
margin-bottom: 1rem;
}
footer .menuline .headings {
padding-top: 1.5rem;
margin-bottom: 1rem;
}
footer .menuline .headings .headerlink .link {
background-color: var(--anc-black);
color: var(--anc-white);
font-size: 1.4rem;
padding: 0.2rem 0.8rem;
border: solid 7px var(--anc-white);
text-transform: uppercase;
display: block;
}
footer .menuline .headings .headerlink .link:hover, header .headerlink .link:active {
color: var(--anc-purple);
border-color: var(--anc-black);
background-color: var(--anc-white);
}
footer .menuline h3 {
font-size: 1rem;
line-height: normal;
margin: 0;
margin-bottom: 0.5rem;
padding: 0;
color: var(--anc-white);
}
footer .menuline label {
font-size: 1rem;
line-height: normal;
margin-bottom: 0.5rem;
}
footer .menuline label a {
color: var(--anc-white);
}
footer .menuline label a:hover {
color: var(--anc-purple);
}
footer .contactline {
padding-top: 1rem;
font-size: 1rem;
line-height: normal;
color: var(--anc-white);
}
footer .linkline {
padding-top: 1.1rem;
font-size: 0.8rem;
line-height: normal;
color: var(--anc-white);
}
footer .affiliate {
margin-top: 1rem;
text-align: center;
}
footer .affiliate img {
margin-bottom: 0.2rem;
}
footer .affiliate p {
font-size: 0.6rem;
color: white;
}
dialog.eventbox {
padding: 0;
}
.dialogbox {
width: 50%;
}
.dialogbox::backdrop {
background: rgba(0, 0, 0, 0.25);
}
.dialogbox a {
font-weight: bold;
color: black;
}
.dialogbox a:hover {
color: red;
}
.dialogbox .signupform h1 {
line-height: normal;
margin-bottom: 1rem;
}
.dialogbox .signupform label {
font-size: 1rem;
line-height: normal;
margin: 1rem 0 0.5rem 0;
}
.dialogbox .signupform label.info {
font-size: 1rem;
line-height: normal;
margin-bottom: 0.5rem;
}
.dialogbox .signupform .check {
margin: 0 1rem 0 0;
}
.dialogbox .signupform .red {
color: orangered;
}
.dialogbox.eventbox {
width: 80%;
}
.dialogbox.eventbox .titlebox {
width: 100%;
padding: 0.5rem 1rem;
border-bottom: solid 1px #000000;
margin-bottom: 1rem;
}
.dialogbox.eventbox .titlebox h4 {
margin: 0;
padding: 0;
font-size: 1.4rem;
font-weight: bold;
line-height: normal;
}
.dialogbox.eventbox .titlebox h2 {
margin: 0;
padding: 0;
font-size: 1.2rem;
font-weight: normal;
line-height: normal;
}
.dialogbox.eventbox .mainbox {
width: 100%;
padding: 0 1rem;
margin-bottom: 1rem;
}
.allstarshome {
}
.allstarshome:hover {
opacity: 80%;
}
@media screen and (min-width: 40em) and (max-width: 63.99875em) {
/* Medium */
header .headerlink {
margin-bottom: 0.5rem;
}
header .headerlink .link {
font-size: 1.4rem;
}
header label {
font-size: 1.2rem;
line-height: 1.6rem;
}
nav .navlink {
padding: 0.1rem 0.5rem;
}
footer .menuline .navlink {
padding: 0.1rem 0.25rem;
font-size: 0.8rem;
}
.dialogbox {
width: 70%;
}
.dialogbox.eventbox {
width: 85%;
}
}
@media screen and (max-width: 39.99875em) {
/* small */
header {
background-color: var(--anc-white);
padding-bottom: 0;
}
header .headerlink {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
text-align: center;
}
header label {
font-size: 0.8rem;
line-height: 1.2rem;
text-align: center;
}
header .membersignin {
text-align: right;
font-size: 1.4rem;
}
main .mobilebanner h1 {
padding: 0.5rem 0;
margin: 0;
background-color: var(--anc-black);
color: var(--anc-white);
font-size: 3rem;
line-height: normal;
text-align: center;
}
main .infotext {
padding: 0;
background-color: var(--anc-white);
position: unset;
z-index: unset;
}
main .infotext .pagetext {
padding: 0;
}
main .infotext .pagetext .textsection .introarea {
padding: 2rem 0;
}
main .infotext .pagetext .textsection .introarea .maintext {
padding: 1rem 1rem;
border-radius: 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext p {
font-size: 1.2rem;
padding: 0;
margin: 0 0 1rem 0;
text-align: center;
}
main .infotext .pagetext .textsection .introarea .maintext p:last-child {
margin-bottom: 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext.news {
padding: 1rem 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext.news h2 {
font-size: 1.2rem;
padding: 0;
margin: 0;
text-align: center;
}
main .infotext h2, main .infotext label, main .infotext .cta {
text-align: center;
}
main .infotext .signupform label {
text-align: left;
}
main .infotext h2 {
margin-top: 0;
font-size: 1.6rem;
}
main .infotext h2 .text {
padding: 0.4rem 1rem;
display: block;
}
main .infotext h3 {
font-size: 1.4rem;
}
main .infotext h3 .text {
padding: 0.4rem 1rem;
display: block;
text-align: center;
}
main .infotext label {
font-size: 1.4rem;
}
main .infotext .intro {
margin-bottom: 0;
}
main .infotext .sponsors .topgap {
padding-top: 0;
}
main .infotext {
padding-top: 0;
}
main .infotext h2 {
margin-top: 1rem;
}
main .infotext .theevent.inspiration .headertext {
padding-top: 12rem;
}
main .infotext .sponsors img.silver {
max-width: 50%;
}
main .infotext .quote {
padding: 0 2rem;
}
main .infotext .quotefrom {
padding-right: 2rem;
margin-bottom: 1rem;
}
main .infotext .theevent.shop {
background-size: cover;
}
main .infotext .teams .column {
padding: 0;
}
main .infotext .teams .team {
height: 35vh;
margin-bottom: 1rem;
}
main .infotext .teams .team label {
width: 100%;
}
main .infotext .traininggroups {
}
main .infotext .traininggroups .column {
padding: 0 5rem;
}
main .infotext .pagetext .hometeams .teamscroller {
background-color: unset;
max-width: unset;
margin: unset;
position: static;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter {
white-space: unset;
overflow-x: unset;
overflow-y: unset;
-webkit-overflow-scrolling: unset;
-ms-overflow-style: unset;
scrollbar-width: unset;
padding: unset;
padding-right: unset;
scroll-behavior: unset;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .teamlink {
cursor: pointer;
width: unset;
display: block;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team {
height: 30vh;
margin-bottom: 1rem;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team label {
margin-left: -45%;
width: 90%;
}
main .infotext .pagetext .textsection .openarea .maintext.affiliations {
margin-bottom: 1rem;
}
.contactbutton {
margin-top: 2rem;
}
.smallcenter {
text-align: center;
}
footer .footerlogo {
margin-bottom: 1rem;
}
footer .menuline .headings {
padding-top: 0.5rem;
margin-bottom: 0rem;
}
footer .menuline .headings .headerlink {
margin-bottom: 1rem;
}
footer .menuline .headings .headerlink .link {
display: block;
text-align: center;
}
footer .linkline {
padding-top: 0;
font-size: 0.8rem;
line-height: normal;
}
footer .contactline {
padding-top: 0;
}
footer .smallfootermargin {
margin-bottom: 1rem;
}
footer .affiliate p {
font-size: 0.8rem;
line-height: normal;
}
.dialogbox {
width: 95%;
}
}
html,
body {
height: 100%;
margin: 0;
}
body {
font-family: "Jost", sans-serif;
font-optical-sizing: auto;
font-style: normal;
--anc-purple: #ef028e;
--anc-black: #000000;
--anc-white: #ffffff;
background-color: var(--anc-white);
color: var(--anc-black);
}
body.noscroll {
overflow: hidden;
}
.nomargin {
margin: 0 !important;
}
.nopadding {
padding: 0 !important;
}
.noline {
line-height: normal;
}
.boldtext {
font-weight: bold;
}
.white {
color: var(--anc-white);
}
.whiteback {
background-color: var(--anc-white);
}
.purple {
color: var(--anc-purple);
}
.purpleback {
background-color: var(--anc-purple);
}
h1, h2, h3, h4, h5, h6 {
font-family: "Jost", sans-serif;
font-optical-sizing: auto;
margin-bottom: 1rem;
color: var(--anc-black);
font-weight: bold;
}
h1.purple, h2.purple, h3.purple, h4.purple, h5.purple, h6.purple {
color: var(--anc-purple) !important;
}
h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
color: var(--anc-white) !important;
}
.box {
display: flex;
flex-flow: column;
height: 100%;
}
header {
flex: 0 1 auto;
text-align: center;
background-color: var(--anc-white);
padding: 1rem 0 0.5rem 0;
border-bottom: solid 1px var(--anc-black);
}
header .membersignin {
border: solid 1px #000000;
background-color: #ececec;
padding: 0.2rem 0.8rem;
border-radius: 0.4rem;
cursor: pointer;
color: black;
font-size: 1.2rem;
}
header .membersignin:hover {
border: solid 1px var(--anc-purple);
color: var(--anc-purple);
background-color: #ffe2fe;
}
header .headerlink {
margin-bottom: 1rem;
}
header .headerlink .link {
background-color: var(--anc-black);
color: var(--anc-white);
font-size: 1.6rem;
padding: 0.2rem 0.4rem;
font-weight: bold;
border: solid 7px var(--anc-white);
text-transform: uppercase;
display: block;
}
header .headerlink .link:hover, header .headerlink .link:active {
color: var(--anc-purple);
border-color: var(--anc-black);
background-color: var(--anc-white);
}
header label {
color: var(--anc-white);
font-size: 1.4rem;
line-height: 1.8rem;
}
header .logo {
}
header .socials {
}
header .socials img {
margin-left: 1rem;
height: 30px;
}
header #compnav {
margin: 1rem 0 0 0;
padding: 0;
}
header #compnav .dropdown.menu > li > a {
padding: 0.2rem 1rem 0.8rem;
color: var(--anc-black);
font-size: 1.1rem;
}
header #compnav .dropdown.menu > li > a:last-child {
padding-right: 0rem;
}
header #compnav .dropdown.menu > li > a.options {
padding: 0.2rem 1.5rem 0.4rem 1rem;
}
header #compnav .dropdown.menu > li > a:hover {
color: var(--anc-purple);
}
header #compnav .navlink {
text-align: center;
width: auto;
display: inline-block;
margin: 0;
line-height: normal;
}
header #compnav .navlink a {
color: var(--anc-black);
text-transform: uppercase;
display: block;
}
header #compnav .navlink a:hover, header #compnav .navlink a:active {
color: var(--anc-purple);
}
header #compnav .is-dropdown-submenu {
width: 200px;
}
header #compnav .is-dropdown-submenu li {
width: 100%;
}
header #compnav .is-dropdown-submenu li a {
font-size: 1rem;
padding: 0.2rem 0;
}
header #compnav .dropdown.menu > li.is-active > a {
color: var(--anc-purple) !important;
}
#phonenav {
flex: 0 1 auto;
background-color: #bca19c;
margin-top: 1rem;
}
#phonenav details > summary {
list-style: none;
padding: 0.5rem 0;
color: var(--anc-black);
text-align: center;
font-size: 2rem;
}
#phonenav details > summary i {
margin: 0 0.5rem;
}
#phonenav details > summary img {
margin: 0 1.5rem;
}
#phonenav details > summary::-webkit-details-marker {
display: none;
}
#phonenav details .navlink {
background-color: var(--anc-black);
text-align: center;
width: unset;
display: block;
border-bottom: solid 1px var(--anc-purple);
padding: 0.2rem 0;
font-size: 1.4rem;
}
#phonenav details .navlink a {
color: var(--anc-white);
}
main {
flex: 1 1 auto;
}
main .home {
margin: 0;
padding: 0;
background-color: var(--anc-purple);
}
main .home .video-container {
height: 70vh;
max-height: 400px;
width: 100%;
max-width: 1816px;
margin: auto;
overflow: hidden;
position: relative;
}
main .home .video-container .video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
position: absolute;
}
main .home .video-container .heading {
position: absolute;
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.35);
}
main .home .video-container .heading h1 {
color: var(--anc-white);
font-size: 3rem;
font-weight: bold;
line-height: normal;
text-align: center;
margin: 0;
padding: 1rem 0;
text-shadow: 1px 1px 2px black;
}
main .home .video-container .heading h2 {
color: var(--anc-white);
font-size: 2rem;
line-height: normal;
text-align: center;
margin: 0;
padding: 1rem 0 0 0;
}
main .home .video-container .heading label {
color: var(--anc-white);
font-size: 1.6rem;
line-height: normal;
text-align: center;
margin: 0;
padding: 0;
}
main .home .banner {
height: 70vh;
max-height: 400px;
background-image: url('images/new/IMG-20250715-WA0100.jpg');
background-size: cover;
background-position-y: -6rem;
max-width: 1816px;
margin: auto;
position: relative;
}
main .home .banner.senior {
background-image: url('images/new/IMG-20250806-WA0008.jpg');
background-position-y: -8rem;
}
main .home .banner.junior {
background-image: url('images/juniors_new.jpg');
background-position-y: -16rem;
}
main .home .banner.mixed {
background-color: #000000;
background-image: url('images/mixed.jpg');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
main .home .banner.walking {
background-image: url('images/walk2.jpg');
background-position-y: -5rem;
}
main .home .banner.allstars {
background-image: url('images/allstars_home.jpg');
background-position: top;
}
main .home .banner.academy {
background-image: url('images/ashby_academy.jpg');
background-position-y: -3rem;
}
main .home .banner.coaching {
background-image: url('images/new/IMG-20250715-WA0059.jpg');
background-position: center;
}
main .home .banner.whyashyby {
background-image: url('images/new/whyashby.jpg');
background-position: bottom;
}
main .home .banner.info {
background-image: url('images/new/IMG-20250715-WA0025.jpg');
background-position: center;
}
main .home .banner.testimonials {
background-image: url('images/new/IMG-20250715-WA0032.jpg');
background-position-y: -10rem;
}
main .home .banner.podcast {
background-image: url('images/new-podcast-header.jpg');
background-position-y: -22rem;
}
main .home .banner.newsletter {
background-image: url('images/newsletter-banner.jpg');
background-position: top;
}
main .home .banner.teams {
background-image: url('images/new/Ashby Junior Netball_2023_3.jpg');
background-position-y: -17rem;
}
main .home .banner.contact {
background-image: url('images/new/contactimage.jpg');
background-position: center;
}
main .home .banner.kit {
background-image: url('images/kit/kit.jpg');
background-position-y: -5rem;
}
main .home .banner.newkit {
background-image: url('images/newkit_banner.jpg');
background-position: top;
}
main .home .banner.affiliate {
background-image: url('images/titans.jpg');
background-position-y: -5rem;
}
main .home .banner.awards {
background-image: url('images/awards-background.jpg');
background-position: center;
}
main .home .banner .heading {
position: absolute;
bottom: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.35);
}
main .home .banner .heading h1 {
color: var(--anc-white);
font-size: 3rem;
font-weight: bold;
line-height: normal;
text-align: center;
margin: 0;
padding: 1rem 0;
text-shadow: 1px 1px 2px black;
}
main .home .banner .heading h2 {
color: var(--anc-white);
font-size: 2rem;
line-height: normal;
text-align: center;
margin: 0;
padding: 1rem 0 0 0;
}
main .home .banner .heading label {
color: var(--anc-white);
font-size: 1.6rem;
line-height: normal;
text-align: center;
margin: 0;
padding: 0;
}
main .infotext {
}
main .infotext.admin {
}
main .infotext.admin h2 {
font-size: 1.2rem;
text-align: left;
font-weight: bold;
margin-bottom: 1rem;
}
main .infotext.admin p {
font-size: 1rem;
font-weight: normal;
margin-bottom: 0.5rem;
}
main .infotext.admin p a {
color: black;
}
main .infotext.admin p a:hover {
color: var(--anc-purple);
}
main .infotext .pagetext {
margin: 0;
padding: 1rem 0 1rem 0;
background: var(--anc-purple) url('images/background-1.jpg') no-repeat top;
}
main .infotext .pagetext .textsection .introarea {
max-width: 1816px;
margin: auto;
padding: 3rem 0;
}
main .infotext .pagetext .textsection .introarea .kitreveal {
position: relative;
background-color: black;
background-image: url('images/kitreveal2.jpg');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
height: 450px;
margin-bottom: 2rem;
border-radius: 2rem;
cursor: pointer;
}
main .infotext .pagetext .textsection .introarea .kitreveal:hover {
opacity: 80%;
}
main .infotext .pagetext .textsection .introarea .kitreveal .kitinfo {
position: absolute;
top: 50%;
margin-top: -5rem;
right: 2rem;
}
main .infotext .pagetext .textsection .introarea .kitreveal .kitinfo .kittitle {
font-size: 3.6rem;
font-weight: bold;
text-transform: uppercase;
text-align: right;
color: white;
margin: 0;
padding: 0;
line-height: 3.2rem;
}
main .infotext .pagetext .textsection .introarea .kitreveal .kitinfo .kittitle.purple {
color: var(--anc-purple);
}
main .infotext .pagetext .textsection .introarea .kitreveal .kitfoot {
position: absolute;
bottom: 2rem;
right: 2rem;
}
main .infotext .pagetext .textsection .introarea .kitreveal .kitfoot .kittext {
font-size: 2.6rem;
font-weight: bold;
text-transform: uppercase;
text-align: right;
color: white;
margin: 2rem 0 0 0;
padding: 0;
line-height: 2rem;
}
main .infotext .pagetext .textsection .introarea .kitreveal2 {
position: relative;
background-image: url('images/kitreveal.jpg');
background-size: cover;
background-position: center;
height: 450px;
margin-bottom: 2rem;
border-radius: 2rem;
border: solid 5px var(--anc-black);
cursor: pointer;
}
main .infotext .pagetext .textsection .introarea .kitreveal2:hover {
border: solid 5px var(--anc-purple);
}
main .infotext .pagetext .textsection .introarea .kitreveal2 .kitinfo {
position: absolute;
margin-top: -5rem;
bottom: 2rem;
width: 100%;
}
main .infotext .pagetext .textsection .introarea .kitreveal2 .kitinfo .kittitle {
font-size: 2.6rem;
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: white;
margin: 0;
padding: 0 2rem;
line-height: 2.2rem;
}
main .infotext .pagetext .textsection .introarea .kitreveal2 .kitinfo .kittitle.purple {
color: var(--anc-purple);
}
main .infotext .pagetext .textsection .introarea .kitreveal2 .kitinfo .kittext {
font-size: 1.4rem;
font-weight: bold;
text-transform: uppercase;
text-align: center;
color: white;
margin: 2rem 0 0 0;
padding: 0;
line-height: 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext {
background-color: rgba(255, 255, 255, 0.75);
padding: 2rem 2rem;
border-radius: 2rem;
}
main .infotext .pagetext .textsection .introarea .maintext p {
font-size: 1.6rem;
padding: 0;
margin: 0 0 2rem 0;
text-align: center;
}
main .infotext .pagetext .textsection .introarea .maintext p:last-child {
margin-bottom: 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext.news {
padding: 2rem 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext.news h2 {
font-size: 1.6rem;
padding: 0;
margin: 0;
text-align: center;
}
main .infotext .pagetext .textsection .introarea .maintext.news p {
font-size: 1rem;
padding: 0;
margin: 0 0 0.5rem 0;
text-align: left;
}
main .infotext .pagetext .textsection .introarea .maintext.news p.itemtitle {
margin: 0;
}
main .infotext .pagetext .textsection .introarea .maintext.news p.itemdate {
font-size: 0.8rem;
}
main .infotext .pagetext .textsection .introarea .maintext.news p a {
color: var(--anc-purple);
}
main .infotext .pagetext .textsection .introarea .maintext.news .newsimage {
text-align: center;
margin-bottom: 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext.news .newsimage img {
width: 70%;
}
main .infotext .pagetext .textsection .introarea .maintext.news .newslink {
text-align: right;
font-size: 1.2rem;
}
main .infotext .pagetext .textsection .openarea {
max-width: 1816px;
margin: auto;
padding: 1rem 0;
}
main .infotext .pagetext .textsection .openarea .maintext {
background-color: rgba(255, 255, 255, 0.75);
padding: 1rem 1rem;
border-radius: 1rem;
}
main .infotext .pagetext .textsection .openarea .maintext p {
font-size: 1.4rem;
padding: 0;
margin: 0 0 1rem 0;
text-align: left;
}
main .infotext .pagetext .textsection .openarea .maintext p:last-child {
margin-bottom: 0;
}
main .infotext .pagetext .textsection .introarea .maintext.winners {
background-color: rgba(0, 0, 0, 0.75);
border: solid 5px var(--anc-purple);
padding: 1rem 1rem;
border-radius: 1rem;
margin-bottom: 2rem;
}
main .infotext .pagetext .textsection .introarea .maintext.winners strong {
color: white;
}
main .infotext .pagetext .textsection .introarea .maintext.winners a {
color: var(--anc-purple);
}
main .infotext .pagetext .textsection .introarea .maintext.winners a:hover {
color: white;
}
main .infotext .pagetext .textsection .introarea .maintext.awardpage {
background-color: rgba(255, 255, 255, 0.75);
padding: 1rem 1rem;
border-radius: 1rem;
margin-bottom: 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext.awardpage h2 {
margin-bottom: 2rem;
}
main .infotext .pagetext .textsection .introarea .maintext.awardpage p {
font-size: 1.4rem;
}
main .infotext .pagetext .textsection .introarea .maintext.awardpage h3 {
font-size: 1.6rem;
text-align: center;
text-transform: unset;
margin: 0 0 1rem 0;
}
main .infotext .pagetext.backwhite {
background: var(--anc-white);
}
main .infotext .pagetext.backpurple {
background: var(--anc-purple);
}
main .infotext .pagetext.coach {
background: url('images/background-coach.jpg') no-repeat top;
background-size: cover;
}
main .infotext .pagetext.podcastback {
background: url('images/podcast-background.jpg') no-repeat top;
}
main .infotext .pagetext.back2 {
background: url('images/background-2.jpg') no-repeat top;
}
main .infotext .pagetext.back3 {
background: url('images/background-3.jpg') no-repeat top;
}
main .infotext .pagetext.back4 {
background: url('images/background-4.jpg') no-repeat top;
}
main .infotext .pagetext.back5 {
background: url('images/background-5.jpg') no-repeat top;
}
main .infotext .pagetext.back6 {
background: url('images/background-6.jpg') no-repeat top;
}
main .infotext .pagetext.back7 {
background: url('images/background-7.jpg') no-repeat top;
background-size: cover;
}
main .infotext .pagetext.back8 {
background: url('images/background-8.jpg') no-repeat top;
}
main .infotext .pagetext .hometeams {
}
main .infotext .pagetext .hometeams .teamscroller {
background-color: rgba(255, 255, 255, 0.9);
max-width: 1816px;
margin: 0 auto;
position: relative;
}
main .infotext .pagetext .hometeams .teamscroller .teamheader {
background-color: #aaaaaa;
margin: 0 0 2rem 0;
padding: 0;
}
main .infotext .pagetext .hometeams .teamscroller .teamheader h3 {
margin: 0;
padding: 0;
}
main .infotext .pagetext .hometeams .teamscroller .teammenu {
width: 320px;
position: absolute;
top: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.50);
height: 100%;
color: white;
z-index: 20;
padding: 1.5rem 2rem;
}
main .infotext .pagetext .hometeams .teamscroller .teammenu h3 {
margin: 0;
padding: 0;
color: var(--anc-white);
}
main .infotext .pagetext .hometeams .teamscroller .teammenu ul {
margin-left: 2rem;
padding-left: 2rem;
}
main .infotext .pagetext .hometeams .teamscroller .teammenu a {
color: var(--anc-white);
font-size: 1.2rem;
}
main .infotext .pagetext .hometeams .teamscroller .teammenu a:hover {
color: var(--anc-purple);
}
main .infotext .pagetext .hometeams .teamscroller .teamouter {
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
padding: 1.5rem 3rem;
padding-right: 850px;
scroll-behavior: smooth;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .teamlink {
cursor: pointer;
width: 400px;
display: inline-block;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team {
height: 50vh;
max-height: 300px;
margin: 0 20px;
position: relative;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team label {
position: absolute;
bottom: 0;
left: 50%;
margin-left: -49%;
width: 98%;
background-color: rgba(0, 0, 0, 0.9);
background-color: var(--anc-purple);
text-align: center;
font-size: 1.2rem;
line-height: normal;
color: var(--anc-white);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team label .introtext.smaller {
font-size: 1rem;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team label a {
color: var(--anc-white);
font-weight: bold;
display: block;
text-shadow: 1px 1px 1px #000000;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team label a:hover {
color: var(--anc-black);
text-shadow: unset;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.senior {
background-image: url('images/teams/seniors.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.junior {
background-image: url('images/juniors_new.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.mixed {
background-image: url('images/mixed_netball.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.walking {
background-image: url('images/walk2.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.allstars {
background-image: url('images/allstars_home.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.academy {
background-image: url('images/ashby_academy.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.coaching {
background-image: url('images/teams/coaching.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .calendar {
width: 100%;
max-width: 1816px;
background-color: rgba(255, 255, 255, 0.5);
padding: 1rem 0;
margin: auto;
}
main .infotext .pagetext .calendar h2 {
margin: 0 0 1rem 0;
}
main .infotext .pagetext .calendar a .change {
font-size: 2rem;
color: black;
margin: 0.25rem 0 1rem 0;
}
main .infotext .pagetext .calendar a:hover .change {
color: var(--anc-purple);
}
main .infotext .pagetext .calendar .date {
background-color: rgba(128, 128, 128, 0.2);
border: solid 1px #999999;
height: 9rem;
overflow: hidden;
overflow-y: auto;
margin-bottom: 1rem;
}
main .infotext .pagetext .calendar .date.datetitle {
background-color: rgba(128, 128, 128, 0.6);
border: solid 1px #999999;
height: auto;
text-align: center;
padding: 0.2rem 0;
font-size: 1.2rem;
}
main .infotext .pagetext .calendar .date .datenumber {
text-align: right;
margin: 0;
padding: 0;
font-size: 1.2rem;
font-weight: bold;
line-height: normal;
padding: 0.2rem 1rem 0.2rem 0;
}
main .infotext .pagetext .calendar .date .dateitems {
padding: 0;
}
main .infotext .pagetext .calendar .date .dateitems .dateitem {
border: solid 1px #999999;
cursor: pointer;
padding: 0.1rem 0.4rem;
}
main .infotext .pagetext .calendar .date .dateitems .dateitem:hover {
border: solid 1px #ff3333;
}
main .infotext .pagetext .calendar .date .dateitems .dateitem p {
margin: 0;
padding: 0;
line-height: normal;
}
main .infotext .pagetext .calendar .date .dateitems .dateitem p.dateitemtitle {
font-size: 0.8rem;
}
main .infotext .pagetext .calendar .date .dateitems .dateitem p.times {
font-size: 0.6rem;
color: #666666;
}
main .infotext .pagetext .calendar .date.blankdate {
background-color: unset;
}
main .infotext .pagetext .calendar .filters {
font-size: 0.8rem;
margin-bottom: 1rem;
text-align: left;
}
main .infotext .pagetext .calendar .filters label {
font-size: 0.8rem;
margin: 0;
padding: 0;
line-height: normal;
text-align: left;
}
main .infotext .pagetext .calendarlist {
width: 100%;
max-width: 1816px;
background-color: rgba(255, 255, 255, 0.5);
padding: 1rem 0;
margin: auto;
}
main .infotext .pagetext .calendarlist h2 {
margin: 0 0 1rem 0;
}
main .infotext .pagetext .calendarlist a .change {
font-size: 2rem;
color: black;
margin: 0.25rem 0 1rem 0;
}
main .infotext .pagetext .calendarlist a:hover .change {
color: var(--anc-purple);
}
main .infotext .pagetext .calendarlist .date {
background-color: rgba(128, 128, 128, 0.2);
border: solid 1px #999999;
margin-bottom: 1rem;
}
main .infotext .pagetext .calendarlist .date .datenumber {
margin: 0;
padding: 0;
font-size: 1.2rem;
font-weight: bold;
line-height: normal;
padding: 0.2rem 0 0.2rem 1rem;
}
main .infotext .pagetext .calendarlist .date .dateitems {
padding: 0;
}
main .infotext .pagetext .calendarlist .date .dateitems .dateitem {
border: solid 1px #999999;
cursor: pointer;
padding: 0.1rem 0.4rem;
}
main .infotext .pagetext .calendarlist .date .dateitems .dateitem:hover {
border: solid 1px #ff3333;
}
main .infotext .pagetext .calendarlist .date .dateitems .dateitem p {
margin: 0;
padding: 0;
line-height: normal;
}
main .infotext .pagetext .calendarlist .date .dateitems .dateitem p.dateitemtitle {
font-size: 1rem;
}
main .infotext .pagetext .calendarlist .date .dateitems .dateitem p.times {
text-align: right;
font-size: 1rem;
}
main .infotext .pagetext .calendarlist .date.blankdate {
background-color: unset;
}
main .infotext .pagetext .calendarlist .filters {
font-size: 0.8rem;
margin-bottom: 1rem;
text-align: left;
}
main .infotext .pagetext .calendarlist .filters label {
font-size: 0.8rem;
margin: 0;
padding: 0;
line-height: normal;
text-align: left;
}
main .infotext .pagetext .documents {
width: 100%;
max-width: 1816px;
background-color: rgba(255, 255, 255, 0.5);
padding: 0;
margin: auto;
}
main .infotext .pagetext .documents .document {
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: solid 1px #999999;
}
main .infotext .pagetext .documents .document h2 {
margin: 0;
padding: 0;
font-size: 1.6rem;
text-align: left;
font-weight: bold;
}
main .infotext .pagetext .documents .document p {
font-size: 1.2rem;
}
main .infotext .pagetext .documents .document p.groupname {
margin: 0;
padding: 0;
font-size: 1rem;
color: var(--anc-purple);
font-weight: bold;
}
main .infotext .pagetext .documents .document p.date {
margin: 0 0 1rem;
padding: 0;
font-size: 0.8rem;
}
main .infotext .pagetext .documents .document p.download {
margin: 0;
padding: 0;
}
main .infotext .pagetext .documents .document p.download a {
color: #000099;
}
main .infotext .pagetext .documents .document p.download a:hover {
color: var(--anc-purple);
}
main .infotext .quote {
margin: 0;
padding: 0 5rem;
line-height: normal;
font-style: italic;
}
main .infotext .quotefrom {
margin: 0 0 0.5rem 0;
padding: 0;
line-height: normal;
font-weight: bold;
text-align: right;
padding-right: 20rem;
}
main .infotext .cta {
display: block;
margin: 2rem 0;
text-align: center;
}
main .infotext .cta a {
font-size: 1.8rem;
background-color: var(--anc-black);
border: solid 7px var(--anc-purple);
color: var(--anc-white) !important;
padding: 0.2rem 1.5rem;
text-transform: uppercase;
font-weight: normal !important;
}
main .infotext .cta a:hover, .infotext .cta a:active {
background-color: var(--anc-white);
border: solid 7px var(--anc-purple);
color: var(--anc-purple) !important;
}
main .infotext h2 {
margin: 0;
padding: 0;
text-align: center;
line-height: normal;
color: var(--anc-black);
font-size: 1.8rem;
text-transform: uppercase;
}
main .infotext h3 {
margin-top: 1rem;
margin-bottom: 1rem;
line-height: normal;
color: var(--anc-black);
font-size: 1.4rem;
text-transform: uppercase;
}
main .infotext label, main .infotext p {
font-size: 1.4rem;
line-height: normal;
margin-bottom: 1rem;
}
main .infotext p strong {
color: var(--anc-purple);
font-weight: bold;
}
main .infotext p.introtext {
margin: 0;
}
main .infotext p.smaller {
font-size: 1rem;
margin: 0 0 0.25rem 0;
}
main .infotext label.sponsorlabel {
font-size: 1.2rem;
line-height: normal;
margin-bottom: -1rem;
}
main .infotext ul {
padding-left: 3rem;
margin: 0;
margin-top: 1rem;
margin-bottom: 1rem;
}
main .infotext ul li {
font-size: 1.4rem;
line-height: normal;
}
main .infotext ul li.junior {
line-height: 1.5rem;
margin: 0 0 1rem 0;
}
main .infotext img {
border: solid 7px var(--anc-purple);
}
main .infotext .pagetext .textsection .openarea .maintext.affiliations p {
font-size: 1rem;
padding: 0;
margin: 0 0 1rem 0;
text-align: center;
line-height: normal;
}
main .infotext .pagetext .textsection .openarea .maintext.affiliations p:last-child {
margin-bottom: 2rem;
}
main .infotext .affiliations img {
border: none;
}
main .infotext .sponsors {
}
main .infotext .sponsors .topgap {
padding-top: 3rem;
}
main .infotext .sponsors img {
margin-bottom: 1rem;
border: none;
}
main .infotext .sponsors img.bronze {
max-height: 150px;
}
main .infotext .sponsors img.silver {
max-height: 220px;
}
main .infotext .sponsors img.silver {
max-height: 290px;
}
main .infotext .sponsors ul {
margin-top: 1rem;
padding-left: 2rem;
padding-right: 1rem;
}
main .infotext .charitystory {
margin-top: 2rem;
}
main .infotext .charitystory label {
font-size: 1.2rem;
}
main .infotext .charitystory img {
border: none;
margin-bottom: 3rem;
}
main .infotext .wediditimage {
border: solid 5px var(--anc-purple);
margin-bottom: 2rem;
}
main .infotext {
}
main .infotext .teamlist label {
font-size: 1.2rem;
}
main .infotext .intro p {
color: var(--anc-black);
line-height: normal;
}
main .infotext .intro p a {
color: var(--anc-black);
font-weight: bold;
}
main .infotext .pagetext a {
color: var(--anc-black);
font-weight: bold;
}
main .infotext .pagetext hr {
width: 50%;
background-color: #999999;
height: 1px;
}
main .infotext .pagetext a:hover {
color: var(--anc-purple);
}
main .infotext .pagetext row-up-space {
margin-bottom: 1rem;
}
main .infotext .traininggroups {
}
main .infotext .traininggroups .traininggroup {
background-color: var(--anc-purple);
border: solid 2px var(--anc-black);
text-align: center;
padding: 0.25rem;
margin-bottom: 1rem;
}
main .infotext .traininggroups .traininggroup h3 {
color: var(--anc-white);
font-size: 1.4rem;
font-weight: bold;
margin-top: 0;
margin-bottom: 0;
}
main .infotext .traininggroups .traininggroup h4 {
color: #cccccc;
font-size: 1rem;
font-weight: bold;
line-height: normal;
}
main .infotext .traininggroups .traininggroup p {
color: var(--anc-white);
font-size: 1rem;
margin-bottom: 0;
line-height: normal;
}
main .infotext .teams .column {
padding: 0;
cursor: pointer;
padding: 0 0.5rem;
}
main .infotext .teams .team {
height: 50vh;
margin-bottom: 2rem;
position: relative;
}
main .infotext .teams .team label {
position: absolute;
bottom: 0;
width: 100%;
padding: 0.5rem 1rem;
background-color: rgba(0, 0, 0, 0.8);
text-align: center;
font-size: 1.2rem;
}
main .infotext .teams .team label a {
color: var(--anc-white);
font-weight: bold;
display: block;
}
main .infotext .teams .team label a:hover {
color: var(--anc-purple);
}
main .infotext .teams .team.senior {
background-image: url('images/teams/seniors.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .teams .team.junior {
background-image: url('images/juniors_new.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .teams .team.mixed {
background-image: url('images/mixed_netball_2.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .teams .team.walking {
background-image: url('images/walk2.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team.allstars {
background-image: url('images/allstars_home.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .teams .team.academy {
background-image: url('images/ashby_academy.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .teams .team.coaching {
background-image: url('images/teams/coaching.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
main .infotext .theevent.inspiration {
padding: 0;
}
main .infotext .theevent.inspiration .headertext {
background-color: var(--anc-black);
background-image: url('images/inspiration.jpg');
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
padding-top: 1rem;
}
main .infotext .theevent.inspiration .headertext label {
color: white;
}
main .infotext .gallery img {
margin-bottom: 2rem;
}
main .infotext .theevent.shop img {
border: solid 5px #ffffff;
height: 200px;
}
main .infotext .theevent.shop h3 {
font-size: 1.4rem;
line-height: normal;
font-weight: bold;
margin-bottom: 0;
text-align: center;
}
main .infotext .theevent.shop label {
font-size: 1.2rem;
line-height: normal;
margin-bottom: 0;
text-align: left;
}
main .infotext .theevent.shop label.middle {
margin-bottom: 0;
}
main .infotext .theevent.shop .kititem {
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: solid 1px var(--anc-purple);
}
main .newsitem {
padding: 1rem 0 0 0;
}
main .newsitem .groupname {
padding: 0.2rem 0.5rem;
background-color: #cccccc;
font-weight: bold;
margin: 0 0 0.5rem 0;
line-height: normal;
}
main .newsitem .newsitemmain {
padding: 0 2rem;
}
main .newsitem .newsitemmain h2 {
margin: 0;
padding: 0;
line-height: normal;
font-size: 1.4rem;
font-weight: bold;
}
main .newsitem .newsitemmain .itemdate {
margin: 0;
padding: 0;
line-height: normal;
font-size: 0.8rem;
color: #666666;
}
main .newsitem .newsitemmain .itemtext {
margin: 1rem 0 0 0;
padding: 0;
line-height: normal;
font-size: 1rem;
}
main .newsitem .newsitemmain .itemlink {
margin: 0 0 1rem 0;
padding: 0;
line-height: normal;
font-size: 1rem;
color: #666666;
}
main .newsitem .newsitemmain .itemlink a {
color: var(--anc-purple);
font-weight: bold;
}
main .homenewsitem {
padding: 1rem 0;
}
main .homenewsitem .groupname {
padding: 0.2rem 0.5rem;
background-color: #cccccc;
font-weight: bold;
margin: 0 0 0.5rem 0;
line-height: normal;
}
main .homenewsitem .homenewsitemmain {
padding: 0 2rem;
}
main .homenewsitem .homenewsitemmain .itemtitle {
margin: 0;
padding: 0;
line-height: normal;
font-size: 0.8rem;
color: #666666;
}
main .homenewsitem .homenewsitemmain .itemtext {
margin: 1rem 0 0 0;
padding: 0;
line-height: normal;
font-size: 1rem;
}
main .newspage {
padding: 1rem 0;
}
main .newspage .groupname {
padding: 0.2rem 0.5rem;
background-color: #cccccc;
font-weight: bold;
margin: 0 0 0.5rem 0;
}
main .newspage .groupname .group {
margin: 0;
padding: 0;
font-weight: bold;
line-height: normal;
}
main .newspage .groupname .goback {
margin: 0;
padding: 0;
font-weight: bold;
line-height: normal;
}
main .newspage .groupname .goback a {
color: blue;
}
main .newspage .groupname .goback a:hover {
color: red;
}
main .newspage .newsitemmain {
padding: 0 2rem;
}
main .newspage .newsitemmain h2 {
margin: 0;
padding: 0;
line-height: normal;
font-size: 1.8rem;
font-weight: bold;
}
main .newspage .newsitemmain .itemdate {
margin: 0;
padding: 0;
line-height: normal;
font-size: 1rem;
color: #666666;
}
main .newspage .newsitemmain .itemtext {
margin: 1rem 0 0 0;
padding: 0;
line-height: normal;
font-size: 1.2rem;
}
main .newspage .newsitemmain .itemtext p {
margin: 1rem 0 0 0;
padding: 0;
line-height: normal;
font-size: 1.2rem;
}
footer {
flex: 0 1 60px;
background-color: var(--anc-black);
padding: 2rem 0 1rem 0;
}
footer .clublink {
color: var(--anc-white);
}
footer .clublink:hover, footer .clublink:active {
color: var(--anc-black);
}
footer .menuline {
margin-bottom: 1rem;
}
footer .menuline .headings {
padding-top: 1.5rem;
margin-bottom: 1rem;
}
footer .menuline .headings .headerlink .link {
background-color: var(--anc-black);
color: var(--anc-white);
font-size: 1.4rem;
padding: 0.2rem 0.8rem;
border: solid 7px var(--anc-white);
text-transform: uppercase;
display: block;
}
footer .menuline .headings .headerlink .link:hover, header .headerlink .link:active {
color: var(--anc-purple);
border-color: var(--anc-black);
background-color: var(--anc-white);
}
footer .menuline h3 {
font-size: 1rem;
line-height: normal;
margin: 0;
margin-bottom: 0.5rem;
padding: 0;
color: var(--anc-white);
}
footer .menuline label {
font-size: 1rem;
line-height: normal;
margin-bottom: 0.5rem;
}
footer .menuline label a {
color: var(--anc-white);
}
footer .menuline label a:hover {
color: var(--anc-purple);
}
footer .contactline {
padding-top: 1rem;
font-size: 1rem;
line-height: normal;
color: var(--anc-white);
}
footer .linkline {
padding-top: 1.1rem;
font-size: 0.8rem;
line-height: normal;
color: var(--anc-white);
}
footer .affiliate {
margin-top: 1rem;
text-align: center;
}
footer .affiliate img {
margin-bottom: 0.2rem;
}
footer .affiliate p {
font-size: 0.6rem;
color: white;
}
dialog.eventbox {
padding: 0;
}
.dialogbox {
width: 50%;
}
.dialogbox::backdrop {
background: rgba(0, 0, 0, 0.25);
}
.dialogbox a {
font-weight: bold;
color: black;
}
.dialogbox a:hover {
color: red;
}
.dialogbox .signupform h1 {
line-height: normal;
margin-bottom: 1rem;
}
.dialogbox .signupform label {
font-size: 1rem;
line-height: normal;
margin: 1rem 0 0.5rem 0;
}
.dialogbox .signupform label.info {
font-size: 1rem;
line-height: normal;
margin-bottom: 0.5rem;
}
.dialogbox .signupform .check {
margin: 0 1rem 0 0;
}
.dialogbox .signupform .red {
color: orangered;
}
.dialogbox.eventbox {
width: 80%;
}
.dialogbox.eventbox .titlebox {
width: 100%;
padding: 0.5rem 1rem;
border-bottom: solid 1px #000000;
margin-bottom: 1rem;
}
.dialogbox.eventbox .titlebox h4 {
margin: 0;
padding: 0;
font-size: 1.4rem;
font-weight: bold;
line-height: normal;
}
.dialogbox.eventbox .titlebox h2 {
margin: 0;
padding: 0;
font-size: 1.2rem;
font-weight: normal;
line-height: normal;
}
.dialogbox.eventbox .mainbox {
width: 100%;
padding: 0 1rem;
margin-bottom: 1rem;
}
.allstarshome {
}
.allstarshome:hover {
opacity: 80%;
}
@media screen and (min-width: 40em) and (max-width: 63.99875em) {
/* Medium */
header .headerlink {
margin-bottom: 0.5rem;
}
header .headerlink .link {
font-size: 1.4rem;
}
header label {
font-size: 1.2rem;
line-height: 1.6rem;
}
nav .navlink {
padding: 0.1rem 0.5rem;
}
footer .menuline .navlink {
padding: 0.1rem 0.25rem;
font-size: 0.8rem;
}
.dialogbox {
width: 70%;
}
.dialogbox.eventbox {
width: 85%;
}
}
@media screen and (max-width: 39.99875em) {
/* small */
header {
background-color: var(--anc-white);
padding-bottom: 0;
}
header .headerlink {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
text-align: center;
}
header label {
font-size: 0.8rem;
line-height: 1.2rem;
text-align: center;
}
header .membersignin {
text-align: right;
font-size: 1.4rem;
}
main .mobilebanner h1 {
padding: 0.5rem 0;
margin: 0;
background-color: var(--anc-black);
color: var(--anc-white);
font-size: 3rem;
line-height: normal;
text-align: center;
}
main .infotext {
padding: 0;
background-color: var(--anc-white);
position: unset;
z-index: unset;
}
main .infotext .pagetext {
padding: 0;
}
main .infotext .pagetext .textsection .introarea {
padding: 2rem 0;
}
main .infotext .pagetext .textsection .introarea .maintext {
padding: 1rem 1rem;
border-radius: 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext p {
font-size: 1.2rem;
padding: 0;
margin: 0 0 1rem 0;
text-align: center;
}
main .infotext .pagetext .textsection .introarea .maintext p:last-child {
margin-bottom: 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext.news {
padding: 1rem 1rem;
}
main .infotext .pagetext .textsection .introarea .maintext.news h2 {
font-size: 1.2rem;
padding: 0;
margin: 0;
text-align: center;
}
main .infotext h2, main .infotext label, main .infotext .cta {
text-align: center;
}
main .infotext .signupform label {
text-align: left;
}
main .infotext h2 {
margin-top: 0;
font-size: 1.6rem;
}
main .infotext h2 .text {
padding: 0.4rem 1rem;
display: block;
}
main .infotext h3 {
font-size: 1.4rem;
}
main .infotext h3 .text {
padding: 0.4rem 1rem;
display: block;
text-align: center;
}
main .infotext label {
font-size: 1.4rem;
}
main .infotext .intro {
margin-bottom: 0;
}
main .infotext .sponsors .topgap {
padding-top: 0;
}
main .infotext {
padding-top: 0;
}
main .infotext h2 {
margin-top: 1rem;
}
main .infotext .theevent.inspiration .headertext {
padding-top: 12rem;
}
main .infotext .sponsors img.silver {
max-width: 50%;
}
main .infotext .quote {
padding: 0 2rem;
}
main .infotext .quotefrom {
padding-right: 2rem;
margin-bottom: 1rem;
}
main .infotext .theevent.shop {
background-size: cover;
}
main .infotext .teams .column {
padding: 0;
}
main .infotext .teams .team {
height: 35vh;
margin-bottom: 1rem;
}
main .infotext .teams .team label {
width: 100%;
}
main .infotext .traininggroups {
}
main .infotext .traininggroups .column {
padding: 0 5rem;
}
main .infotext .pagetext .hometeams .teamscroller {
background-color: unset;
max-width: unset;
margin: unset;
position: static;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter {
white-space: unset;
overflow-x: unset;
overflow-y: unset;
-webkit-overflow-scrolling: unset;
-ms-overflow-style: unset;
scrollbar-width: unset;
padding: unset;
padding-right: unset;
scroll-behavior: unset;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .teamlink {
cursor: pointer;
width: unset;
display: block;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team {
height: 30vh;
margin-bottom: 1rem;
}
main .infotext .pagetext .hometeams .teamscroller .teamouter .team label {
margin-left: -45%;
width: 90%;
}
main .infotext .pagetext .textsection .openarea .maintext.affiliations {
margin-bottom: 1rem;
}
.contactbutton {
margin-top: 2rem;
}
.smallcenter {
text-align: center;
}
footer .footerlogo {
margin-bottom: 1rem;
}
footer .menuline .headings {
padding-top: 0.5rem;
margin-bottom: 0rem;
}
footer .menuline .headings .headerlink {
margin-bottom: 1rem;
}
footer .menuline .headings .headerlink .link {
display: block;
text-align: center;
}
footer .linkline {
padding-top: 0;
font-size: 0.8rem;
line-height: normal;
}
footer .contactline {
padding-top: 0;
}
footer .smallfootermargin {
margin-bottom: 1rem;
}
footer .affiliate p {
font-size: 0.8rem;
line-height: normal;
}
.dialogbox {
width: 95%;
}
}