@charset "UTF-8";

:root {
  --container-400: 1480px;
  --container-900: 100%;
  /* FONTS */
  --primaryfont: "Poppins", sans-serif;
  --secondaryfont: "";
  --fontweight-400: 400;
  --fontweight-700: 700;
  /* TEXT SIZE/LINE HEIGHTS */
  --fontsize-200: 0.9rem;
  --fontsize-300: 1rem;
  --fontsize-400: 1.2rem;
  --fontsize-500: 1.4rem;
  --fontsize-600: 1.7rem;
  --defaultlineheight: 1.5;
  /* COLOURS */
  --red: #fd0101;
  --white: #ffffff;
  --primarycolor-400: #668f15;
  --secondarycolor-400: #18e987;
  --black-100: #ececec;
  --black-400: #6b6b6b;
  --black-900: #000000;
}

/* Default background colour classes */
.bg-black-900 {background: var(--black-900);}
.bg-primarycolor-400 {background: var(--primarycolor-400);}
.bg-primarycolor-900 {background: var(--primarycolor-900);}
.bg-secondarycolor-400 {background: var(--secondarycolor-400);}
/* Default text colour classes */
.txt-red {color: var(--red);}
.txt-black-900 {color: var(--black-900);}
.txt-primarycolor-400 {color: var(--primarycolor-400);}
.txt-secondarycolor-400 {color: var(--secondarycolor-400);}

main {display: flex;}
html {line-height: var(--defaultlineheight);}
body {background: var(--white); color: var(--black-900); font-size: var(--fontsize-400); font-family: var(--primaryfont);}

button, input, optgroup, select, textarea {font-size: var(--fontsize-400); line-height: var(--defaultlineheight); font-weight: var(--fontweight-400);}
input, textarea, select {background: var(--white); border: 1px solid var(--black-100);}
button, input[type="submit"] {background: var(--black-900); color: var(--white); border: none;}
input[type="checkbox"] {accent-color: var(--red);}
:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px var(--white) inset; box-shadow: 0 0 0 1000px var(--white) inset; -webkit-text-fill-color: var(--black-900);}

pre, code, kbd, samp {font-size: var(--fontsize-400);}
b, strong {font-weight: var(--fontweight-700);}
a {color: var(--primarycolor-400);}
a:hover {color: var(--primarycolor-400);}
h1, h2, h3, h4, h5, h6 {font-weight: var(--fontweight-700);}
p.seeformerrors {color: var(--red);}
p, li, label {line-height: var(--defaultlineheight);}
li li, li p, p label, label p {font-size: var(--fontsize-400);}

hr {background: var(--black-100);}

table th, table td, table th p, table td p {font-size: var(--fontsize-400); font-weight: var(--fontweight-400);}
table th {color: var(--white); background: var(--black-900);}
table td {color: var(--black-900); background: var(--black-100);}
table th a {color: var(--white)!important;}

/* New form builder */
.sc-fb .sc-fb-submit-errors, .sc-fb .sc-fb-field-error, .sc-fb .sc-fb-field-required, .required {color: var(--red);}
.sc-fb .sc-fb-field-required, .required {font-weight: var(--fontweight-700);}

/* Skip to content accessibility button */
.stclink {background: var(--red); color: var(--white); font-weight: var(--fontweight-700);}
.stclink:focus {color: var(--white);}
:focus-visible {outline: 2px dashed var(--black-900)!important;}

.breadcrumb li {font-size: 0.8rem;}

.blockbutton a {display: inline-block; margin: 0; padding: 0; color: var(--black-900); font-weight: var(--fontweight-700); text-decoration: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}

.arrowbutton a {color: var(--black-900); text-decoration: none; font-weight: var(--fontweight-700); padding: 0; position: relative; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}

.content {max-width: var(--container-400); width: 100%; margin: 0 auto; padding: 90px 40px;}
.content.fullwidth {max-width: var(--container-900);}

.wrap {display: flex; width: 100%; min-height: 100%; padding: 40px; align-items: center; align-content: center; justify-content: center; background: var(--white)}

.logo {display: flex; align-items: center; align-content: center; justify-content: center; margin: 0 0 20px 0;}

.blocktext {flex-direction: column; text-align: center; padding-block: 70px;}
.blocktext .domain {font-size: 2.5rem; font-weight: 600}

footer {background: #ececec}
footer .content {grid-template-columns: 1fr 1fr; padding-block: 65px 50px;}
footer .content .smalltext {font-size: 0.8rem; margin: 0;}
footer a.logo {max-width: 300px; min-width: 300px; display: block;}
footer .right {text-align: right;}

@media (hover: hover) {
  /* Hover specific styling for browsers/machines that support hover */
}