/** UPDATED **/

:root {
  --primary: #3C1053 /*{white text}*/;
  --secondary: #D3F0EA /*{white text}*/;
  --hover: #507F70  /*{White text}*/;
  --background: #eee;
  --white: #ffffff;
  --black: #000000;
}

body {
    font-family: lato, arial, sans-serif!important;
}

/* BACKGROUND */

#azPage {
    background: var(--background);
}

#azBacklink-text,#azBacklink-text a {
    color:var(--black);
    text-shadow:none;
}

/* SUBMIT BUTTON */

#azContent .azForm-item .azForm-submit .ui-btn{
  background-color: var(--primary)!important;
  color: var(--white)!important;
  font-size: 1.125rem;
  width:100%;
  border-radius: 0px;
  border: 0px;
  margin: auto;
}

#azContent .azForm-item .azForm-submit .ui-btn:hover{
  background-color: var(--hover)!important;
  transform: scale(1.02);
}

/* LINK COLOUR */
#azContent a {
  color: #3c1053
}


/* THE BAR CONTAINING THE CHANNEL AND TYPE HEADINGS */
#az-form-communications-channels-title, #az-form-communications-types-title, .h1 {
    font-size: 1rem;
    font-weight: normal;
    padding: 0.4em 0em 0.4em 1em !important;
    background-color: var(--primary)!important;
    color: var(--white);
    width: calc(100% + 20px);
    margin: 0 -20px;
    margin-bottom:10px;
}

/* Radio Buttons */
.azForm-fieldCell-radio .azForm-element label,.azForm-fieldCell-radio .azForm-element label:hover{
    color:#000000;
}

.azForm-fieldCell-radio .azForm-element label:after{
    background-color:#58595B;



}

/* RESPONSIVE HEADER IMAGE */

#azHeader > img {
    width: 100%;
    max-width:750px;
   
}


#azHeader > img.replacedHeaderImg{
    max-width:initial;
}

/* Make content full width (no padding or margin) */
#azContent {
    padding: 1px; /* 0 breaks overflow so use 1px */
}
.azForm-wrap {
    margin: -1px; /* because padding is 1px, use -1px for margin */
}

/* Give children padding */
[id^=azForm-item] {
    padding: 0 20px;
}

/* Remove again from headings used directly inside azForm-item's */
[id^=azForm-item] > .h1 {
    margin: 0 -20px;
}

/* Date width fix */

.ui-grid-b .ui-block-a,
.ui-grid-b .ui-block-b,
.ui-grid-b .ui-block-c {
    width: 100%;
}

/* 
Compiled from the following styles (ED 20.12.23)

123	Submit Button BRIGHT RED
100	To Achieve More Form Style
99	Responsive Header image
120	Full Width Content
33	Lato Font
126	Grey Font GDPR
121	GDPR Form Styles Email Channel Only Red Bar
130	Colours Red Form with Grey Font
210	Privacy Statement Links - Bright Ruby Red
*/