/*****
WCAG - use #0089C6 rather than #337ab7
#0089C6 - navy blue (ish)

#4A8221 - light blue
#ffdd00 - yellow 

#4A8221- Wealden green   (was 35870d)
#849717 - Wealden light green (button hover)

skip nav - https://www.w3schools.com/accessibility/accessibility_skip_links.php

**links/a has to be underlined  WCAG


Theming the navbar has never been easier thanks to the combination of theming classes and background-color utilities. Choose from .navbar-light for use with light background colors, or .navbar-dark for dark background colors. Then, customize with .bg-* utilities.
https://getbootstrap.com/docs/5.0/components/navbar/#:~:text=%3E-,Color%20schemes,customize%20with%20.bg%2D*%20utilities.
*****/

/* custom changes for bootstrap */
.makebidcheck
{
    display:inline-block;
    width:auto;
    vertical-align:middle;
    margin-right: 1em;
}
.makebidlabel
{
    display:inline;
    vertical-align:middle;
}

body {
	/*font-size: 16px !important;*/
	font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 16px;
	font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
}



p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}

/*a, ul, li {
    font-size: 13px;
}*/

.row > * {
    font-size: 13px;
}  

.well {
    background-color: #cccccc;
    border: 0px solid #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

/* Custom CSS for select boxes */
select.form-control {
  /* Ensure Bootstrap 5 default styles */
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
   width: 350px; /* Adjust width as needed */
  height: 45px; /* Adjust height as needed */
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  /* Add arrow */
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"%3E%3Cpath d="M7.646 10.854a.5.5 0 0 1-.708 0l-5-5a.5.5 0 0 1 .708-.708L8 9.293l4.646-4.647a.5.5 0 0 1 .708.708l-5 5z"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1em 1em;
}


/*Footer */
		#footer {
			padding: 70px 0 50px 0;
		}
		#footer .first.el_before_av_one_fourth {
			width: 33%;
		}
		.cr-footer-address p {
			font-size: 15px;
		}
		.cr-footer-links a, .cr-footer-links, .cr-footer-hours a {
			font-size: 12px;
			color: #bababa;
		}
		.cr-footer-address h4, .cr-footer-hours h4, .cr-footer-qlinks h4 {
			padding-bottom: 20px;
		}
		.cr-footer-social h4 {
			padding-top: 20px;
		}
		.cr-footer-img {
			padding: 63px 0px 10px 0px;
		}
		.cr-footer-social p img {
			margin-right: 7px;
		}
		.cr-footer-social p {
			display: inline-flex;
		}

.topbar{
	margin: auto;
  width: 100%;
  padding: 0px;
  background-color: white;		
}
.logo{
	padding-left:1%;
}
.navunderbar{
  margin: auto;
  width: 100%;
  padding: 2px;
  background-color: white;
  /*border-top: 4px solid #4A8221;*/
  border-top: 4px solid #4A8221;
}

li.nav-item:first-child {
    border-top-left-radius: 5px;
}
li.nav-item:last-child {
    border-top-left-radius: 5px;
}

/* gap between menu's */
.mb-2 {
    margin-bottom: 0.0rem !important;
}

.well{
	margin-bottom:5px;
	
}
/* had to widen the dropdown */
.dropdown-menu {
    --bs-dropdown-min-width: 12rem;
}

.dropdown-menu {
    /*top: 100%;*/
    right: 1 !important;
	background-color: #4A8221;
    /* margin-top: var(--bs-dropdown-spacer); */
}

/**
header .primary-navigation-holder>.top-departments-holder>.header-departments-more {
    padding: 10px;
    border-top-right-radius: 5px;
    background: #eaeaea;
    color: #222;
}

**/


li.nav-item{
	display: inline-block;
    background: #eaeaea;
    margin-right: 1px;
	color: #222;
	font-size: 18px;
}

.navbar{
	 padding: 0px;
	
}

#footer .widget {
    padding: 0;
    margin: 30px 0 30px 0;
    overflow: hidden;
}
.flex_column .widget:first-child, .content .widget:first-child {
    padding-top: 0;
    border-top: none;
}

.av_one_fourth {
    margin-left: 6%;
    width: 20.5%;
}

