Files
pedwfrontend/styles/sass/welshgov/_application.scss
T

2942 lines
90 KiB
SCSS

@import "leaflet/dist/leaflet.css";
@import "leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.css";
// @import "leaflet-defaulticon-compatibility";
.swagger-ui .opblock-summary-description {
text-align: right;
padding-right: 5px;
}
html {
scroll-behavior: smooth;
}
*,
.govuk-body,
.govuk-body-xs,
.govuk-body-s,
.govuk-body-m,
.govuk-footer,
.govuk-heading-xl,
.govuk-heading-l,
.govuk-heading-m,
.govuk-heading-s,
.govuk-header-l,
.govuk-header-m,
.govuk-header__link,
.govuk-footer__link,
.govuk-link,
.govuk-button-group .govuk-link,
.govuk-button,
.govuk-label,
.govuk-select,
.govuk-radios__item,
.govuk-breadcrumbs__link,
.govuk-fieldset__legend--s,
.govuk-input,
.govuk-textarea,
.govuk-panel,
.govuk-panel__title,
.govuk-warning-text__text,
.govuk-hint,
.app-cookie-banner,
.govuk-error-message.govuk-form-group--error,
h1,
h2,
h3,
h4,
h5,
.app-step-nav__circle-background,
.govuk-warning-text__icon a {
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
.govuk-label-s {
font-size: 1rem;
}
.govuk-label-xs {
font-size: 0.875rem;
}
.govuk-select-s {
font-size: 1rem;
padding: 2px;
height: 1.8rem;
}
body {
margin: 0;
background-color: #ffffff;
}
.app-cookie-banner {
.consentBanner {
.govuk-button {
display: inline;
width: 28%;
margin-right: 45px;
}
&.hidden {
display: none;
}
}
.cookies-banner__link,
.cookies-banner__button {
display: block;
color: $blue;
background-color: inherit;
border: 2px solid $blue;
padding: 7px 14px;
margin-top: 10px;
font-size: 14px;
font-size: 0.875rem;
line-height: 18px;
line-height: 1.125rem;
font-weight: bold;
width: 100%;
text-align: center;
&:hover {
background-color: $blue;
color: #eeeeee;
}
}
@media screen and (min-width: 768px) {
.cookies-banner__link,
.cookies-banner__button {
display: inline-block;
width: auto;
margin-right: 10px;
margin-top: 0;
}
}
.cookies-banner__description {
color: $black;
font-size: 16px;
font-size: 1rem;
}
@media screen and (min-width: 768px) {
.cookies-banner__description {
font-size: 18px;
font-size: 1.125rem;
}
}
}
.skiplink {
position: absolute;
left: -9999em;
}
.skiplink:focus,
.skiplink:visited {
color: #0b0c0c;
}
.skiplink:focus {
left: 0;
z-index: 1;
}
#skiplink-container {
text-align: center;
background: #0b0c0c;
}
#skiplink-container div {
text-align: left;
margin: 0 auto;
max-width: 1020px;
}
#skiplink-container .skiplink {
display: -moz-inline-stack;
display: inline-block;
margin: 0.75em 0 0 30px;
}
a.longLinkBreak {
word-wrap: break-word;
}
.govuk-header {
background-color: $charcoal;
@media screen and (max-width: 900px) {
border-bottom: none;
}
.govuk-header__container {
border-bottom: none;
margin-bottom: initial;
padding-top: 20px;
}
&.phase_banner {
background-color: $yellow;
.govuk-header__container {
padding-top: 0;
}
.govuk-phase-banner {
padding-top: 12px;
padding-bottom: 12px;
border-bottom: none;
.govuk-tag {
font-family: Arial, Helvetica, sans-serif;
background-color: #1d70b8;
text-transform: uppercase;
color: #fff;
font-weight: 700;
letter-spacing: 1px;
padding: 5px 8px 4px;
}
.govuk-phase-banner__content {
line-height: 1.5;
}
.govuk-tag.govuk-phase-banner__content__tag {
line-height: 1.5;
}
.govuk-phase-banner__text {
line-height: 1.5;
}
}
}
}
.govuk-breadcrumbs__link:link,
.govuk-breadcrumbs__link:visited {
color: $blue;
font-weight: bold;
text-decoration: none;
font-size: 16px;
}
.govuk-breadcrumbs__link:focus {
color: $lightblue;
outline: solid 2px #ffd530;
background: no-repeat;
box-shadow: none;
}
.govuk-breadcrumbs__link:hover {
color: $lightblue;
}
.govuk-breadcrumbs__list-item {
font-weight: bold;
color: $darkgrey;
}
.govuk-breadcrumbs__list-item:before {
top: 0;
bottom: 0;
left: -3.31px;
width: 5px;
height: 5px;
border-width: 2px 2px 0 0;
border-color: $midgrey;
}
.govuk-breadcrumbs__list-item.backChevron {
.govuk-breadcrumbs__link {
margin-left: 15px
}
}
.govuk-breadcrumbs__list-item.backChevron::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -0.206875em;
width: 5px;
height: 5px;
margin: auto 0;
transform: rotate(45deg);
border: solid;
border-width: 0px 0px 2px 2px;
border-color: #999999;
}
.servicebanner {
display: flex;
justify-content: space-between;
border-bottom: 6px solid $lightgrey_semi;
padding: 20px 0;
h1 {
margin-bottom: 0px;
margin-top: 0px;
display: flex;
justify-content: space-between;
width: 104%;
img {
width: 99.9%;
}
.pedw_logo {
width: 120px;
padding-right: 10px;
}
@media screen and (max-width: 670px) {
flex-direction: column-reverse;
align-items: flex-start;
.pedw_logo {
margin-bottom: 20px;
}
}
}
.serviceBanner_userDetails {
display: flex;
justify-content: space-between;
width: auto;
align-items: center;
}
&.myportal {
display: flex;
justify-content: space-between;
@media screen and (max-width: 670px) {
flex-direction: column;
}
h1 {
img {
@media screen and (max-width: 670px) {
padding-bottom: 20px;
}
}
}
.serviceBanner_userDetails {
display: flex;
justify-content: space-between;
width: auto;
align-items: center;
.serviceBanner_userDetails_name {
padding-left: 8px;
padding-right: 20px;
color: $blue;
font-size: 16px;
font-weight: bold;
@media screen and (max-width: 414px) {
max-width: 41%;
}
@media screen and (max-width: 360px) {
max-width: 50%;
}
}
}
}
.govuk-header__link {
color: $blue;
font-weight: bold;
border: 1px solid $blue;
color: $blue;
font-size: 16px;
font-weight: bold;
padding: 10px 20px;
background-color: transparent;
&:hover {
background: $blue;
border: 1px solid $blue;
color: $white;
font-size: 16px;
padding: 10px 20px;
text-decoration: none;
}
&:focus {
box-shadow: none;
}
}
}
.govuk-width-container {
max-width: 1000px;
}
.wgForm {
background: $lightgrey_offwhite;
padding: 20px;
margin: 0 0 40px 0;
opacity: 1;
transition: opacity 500ms ease-in;
@media screen and (min-width: 1024px) {
padding: 40px;
width: 65%;
margin-left: 15px;
}
@media screen and (max-width: 900px) {}
@media (min-width: 40.0625em) {
// width: 100%;
// padding: 0 40px;
}
// #cookies-js form {
// background-color: $lightgrey_light;
// padding: 40px;
.govuk-radios__label:before {
border: 1px solid #666666;
background-color: $white;
}
.govuk-radios--small .govuk-radios__item {
margin-bottom: 20px;
padding-left: 0px !important;
}
.conditionalElement {
display: flex;
}
.conditionalText {
.govuk-radios__item.govuk-grid-column-full {
display: flex;
flex-direction: column;
}
.govuk-label {
padding-left: 0px;
}
}
.govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled)+.govuk-radios__label:before {
box-shadow: 0 0 0 5px $lightgrey;
}
.govuk-radios__item {
background-color: $lightgrey_semi;
flex-wrap: nowrap;
.govuk-radios__input:focus+.govuk-radios__label::before {
border-width: 1px;
box-shadow: 0 0 0 2px #ffdd00
}
&:hover {
background-color: $lightgrey;
}
label {
margin-top: 0px;
// background-color: $lightgrey_semi;
padding: 20px 20px 20px 50px;
width: 100%;
&:before {
top: 18px;
width: 24px;
height: 24px;
left: 18px;
}
&:after {
top: 22px;
left: 22px;
border-width: 8px;
}
&:hover {
background-color: $lightgrey;
}
}
}
}
#signin.wgForm {
@media screen and (min-width: 1024px) {
padding: 40px;
width: 100%;
margin-left: 0px;
}
}
#rep-form .wgForm {
margin-left: 0;
@media screen and (max-width: 900px) {
width: 100%;
}
width:75%
}
.newAppealForm {
background: $lightgrey_offwhite;
padding: 20px;
margin: 0 0 40px 0;
.govuk-radios__label:before {
border: 1px solid #666666;
background-color: $white;
}
.govuk-radios--small .govuk-radios__item {
margin-bottom: 20px;
padding-left: 0px !important;
}
.govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled)+.govuk-radios__label:before {
box-shadow: 0 0 0 5px $lightgrey;
}
.govuk-radios__item {
background-color: $lightgrey_semi;
flex-wrap: nowrap;
.govuk-radios__input:focus+.govuk-radios__label::before {
border-width: 1px;
box-shadow: 0 0 0 2px #ffdd00
}
&:hover {
background-color: $lightgrey;
}
label {
margin-top: 0px;
background-color: $lightgrey_semi;
padding: 20px 20px 20px 50px;
&:before {
top: 18px;
width: 24px;
height: 24px;
left: 18px;
}
&:after {
top: 22px;
left: 22px;
border-width: 8px;
}
&:hover {
background-color: $lightgrey;
}
}
}
}
.govuk-grid-row {
@media screen and (max-width: 900px) {
// margin-right: 0px;
// margin-left: 0px;
}
}
.govuk-input,
.govuk-select,
textarea,
.govuk-textarea,
.react-datepicker__input-container input {
border: 1px solid $darkgrey;
padding: 7px 15px;
}
.govuk-radios__label:before {
border: 1px solid $darkgrey;
background-color: $white;
}
.govuk-checkboxes__conditional--hidden {
display: none;
}
.govuk-button {
background-color: $red;
color: $white;
font-size: 20px;
font-weight: bold;
background-repeat: no-repeat;
background-position: right center;
padding: 15px 20px 15px 20px !important;
box-shadow: none;
&.govuk-button-cta {
border-radius: 30px;
background-color: $blue;
&:hover {
background-color: $lightblue;
}
}
&.withChevron {
background-image: url(/assets/images/arrow-right--white.svg);
padding: 15px 45px 15px 20px !important;
&:focus {
color: $black;
background-image: url(https://gov.wales/themes/custom/govwales/storage/smartsurvey/arrow-right--black.svg);
}
}
&:focus:not(:active):not(:hover) {
box-shadow: none;
}
&.govuk-button--secondary {
background-color: $white;
color: $red;
background-image: none;
padding-right: 20px !important;
border: 1px solid red;
&:hover {
background-color: $red;
color: $white;
}
}
&:hover {
background-color: $brightred;
}
&:active {
top: 0px;
}
&:focus {
background-color: #ffd530 !important;
border-color: transparent !important;
color: #1f1f1f !important;
outline: 2px solid #1f1f1f;
text-decoration: none !important;
-webkit-box-shadow: 0 0 0 2px #ffd530;
box-shadow: 0 0 0 2px #ffd530;
}
}
.govuk-select {
appearance: none;
margin-bottom: 20px;
background-image: url(/assets/images/select-down-arrow.svg);
background-size: 19px 12px;
background-repeat: no-repeat;
background-position: 98% 15px;
background-color: #fff;
padding: 7px 15px;
border: 1px solid #666666;
min-width: 15rem;
&:focus {
outline: 2px solid #ffdd00;
}
&:hover {
background-color: #e5e5e5;
cursor: pointer;
}
}
.sharebar {
background: #e5e5e5;
margin: 0;
padding: 15px;
clear: both;
}
.sharebar__components.container-fluid {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 20px;
@media screen and (max-width: 1024px) {
padding-left: 20px;
}
@media screen and (max-width: 376px) {
padding-left: 0px;
padding-right: 0px;
}
}
.btn--arrow-up a {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id=%22Layer_1%22 data-name=%22Layer 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%22159.5%22 height=%22102.4%22 viewBox=%220 0 159.5 102.4%22%3E%3Ctitle%3Eblack-arrow-up%3C/title%3E%3Cpath d=%22M159.5,79.8,79.8,0,0,79.8l22.6,22.6L79.7,45.3l57.1,57.1Z%22/%3E%3C/svg%3E");
background-size: 18px 13px;
background-position: 10px center;
background-repeat: no-repeat;
padding-left: 36px;
margin-top: 1px;
}
.btn--outlined a {
text-decoration: none;
color: #323232;
background: none;
padding: 12px;
font-size: 1em;
font-weight: bold;
display: inline-block;
border: 1px solid #999999;
line-height: 17px;
line-height: 1.0625rem;
&:focus {
background-color: #ffd530 !important;
border-color: transparent !important;
color: #1f1f1f !important;
outline: 2px solid #1f1f1f;
text-decoration: none !important;
-webkit-box-shadow: 0 0 0 2px #ffd530;
box-shadow: 0 0 0 2px #ffd530;
}
}
.languageSwitch {
margin-top: 10px;
text-align: right;
margin-right: 0px;
@media screen and (max-width: 900px) {
position: absolute;
top: 20px;
right: -10px;
}
a.govuk-header__link {
background-color: $black;
padding: 10px 20px;
font-weight: 700;
&:hover {
background-color: $midgrey;
color: $white;
text-decoration: none;
}
}
a.govuk-header__link:focus {
background-color: $black;
padding: 10px;
color: #fff;
box-shadow: none;
}
//nav drop down
.mobileNav {
display: none;
@media screen and (max-width: 900px) {
display: block;
position: relative;
clear: both;
margin-top: -10px;
margin-right: -10px;
.mobileMenu {
float: left;
position: relative;
}
.mobileMenu label {
background-color: black;
padding: 10px 30px;
cursor: pointer;
text-align: center;
display: block;
position: relative;
}
.mobileMenu label i {
font-style: normal;
font-size: 10px;
color: white;
position: absolute;
right: 18px;
top: 13px;
}
.mobileMenu [type="radio"] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
margin: 0;
z-index: 1;
}
.content {
position: absolute;
top: 100%;
opacity: 0;
background: #333;
color: white;
padding: 20px 10px;
width: 140px;
right: 0px;
}
.content ul {
margin: 0;
padding: 0;
list-style: none;
}
.content a {
color: white;
display: block;
white-space: nowrap;
text-decoration: none;
border-bottom: 1px solid #999;
padding: 5px;
padding: 20px 10px;
&.govuk-header__link {
background-color: inherit;
}
}
[type="radio"]:checked~label {
z-index: 2;
}
[type="radio"]:checked~label~.content {
z-index: 1;
opacity: 1;
}
.close-mobileMenu {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.close-mobileMenu label {
background: #333;
color: white;
}
[type="radio"]:checked~label~.close-mobileMenu {
z-index: 3;
}
}
}
.fullNav {
display: block;
@media screen and (max-width: 900px) {
display: none;
}
}
}
.header__logo {
float: left;
margin: 0;
padding: 0;
width: 140px;
//height: 34px;
// background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 34'%3E%3Cpath style='fill:none;' d='M0 0h140v34H0z' /%3E%3Cg%3E%3Cpath style='fill:%23fff;' d='M.5 12.9a1.5 1.5 0 0 1 .6-.7 3.9 3.9 0 0 1 1.6-.2A9.1 9.1 0 0 1 6 14a29.6 29.6 0 0 1 3.2 3l.7-1.4a42.1 42.1 0 0 0-6-4C2.5 11.2.7 11 .5 12.9zM1.9 10.6c1.6-.5 1.8.6 2.1.9l1.2.7c-1.6-3.7-3.3-1.6-3.3-1.6z'/%3E%3Cpath style='fill:%23fff;' d='M2.6 12.5c3.8 2.8.6 4.1.6 4.1a1.3 1.3 0 0 0 1.7-.4l.3-.6a1.7 1.7 0 0 0 .1-.5A40.2 40.2 0 0 1 9 19.9a11 11 0 0 1-.2-1.8c-1.2-1.4-1.5-1.9-2.3-2.7-2.2-2.7-4-3-4-3M18.4 12.2a7.1 7.1 0 0 1-.1-2 8.7 8.7 0 0 0 .5-1.5h.1l.6.4a8.4 8.4 0 0 1-.6-1.7v-.1a4.1 4.1 0 0 0-.9-1.8 4.6 4.6 0 0 1 .3 1.9c-.1 1.7-2.6 3.7-2 6.6a5.7 5.7 0 0 0 2 3 15.3 15.3 0 0 1-.9-3.2 4.1 4.1 0 0 1 .5-2.5h.2zM35.3.5a56.6 56.6 0 0 0-6.4 1.4c-2.1.7-5.2 2-6.6 3.8s-.2 4.6-.6 6.4-3.2 3.8-3.2 3.8 3.3-.9 4.4-3.5-.2-3.3 1.1-6.1S35.3.5 35.3.5z'/%3E%3Cpath style='fill:%23fff;' d='M35.4.7a7.8 7.8 0 0 0-4.8 4.6l1.6-.3s.1-2.2 3.2-4.3zM41 5.4a26.7 26.7 0 0 0-11.1.5c-5.5 1.7-4.8 4.5-4.9 6s-1.4 5.2-6.3 4.8a5.5 5.5 0 0 0 6-1c3.2-2.6 1-5.7 3.6-7.2S33 5.8 41 5.4z'/%3E%3Cpath style='fill:%23fff;' d='M27 13.5a6.2 6.2 0 0 1 3.5 1.8 5.2 5.2 0 0 0-3.8-1zM36.5 11s-5.2.1-5.3 4.6c-.2-.1-3-5 5.3-4.6zM40.6 5.7c-5.3 1.1-4.1 5.3-4.1 5.3-2.7-5.4 4.1-5.3 4.1-5.3zM25.9 19.6a6.1 6.1 0 0 1 5.2-4c-4.1-.8-5.1 1.2-5.2 2.7a36 36 0 0 0-6.3-.7 18.2 18.2 0 0 1 6.3 2zM4.2 30.8a3.6 3.6 0 0 1 1.8-.4 4.7 4.7 0 0 0 1.8-.4l-2.7-.5c-1 .1-.9 1.3-.9 1.3zM23.9 28a.8.8 0 0 1 .7-.9 4.6 4.6 0 0 1 2 .4l-1.3.3a2.6 2.6 0 0 0-1.4.2zM31.4 31.2a3.1 3.1 0 0 1 1.7-.3h1.4c-.4 0-1.2-.9-2.2-.7a.9.9 0 0 0-.9 1zM36.1 10.8c-6.4-1.5-8.4-.4-8.4-.4a2 2 0 0 0 .2-.6c.2-.3.2-.4.2-.5a19.1 19.1 0 0 1 8 1.5zM11.3 6.7a2.4 2.4 0 0 0-1.6-.8c-1.2 0-2.3 1.4-3.3 1.4a3.2 3.2 0 0 1-1.7-.4 2.4 2.4 0 0 0 1.7.9c1.4 0 2.4-1.3 3.3-1.3zM14.2 8.1a6.2 6.2 0 0 1 .1 2c-.1 2.2-4.3 5.2-4.3 8.7a5.1 5.1 0 0 0 1.6 3.4 8.5 8.5 0 0 1-.4-3.8c.4-2.6 3.7-5.6 3.6-8.1a3.5 3.5 0 0 0-.6-2.2z'/%3E%3Cpath style='fill:%23fff;' d='M12.1 22.1a4.8 4.8 0 0 1-.2-2.8c.3-.9 1.1-1.6 2.7-2 0 0-2.8 2.6-.7 4.8a9.8 9.8 0 0 0-2 2.9c-.6 1.3-1.8 4.2-2.2 4.8A5.4 5.4 0 0 1 7.1 32c-1.7.1-3.7.4-3.8 1.7a1.7 1.7 0 0 1-.3-1.2c.1-.9 1.5-1.9 3-1.8a3.2 3.2 0 0 0 3.6-2.1 60.4 60.4 0 0 1 2.5-6.5z'/%3E%3Cpath style='fill:%23fff;' d='M14.5 22.3s-2.3 6.9-6.3 9.6a10.3 10.3 0 0 1 3.2-.1c.7.3 1.5.8.8 2s1.4-.8 1.1-2-1.8-1-1.8-1-.4-.2-.2-.8 1.8-2.6 2-3l2.3-3.6a2.5 2.5 0 0 0 2.4-1.3c.9-1.8-1-3.4-1-3.4s.8 1.9-.1 2.8a3.1 3.1 0 0 1-2.4.8z'/%3E%3Cpath style='fill:%23fff;' d='M16.4 23.9l1.1-.4s.4.4 2 .4h.3a30.3 30.3 0 0 0 7.4-2.3l.4.6c-2.7.9-5.8 3.5-9.9 3l-1.9-.4zM28 27.2a3.8 3.8 0 0 1-2 1.7c-1.2 0-2.7.3-2.8 1.3a1 1 0 0 1-.2-.9c0-.6.9-1.4 2.2-1.3a2 2 0 0 0 2.3-1.7c.3-.9 0-2.6.4-3.7l.9.7v.3c-.5 1.2-.3 2.6-.8 3.6zM29.7 23.9l.7.4a4.7 4.7 0 0 0-.4 1.2l-.7 2.1c-.2.5.1.6.1.6s1.1.1 1.3.8-.8 1.5-.8 1.5-.1-1.3-.6-1.5a6.8 6.8 0 0 0-2.2.1c1.7-1.2 2.3-4.6 2.6-5.2z'/%3E%3Cpath style='fill:%23fff;' d='M36.3 30.9s.5 1 .2 1.3-1.8 0-3.4.2-2.4.3-2.5 1.5a1.6 1.6 0 0 1-.3-1.1 2.5 2.5 0 0 1 2.7-1.6h1.9c.4-.2-.6-2.2-.8-2.6-1.5-3-1.5-4-1.5-4.2s-4.2-.8-5.2-3.7c3.4 2.8 6 2.8 6 2.8a56.1 56.1 0 0 0 2.9 7.4zM37.3 15.2h1.2c1.8-3.9 5-7.9 5-10.3a4 4 0 0 0-1.1-2.6l-.2.6A10.6 10.6 0 0 0 40.7.4l2.7 1.3h-.5a4.1 4.1 0 0 1 1.2 3c.1 2.8-3 6-4.8 10.3 4 .5 6.7 3 6.7 5.6s-2.3 5.2-4.4 5.2a4.8 4.8 0 0 1-2.6-.7c-1-.5-2-1.7-2-4.1a10.8 10.8 0 0 1 .9-4.7l-2.7.3-1.1.3a4.2 4.2 0 0 1 2.1 2.7 7.2 7.2 0 0 1-.4 3.7 15.2 15.2 0 0 0 1.1 5.3l.6 1.5a1.7 1.7 0 0 0 .8.9s1.2.2 1.5.9a1 1 0 0 1-.3 1.4c.3-1.1-.7-1.3-1.3-1.3h-1a11.9 11.9 0 0 0-.6-2.3s-1-2.7-1.3-4a24.3 24.3 0 0 1-.7-3s2.8-4.8-3.5-6.8h.9l1.7-.5zm1.6 1.3a13.3 13.3 0 0 0-.8 5c.1 1.7 1.1 4 3.8 3.7a3.3 3.3 0 0 0 2.7-1.9 5.6 5.6 0 0 0 .5-2.1 4.2 4.2 0 0 0-1.6-3.2 6.9 6.9 0 0 0-4.6-1.5M11 4.3s-2.2-.7-3.6.4l.7 1.2a2.3 2.3 0 0 1 3.3.2l.3.5a3.8 3.8 0 0 1-3.6 1 2.5 2.5 0 0 0 2.3 1.1c1.6 0 3.2-1.7 3.7-1.1s-.2-2.3 2.7-3.2l.7.8a3.1 3.1 0 0 0 .9-2.5A3.2 3.2 0 0 0 16.9.1a3.7 3.7 0 0 1-.3 2.1 2.1 2.1 0 0 1-1.8 1.3l-1.3-.2c-.3-.1-2.4-.8-2.5 1zm2.4-.1s-.7 1.2-1.7.5 0-.7.6-.6.5.2 1.1.1zM60.1 6.9h1v6.5h2.5v.8h-3.4zM64.4 6.4h.9v7.9h-.9zM68.4 15.5c-.3.9-.6 1.3-1.3 1.3h-.6V16h.5c.3 0 .4-.1.6-.7l.2-.9-1.6-5.6h1l1.2 4.4 1.1-4.4h.9zM76 14.4h-1l-1.1-4.6-1.1 4.6h-1L70.4 9h1l1 4.5 1-4.5h1.1l1.1 4.5 1-4.5h.9zM80.1 8.9c1.4 0 2.2 1.1 2.2 2.8s-.7 2.8-2.2 2.8-2.1-1.1-2.1-2.8.7-2.8 2.1-2.8zm0 4.8c.9 0 1.2-.7 1.2-2.1s-.4-2.1-1.2-2.1-1.2.7-1.2 2.1.3 2.1 1.2 2.1zM87.2 13.4c0 .3.1.7.1 1h-.9v-.8a1.5 1.5 0 0 1-1.4.9c-1.1 0-1.9-.9-1.9-2.8s.7-2.8 1.9-2.8a1.7 1.7 0 0 1 1.4.8V6.4h.9zm-2.1-3.8q-1.2 0-1.2 2.1t1.2 2.1 1.2-2.1q0-2.1-1.2-2.1zM88.4 10.1c0-.4-.1-.8-.1-1.2h.9v.9a1.4 1.4 0 0 1 1.5-.9v.9h-.3c-.7 0-1.2.6-1.2 1.8v2.9h-.9zM91.7 9.3a2.6 2.6 0 0 1 1.5-.4 1.7 1.7 0 0 1 1.4.5 1.7 1.7 0 0 1 .5 1.3v2.8a2.7 2.7 0 0 0 .1.9h-.8v-.7a1.7 1.7 0 0 1-1.5.8 1.4 1.4 0 0 1-1.6-1.5c0-1.1.7-1.8 2.6-1.8h.5v-.3a2.4 2.4 0 0 0-.2-.9c-.2-.3-.5-.3-.9-.3a1.8 1.8 0 0 0-1.4.6zm2.6 2.4h-.6c-1.1 0-1.5.5-1.5 1.1s.3 1 .9 1a1.3 1.3 0 0 0 1.3-1.3v-.7zM97.1 11.9c0 1.3.5 1.9 1.5 1.9a2.1 2.1 0 0 0 1.2-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM103.5 14.3l-.7.2c-.8 0-1.3-.3-1.3-1.3V9.7h-.9V9h.9V7.8l.9-.3v1.4h1.1v.7h-1.1v3.2q0 .9.6.9l.5-.2zM104.2 6.4h.9v3.3a1.3 1.3 0 0 1 1.3-.8c1 0 1.6.5 1.6 1.8v3.8h-.9V11c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9zM116.4 14.3l-1.3.2c-2.3 0-3.4-1.8-3.4-3.8s1.3-3.8 3.3-3.8a2.9 2.9 0 0 1 1.4.3v.9a2.3 2.3 0 0 0-1.4-.4c-1.2 0-2.3 1-2.3 2.8s.7 3.2 2.4 3.2a1.8 1.8 0 0 0 1.3-.4zM119.3 15.5c-.3.9-.6 1.3-1.3 1.3h-.6V16h.5c.3 0 .4-.1.6-.7l.2-.9-1.7-5.5h1l1.2 4.4 1.1-4.4h.9zM121.8 10.1c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 2.6 0 1.5 1.5 0 0 1 1.3-.9c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9zM129.5 10.1c0-.4-.1-.8-.1-1.2h.9v.9a1.4 1.4 0 0 1 1.5-.9v.9h-.3c-.7 0-1.2.6-1.2 1.8v2.9h-.9zM136.4 13.2c0 .4.1.8.1 1.2h-.9v-.8a1.4 1.4 0 0 1-1.4.9c-1 0-1.6-.5-1.6-1.8V8.9h.9v3.6c0 .9.3 1.2.9 1.2s1.2-.5 1.2-1.5V8.9h.9v4.3zM59.4 19.7h1l1.2 5.9 1.3-5.9h1.2l1.3 5.9 1.3-5.9h.9l-1.7 7.4h-1.1l-1.4-6.3-1.4 6.3h-1.1zM68.9 24.6c0 1.3.5 1.9 1.5 1.9a2.8 2.8 0 0 0 1.3-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM73.1 19.1h.9V27h-.9zM75.2 26.1a2.2 2.2 0 0 0 1.3.4c.7 0 1.1-.4 1.1-.7s-.2-.6-.7-.9l-.6-.3c-.8-.4-1.1-.7-1.1-1.4a1.6 1.6 0 0 1 1.7-1.6h.1l1.2.2v.7H77c-.6 0-.9.3-.9.7s.3.7.9.9h.3c.7.3 1.1.7 1.1 1.4s-.5 1.7-1.8 1.7a3.3 3.3 0 0 1-1.5-.3zM79.3 19.1h.9v3.3a1.3 1.3 0 0 1 1.3-.8c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.5c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9zM92.1 26.7a4.8 4.8 0 0 1-1.9.4c-2.4 0-3.4-1.8-3.4-3.8s1.4-3.8 3.3-3.8l1.8.3v1a4 4 0 0 0-1.8-.5c-1.2 0-2.3 1-2.3 2.8s.8 3.2 2.4 3.2l1-.2v-2.2h-1.3v-.8h2.2zM95.6 21.6c1.4 0 2.2 1.1 2.2 2.8s-.7 2.8-2.2 2.8-2.2-1.1-2.2-2.8.7-2.8 2.2-2.8zm0 4.8c.9 0 1.3-.7 1.3-2.1s-.4-2.1-1.3-2.1-1.3.7-1.3 2.1.4 2 1.3 2zM98.2 21.6h1l1.2 4.5 1.2-4.5h1l-1.7 5.3h-1.1zM104 24.6c0 1.3.5 1.9 1.5 1.9a2.8 2.8 0 0 0 1.3-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM108.1 22.8c0-.4-.1-.8-.1-1.2h.9v.9a1.4 1.4 0 0 1 1.5-.9v.9h-.3c-.7 0-1.2.6-1.2 1.8V27h-.9zM111.2 22.8c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 1.4-.9c1 0 1.6.5 1.6 1.8V27h-.9v-3.4c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9zM116.4 22.8c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 2.6 0 1.5 1.5 0 0 1 1.3-.9c1 0 1.6.5 1.6 1.8V27h-.9v-3.6c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9zM124.7 24.6c0 1.3.5 1.9 1.5 1.9a2.8 2.8 0 0 0 1.3-.4v.8a3.6 3.6 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8 1.9 1 1.9 2.6v.5zm2.3-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM128.8 22.8c0-.4-.1-.8-.1-1.2h.9v.8a1.4 1.4 0 0 1 1.4-.9c1 0 1.6.5 1.6 1.8V27h-.9v-3.4c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9v-4.4zM136.4 26.9l-.7.2c-.9 0-1.3-.3-1.3-1.3v-3.4h-.9v-.7h.9v-1.1l.9-.3v1.4h1.1v.7h-1.2v3.2q0 .9.6.9l.6-.2v.7zM52 0h1v33.88h-1z'/%3E%3C/g%3E%3C/svg%3E);
// background-repeat: no-repeat;
// background-size: 140px 34px;
color: #fff;
text-decoration: underline;
border: none;
}
.govuk-header__logo {
width: 22% !important;
a.govuk-header__link {
&:hover {
text-decoration: none;
border: none;
margin-bottom: 0px;
}
&:focus {
background-color: $yellow;
color: $black;
}
}
}
// nav {
// // margin-top: 60px;
// // margin-bottom: 40px;
// }
.govuk-footer {
background-color: $lightgrey_light;
padding-top: 0px;
padding: 70px 0 0 0;
border: none;
.govuk-footer__inline-list {
a {
font-size: 1rem;
color: $black;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}
#footer_links {
border-top: solid 2px #ddd;
padding-top: 15px;
}
}
#footer_logo {
margin-top: 80px;
margin-bottom: 40px;
}
#footer_logo a {
color: #323232;
font-weight: normal;
margin: 0;
width: 140px;
height: 34px;
overflow: hidden;
display: inline-block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='137.3' height='34.2' viewBox='0 0 137.3 34.2'%3E%3Cpath d='M0 13a1.49 1.49 0 0 1 .6-.7 3.9 3.9 0 0 1 1.6-.2 9.2 9.2 0 0 1 3.4 2 29.84 29.84 0 0 1 3.2 3.1c.2-.5.7-1.4.7-1.4a42.46 42.46 0 0 0-6.1-4C2 11.3.2 11.1 0 13zM1.4 10.7c1.6-.5 1.8.6 2.1.9l1.2.7c-1.6-3.7-3.3-1.6-3.3-1.6z'/%3E%3Cpath d='M2.1 12.6c3.8 2.8.6 4.1.6 4.1a1.36 1.36 0 0 0 1.7-.4l.3-.6a1.75 1.75 0 0 0 .1-.5 40.57 40.57 0 0 1 3.8 4.9 11.15 11.15 0 0 1-.2-1.8c-1.2-1.4-1.5-1.9-2.3-2.7-2.2-2.7-4-3-4-3M18.1 12.3a7.17 7.17 0 0 1-.1-2 8.8 8.8 0 0 0 .5-1.5l.1.1.6.4a8.51 8.51 0 0 1-.6-1.7c0-.1 0-.1-.1-.2a4.13 4.13 0 0 0-.8-1.8 4.62 4.62 0 0 1 .3 1.9c-.1 1.7-2.6 3.7-2 6.7a5.73 5.73 0 0 0 2 3 15.49 15.49 0 0 1-.9-3.2 4.13 4.13 0 0 1 .5-2.5l.2.1z'/%3E%3Cpath d='M35.1.5a57.16 57.16 0 0 0-6.5 1.4c-2.1.7-5.3 2-6.7 3.8s-.2 4.6-.6 6.5-3.2 3.8-3.2 3.8 3.3-.9 4.4-3.5c.9-1.9-.2-3.3 1.1-6.2S35.1.5 35.1.5z'/%3E%3Cpath d='M35.2.7a7.9 7.9 0 0 0-4.8 4.6L32 5s.1-2.2 3.2-4.3zM40.9 5.5a27 27 0 0 0-11.2.5c-5.6 1.7-4.8 4.5-4.9 6.1s-1.4 5.2-6.4 4.8a5.59 5.59 0 0 0 6.1-1c3.2-2.6 1-5.8 3.6-7.3s4.7-2.7 12.8-3.1z'/%3E%3Cpath d='M26.8 13.6a6.3 6.3 0 0 1 3.5 1.8 5.26 5.26 0 0 0-3.8-1 4.42 4.42 0 0 1 .3-.8zM36.3 11.1s-5.3.1-5.4 4.6c-.1-.1-2.9-5 5.4-4.6zM40.5 5.8c-5.4 1.1-4.2 5.3-4.2 5.3-2.7-5.4 4.2-5.3 4.2-5.3zM25.6 19.8a6.16 6.16 0 0 1 5.3-4c-4.1-.8-5.1 1.2-5.3 2.7a36.39 36.39 0 0 0-6.4-.7 18.4 18.4 0 0 1 6.4 2zM3.7 31.1a3.64 3.64 0 0 1 1.9-.4 4.76 4.76 0 0 0 1.8-.4 13.09 13.09 0 0 0-2.7-.5c-1.1.1-1 1.3-1 1.3zM23.6 28.3a.79.79 0 0 1 .7-.9 4.64 4.64 0 0 1 2 .4 6.3 6.3 0 0 1-1.3.3 2.66 2.66 0 0 0-1.4.2zM31.2 31.5a3.08 3.08 0 0 1 1.7-.3 6.09 6.09 0 0 0 1.4 0c-.4 0-1.2-.9-2.2-.7a.87.87 0 0 0-.9 1zM35.9 10.9c-6.5-1.5-8.5-.4-8.5-.4a2 2 0 0 0 .2-.6c.2-.3.2-.4.2-.5a19.26 19.26 0 0 1 8.1 1.5zM10.9 6.8A2.44 2.44 0 0 0 9.3 6C8.1 6 7 7.4 6 7.4A3.25 3.25 0 0 1 4.3 7a2.43 2.43 0 0 0 1.7.9c1.4 0 2.4-1.3 3.3-1.3a5.53 5.53 0 0 1 1.6.2zM13.8 8.2a6.26 6.26 0 0 1 .1 2c-.1 2.2-4.3 5.2-4.3 8.8a5.18 5.18 0 0 0 1.6 3.4 8.61 8.61 0 0 1-.4-3.8c.4-2.6 3.7-5.7 3.6-8.2a3.51 3.51 0 0 0-.6-2.2z'/%3E%3Cpath d='M11.7 22.3a4.85 4.85 0 0 1-.2-2.8c.3-.9 1.1-1.6 2.7-2 0 0-2.8 2.6-.7 4.8a9.87 9.87 0 0 0-2 2.9c-.6 1.3-1.8 4.2-2.2 4.8a5.42 5.42 0 0 1-2.6 2.2c-1.7.1-3.7.4-3.8 1.7a1.75 1.75 0 0 1-.3-1.2c.1-.9 1.5-1.9 3-1.8a3.21 3.21 0 0 0 3.6-2.1 61 61 0 0 1 2.5-6.5z'/%3E%3Cpath d='M14.1 22.5s-2.3 7-6.4 9.7a10.41 10.41 0 0 1 3.2-.1c.7.3 1.5.8.8 2 0 0 1.4-.8 1.1-2-.3-1-1.8-1-1.8-1s-.4-.2-.2-.8 1.8-2.6 2-3 2.2-3.4 2.3-3.6a2.49 2.49 0 0 0 2.6-1.4c.9-1.8-1-3.4-1-3.4s.8 1.9-.1 2.8a3.17 3.17 0 0 1-2.5.8z'/%3E%3Cpath d='M16.1 24.1a3.74 3.74 0 0 0 1.1-.4s.4.4 2 .4h.3a30.62 30.62 0 0 0 7.5-2.3l.4.6c-2.7.9-5.9 3.5-10 3-.3-.1-1.7-.3-1.9-.4.1-.1.6-.9.6-.9zM27.8 27.5a3.86 3.86 0 0 1-2 1.7c-1.2 0-2.7.3-2.8 1.3a1 1 0 0 1-.2-.9c0-.6.9-1.4 2.2-1.3a2.05 2.05 0 0 0 2.3-1.7c.3-.9 0-2.6.4-3.7 0 0 .6.5.9.7l-.1.3c-.4 1.1-.2 2.5-.7 3.6zM29.5 24.1a7.23 7.23 0 0 0 .7.4 4.77 4.77 0 0 0-.4 1.2c-.1.3-.5 1.6-.7 2.1s.1.6.1.6 1.1.1 1.3.8c.3.9-.8 1.5-.8 1.5.5-.9-.1-1.3-.6-1.5a6.88 6.88 0 0 0-2.2.1c1.7-1.1 2.3-4.6 2.6-5.2z'/%3E%3Cpath d='M36.1 31.2s.5 1 .2 1.3c-1.1.1-1.8 0-3.4.2-1.4.2-2.4.3-2.5 1.5a1.59 1.59 0 0 1-.3-1.1c.1-.8 1.3-1.7 2.7-1.6a6.37 6.37 0 0 0 1.9-.1c.4-.2-.6-2.2-.8-2.6-1.5-3-1.5-4-1.5-4.2 0 0-4.2-.8-5.3-3.7 3.4 2.8 6.1 2.8 6.1 2.8a56.66 56.66 0 0 0 2.9 7.5zM37.2 15.3h1.2c1.8-3.9 5-8 5-10.4a4.08 4.08 0 0 0-1.1-2.6l-.2.6A10.67 10.67 0 0 0 40.6.4a19.5 19.5 0 0 1 2.7 1.3l-.5.1a4.13 4.13 0 0 1 1.2 3c.1 2.8-3 6.1-4.8 10.4 4 .5 6.8 3 6.8 5.7 0 3.8-2.3 5.2-4.4 5.2a4.84 4.84 0 0 1-2.6-.7c-1-.5-2-1.7-2-4.1a10.91 10.91 0 0 1 .9-4.7q-1.5.15-2.7.3l-1.1.3a4.21 4.21 0 0 1 2.1 2.7 7.22 7.22 0 0 1-.4 3.7 15.31 15.31 0 0 0 1.1 5.4l.6 1.5a1.67 1.67 0 0 0 .8.9s1.2.2 1.5.9a1.06 1.06 0 0 1-.3 1.4c.3-1.1-.7-1.3-1.3-1.3h-.1a6.73 6.73 0 0 0-1-.1 12 12 0 0 0-.6-2.3s-1-2.7-1.3-4a24.55 24.55 0 0 1-.7-3s2.8-4.8-3.5-6.9a1.86 1.86 0 0 1 .8 0 10.43 10.43 0 0 1 1.7-.5c.9-.1 2.2-.2 3.7-.3zm1.6 1.3a13.47 13.47 0 0 0-.8 5c.1 1.7 1.1 4 3.8 3.7a3.31 3.31 0 0 0 2.7-1.9 5.63 5.63 0 0 0 .5-2.1 4.28 4.28 0 0 0-1.6-3.2 7 7 0 0 0-4.6-1.5M10.6 4.3s-2.2-.7-3.6.4l.7 1.2a2.33 2.33 0 0 1 3.6.7 3.83 3.83 0 0 1-3.6 1.1A2.56 2.56 0 0 0 10 8.8c1.6 0 3.2-1.7 3.7-1.1 0 0-.2-2.3 2.7-3.2a3 3 0 0 1 .7.8 3.16 3.16 0 0 0 .9-2.5A3.25 3.25 0 0 0 16.6.1a3.73 3.73 0 0 1-.3 2.1 2.12 2.12 0 0 1-1.8 1.3 4.76 4.76 0 0 1-1.3-.2c-.4-.1-2.5-.8-2.6 1zm2.4-.1s-.7 1.2-1.7.5c0 0 0-.7.6-.6s.5.2 1.1.1zM60.2 7h1v6.6h2.5v.8h-3.4L60.2 7zM64.5 6.5h.9v8h-.9zM68.5 15.6c-.3.9-.6 1.3-1.3 1.3a1.27 1.27 0 0 1-.6-.1l.1-.8a.9.9 0 0 0 .5.1c.3 0 .4-.1.6-.7l.2-.9-1.7-5.6h1l1.2 4.4 1.1-4.4h.9zM76.2 14.5h-1l-1.1-4.6-1.1 4.6h-1l-1.4-5.4h1l1 4.5 1-4.5h1.1l1.1 4.5 1-4.5h.9zM80.4 9c1.4 0 2.2 1.1 2.2 2.8s-.7 2.8-2.2 2.8-2.2-1.1-2.2-2.8.7-2.8 2.2-2.8zm0 4.8c.9 0 1.2-.7 1.2-2.1s-.4-2.1-1.2-2.1-1.2.7-1.2 2.1.3 2.1 1.2 2.1zM87.5 13.5c0 .3.1.7.1 1h-.9l-.1-.8a1.5 1.5 0 0 1-1.4.9c-1.1 0-1.9-.9-1.9-2.8S84 9 85.2 9a1.72 1.72 0 0 1 1.4.8V6.5h.9zm-2.1-3.8q-1.2 0-1.2 2.1t1.2 2.1q1.2 0 1.2-2.1t-1.2-2.1zM88.7 10.2c0-.4-.1-.8-.1-1.2h.9l.1.9a1.46 1.46 0 0 1 1.5-.9v.9c-.1 0-.2-.1-.3-.1-.7 0-1.2.6-1.2 1.8v2.9h-.9zM92.1 9.4a2.6 2.6 0 0 1 1.5-.4 1.68 1.68 0 0 1 1.4.5 1.76 1.76 0 0 1 .5 1.3v2.8a2.77 2.77 0 0 0 .1.9h-.8l-.1-.7a1.73 1.73 0 0 1-1.5.8 1.37 1.37 0 0 1-1.5-1.5c0-1.1.7-1.8 2.6-1.8h.5V11a2.39 2.39 0 0 0-.2-.9c-.2-.3-.5-.3-.9-.3a1.82 1.82 0 0 0-1.4.6zm2.6 2.4h-.6c-1.1 0-1.5.5-1.5 1.1s.3 1 .9 1a1.29 1.29 0 0 0 1.3-1.4v-.7zM97.5 12c0 1.3.5 1.9 1.5 1.9a2.14 2.14 0 0 0 1.2-.4l.1.8a3.65 3.65 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8S97.3 9 98.7 9c1.2 0 1.9 1 1.9 2.6v.5l-3.1-.1zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM104 14.4a1.85 1.85 0 0 1-.7.2c-.8 0-1.3-.3-1.3-1.3V9.8h-.9v-.7h.9V7.9l.9-.3V9h1.1v.7h-1.1v3.2q0 .9.6.9a.76.76 0 0 0 .5-.2v.8zM104.7 6.5h.9v3.3a1.34 1.34 0 0 1 1.3-.8c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.5c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9l.1-8.2zM117 14.4a3 3 0 0 1-1.3.2c-2.3 0-3.4-1.8-3.4-3.8 0-2.3 1.3-3.8 3.3-3.8a2.9 2.9 0 0 1 1.4.3v.9a2.3 2.3 0 0 0-1.4-.4c-1.2 0-2.3 1-2.3 2.8s.7 3.2 2.4 3.2a1.84 1.84 0 0 0 1.3-.4zM119.9 15.6c-.3.9-.6 1.3-1.3 1.3a1.27 1.27 0 0 1-.6-.1l.1-.8a.9.9 0 0 0 .5.1c.3 0 .4-.1.6-.7l.2-.9-1.7-5.6h1l1.2 4.4 1.1-4.4h.9zM122.5 10.2c0-.4-.1-.8-.1-1.2h.9l.1.8a1.39 1.39 0 0 1 2.6 0 1.54 1.54 0 0 1 1.3-.9c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9l.1-4.5zM130.2 10.2c0-.4-.1-.8-.1-1.2h.9l.1.9a1.46 1.46 0 0 1 1.5-.9v.9c-.1 0-.2-.1-.3-.1-.7 0-1.2.6-1.2 1.8v2.9h-.9zM137.2 13.3c0 .4.1.8.1 1.2h-.9l-.1-.8a1.42 1.42 0 0 1-1.4.9c-1 0-1.6-.5-1.6-1.8V9h.9v3.6c0 .9.3 1.2.9 1.2s1.2-.5 1.2-1.5V9h.9v4.3zM59.5 19.9h1l1.2 6 1.3-6h1.2l1.3 6 1.3-6h.9L66 27.4h-1.1L63.5 21l-1.4 6.4H61zM69.1 24.8c0 1.3.5 1.9 1.5 1.9a2.84 2.84 0 0 0 1.3-.4l.1.8a3.65 3.65 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8c1.2 0 1.9 1 1.9 2.6v.5l-3.2-.1zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM73.3 19.3h.9v8h-.9zM75.4 26.3a2.2 2.2 0 0 0 1.3.4c.7 0 1.1-.4 1.1-.7s-.2-.6-.7-.9l-.6-.3c-.8-.4-1.1-.7-1.1-1.4a1.64 1.64 0 0 1 1.8-1.6 4.3 4.3 0 0 1 1.2.2l-.1.7c-.3 0-.7-.1-1.1-.1-.6 0-.9.3-.9.7s.3.7.9.9l.3.1c.7.3 1.1.7 1.1 1.4 0 1-.5 1.7-1.8 1.7a3.34 3.34 0 0 1-1.5-.3zM79.6 19.3h.9v3.3a1.34 1.34 0 0 1 1.3-.8c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.5c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9l.1-8.2zM92.5 27a4.88 4.88 0 0 1-1.9.4c-2.4 0-3.4-1.8-3.4-3.8 0-2.3 1.4-3.8 3.3-3.8a5.66 5.66 0 0 1 1.8.3v1a4.07 4.07 0 0 0-1.8-.5c-1.2 0-2.3 1-2.3 2.8s.8 3.2 2.4 3.2a3.55 3.55 0 0 0 1-.2v-2.3h-1.3v-.8h2.2V27zM96 21.8c1.4 0 2.2 1.1 2.2 2.8s-.7 2.8-2.2 2.8-2.2-1.1-2.2-2.8.7-2.8 2.2-2.8zm0 4.8c.9 0 1.3-.7 1.3-2.1s-.4-2.1-1.3-2.1-1.3.7-1.3 2.1.4 2.1 1.3 2.1zM98.6 21.8h1l1.2 4.5 1.2-4.5h1l-1.7 5.4h-1.1zM104.5 24.8c0 1.3.5 1.9 1.5 1.9a2.84 2.84 0 0 0 1.3-.4l.1.8a3.65 3.65 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8c1.2 0 1.9 1 1.9 2.6v.5l-3.2-.1zm2.2-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM108.6 23c0-.4-.1-.8-.1-1.2h.9l.1.9a1.46 1.46 0 0 1 1.5-.9v.9c-.1 0-.2-.1-.3-.1-.7 0-1.2.6-1.2 1.8v2.9h-.9zM111.8 23c0-.4-.1-.8-.1-1.2h.9l.1.8a1.42 1.42 0 0 1 1.4-.9c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.5c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9V23zM117 23c0-.4-.1-.8-.1-1.2h.9l.1.8a1.39 1.39 0 0 1 2.6 0 1.54 1.54 0 0 1 1.3-.9c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9v-3.7c0-.7-.3-1-.9-1s-1 .4-1 1.4v3.4h-.9l.1-4.5zM125.4 24.8c0 1.3.5 1.9 1.5 1.9a2.84 2.84 0 0 0 1.3-.4l.1.8a3.65 3.65 0 0 1-1.5.3c-1.4 0-2.2-1.1-2.2-2.8s.7-2.8 2.1-2.8c1.2 0 1.9 1 1.9 2.6v.5l-3.2-.1zm2.3-.6c0-1.1-.4-1.7-1.1-1.7s-1.1.4-1.1 1.7zM129.5 23c0-.4-.1-.8-.1-1.2h.9l.1.8a1.42 1.42 0 0 1 1.4-.9c1 0 1.6.5 1.6 1.8v3.8h-.9v-3.5c0-.9-.3-1.2-.9-1.2s-1.2.5-1.2 1.5v3.3h-.9V23zM137.2 27.2a1.85 1.85 0 0 1-.7.2c-.9 0-1.3-.3-1.3-1.3v-3.5h-.9v-.7h.9v-1.1l.9-.3v1.4h1.1v.7H136v3.2q0 .9.6.9a1.42 1.42 0 0 0 .6-.2v.7z'/%3E%3Cpath style='fill:none;stroke:%23000;' d='M52.5 0v34.2'/%3E%3C/svg%3E");
background-size: 140px 34px;
background-repeat: no-repeat;
background-position: 0 0;
}
#footer_logo a:hover {
text-decoration: none;
color: #1f1f1f;
}
#footer_logo a span {
display: block;
padding: 10px 0;
}
#footer_logo a span:hover {
text-decoration: underline;
}
#footer_logo a span b {
font-weight: bold;
}
.no-svg #footer_logo a {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAAiCAYAAACN1jGgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA7VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6RkI3RjExNzQwNzIwNjgxMTgwODNFQjgzQzYyQkQ3QzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEM4MkVEQzI3Mjg2MTFFNjhBMkRFOEZEMEEyMUZFMzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEM4MkVEQzE3Mjg2MTFFNjhBMkRFOEZEMEEyMUZFMzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENkI3QTlCRjE3RTcxMUU1QTQ2RUUwNDdGRDJGMUFF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");
}
.visually-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
word-wrap: normal;
}
// .at-nav-container{
// @media screen and (min-width: 480px) {
// position: fixed;
// }
// }
.at-nav {
border-top: 5px solid #1d70b8;
padding-top: 25px;
.progress-heading {
display: flex;
}
.progress-case-reference {
margin-left: 10px;
}
}
.at-nav ul.govuk-list.js-hidden {
display: none;
}
.at-nav__section-title {
width: 84%;
}
.at-nav h4 {
font-weight: 300;
font-size: 19px;
}
// .at-nav h3 {
// }
// .at-nav__chapter {
// }
.at-nav__section {
cursor: pointer;
}
.at-nav__controls {
position: relative;
text-align: right;
top: 20px;
}
.at-nav__page .govuk-list,
.accordion__panel .govuk-list {
margin-left: 20px;
}
.at-nav__page .govuk-list>li {
font-size: 16px;
font-weight: 300;
font-stretch: normal;
font-style: normal;
line-height: 1.25;
letter-spacing: normal;
}
.at-nav__page .govuk-list>li b:before {
border-left: 4px solid #1d70b8;
position: relative;
right: 10px;
content: " ";
margin-left: -6px;
}
.at-nav h4 {
border-bottom: 1px solid $lightgrey_semi;
padding-bottom: 20px;
}
.at-nav .currentSection h2 {
border: none;
padding-bottom: 10px;
margin-bottom: 0px;
}
.at-nav {
.sectionCompleteTick {
display: inline-block;
width: 16px;
height: 16px;
background: $darkgrey;
border-radius: 50%;
-ms-transform: rotate(45deg);
/* IE 9 */
-webkit-transform: rotate(45deg);
/* Chrome, Safari, Opera */
transform: rotate(45deg);
margin-left: -20px;
margin-right: 5px;
}
.sectionCompleteTick:before {
content: "";
position: absolute;
width: 3px;
height: 9px;
background-color: #fff;
left: 8px;
top: 3px;
}
.sectionCompleteTick:after {
content: "";
position: absolute;
width: 3px;
height: 3px;
background-color: #fff;
left: 5px;
top: 9px;
}
.app-step-nav__step {
position: relative;
padding-left: 45px;
list-style: none;
}
*,
.govuk-body,
.govuk-body-xs,
.govuk-body-s,
.govuk-body-m,
.govuk-footer,
.govuk-heading-xl,
.govuk-heading-l,
.govuk-heading-m,
.govuk-heading-s,
.govuk-header-l,
.govuk-header-m,
.govuk-header__link,
.govuk-footer__link,
.govuk-link,
.govuk-button,
.govuk-label,
.govuk-select,
.govuk-radios__item,
.govuk-breadcrumbs__link,
.govuk-fieldset__legend--s,
.govuk-input,
.govuk-textarea,
.govuk-panel,
.govuk-panel__title,
.govuk-warning-text__text,
.govuk-hint,
.app-cookie-banner,
.govuk-error-message.govuk-form-group--error,
h1,
h2,
h3,
h4,
h5,
a {
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
user agent stylesheet li {
display: list-item;
text-align: -webkit-match-parent;
}
user agent stylesheet ol {
list-style-type: decimal;
}
.app-step-nav__step--active:last-child:before,
.app-step-nav__step--active .app-step-nav__circle--number,
.app-step-nav__step--active:after,
.app-step-nav__step--active .app-step-nav__help:after {
border-color: $lightgrey !important;
}
.app-step-nav__circle--number {
border-color: $lightgrey !important;
}
.app-step-nav__circle-background {
color: $lightgrey;
}
.sectionComplete {
.app-step-nav__circle {
background-color: $lightgrey;
}
.app-step-nav__circle-background {
color: $white;
text-shadow: none;
}
}
}
.form-inline-label {
.inlineFieldset {
display: flex;
@media screen and (max-width: 900px) {
display: block;
}
}
legend {
align-self: flex-end;
margin-right: 20px;
}
.inlineFieldset .govuk-date-input__item:last-of-type {
margin-right: 0px;
position: relative;
top: -2px;
label.govuk-label.govuk-checkboxes__label.no__right_padding {
padding-right: 0px;
}
}
}
// .results .govuk-summary-list__row:nth-child(even) {
// background: #f3f2f1;
// }
.annex {
.govuk-summary-list__value {
width: 33.333333%;
@media screen and (max-width: 900px) {
width: 100%;
}
}
}
.govuk-summary-list__key,
.govuk-summary-list__value,
.govuk-summary-list__actions {
padding: 15px 10px 15px 0;
width: 100%;
max-width: 560px;
a,
a:active,
a:visited {
color: $blue;
font-weight: bold;
text-decoration: none;
&:hover {
color: $lightblue;
text-decoration: none;
}
}
a:focus {
border: $yellow solid 3px;
outline: 3px solid transparent;
}
@media screen and (min-width: 768px) {
border-bottom: 1px solid $lightgrey_semi;
}
}
.govuk-summary-list-check-ellipsis {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
/* number of lines to show */
line-clamp: 5;
-webkit-box-orient: vertical;
}
.govuk-summary-list__value {
.multiline-elipsis {
-webkit-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 10;
line-clamp: 10;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
}
.progress-save {
// padding: 10px 15px !important;
// font-size: 16px;
// float: right;
// border-color: $midgrey !important;
// color: $midgrey !important;
background: $midgrey;
color: $white;
font-size: 20px;
font-weight: bold;
padding: 15px 45px 15px 20px;
margin-bottom: 15px;
&:hover {
// background-color: $midgrey !important;
// color: $white !important;
background: $charcoal;
color: $white;
font-size: 20px;
font-weight: bold;
padding: 15px 45px 15px 20px;
margin-bottom: 15px;
}
}
.progress-save-active {
padding: 0px 10px 15px !important;
font-size: 16px;
float: right;
color: $midgrey !important;
}
.results .govuk-summary-list__row {
@media screen and (max-width: 900px) {
padding: 20px 10px;
}
}
.results .govuk-summary-list__key {
&:last-of-type {
width: 30%;
&.govuk-summary-list__action {
width: 10%;
@media screen and (max-width: 768px) {
width: 100%;
}
}
}
button {
border: none;
background: none;
padding-left: 0;
color: $blue;
&.sortDesc:after {
width: 0;
height: 0;
border-style: solid;
border-width: 12px 5px 0 5px;
border-color: $blue transparent transparent transparent;
content: "";
top: 16px;
position: relative;
left: 10px;
}
&.sortAsc:after {
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 12px 5px;
border-color: transparent transparent $blue transparent;
content: "";
top: -16px;
position: relative;
left: 10px;
}
&:focus {
// border: none;
// box-shadow: none;
box-shadow: none;
border: #ffd530 solid 3px
}
}
}
.results_wider {
width: 170px !important;
}
.results-visually-hidden {
display: none;
@media screen and (max-width: 900px) {
display: block;
font-weight: bold;
}
}
.results-headings {
@media screen and (max-width: 900px) {
display: none;
}
}
// .case .govuk-grid-column-full .govuk-summary-list__key {
// width: 100%;
// }
.docResults {
@media screen and (min-width: 768px) {
padding-left: 20px
}
}
.documentList {
.govuk-summary-list__key:first-of-type {
width: 40%;
}
.govuk-summary-list__key:last-of-type {
width: 18%;
}
.govuk-summary-list__value {
position: relative;
@media screen and (min-width: 768px) {
&:last-of-type {
text-align: right;
}
}
}
.coverLoadingLink {
&.downloading {
background-color: transparent;
position: absolute;
/* display: block; */
width: 100%;
z-index: 200;
top: 0px;
left: 0px;
height: 100%;
opacity: 50%;
content: " ";
display: block;
}
.data-loading-icon {
left: calc(100% - 40px);
height: 20px;
top: calc(50% - 10px);
}
}
}
.appealModule {
width: 94%;
min-height: 20vh;
.appealCTA {
text-align: center;
}
}
.govuk-summary-list__key {
width: 30%;
}
.card,
.newAppealForm,
.wgForm {
animation: fadeIn .5s ease-in;
animation: fadeIn .5s;
-webkit-animation: fadeIn .5s;
-moz-animation: fadeIn .5s;
-o-animation: fadeIn .5s;
-ms-animation: fadeIn .5s;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.card-body {
.govuk-summary-list__key {
width: 45%;
}
}
.react-datepicker__input-container input {
font-weight: 400;
font-size: 16px;
font-size: 1rem;
line-height: 1.25;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 40px;
height: 2.5rem;
margin-top: 0;
padding: 10px 15px;
border: 1px solid $darkgrey !important;
border-radius: 0;
-webkit-appearance: none;
appearance: none;
font-size: 19px;
border: 2px solid;
font-size: 1.1875rem;
line-height: 1.3157894737;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::after,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::after {
left: -20px !important;
}
//sharebar
.btn--arrow-up a {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id=%22Layer_1%22 data-name=%22Layer 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%22159.5%22 height=%22102.4%22 viewBox=%220 0 159.5 102.4%22%3E%3Ctitle%3Eblack-arrow-up%3C/title%3E%3Cpath d=%22M159.5,79.8,79.8,0,0,79.8l22.6,22.6L79.7,45.3l57.1,57.1Z%22/%3E%3C/svg%3E");
background-size: 18px 13px;
background-position: 10px center;
background-repeat: no-repeat;
padding-left: 36px;
margin-top: 1px;
}
.btn--arrow-hero a:hover {
color: #fff !important;
}
ul#sharePageLinks {
display: none;
}
ul#sharePageLinks.active {
display: block;
border: none;
}
.block-share button,
.block-share h2 {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
padding: 12px 12px 12px 36px;
margin: 0;
color: #323232;
font-size: 16px;
font-size: 1rem;
line-height: 17px;
line-height: 1.0625rem;
letter-spacing: -0.0208333333rem;
font-weight: bold;
float: left;
z-index: 2;
position: relative;
background-color: inherit;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id=%22Layer_1%22 data-name=%22Layer 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2217.9%22 height=%2220%22 viewBox=%220 0 17.9 20%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eshare%3C/title%3E%3Cpath class=%22cls-1%22 d=%22M15.4,14.1a3,3,0,0,0-2,.8L6.2,10.7a1.7,1.7,0,0,0,.1-.7,1.7,1.7,0,0,0-.1-.7l7.1-4.1a3,3,0,0,0,5-2.2,3,3,0,0,0-6,0,1.7,1.7,0,0,0,.1.7l-7,4.1a2.79,2.79,0,0,0-2-.8,3,3,0,1,0,0,6,2.79,2.79,0,0,0,2-.8l7.1,4.2c0,.2-.1.4-.1.7a2.9,2.9,0,0,0,5.8,0,2.84,2.84,0,0,0-2.68-3Z%22 transform=%22translate%28-0.4 0%29%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 10px 10px;
background-size: 20px 20px;
&:focus {
background-color: #ffd530 !important;
border-color: transparent !important;
color: #1f1f1f !important;
outline: 2px solid #1f1f1f;
text-decoration: none !important;
-webkit-box-shadow: 0 0 0 2px #ffd530;
box-shadow: 0 0 0 2px #ffd530;
}
}
.vo_hidden,
.page-node-type-global-keyword-search .main__body-content #block-govwales-content .components__form form .form-item label,
.header__components .components__form form .form-item label {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
width: 1px;
position: absolute;
}
.block-share {
position: relative;
float: left;
margin-right: 20px;
border: 1px solid #999999;
}
@media screen and (min-width: 480px) {
.main__sharebar>div {
margin-bottom: 0;
}
}
.block-share.active {
border: 1px solid #999999;
background-color: #cccccc;
@media screen and (max-width: 376px) {
margin-right: 0px;
margin-bottom: 20px;
}
}
.block-share ul {
margin: 0;
padding: 0;
float: left;
z-index: 1;
position: relative;
}
.block-share ul li {
display: inline-block;
margin: 10px 15px;
padding: 0;
}
.block-share ul li a {
font-size: 16px;
font-size: 1rem;
line-height: 20px;
line-height: 1.25rem;
display: block;
padding-top: 2px;
padding-left: 25px;
height: 24px;
color: $blue;
}
.block-share ul li a {
font-size: 16px;
font-size: 1rem;
line-height: 20px;
line-height: 1.25rem;
display: block;
padding-top: 2px;
padding-left: 25px;
height: 24px;
background-color: inherit;
color: $blue;
font-weight: bold;
text-decoration: none;
}
@media (min-width: 480px) {
.block-share ul li a {
background-size: 20px 20px;
background-position: 0 2px;
}
}
.block-share ul li a,
.block-share-top ul li a,
.page-header__block-share__list ul li a,
.page-header__block-share ul li a {
background-size: 20px 20px;
background-position: 0 6px;
height: 22px;
display: block;
@media (max-width: 376px) {
background-position: 0 2px;
}
}
.block-share ul li a:hover,
.block-share-top ul li a:hover,
.page-header__block-share__list ul li a:hover,
.page-header__block-share ul li a:hover {
background-size: 20px 20px;
background-position: 0 6px;
@media (max-width: 376px) {
background-position: 0 2px;
}
}
@media all and (min-width: 480px) {
.block-share ul li a,
.block-share-top ul li a,
.page-header__block-share__list ul li a,
.page-header__block-share ul li a {
background-size: 20px 20px;
background-position: 0 2px;
}
.block-share ul li a:hover,
.block-share-top ul li a:hover,
.page-header__block-share__list ul li a:hover,
.page-header__block-share ul li a:hover {
background-size: 20px 20px;
background-position: 0px 2px;
}
}
.block-share ul li a:focus,
.block-share-top ul li a:focus,
.page-header__block-share__list ul li a:focus,
.page-header__block-share ul li a:focus {
-webkit-box-shadow: 0 0 #ffd530, 0 2px #1f1f1f;
box-shadow: 0 0 #ffd530, 0 2px #1f1f1f;
}
.block-share ul li a.twitter,
.block-share-top ul li a.twitter,
.page-header__block-share__list ul li a.twitter,
.page-header__block-share ul li a.twitter {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cpath d=%22M0,0V20H20V0ZM16,6.9v.4a8.79,8.79,0,0,1-8.7,8.8,9,9,0,0,1-4.8-1.4h.7A6.46,6.46,0,0,0,7,13.4a3.13,3.13,0,0,1-2.9-2.1c.2,0,.4.1.6.1a2.2,2.2,0,0,0,.8-.1A3.1,3.1,0,0,1,3,8.3H3a4,4,0,0,0,1.5.3,3.05,3.05,0,0,1-1-4.1A8.86,8.86,0,0,0,9.9,7.7,3,3,0,0,1,12.2,4a3.06,3.06,0,0,1,2.9.9,5,5,0,0,0,2-.8,2.91,2.91,0,0,1-1.4,1.7,6.07,6.07,0,0,0,1.8-.5A4.63,4.63,0,0,1,16,6.9Z%22 style=%22fill:%230360a6%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.block-share ul li a.twitter:hover,
.block-share-top ul li a.twitter:hover,
.page-header__block-share__list ul li a.twitter:hover,
.page-header__block-share ul li a.twitter:hover {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cpath d=%22M0,0V20H20V0ZM16,6.9v.4a8.79,8.79,0,0,1-8.7,8.8,9,9,0,0,1-4.8-1.4h.7A6.46,6.46,0,0,0,7,13.4a3.13,3.13,0,0,1-2.9-2.1c.2,0,.4.1.6.1a2.2,2.2,0,0,0,.8-.1A3.1,3.1,0,0,1,3,8.3H3a4,4,0,0,0,1.5.3,3.05,3.05,0,0,1-1-4.1A8.86,8.86,0,0,0,9.9,7.7,3,3,0,0,1,12.2,4a3.06,3.06,0,0,1,2.9.9,5,5,0,0,0,2-.8,2.91,2.91,0,0,1-1.4,1.7,6.07,6.07,0,0,0,1.8-.5A4.63,4.63,0,0,1,16,6.9Z%22 style=%22fill:%233b7dc5%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.block-share ul li a.twitter:focus,
.block-share-top ul li a.twitter:focus,
.page-header__block-share__list ul li a.twitter:focus,
.page-header__block-share ul li a.twitter:focus {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cpath d=%22M0,0V20H20V0ZM16,6.9v.4a8.79,8.79,0,0,1-8.7,8.8,9,9,0,0,1-4.8-1.4h.7A6.46,6.46,0,0,0,7,13.4a3.13,3.13,0,0,1-2.9-2.1c.2,0,.4.1.6.1a2.2,2.2,0,0,0,.8-.1A3.1,3.1,0,0,1,3,8.3H3a4,4,0,0,0,1.5.3,3.05,3.05,0,0,1-1-4.1A8.86,8.86,0,0,0,9.9,7.7,3,3,0,0,1,12.2,4a3.06,3.06,0,0,1,2.9.9,5,5,0,0,0,2-.8,2.91,2.91,0,0,1-1.4,1.7,6.07,6.07,0,0,0,1.8-.5A4.63,4.63,0,0,1,16,6.9Z%22 style=%22fill:%23111%22/%3E%3C/svg%3E ");
background-repeat: no-repeat;
}
.block-share ul li a.facebook,
.block-share-top ul li a.facebook,
.page-header__block-share__list ul li a.facebook,
.page-header__block-share ul li a.facebook {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Efacebook%3C/title%3E%3Cpath d=%22M0,0V20H20V0ZM15.6,5.1a.27.27,0,0,1-.3.3H14c-.9,0-1.1.3-1.1,1V7.9h2.3a.27.27,0,0,1,.3.3h0v2.5a.27.27,0,0,1-.3.3H12.9v6.2a.27.27,0,0,1-.3.3H10a.27.27,0,0,1-.3-.3V11h-2a.27.27,0,0,1-.3-.3h0V8.2a.27.27,0,0,1,.3-.3h2V6.2a3.45,3.45,0,0,1,3.1-3.7h2.4a.27.27,0,0,1,.3.3h0Z%22 style=%22fill:%230360a6%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.block-share ul li a.facebook:hover,
.block-share-top ul li a.facebook:hover,
.page-header__block-share__list ul li a.facebook:hover,
.page-header__block-share ul li a.facebook:hover {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Efacebook_on%3C/title%3E%3Cpath d=%22M0,0V20H20V0ZM15.6,5.1a.27.27,0,0,1-.3.3H14c-.9,0-1.1.3-1.1,1V7.9h2.3a.27.27,0,0,1,.3.3h0v2.5a.27.27,0,0,1-.3.3H12.9v6.2a.27.27,0,0,1-.3.3H10a.27.27,0,0,1-.3-.3V11h-2a.27.27,0,0,1-.3-.3h0V8.2a.27.27,0,0,1,.3-.3h2V6.2a3.45,3.45,0,0,1,3.1-3.7h2.4a.27.27,0,0,1,.3.3h0Z%22 style=%22fill:%233b7dc5%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.block-share ul li a.facebook:focus,
.block-share-top ul li a.facebook:focus,
.page-header__block-share__list ul li a.facebook:focus,
.page-header__block-share ul li a.facebook:focus {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Efacebook%3C/title%3E%3Cpath d=%22M0,0V20H20V0ZM15.6,5.1a.27.27,0,0,1-.3.3H14c-.9,0-1.1.3-1.1,1V7.9h2.3a.27.27,0,0,1,.3.3h0v2.5a.27.27,0,0,1-.3.3H12.9v6.2a.27.27,0,0,1-.3.3H10a.27.27,0,0,1-.3-.3V11h-2a.27.27,0,0,1-.3-.3h0V8.2a.27.27,0,0,1,.3-.3h2V6.2a3.45,3.45,0,0,1,3.1-3.7h2.4a.27.27,0,0,1,.3.3h0Z%22 style=%22fill:%23111%22/%3E%3C/svg%3E ");
background-repeat: no-repeat;
}
.block-share ul li a.email,
.block-share-top ul li a.email,
.page-header__block-share__list ul li a.email,
.page-header__block-share ul li a.email {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eat%3C/title%3E%3Cpath d=%22M9.6,8.2a1.61,1.61,0,0,0-1.3.6,2.11,2.11,0,0,0-.5,1.3,1.75,1.75,0,0,0,.4,1.2,1.46,1.46,0,0,0,1.3.7,1.38,1.38,0,0,0,1.1-.6,2.39,2.39,0,0,0,.5-1.4,2,2,0,0,0-.6-1.5A2.39,2.39,0,0,0,9.6,8.2Z%22 style=%22fill:%230360a6%22/%3E%3Cpath d=%22M0,0V20H20V0ZM15.4,12.5l-.4.7H11.5l-.2-.6a2.73,2.73,0,0,1-1.9.8h0a2.66,2.66,0,0,1-2.2-1.1A3.46,3.46,0,0,1,7.2,8,2.87,2.87,0,0,1,9.4,7a3.55,3.55,0,0,1,1,.2c.2.1.5.2.6.4V6.8h1.5v5.3h1.6a5.75,5.75,0,0,0,.5-2.6,4,4,0,0,0-1.3-3A4.44,4.44,0,0,0,9.9,5.2,4.76,4.76,0,0,0,6.5,6.6,5.55,5.55,0,0,0,5.3,9.9a4.84,4.84,0,0,0,1.3,3.4A4.48,4.48,0,0,0,10,14.8h.2V16H10a5.62,5.62,0,0,1-4.4-1.9A6.26,6.26,0,0,1,4,9.9,5.91,5.91,0,0,1,9.9,4H10a6.56,6.56,0,0,1,4.4,1.7A5.46,5.46,0,0,1,16,9.5,8,8,0,0,1,15.4,12.5Z%22 style=%22fill:%230360a6%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.block-share ul li a.email:hover,
.block-share-top ul li a.email:hover,
.page-header__block-share__list ul li a.email:hover,
.page-header__block-share ul li a.email:hover {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eat_on%3C/title%3E%3Cpath d=%22M9.6,8.2a1.61,1.61,0,0,0-1.3.6,2.11,2.11,0,0,0-.5,1.3,1.75,1.75,0,0,0,.4,1.2,1.46,1.46,0,0,0,1.3.7,1.38,1.38,0,0,0,1.1-.6,2.39,2.39,0,0,0,.5-1.4,2,2,0,0,0-.6-1.5A2.39,2.39,0,0,0,9.6,8.2Z%22 style=%22fill:%233b7dc5%22/%3E%3Cpath d=%22M0,0V20H20V0ZM15.4,12.5l-.4.7H11.5l-.2-.6a2.73,2.73,0,0,1-1.9.8h0a2.66,2.66,0,0,1-2.2-1.1A3.46,3.46,0,0,1,7.2,8,2.87,2.87,0,0,1,9.4,7a3.55,3.55,0,0,1,1,.2c.2.1.5.2.6.4V6.8h1.5v5.3h1.6a5.75,5.75,0,0,0,.5-2.6,4,4,0,0,0-1.3-3A4.44,4.44,0,0,0,9.9,5.2,4.76,4.76,0,0,0,6.5,6.6,5.55,5.55,0,0,0,5.3,9.9a4.84,4.84,0,0,0,1.3,3.4A4.48,4.48,0,0,0,10,14.8h.2V16H10a5.62,5.62,0,0,1-4.4-1.9A6.26,6.26,0,0,1,4,9.9,5.91,5.91,0,0,1,9.9,4H10a6.56,6.56,0,0,1,4.4,1.7A5.46,5.46,0,0,1,16,9.5,8,8,0,0,1,15.4,12.5Z%22 style=%22fill:%233b7dc5%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.block-share ul li a.email:focus,
.block-share-top ul li a.email:focus,
.page-header__block-share__list ul li a.email:focus,
.page-header__block-share ul li a.email:focus {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Eat%3C/title%3E%3Cpath d=%22M9.6,8.2a1.61,1.61,0,0,0-1.3.6,2.11,2.11,0,0,0-.5,1.3,1.75,1.75,0,0,0,.4,1.2,1.46,1.46,0,0,0,1.3.7,1.38,1.38,0,0,0,1.1-.6,2.39,2.39,0,0,0,.5-1.4,2,2,0,0,0-.6-1.5A2.39,2.39,0,0,0,9.6,8.2Z%22 style=%22fill:%23111%22/%3E%3Cpath d=%22M0,0V20H20V0ZM15.4,12.5l-.4.7H11.5l-.2-.6a2.73,2.73,0,0,1-1.9.8h0a2.66,2.66,0,0,1-2.2-1.1A3.46,3.46,0,0,1,7.2,8,2.87,2.87,0,0,1,9.4,7a3.55,3.55,0,0,1,1,.2c.2.1.5.2.6.4V6.8h1.5v5.3h1.6a5.75,5.75,0,0,0,.5-2.6,4,4,0,0,0-1.3-3A4.44,4.44,0,0,0,9.9,5.2,4.76,4.76,0,0,0,6.5,6.6,5.55,5.55,0,0,0,5.3,9.9a4.84,4.84,0,0,0,1.3,3.4A4.48,4.48,0,0,0,10,14.8h.2V16H10a5.62,5.62,0,0,1-4.4-1.9A6.26,6.26,0,0,1,4,9.9,5.91,5.91,0,0,1,9.9,4H10a6.56,6.56,0,0,1,4.4,1.7A5.46,5.46,0,0,1,16,9.5,8,8,0,0,1,15.4,12.5Z%22 style=%22fill:%23111%22/%3E%3C/svg%3E ");
background-repeat: no-repeat;
}
.block-share ul li a.link,
.block-share-top ul li a.link,
.page-header__block-share__list ul li a.link,
.page-header__block-share ul li a.link {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id=%22Layer_1%22 data-name=%22Layer 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2217.9%22 height=%2220%22 viewBox=%220 0 17.9 20%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%233b7dc5;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eshare%3C/title%3E%3Cpath class=%22cls-1%22 d=%22M15.4,14.1a3,3,0,0,0-2,.8L6.2,10.7a1.7,1.7,0,0,0,.1-.7,1.7,1.7,0,0,0-.1-.7l7.1-4.1a3,3,0,0,0,5-2.2,3,3,0,0,0-6,0,1.7,1.7,0,0,0,.1.7l-7,4.1a2.79,2.79,0,0,0-2-.8,3,3,0,1,0,0,6,2.79,2.79,0,0,0,2-.8l7.1,4.2c0,.2-.1.4-.1.7a2.9,2.9,0,0,0,5.8,0,2.84,2.84,0,0,0-2.68-3Z%22 transform=%22translate%28-0.4 0%29%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.block-share ul li a.link:hover,
.block-share-top ul li a.link:hover,
.page-header__block-share__list ul li a.link:hover,
.page-header__block-share ul li a.link:hover {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id=%22Layer_1%22 data-name=%22Layer 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2217.9%22 height=%2220%22 viewBox=%220 0 17.9 20%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23111;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eshare%3C/title%3E%3Cpath class=%22cls-1%22 d=%22M15.4,14.1a3,3,0,0,0-2,.8L6.2,10.7a1.7,1.7,0,0,0,.1-.7,1.7,1.7,0,0,0-.1-.7l7.1-4.1a3,3,0,0,0,5-2.2,3,3,0,0,0-6,0,1.7,1.7,0,0,0,.1.7l-7,4.1a2.79,2.79,0,0,0-2-.8,3,3,0,1,0,0,6,2.79,2.79,0,0,0,2-.8l7.1,4.2c0,.2-.1.4-.1.7a2.9,2.9,0,0,0,5.8,0,2.84,2.84,0,0,0-2.68-3Z%22 transform=%22translate%28-0.4 0%29%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.block-share ul li a.link:focus,
.block-share-top ul li a.link:focus,
.page-header__block-share__list ul li a.link:focus,
.page-header__block-share ul li a.link:focus {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id=%22Layer_1%22 data-name=%22Layer 1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%2217.9%22 height=%2220%22 viewBox=%220 0 17.9 20%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23111;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eshare%3C/title%3E%3Cpath class=%22cls-1%22 d=%22M15.4,14.1a3,3,0,0,0-2,.8L6.2,10.7a1.7,1.7,0,0,0,.1-.7,1.7,1.7,0,0,0-.1-.7l7.1-4.1a3,3,0,0,0,5-2.2,3,3,0,0,0-6,0,1.7,1.7,0,0,0,.1.7l-7,4.1a2.79,2.79,0,0,0-2-.8,3,3,0,1,0,0,6,2.79,2.79,0,0,0,2-.8l7.1,4.2c0,.2-.1.4-.1.7a2.9,2.9,0,0,0,5.8,0,2.84,2.84,0,0,0-2.68-3Z%22 transform=%22translate%28-0.4 0%29%22/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
//dropzone
.dropzone {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
border-width: 2px;
border-radius: 2px;
border-color: #eeeeee;
border-style: dashed;
background-color: #fafafa;
color: #bdbdbd;
outline: none;
transition: border 0.24s ease-in-out;
}
// dns
.govuk-panel--header {
background-color: #8b272d;
padding: 15px;
color: #fff;
text-align: left;
margin-bottom: 0px;
.govuk-panel__title {
font-size: 36px;
}
p {
color: #fff;
}
}
.govuk-panel--latest {
background-color: #000;
color: #fff;
padding: 15px;
text-align: left;
margin-bottom: 0px;
.govuk-panel__title {
font-size: 24px;
}
.govuk-heading-m {
color: #fff;
}
.govuk-panel__body {
font-size: initial;
}
.govuk-list li a {
color: #fff;
}
}
.govuk-panel--dns-links {
background-color: #fff;
}
.govuk-panel--open-for-comments {
background-color: #8b272d;
color: #fff;
padding: 15px;
text-align: left;
margin-bottom: 0px;
.govuk-panel__title {
font-size: 24px;
}
.govuk-heading-m {
color: #fff;
}
.govuk-panel__body {
font-size: initial;
}
.govuk-list li a {
color: #fff;
}
}
.map-responsive {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
&.halfWidth {
padding-bottom: 100%;
}
}
.map-responsive iframe {
left: 0;
top: 0;
height: 100%;
width: 100%;
position: absolute;
}
//dns application view
.govuk-warning-text__icon {
margin-top: 5px;
}
.govuk-timeline-list__row {
position: relative;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid $lightgrey_semi;
border-top: none;
&:first-of-type {
border-top: 1px solid $lightgrey_semi;
}
&:nth-child(odd) {
background: #f3f2f1;
}
.govuk-timeline-text__text {
position: relative;
font-weight: normal;
padding-left: 45px;
}
.govuk-warning-text__icon {
margin-left: 10px;
border-color: grey;
background-color: white;
color: grey;
font-weight: bold;
font-size: 16px;
min-height: 25px;
min-width: 25px;
line-height: 21px;
}
.dateRight {
text-align: right;
}
}
// dns docs filter accordion
.accordion {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px;
font-size: 16px;
}
.accordion__item+.accordion__item {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.accordion__button {
background-color: #f4f4f4;
color: #444;
cursor: pointer;
padding: 18px;
// width: 100%;
text-align: left;
border: none;
}
.accordion__button:hover {
background-color: #ddd;
}
.accordion__button:before {
display: inline-block;
content: "";
height: 10px;
width: 10px;
margin-right: 12px;
border-bottom: 2px solid currentColor;
border-right: 2px solid currentColor;
transform: rotate(-45deg);
}
.accordion__button[aria-expanded="true"]::before,
.accordion__button[aria-selected="true"]::before {
transform: rotate(45deg);
}
[hidden] {
display: none;
}
.accordion__panel {
padding: 20px 10px;
animation: fadein 0.35s ease-in;
.accordion__button {
background-color: #f4f4f43d;
}
}
/* -------------------------------------------------- */
/* ---------------- Animation part ------------------ */
/* -------------------------------------------------- */
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
//dns document list
.documents__list {
.documents__list__item {
border-bottom: 1px solid $lightgrey_semi;
padding: 20px 10px;
&:hover {
background-color: #e3e3e3;
}
}
.document__list__item__link {
font-weight: bold;
margin-right: 10px;
padding-bottom: 20px;
display: inline-block;
}
.document__list__meta {
display: flex;
justify-content: space-between;
font-size: 0.875rem;
color: #333;
}
}
// dns autocomplete search
.react-autosuggest {
.govuk-button {
@media screen and (min-width: 768px) {
margin-left: 10px;
}
}
}
.react-autosuggest__container {
position: relative;
width: 100%;
margin-bottom: 20px;
@media screen and (min-width: 768px) {
width: 50%;
margin-bottom: 0px;
}
}
.react-autosuggest__input {
width: 100%;
height: 36px;
padding: 10px;
border: 1px solid lightgray;
border-radius: 4px;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
font-size: 0.875rem;
}
.react-autosuggest__input--focused {
outline: none;
}
.react-autosuggest__input--open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.react-autosuggest__suggestions-container {
display: none;
}
.react-autosuggest__suggestions-container--open {
display: block;
position: absolute;
top: 40px;
width: auto;
min-width: 160px;
margin-left: 1px;
background-color: #ffffff;
border-radius: 0 0 5px 5px;
z-index: 20;
-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
background-clip: padding-box;
border: 1px solid black;
border-top: none;
font-size: 0.875rem;
max-height: 400px;
overflow-y: scroll;
}
.react-autosuggest__suggestions-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.react-autosuggest__suggestion {
cursor: pointer;
padding: 10px 20px;
color: #333;
border-bottom: 1px solid #c3c3c3;
}
.react-autosuggest__suggestion--highlighted {
background-color: #c3c3c3;
}
/// loading spinner
._loading_overlay_wrapper {
&._loading_overlay_wrapper--active {
min-height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99;
}
}
.paragraph--type--call-out-message {
border-left-color: $blue;
background-color: $lightgrey_light;
&.call-out-type-positive-alert-message {
background: #cdf7d4;
border-left: 10px solid #019e1e;
}
}
#cookies-js form {
background-color: $lightgrey_light;
padding: 40px;
.govuk-radios__label:before {
border: 1px solid #666666;
background-color: $white;
}
.govuk-radios--small .govuk-radios__item {
margin-bottom: 20px;
padding-left: 0px !important;
}
.govuk-radios--small .govuk-radios__item:hover .govuk-radios__input:not(:disabled)+.govuk-radios__label:before {
box-shadow: 0 0 0 5px $lightgrey;
}
.govuk-radios__item {
background-color: $lightgrey_semi;
&:hover {
background-color: $lightgrey;
}
label {
margin-top: 0px;
background-color: $lightgrey_semi;
padding: 20px 20px 20px 50px;
&:before {
top: 18px;
width: 24px;
height: 24px;
left: 18px;
}
&:after {
top: 22px;
left: 22px;
border-width: 8px;
}
&:hover {
background-color: $lightgrey;
}
}
}
}
.paginationWrapper {
@media screen and (max-width: 768px) {
display: flex;
}
.paginationPrevious {
text-align: left;
.leftTextButton {
font-weight: bold;
font-size: 20px;
// &:before {
// content: "";
// background-image: url(/assets/images/arrow-left--black.svg);
// padding: 0 0 0 20px;
// background-repeat: no-repeat;
// background-position: left center;
// }
&.activePaginationItem {
color: #b80d0d;
background-color: transparent;
border: none;
cursor: pointer;
// &:before {
// content: "";
// background-image: url(/assets/images/arrow-left--active.svg);
// }
&:focus {
background-color: #ffd530 !important;
border-color: transparent !important;
color: #1f1f1f !important;
outline: 2px solid #1f1f1f;
text-decoration: none !important;
box-shadow: none;
}
}
@media screen and (max-width: 768px) {
&.activePaginationItem {
color: $white;
&:before {
content: "";
background-image: url(/assets/images/arrow-left--white.svg);
}
}
background-color: $black;
color: #ffffff;
font-size: 20px;
font-weight: bold;
padding: 15px 20px 15px 20px !important;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
width: max-content;
&:link {
color: $white;
}
}
}
}
.paginationContainer {
text-align: center;
font-size: 20px;
.activePaginationItem {
color: #b80d0d;
border: none;
background: none;
cursor: pointer;
&:focus {
background-color: #ffd530 !important;
border-color: transparent !important;
color: #1f1f1f !important;
outline: 2px solid #1f1f1f;
text-decoration: none !important;
box-shadow: none;
}
}
@media screen and (max-width: 768px) {
display: none;
}
}
.paginationNext {
text-align: right;
.rightTextButton {
font-weight: bold;
font-size: 20px;
// &:after {
// content: "";
// background-image: url(/assets/images/arrow-right--black.svg);
// padding: 0 0 0 20px;
// background-repeat: no-repeat;
// background-position: 5px;
// }
&.activePaginationItem {
color: #b80d0d;
background-color: transparent;
border: none;
cursor: pointer;
&:after {
content: "";
background-image: url(/assets/images/arrow-right--active.svg);
}
&:focus {
background-color: #ffd530 !important;
border-color: transparent !important;
color: #1f1f1f !important;
outline: 2px solid #1f1f1f;
text-decoration: none !important;
box-shadow: none;
}
}
@media screen and (max-width: 768px) {
&.activePaginationItem {
color: #ffffff;
&:after {
content: "";
background-image: url(/assets/images/arrow-right--white.svg);
}
}
background-color: $black;
color: #ffffff;
font-size: 20px;
font-weight: bold;
padding: 15px 15px 15px 20px !important;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin-left: 20px;
width: max-content;
&:link {
color: $white;
}
}
}
}
}
.mobilePageCount {
margin-top: 40px;
margin-bottom: 20px;
@media screen and (min-width: 768px) {
display: none;
}
}
.govuk-summary-list__actionLink {
border: 1px solid $red;
padding: 5px;
height: 20px;
padding-top: 0px;
padding-bottom: 0px;
border-radius: 5px;
width: auto;
color: white !important;
font-weight: bold;
background-color: $red;
font-size: 15px;
cursor: pointer;
text-decoration: none;
&:active {
top: 2px;
}
&:hover {
background-color: $lightred;
color: $white;
}
&:focus {
border-color: #ffdd00;
outline: 3px solid transparent;
-webkit-box-shadow: inset 0 0 0 1px #ffdd00;
box-shadow: inset 0 0 0 1px #ffdd00;
}
&:focus:not(:active):not(:hover) {
border-color: #ffdd00;
color: #0b0c0c;
background-color: #ffdd00;
-webkit-box-shadow: 0 2px 0 #0b0c0c;
box-shadow: 0 0px 0 #0b0c0c;
& .eye:before {
background-color: #ffdd00;
border: solid 1px #ffdd00;
}
}
&.watched_link {
color: $black !important;
background-color: $white;
width: 24px;
display: block;
.eye {
background-color: #aa1111;
}
.eye:before {
background: #fff;
}
}
&.watchLink {
width: 24px;
display: block;
}
.eye {
/* margin: 90px; */
width: 13px;
height: 13px;
/* border: solid 1px #000; */
border-radius: 75% 15%;
position: relative;
transform: rotate(45deg);
display: block;
top: 0.5px;
background-color: white;
}
.eye:before {
content: '';
display: block;
position: absolute;
width: 5px;
height: 5px;
border: solid 1px #aa1111;
border-radius: 50%;
left: 3px;
top: 3px;
background-color: #aa1111;
}
}
// modal timeout
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1060;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
top: 30%;
@media screen and (min-width: 768px) {
top: 35%;
}
}
fade {
transition: opacity 0.15s linear;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-dialog {
position: relative;
width: 80%;
margin: auto 1rem;
pointer-events: none;
z-index: 1050;
@media screen and (min-width: 768px) {
width: auto;
}
}
@media (min-width: 576px) {
.modal-dialog {
max-width: 500px;
margin: 0 auto;
}
}
.modal.fade.show {
display: block;
}
.modal.show .modal-dialog {
transform: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
padding: 20px;
align-items: flex-end;
}
.modal-footer {
display: flex;
flex-wrap: wrap;
flex-shrink: 0;
align-items: center;
justify-content: flex-end;
padding: 0.75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.data-loading-icon {
position: relative;
top: 10px;
left: 10px;
}
// record selection
.documentFilters {
@media screen and (min-width: 768px) {
display: flex;
justify-content: space-between;
}
}
#recordDocumentTypeSelect {
text-align: left;
@media screen and (min-width: 768px) {
text-align: right;
}
select {
margin-right: 10px;
margin-left: 10px;
background-position: 98% 15px;
}
}
#recordCountSelect {
text-align: left;
@media screen and (min-width: 768px) {
text-align: right;
}
select {
margin-right: 10px;
margin-left: 10px;
width: 70px;
background-position: 90% 15px;
}
}
//fileupload
.fileThumb {
display: flex;
flex-direction: row;
align-items: center;
.govuk-summary-list__actionLink.watched_link {
width: 10px;
}
}
//notice banner
.noticebanner {
background: $lightgrey_offwhite;
border-left: 10px solid $blue;
color: $black;
display: flex;
font-size: 18px;
padding: 20px 20px 30px 5px;
margin-top: 20px;
.govuk-warning-text__icon {
@media screen and (min-width: 768px) {
margin-top: 0px;
}
}
.govuk-warning-text__text {
padding-left: 20px;
padding-right: 10px;
color: $black;
font-weight: normal;
font-size: 18px;
&:before {
background-image: url(/assets/images/information.svg);
content: " ";
position: relative;
border: 0px solid red;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0, 0;
height: 100%;
width: 30px;
display: block;
float: left;
left: -14px;
top: -40%;
}
}
.hideNotice span {
font-size: 14px;
color: $blue;
font-weight: bold;
cursor: pointer;
text-decoration: none;
margin-right: 18px;
a {
text-decoration: underline;
color: $black;
padding-right: 10px;
}
&:hover {
color: $lightblue;
}
&:after {
content: "\00d7";
font-size: 28px;
position: relative;
top: 6px;
left: 6px
}
}
}
.govuk-link.watchCase {
background-color: transparent;
border: none;
cursor: pointer;
&:focus {
background-color: #ffd530 !important;
border-color: transparent !important;
color: #1f1f1f !important;
outline: 2px solid #1f1f1f;
text-decoration: none !important;
box-shadow: none;
}
}
.fieldArrayLink {
border: none;
background: no-repeat;
font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
font-size: 18px;
}
.fieldArrayContainer {
display: flex;
.govuk-form-group {
margin-right: 20px;
margin-bottom: 0px;
legend {
margin-bottom: 5px;
}
}
.fieldArrayDelete {
border-radius: 10px;
padding: 5px !important;
height: 30px;
margin-top: 32px;
padding-top: 4px !important;
}
}
.textloading:after {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
-webkit-animation: ellipsis steps(4, end) 900ms infinite;
animation: ellipsis steps(4, end) 900ms infinite;
content: "\2026";
/* ascii code for the ellipsis character */
width: 0px;
}
@keyframes ellipsis {
to {
width: 40px;
}
}
@-webkit-keyframes ellipsis {
to {
width: 40px;
}
}
.ql-toolbar.ql-snow,
.ql-container.ql-snow {
background-color: $white;
}
.docFilteringGroup {
@media screen and (min-width: 768px) {
display: flex;
margin-left: -15px;
margin-right: -15px;
}
.filterByGroup {
background: $lightgrey_offwhite;
border: 1px solid $darkgrey;
color: $black;
font-size: 16px;
padding: 15px;
#recordCountSelect {
text-align: left;
select {
min-width: 10rem;
}
}
.govuk-checkboxes {
background: $white;
padding: 15px;
margin-bottom: 15px;
height: 240px;
overflow: auto;
border: 1px solid $darkgrey;
&::-webkit-scrollbar {
width: 30px;
}
&::-webkit-scrollbar-track {
background: $lightgrey_semi;
}
&::-webkit-scrollbar-thumb {
background: $darkgrey;
max-height: 50px;
border: 6px solid $lightgrey_semi;
}
.govuk-checkboxes__item {
border-bottom: 1px solid $lightgrey_semi
}
&.govuk-checkboxes--small .govuk-checkboxes__item:hover .govuk-checkboxes__input:not(:disabled)+.govuk-checkboxes__label::before {
box-shadow: none;
}
.govuk-label-s {
font-size: 14px;
}
}
.govuk-button {
background: $black;
color: $white;
font-size: 16px;
font-weight: bold;
padding: 10px 20px !important;
margin-bottom: 15px;
width: 100%;
}
}
button {
border: 1px solid $red;
background: $white;
color: $red;
font-size: 14px;
font-weight: bold;
padding: 5px 10px;
margin-bottom: 15px;
&:hover {
border: 1px solid $red;
background: $red;
color: $white;
font-size: 14px;
font-weight: bold;
padding: 5px 10px;
margin-bottom: 15px;
}
}
}
ul.subFieldList {
padding-left: 0;
}
.case {
#key-dates-card,
#case-details-card {
.govuk-summary-list__key {
width: 100%
}
}
}
.ql-snow .ql-tooltip {
z-index: 1000;
}