/** UPDATED **/

:root {
  --primary: #3c1053 /*{white text}*/;
  --secondary: #D3F0EA /*{white text}*/;
  --hover: #507F70  /*{White text}*/;
  --background: #3c1053;
  --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: 1rem;
  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
}

.azForm-label-required::before {

    color: #ffffff;
}

/* 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: var(--primary);
}

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

}

/* RESPONSIVE HEADER IMAGE */

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


#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%;
}

label[for="az-form-privacy-statement-accept"] .azForm-label-required {
    color: white; /* Example style */
}

#azForm-item-16 > div.ui-collapsible.ui-collapsible-inset.ui-corner-all > h4 > a
{ color: var(--white);
}