.widget {
    clear: both;
    position: relative;
    padding: 30px 0 30px 0;
    float: none;
}


.img-fluid {
    max-width: 100%;
    height: 100px;
}

.shetlogo{
	margin: auto;
  width: 100%;
  padding: 10px;
  background-color: #4A8221;
  padding-left: 4%;
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: #fcb03e;
}

/* white bit at the top of the menu */
.dropdown-menu {
     --bs-dropdown-padding-y: 0rem;
	 --bs-dropdown-color: #4A8221;
}

.dropdown-item {
    text-align: left;
}
/* colour on menu text 'demo' */
.navbar-brand {
 color: white;
}
/* Back ground colour of menu */
.navbar-style{
	background-color: #99999;
}
/* text on menu */
.nav-link{	
	color: #222 !important;
}


a {
    /*color: #0089C6;*/
	color: #0000EE;
    text-decoration: underline;
}
a:visited {
    color: #222222;
}
/*
p {
	color: #0089C6;
}
*/
/*
a:hover {
	text-decoration-thickness: max(;3px,0.1875rem,0.12em)
-webkit-text-decoration-skip-ink: none;
 text-decoration-skip-ink: none;
-webkit-text-decoration-skip: none;
text-decoration-skip: none;

}
*/
/*
a:focus {
    outline: 10px auto -webkit-focus-ring-color;
    outline-offset: 3px;
}
*/
a:hover {
  text-decoration-thickness: max(3px,0.1875rem,0.12em);
  -webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
-webkit-text-decoration-skip: none;
text-decoration-skip: non

}

.btn {
    font-size: 1.5em;
 /*    border: solid 1px #EEEEEE; */
}

/********
.form-control {
  
  height: 100%;
}
***********/
  
/* highlight menu  top level*/
.nav-link:focus {
   
    color: green;
    font-weight: bold;
	text-decoration: underline;
	background: #d3d3d3;
}
.nav-link:hover {
    font-weight: bold;
	text-decoration: underline;
	background: #d3d3d3;
}
/* needed for WCAG  
a:focus {
	outline-offset: 2px;
outline: 3px solid transparent;
 color: #0b0c0c;
 background-color: #ffdd00;
box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
 text-decoration: none;
	
}
*/

/*body {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 16px;
	font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
}*/



.navbar-header {
    min-height: 64px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    color: #4A8221;
    background-color: #FFFFFF;

}

.navbar-default .nav > li > a {
    color: #4A8221;
    background-color: white;
    font-weight: bold;
}

.navbar-default .nav > li > a:hover {
    background-color: #4A8221;
    color: white;
    font-weight: bold;
}




.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: white;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #FFFFFF;
    background-color: #4A8221;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  color: #FFFFFF;
  background-color: #4A8221;
   text-decoration: underline;
   text-align: center;
}

.dropdown-menu > li > a {
    color: #FFFFFF;
    background-color: #4A8221;
}

.headerlogo {
    height:64px; 
    padding:8px;
}

#banner {
    margin-top:48px;
}

.panel-info {
    border-color: #4A8221;
}

/*.panel-info > .panel-heading {
    color: #FFFFFF;
    background-color: #4A8221;
}*/

.panel-info > .panel-heading {
	color: #fff;
    background: #598148;
    /*box-shadow: inset 0 0 8px 3px rgba(0, 0, 0, .2);*/
}

.panel-primary {
    border-color: #4A8221;
}

.panel-primary > .panel-heading {
    /*color: #FFFFFF;
    background-color: #4A8221;*/
	color: #fff;
    background: #598148;
    /*box-shadow: inset 0 0 8px 3px rgba(0, 0, 0, .2);*/
}

.table-hover > tbody > tr:hover {
    color: #FFFFFF;
    /*background-color: #4A8221;*/
}

.table-hover > tbody > tr:hover > td {
    /*background-color: #849717;*/   
    cursor: pointer; 
}

.footer {
    border-top: 4px solid #4A8221;       
    margin-top: 32px;
    margin-bottom: 0px;
    padding-top: 16px;
    padding-right: 32px;
    padding-bottom: 16px;
    padding-left: 32px;
}

.socialbutton {
    margin: 4px;
}

