@import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");

:root {
    --font-family: "Poppins", sans-serif;
    --br: 3px;

    --colour-light: #fff; /*Def: fff - Changed background for Welcome XX bannar and page cards 39003b*/
    --colour-light-contrast: #111; /*Def: 111 - Text colour for page cards*/
    --colour-light-shade: #eee; /*Def: eee - Page cards boarder */

    --colour-light-secondary: #fbfbfb; /*Def: fbfbfb - Page background */
    --colour-light-secondary-shade: #ddd; /*Def: ddd - unknown */

    --colour-primary: #c80551; /*Def: 3c557c - Header footer colour */
    --colour-primary-contrast: #fff; /*Def: fff - Menu font colour */
    --colour-primary-rgb: 200, 5, 81; /*Def: 60, 85, 124 - unknown */
    --colour-primary-shade: #ad144f; /*Def: 354c70 - Menu buttons */

    --colour-success: #3e813e; /*Def: 3e813e - unknown */
    --colour-success-contrast: #ffffff; /*Def: fff - unknown */
    --colour-success-rgb: 71, 146, 71; /*Def: 71, 146, 71 - unknown */
    --colour-success-shade: #2f582f; /*Def: 2f582f - unknown */

    --colour-warning: #f7df5f; /*Def: f7df5f - unknown */
    --colour-warning-contrast: #202020; /*Def: 202020 - unknown */
    --colour-warning-rgb: 247, 223, 95; /*Def: 247, 223, 95 - unknown */
    --colour-warning-shade: #99892e; /*Def: 99892e - unknown */

    --colour-danger: #bb4444; /*Def: bb4444 - unknown */
    --colour-danger-contrast: #ffffff; /*Def: fff - unknown */
    --colour-danger-rgb: 255, 68, 68; /*Def: 255, 68, 68 - unknown */
    --colour-danger-shade: #9b3d3d; /*Def: 9b3d3d - unknown */

    --form-label-colour: #666; /*Def: 666 - unknown */
    --form-input-background: #ffffff; /*Def: fff - unknown */
    --form-input-disabled-background: #f4f4f4; /*Def: f4f4f4 - unknown */
    --form-input-border-colour: #061a1b; /*Def: ccc - Textfeild suround colour */
    --form-input-border-width: 1px;

    --pass-link-background: #ffffff; /*Def: fff - Passlink background colour */
    --pass-link-colour: #000; /*Def: 000 - Passlink font colour */
}

header {
    background: black !important;
}

/* For Header logo size */
header a img {
    height: 50px !important;
}

/* For the background */
accp-public-page-template {
    background: url(PortalBackground.jpg) no-repeat center;
    background-size: cover;
    flex-grow: 1;
    padding-bottom: 120px;
}

accp-public-page-template + app-club-footer[class="mt-a"] {
    margin-top: -120px !important;
}

accp-public-page-template + app-club-footer[class="mt-a"] #footer {
    background-color: rgba(0, 0, 0, 0.9);
}

.centred .page-container {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}