@font-face {
  font-family: optima, Arial, sans-serif;
  src: url(https://just-saying.uk/webfonts/unicode.optima-webfont.woff2),
url(https://just-saying.uk/webfonts/unicode.optima-webfont.woff);
  font-weight: normal;
  font-style: normal;}
html, body {font-family: optima, Arial, sans-serif; color: #5c5c5c;height: auto}
.feedback-form {max-width: 1400px;margin: 0 auto;}
.rating {
	margin-bottom: 20px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.rating input {
	display: none;
}

.rating label {
	font-size: 18px;
	cursor: pointer;
}

.rating label:hover,
.rating label:hover ~ label {
	color: orange;
}

.rating input:checked ~ label {
	color: orange;
}

. #comment {
	margin-bottom: 20px;
}

.statement, textarea {
	width: 100%;
	height: 200px;
	resize: none;
}

.submit-btn {
	background-color: #70a4dc;
	color: #fff;
	padding: 10px 20px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
}
.cal {float: left; width: 80px;height: auto;overflow: auto;}
.panel {background-color: rgb(244, 248, 255); border: 1px solid rgb(196, 196, 196); border-radius: 6px;padding: 15px}
.response {background-color:white;border-radius: 6px;padding: 10px}
.white {color: white;}
.blue {color:rgb(105, 148, 206)}
.gold {color:rgb(250, 164, 2);}
.light-grey {color:rgb(195, 195, 195)}
.round {border-radius: 6px; }
.date {font-size: 2rem; font-weight: bold;}

.top-35 {
    top: 27% !important;
}
.top-5 {top: 15% !important;}

 .dropdown-menu.show {
	 -webkit-animation: fadeIn 0.3s alternate;
	/* Safari 4.0 - 8.0 */
	 animation: fadeIn 0.3s alternate;
}
 .nav-item.dropdown.dropdown-mega {
	 position: static;
}
 .nav-item.dropdown.dropdown-mega .dropdown-menu {
	 width: 90%;
	 top: auto;
	 left: 5%;
}
 .navbar-toggler {
	 border: none;
	 padding: 0;
	 outline: none;
}
 .navbar-toggler:focus {
	 box-shadow: none;
}
 .navbar-toggler .hamburger-toggle {
	 position: relative;
	 display: inline-block;
	 width: 50px;
	 height: 50px;
	 z-index: 11;
	 float: right;
}
 .navbar-toggler .hamburger-toggle .hamburger {
	 position: absolute;
	 transform: translate(-50%, -50%) rotate(0deg);
	 left: 50%;
	 top: 50%;
	 width: 50%;
	 height: 50%;
	 pointer-events: none;
}
 .navbar-toggler .hamburger-toggle .hamburger span {
	 width: 100%;
	 height: 4px;
	 position: absolute;
	 background: #333;
	 border-radius: 2px;
	 z-index: 1;
	 transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
	 left: 0px;
}
 .navbar-toggler .hamburger-toggle .hamburger span:first-child {
	 top: 10%;
	 transform-origin: 50% 50%;
	 transform: translate(0% -50%) !important;
}
 .navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
	 top: 50%;
	 transform: translate(0, -50%);
}
 .navbar-toggler .hamburger-toggle .hamburger span:last-child {
	 left: 0px;
	 top: auto;
	 bottom: 10%;
	 transform-origin: 50% 50%;
}
 .navbar-toggler .hamburger-toggle .hamburger.active span {
	 position: absolute;
	 margin: 0;
}
 .navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
	 top: 45%;
	 transform: rotate(45deg);
}
 .navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
	 left: 50%;
	 width: 0px;
}
 .navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
	 top: 45%;
	 transform: rotate(-45deg);
}
 .icons {
	 display: inline-flex;
	 margin-left: auto;
}
 .icons a {
	 transition: all 0.2s ease-in-out;
	 padding: 0.2rem 0.4rem;
	 color: #ccc !important;
	 text-decoration: none;
}
 .icons a:hover {
	 color: white;
	 text-shadow: 0 0 30px white;
}

.gray {background-color: rgb(238, 242, 244)}

@function --fluid-type(--font-min, --font-max, --type: 'header') {
  --scalar: if(style(--type: 'header'): 4vw;
               style(--type: 'copy'): 0.5vw);
  result: clamp(var(--font-min), var(--scalar) + var(--font-min), var(--font-max));
}

h5 {
  --header-min: 24px;
  --header-max: 36px;
  font-size: --fluid-type(var(--header-min), var(--header-max));

}

p {
  --copy-min: 18px;
  --copy-max: 54px;
  font-size: --fluid-type(var(--copy-min), var(--copy-max), 'copy');
  color: #7d7d7d;
}
h1 {
  /* Sets font size between a minimum of 24px and a maximum of 48px. */
  /* The preferred value is 8vw (8% of the viewport width). */
  font-size: clamp(24px, 8vw, 48px);
}
.btn-primary
{background: #709EE7;
background: linear-gradient(180deg, rgba(112, 158, 231, 1) 0%, rgba(93, 135, 195, 1) 100%);}
a.btn-tt{color:#1d749e;background-color:#e9eff5;border-color:#5f93bd;}
a.btn-tt:hover{color:#fff;background-color:#5f93bd;border-color:#5f93bd;}
a.btn-tt2{color:#5f93bd;background-color:white;border-color:#5f93bd;}
a.btn-tt2:hover{color:#fff;background-color:#5f93bd;border-color:#5f93bd;}

a.btnw{wXXXidth:35px;text-align:center;  padding-right: 6px ;    padding-left: 6px;  padding-top: 2px;padding-bottom: 2px;}
a.btnall{width:65px;text-align:center; padding-right: 6px ;     padding-left: 6px;  padding-top: 2px;padding-bottom: 2px;}
.pagetitle {font-family: Arial; color: #025a84; margin-top:1rem;margin-bottom: 1rem;
  /* Sets font size between a minimum of 24px and a maximum of 48px. */
  /* The preferred value is 8vw (8% of the viewport width). */
  font-size: clamp(24px, 6vw, 48px);
}
fieldset{width:100%;padding:0 20px 10px 20px;border:1px solid #a1a1a1;border-radius:10px;background-color:#f7f7f7;margin-top:10px;position:relative}
legend{color:#5c87c2;font-variant:small-caps;font-size:1.8rem;font-weight:700;padding:3px 10px 0 10px;width:auto;background-color:#fff}
li::marker {color: red; }