.btn-primary {
    color: #FFFFFF;
    background-color: #4A8221 !important;
	border-color: #4A8221 !important;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 16px;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	color: #FFFFFF;
    background-color: #4A8221;
	margin-right: 10px;
	margin-bottom: 10px;
}

.btn-secondary {
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	/* margin-top: 9px !important; */
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active  {
    /* color: #000000; */
    background-color: #b3b3b3;
    border:solid 1px #b3b3b3;
	border-color: #b3b3b3 !important;
}

.btn-info {
	color: #FFFFFF;
    background-color: grey !important;
	border-color: grey !important;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 16px;
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
	color: #FFFFFF;
    background-color: #cccccc;
	margin-right: 10px;
	margin-bottom: 10px;	
}	

.btn-info:hover,
.btn-info:focus,
.btn-info:active  {
    /* color: #000000; */
    background-color: #b3b3b3;
    border:solid 1px #b3b3b3;
	border-color: #b3b3b3 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active  {
    /* color: #000000; */
    background-color: #849717 !important;
    border:solid 1px #849717 !important;
	border-color: #849717 !important;
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    color: white;
    background-color: #849717;
    border: solid 1px #849717;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    color: black;
    background-color: #E19E9E;
    border: solid 1px #C33E3E;
}


.panel-warning > .panel-heading {
    color: #FFFFFF;
    background-color: #AF558D;
}
.panel-warning {
    border-color: #AF558D;
}

/** skip Nav **/
.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skip:focus {
  position: static;
  width: auto;
  height: auto;
}

/*** heading table or content ***/
.table {
  table-layout:fixed;
}




@media (max-width: 576px) {
   /*  html { font-size: 0.7rem; } */
    th {     font-size: 1rem;
    font-weight: normal; }
	td { font-size: 1.10rem; }
	
	.navbar-toggler{
	margin-bottom:5px;	
	}
}
@media (max-width: 768px) {
	.navbar-toggler{
	margin-bottom:5px;	
	}
}
@media (min-width: 768px) {
  /*   html { font-size: 0.8rem; } */
    th {     font-size: 1rem;
    font-weight: normal; }
	
	.navbar-toggler{
	margin-bottom:5px;
	}
}
@media (min-width: 992px) {
   /*  html { font-size: 0.8rem; } */
    th {     font-size: 1rem;
    font-weight: normal; }
	.navbar-toggler{
	margin-bottom:5px;}
	
}
@media (min-width: 1200px) {
  /*   html { font-size: 0.8rem; } */
    th {font-size: 1rem; font-weight: normal;}
	.calls {padding: 0% 13% 0% 13%; margin: 30px 0px 30px 0px;}	
	.infobar {padding: 0% 13% 0% 0%; margin: 20px 0px 20px 0px;}
}

@media (min-width: 1500px) {
 	
}

.dtday
{
	  size:2;
}

.dtmonth
{
	 size:2;
}

.dtyear
{
	  size:4;
}

input, label {
    display:block;
}

.spacer {
    margin-top: 40px; /* define margin as you see fit */
}

h2 {
    color: black;
    background-color: transparent; 
    
}

h3, h4, h5, h6 {
    color: #FFFFFF;
    background-color: transparent; 
    
}
h1{
	color: #000000 ;
    background-color: transparent; 
    font-size: 2.3em;
}
h2{
	color: #000000 ;
    background-color: transparent; 
    font-size: 1.5em;
}
h3{
	color: #000000 ;
    background-color: transparent; 
    font-size: 1.3em;
}



.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #FFFFFF; 
    border-radius: 4px;
}
.breadcrumb > .active {
    color: #000000 ;
}

/*
.panel-title {
    font-size: 1.8em;    /* see above h2 */
}
*/

.panel-title h1, h2, h3 {
  color: white;
}

.panel-heading h1, h2, h3 {
  color: white;
}

.alert {
	border-radius: 0 !important;
    margin-bottom: 20px;
    border: 1px solid transparent;
    line-height: 20px;
    background: #eaeaea;
    padding: 10px;
    color: #000;
    border-left: 6px solid #222022;
}

.alert-info  h2 {
  color: #000000;
}

