@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: #122b54;                  /*Def: 3c557c - Header footer colour */
    --colour-primary-contrast: #fff;            /*Def: fff - Menu font colour */
    --colour-primary-rgb: 60, 85, 124;            /*Def: 60, 85, 124 - unknown */
    --colour-primary-shade: #354c70;            /*Def: 354c70 - Menu buttons and hoverover */

    --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: #ccc;           /*Def: ccc - unknown */
    --form-input-border-width: 1px;               

    --pass-link-background: #ffffff;            /*Def: fff - Passlink background colour */
    --pass-link-colour: #000;                   /*Def: 000 - Passlink font colour */
}
header a img {
	height: 50px !important;
}

header {
	background-color: white !important;
	color: black !important;
	box-shadow: 0 1px 3px var(--colour-light-shade);
}


accp-root>* {
    z-index: 3;
}

header .link {
    color: black !important;
}
 
header .link:hover {
    color: #e41c30 !important;
    background-color: transparent !important;
}

accp-root::before,
accp-root::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
 
accp-root::before {
  background-image: url(pattern-black.png);
  background-repeat: repeat;
  background-size: 90px 148px;
  z-index: 1;
  background-color: #fff;
}

#nav-wrapper nav img.logo {
    content:url("logo-navbar.png");
}
 
accp-root::after {
  background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgba(255, 255, 255, 0.6)),
      color-stop(70%, rgba(255, 255, 255, 0.92)),
      to(rgba(255, 255, 255, 0.92))
    ),
    -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.92)), color-stop(50%, rgba(255, 255, 255, 0.92)), to(#fff));
  background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.6) 0,
      rgba(255, 255, 255, 0.92) 70%,
      rgba(255, 255, 255, 0.92) 100%
    ),
    linear-gradient(
      rgba(255, 255, 255, 0.92) 0,
      rgba(255, 255, 255, 0.92) 50%,
      #fff 100%
    );
  pointer-events: none;
  z-index: 2;
}

/* makes a field bold or change colour
label[for="seat"] 
{
  font-weight: bold;
  color:#ff0000 !important;
} */