/*  PG - Putting back to how it was before, as this class is used everywhere by online apps */
/*.alert-info {
	--bs-alert-color: white !important;
	background-color: #4A8221;
}*/

.alert-info {	
	border-left: 6px solid #0089C6 !important;	
}

.alert-warning, .alert-danger {
	border-left: 6px solid #D18100 !important;
}

.alert-success {
    border-left: 6px solid #849717 !important;
}

.trans-date{
 color:#04476F;	
 font-size: 1.6em;  /* h3 */
}

.alert-warning:focus{
	outline:3px solid yellow;
}

.alert-focus{
	outline:3px solid yellow;
}



.divpos25
{
	left:25px;
	
}

legend {
	
    /* color: #35870d; */
	font-size:1.0em;
	font-weight: bold;
}

.form-control-hk {
  
  height: 100%;
}
.form-control-chk {
    display: block;
    width: 10%;
    height: 34px;
    padding: 6px 12px;
    font-size: 20px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
/**

.custom-control-input~.custom-control-indicator{
     background-color: grey !important; //select the background color 
}

.custom-control-input:focus~.custom-control-indicator{
     box-shadow: none !important; 
}

**/
.padx
{
  padding-left:15%;	
}
/** BS hybrid css **/
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid #a0a2a3;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight:800;
  color: inherit;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}


.container{
	width: 100% !important;
	padding-top: 20px;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    color: white;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
{
    color: #FFFFFF;
    background-color: #4A8221 !important;
	border-color: #4A8221 !important;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 16px;	
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show 
{
    color: #FFFFFF;
    background-color: #4A8221 !important;
	border-color: #4A8221 !important;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 16px;	
}	

/* Radio buttons */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

.form .control-label,
.form .form-control,
.form .form__select,
.form .form__textarea,
.form form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
form:not([class]) .form input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
.form form:not([class]) textarea,
form:not([class]) .form textarea,
.form form:not([class]) select,
form:not([class]) .form select,
.form .form__select,
.form .form__textarea,
form:not([class]) .control-label,
form:not([class]) .form-control,
form:not([class]) .form__select,
form:not([class]) .form__textarea,
form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
form:not([class]) textarea,
form:not([class]) select,
form:not([class]) .form__select,
form:not([class]) .form__textarea {
	display: block
}

.form .form__control--append__group .form-control,
.form .form__control--append__group .form__select,
.form .form__control--append__group .form__textarea,
.form .form__control--append__group form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
form:not([class]) .form .form__control--append__group input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
.form .form__control--append__group form:not([class]) textarea,
form:not([class]) .form .form__control--append__group textarea,
.form .form__control--append__group form:not([class]) select,
form:not([class]) .form .form__control--append__group select,
.form .form__control--append__group .button,
form:not([class]) .form__control--append__group .form-control,
form:not([class]) .form__control--append__group .form__select,
form:not([class]) .form__control--append__group .form__textarea,
form:not([class]) .form__control--append__group input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
form:not([class]) .form__control--append__group textarea,
form:not([class]) .form__control--append__group select,
form:not([class]) .form__control--append__group .button {
	bottom: 0;
	height: 100%;
	line-height: 1;
	margin-top: 0;
	position: absolute;
	top: 0;
	vertical-align: top;
	z-index: 5
}

.form .form__control--append__group .form-control,
.form .form__control--append__group .form__select,
.form .form__control--append__group .form__textarea,
.form .form__control--append__group form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
form:not([class]) .form .form__control--append__group input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
.form .form__control--append__group form:not([class]) textarea,
form:not([class]) .form .form__control--append__group textarea,
.form .form__control--append__group form:not([class]) select,
form:not([class]) .form .form__control--append__group select,
form:not([class]) .form__control--append__group .form-control,
form:not([class]) .form__control--append__group .form__select,
form:not([class]) .form__control--append__group .form__textarea,
form:not([class]) .form__control--append__group input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
form:not([class]) .form__control--append__group textarea,
form:not([class]) .form__control--append__group select {
	border: 0;
	left: 0;
	padding-right: calc(.75rem + 40.6779661017%);
	width: 100%
}

@media screen and (min-width: 600px) {

	.form .form__control--append__group .form-control,
	.form .form__control--append__group .form__select,
	.form .form__control--append__group .form__textarea,
	.form .form__control--append__group form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
	form:not([class]) .form .form__control--append__group input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
	.form .form__control--append__group form:not([class]) textarea,
	form:not([class]) .form .form__control--append__group textarea,
	.form .form__control--append__group form:not([class]) select,
	form:not([class]) .form .form__control--append__group select,
	form:not([class]) .form__control--append__group .form-control,
	form:not([class]) .form__control--append__group .form__select,
	form:not([class]) .form__control--append__group .form__textarea,
	form:not([class]) .form__control--append__group input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
	form:not([class]) .form__control--append__group textarea,
	form:not([class]) .form__control--append__group select {
		padding-right: calc(.75rem + 27.9661016949%)
	}
}

@media screen and (min-width: 1280px) {

	.form .form__control--append__group .form-control,
	.form .form__control--append__group .form__select,
	.form .form__control--append__group .form__textarea,
	.form .form__control--append__group form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
	form:not([class]) .form .form__control--append__group input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
	.form .form__control--append__group form:not([class]) textarea,
	form:not([class]) .form .form__control--append__group textarea,
	.form .form__control--append__group form:not([class]) select,
	form:not([class]) .form .form__control--append__group select,
	form:not([class]) .form__control--append__group .form-control,
	form:not([class]) .form__control--append__group .form__select,
	form:not([class]) .form__control--append__group .form__textarea,
	form:not([class]) .form__control--append__group input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
	form:not([class]) .form__control--append__group textarea,
	form:not([class]) .form__control--append__group select {
		padding-right: calc(1.125rem + 27.9661016949%)
	}
}

.form .form__control--append__group .button,
form:not([class]) .form__control--append__group .button {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	outline-offset: -5px;
	overflow: hidden;
	padding-left: 1rem;
	padding-right: 1rem;
	right: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 40.6779661017%
}

.form__control--danger .form-control,
.form__control--danger .form__select,
.form__control--danger .form__textarea,
.form__control--danger form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
form:not([class]) .form__control--danger input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
.form__control--danger form:not([class]) textarea,
form:not([class]) .form__control--danger textarea,
.form__control--danger form:not([class]) select,
form:not([class]) .form__control--danger select,
.form__control--danger .form__select,
.form__control--danger .form__textarea,
.form__control--error .form-control,
.form__control--error .form__select,
.form__control--error .form__textarea,
.form__control--error form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
form:not([class]) .form__control--error input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
.form__control--error form:not([class]) textarea,
form:not([class]) .form__control--error textarea,
.form__control--error form:not([class]) select,
form:not([class]) .form__control--error select,
.form__control--error .form__select,
.form__control--error .form__textarea,
.form__control.error .form-control,
.form__control.error .form__select,
.form__control.error .form__textarea,
.form__control.error form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
form:not([class]) .form__control.error input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
.form__control.error form:not([class]) textarea,
form:not([class]) .form__control.error textarea,
.form__control.error form:not([class]) select,
form:not([class]) .form__control.error select,
.form__control.error .form__select,
.form__control.error .form__textarea {
	background-color: #ffdcdc;
	border-color: #a90000;
	color: #a90000
}

.form__control--success .form-control,
.form__control--success .form__select,
.form__control--success .form__textarea,
.form__control--success form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
form:not([class]) .form__control--success input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
.form__control--success form:not([class]) textarea,
form:not([class]) .form__control--success textarea,
.form__control--success form:not([class]) select,
form:not([class]) .form__control--success select,
.form__control--success .form__select,
.form__control--success .form__textarea {
	background-color: #edf5e4;
	border-color: #8cbf4e;
	color: #8cbf4e
}

.control-label--checkbox,
.control-label--radio {
	font-weight: 400;
	margin-top: .375em
}

.form-control,
.form__select,
.form__textarea,
form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
form:not([class]) textarea,
form:not([class]) select {
/*	background-color: #fff; */
	border: 1px solid #000;
	border-radius: 5px;
	color: #493a3c;
	font-family: "Foundry Form Sans W01", sans-serif;
/*	font-weight: 700; */
	margin-top: .75em;
	max-width: 100%;
	padding: .5rem .75rem;
	width: 100%
}

.form__checkbox,
.form__radio,
form:not([class]) input[type='checkbox'],
form:not([class]) input[type='radio'] {
	display: inline-block;
	margin-right: .375rem
}

@media screen and (min-width: 760px) {

	.form--block .form-control,
	.form--block .form__select,
	.form--block .form__textarea,
	.form--block form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
	form:not([class]) .form--block input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
	.form--block form:not([class]) textarea,
	form:not([class]) .form--block textarea,
	.form--block form:not([class]) select,
	form:not([class]) .form--block select,
	.form--block .form__append-group {
		margin-top: 0
	}

	.form--block .form__append-group .form-control,
	.form--block .form__append-group .form__select,
	.form--block .form__append-group .form__textarea,
	.form--block .form__append-group form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
	form:not([class]) .form--block .form__append-group input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
	.form--block .form__append-group form:not([class]) textarea,
	form:not([class]) .form--block .form__append-group textarea,
	.form--block .form__append-group form:not([class]) select,
	form:not([class]) .form--block .form__append-group select {
		float: none;
		width: 100%
	}
}

.form--block .form__control-group .form__control--append__group .form-control,
.form--block .form__control-group .form__control--append__group .form__select,
.form--block .form__control-group .form__control--append__group .form__textarea,
.form--block .form__control-group .form__control--append__group form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
form:not([class]) .form--block .form__control-group .form__control--append__group input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
.form--block .form__control-group .form__control--append__group form:not([class]) textarea,
form:not([class]) .form--block .form__control-group .form__control--append__group textarea,
.form--block .form__control-group .form__control--append__group form:not([class]) select,
form:not([class]) .form--block .form__control-group .form__control--append__group select,
.form--block .form__component .form__control--append__group .form-control,
.form--block .form__component .form__control--append__group .form__select,
.form--block .form__component .form__control--append__group .form__textarea,
.form--block .form__component .form__control--append__group form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
form:not([class]) .form--block .form__component .form__control--append__group input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
.form--block .form__component .form__control--append__group form:not([class]) textarea,
form:not([class]) .form--block .form__component .form__control--append__group textarea,
.form--block .form__component .form__control--append__group form:not([class]) select,
form:not([class]) .form--block .form__component .form__control--append__group select {
	border: 1px solid #000
}

.form--block .form__control .control-label--checkbox,
.form--block .form__control .control-label--radio,
.form--block .form__control .control-label--radio {
	margin-bottom: 0
}

.form--block .control-label--checkbox,
.form--block .control-label--radio,
.form--block .control-label--radio {
	display: block;
	float: none;
	padding-left: .125rem;
	width: auto
}

.form--form-builder .form__component--checkboxes .control-label,
.form--form-builder .form__component--radio-buttons .control-label {
	padding: 0 0 0 .125rem;
	width: 100%
}

.site-search.form .form-control,
.site-search.form .form__select,
.site-search.form .form__textarea,
.site-search.form form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
form:not([class]) .site-search.form input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
.site-search.form form:not([class]) textarea,
form:not([class]) .site-search.form textarea,
.site-search.form form:not([class]) select,
form:not([class]) .site-search.form select {
	border: 0;
	padding-right: calc(.75rem + 3rem)
}

@media screen and (min-width: 1280px) {

	.site-search.form .form-control,
	.site-search.form .form__select,
	.site-search.form .form__textarea,
	.site-search.form form:not([class]) input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
	form:not([class]) .site-search.form input:not([type='button']):not([type='checkbox']):not([type='radio']):not([type='submit']),
	.site-search.form form:not([class]) textarea,
	form:not([class]) .site-search.form textarea,
	.site-search.form form:not([class]) select,
	form:not([class]) .site-search.form select {
		padding-right: calc(1.125rem + 3rem)
	}
}

a[href*="//"]:not([href*=".wealden"]):not([href*=wealden]):not([href*=localhost]):not([href*=youtube]):not([href*=linkedin]):not([href*=facebook]):not([href*="app-eu.readspeaker"]):not([href*=twitter]):not([href*=readspeaker]):not([href*="wealdengovuk.azurewebsites"]):after {
    content: "" !important;
}
