:root {
    --phw-primary: #2D78A0;
    --color-sea: #7EDCD6;
    --color-lavendar: #C3C5FF;
    --color-peach: #FFA286;
    --color-orange: #FF6F43;
    --color-green: #81D8AE;
    --color-lime: #D9ECAA;
    --color-happy: #FFD781;
    --color-calm: #B2E7F7;
    --color-coal: #2E2A39;
    --color-paper: #F4F1E9;
    --color-white: #FFF;
    --color-sea-strong: #1FD3C7;
    --color-lavendar-strong: #8E91F4;
    --color-peach-strong: #F78766;
    --color-orange-strong: #F95A29;
    --color-green-strong: #5ECE98;
    --color-lime-strong: #CDE988;
    --color-happy-strong: #FFCC5E;
    --color-calm-strong: #91DCF3;
    --color-coal-strong: #262233;
    --color-error: #FF5757;
}

html{
    margin-top: 0px !important;
}

.phw-header, .ed-phw-footer  {
    background-color: var(--phw-primary);
}

header {
    pointer-events: all;
}

.ed-phw-logo {
    padding: 0 1.563rem; 
}

.ed-phw-logo, .ed-phw-footer-logo {
    max-width: 300px;
    height: auto;
    margin-left: -5px;
}

.ed-container {
    display: block;
    margin: 0 auto;
    max-width: 83rem;
    padding: 1.4rem 1.563rem;
}

.ed-phw-footer-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 1.563rem;
}

.phw-footer-link-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    color: var(--color-white);
    margin-bottom: 25px;
}

.phw-footer-link-list li {
    margin-right: 2rem;
}

.copyright-text {
    color: var(--color-white);
    margin-right: 30px;
    text-align: right;
    font-size: 1.15rem;
}

.phw-footer-link-list li a:hover {
    text-decoration: none;
}

.links-grid-section { 
    grid-area: 1 / 1 / 2 / 5; 
}

.copy-right-grid-section { 
    grid-area: 1 / 5 / 2 / 6; 
}

.phw-footer-link-list a, .copyright-text {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

.phw-footer-link-list a {
    text-decoration: underline;
    font-size: 1.15rem;
}

@media (max-width: 768px) {
    .ed-phw-footer-grid {
        grid-template-columns: 1fr;   
        grid-template-rows: auto auto;
    }

    .copy-right-grid-section {
        grid-area: 2 / 1 / 3 / 2;
    }

    .links-grid-section {
        grid-area: 1 / 1 / 2 / 2;
    }

    .phw-footer-link-list {
        flex-direction: column;
    }

    .copyright-text {
        text-align: left;
    }
}

@media (max-width: 879px) {
    .ed-phw-logo {
        padding: 0.3rem 0;
        max-width: 200px;
    }

    .ed-phw-footer-grid {
        padding-left: 0;
    }
}

.hero.wb-tool .breadcrumbs {
    margin-top: 6rem;
    margin-bottom: 1rem;
}

.banner.default h1 {
    word-break: break-word;
}

.hapus-breadcrumb__list, .hapus-breadcrumb__list:first-child {
    list-style: none;
    padding: 0;
}

.aioseo-breadcrumbs .hapus-breadcrumb__list .hapus-breadcrumb__item, .aioseo-breadcrumb-separator {
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 400;
    opacity: 0.75;
}

.hero.wb-story .content li.hapus-breadcrumb__item {
    display: inline-block;
}

.hapus-breadcrumb__item {
    margin: 0 0.5rem;
}

.hapus-breadcrumb__item .hapus-breadcrumb__link.aioseo-breadcrumb {
    text-decoration: underline;
    font-weight: 400;
}


@media ( min-width: 480px ) {
	.scale-header .phw-header { 
        display: none; 
    }
    html:not(.printer-friendly) .scale-header header:not(.basic):before {
        height: 7rem;
    }
}

.hero.wb-story g-rid {
    margin-top: 8rem;
}

@media (min-width: 880px) {
    .banner.community .hapus-breadcrumb__list {
        margin-top: calc(3rem + ((1vw - 0.55rem) * 10.7317));
    }
}

.banner.archive .hapus-breadcrumb__list {
    text-align: left;
}

.phw-header-language {
    display: flex;
    flex-wrap: wrap;
    max-width: max-content;
    align-items: center;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0.1875rem;
}

.phw-header-language ul[role=list],
.phw-header-language ul p {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 1rem;
    padding: 0;
    margin: 0;
    font-size: 1rem;
}

.phw-header-language li:first-of-type::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 1.8rem;
    background-color: #ffffff;
    opacity: 25%;
    margin-inline-start: 0.75rem;
}

.phw-header-language__button {
    position: relative;
    width: auto;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
    margin-bottom: 0.9rem;
}

.phw-header-language__button:focus span {
    color: #ffffff;
}

.ed-hapus-header-background {
    transition: background-color 250ms ease;
    background-color: transparent;
}

.bg-white {
    background-color: var(--color-paper);
    height: 7rem;
}

.phw-header-language__button img {
    margin-right: 0.45rem;
    height: auto;
}

.phw-header-language__button span::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.25rem;
    width: 0;
    height: 2px;
    background-color: #ffffff;
}

.phw-header-language__button.__active:not(:focus) span::before {
    width: 100%;
}

.phw-header-language__button.__en {
    margin-top: 0.25rem;
}
    
.phw-header-language__button:hover span {
    text-decoration: underline;
}

.phw-header-language__button:visited, .phw-header-language__button:hover {
    color: #ffffff;
}

.wpml-ls-display {
    display: none;
}

.show-mega header:before { 
	opacity: 0; 
	
}
header:before {
    background-color: var(--color-paper);
}

mm-outer {
   top: 0;
   background-color: var(--color-paper);
}

mega-menu {
    padding: 2.5rem 0 2rem 0;
}

@media (max-width: 950px) {
    nav#main-nav   {
        display: none !important;
    }
    header button.hamburger {
        display: flex !important;
    }

    body:not(.mobile-nav) mobile-nav, body:not(.mobile-nav) header button.hamburger {
        display: block;
    }

    header button.hamburger {
        margin-left: auto;
    }
}

.banner.default, 
.banner.archive, 
.banner.community, 
.banner.pillars,
.banner.pillar,
.banner.share-submit, 
.banner.share {
    padding-top: 3rem;
}

section.flex.post.hero.bg-paper {
    padding-top: 8rem !important;
}

@media (min-width: 400px) {
    .banner.default, 
    .banner.archive, 
    .banner.community, 
    .banner.pillar,
    .banner.pillars,
    .banner.share-submit, 
    .banner.share {
        padding-top: 7rem;
    }
}

@media (min-width: 879px) {
    .banner.home {
        padding-top: 5rem;
    }
}

.ed-hapus-header {
    max-width: 81rem;
    margin-left: auto;
    margin-right: auto; 
}

.nhsuk-u-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.nhsuk-u-visually-hidden::before {
    content: " ";
}

.nhsuk-u-visually-hidden::after {
    content: " ";
}

.phw-header-inner {
    display: flex;
    justify-content: space-between; 
    align-items: center;
}

@media (max-width: 480px) {
    .phw-mob-header {
        padding: 0.1rem 0.8rem;
    }
    .ed-phw-logo {
        max-width: 150px;
    }
    .phw-header-inner {
        align-items: end;
    }
}


/* footer */
footer .blue a.logo {
    width: 8rem;
}

.blue .social a {
    display: flex;
    padding-top: 0;
    width: 3.5rem;
    height: 3.5rem;
}

footer .social a svg {
    height: 1.5rem;
    width: 1.5rem;
}

footer .blue g-col {
    justify-content: unset;
}

nav.social .links li{
    padding: 0;
}

footer .social {
    margin-right: calc(1.5rem + 1.675vw);
}

@media (max-width: 1024px) {
    footer .blue g-col {
        align-items: flex-start;
        flex-direction: column;
    }
    footer .social {
        margin-left: calc(0.5rem + 1.5vw);
    }
    #footer-links-legal ul {
        flex-direction: column;
    }
    .blue.logo, nav.social, #footer-links-legal {
        margin-top: 15px;
    }
}

/* Gravity Forms Styles */
.gform_required_legend, .gfield_required.gfield_required_asterisk {
    display: none !important;
}

.gform_anchor {
    padding-top: 15rem;
}

#cmplz-cookiebanner-container {
    max-width: 87.5rem;
    margin: 0 auto;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner {
    position: static;    
    transform: none;
    box-shadow: none;
    max-width: 63.25rem !important;
    min-width: revert;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close {
    display: none;
}

@media (max-width: 1350px) {
    #cmplz-cookiebanner-container .cmplz-cookiebanner {
        min-width: 100%;
    }
}

@media (min-width: 1350px) {
    #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-links.cmplz-documents {
        justify-content: flex-start;
    }
}

@media (min-width: 769px) {
    #cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories {
        width: 100%;
    }
}
.gform_wrapper .gfield input[type="text"], 
.gform_wrapper .gfield input[type="email"] {
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
    height: 50px;
}

input#input_1_4_1 {
    margin-top: 3px;
}

body .gform_wrapper input:focus,
body .gform_wrapper select:focus {
  outline: 2px solid black;
}

label.gfield_label.gform-field-label, 
label.gform-field-label.gform-field-label--type-inline.gfield_consent_label,
div.gfield.gfield--type-html {
    font-size: 1.25rem;
    font-weight: normal;
    line-height: 160%;
}

 input#gform_submit_button_1.gform_button {
    background-color: var(--color-coal);  
    color: var(--color-white);               
    width: 100%;
    font-size: 1.375rem;
    padding: 1.25rem;
    border-radius: 4rem;
}

input#gform_submit_button_1.gform_button:hover {
    background: var(--color-happy);
    color: var(--color-coal);
}

a.has-icon {
    text-decoration: underline;
    font-weight: bold;
}

.my-icon-class-link::after {
  font-family: 'FontAwesome';
  content:"\f08e";
  margin-left: -1em;
  font-weight: 300;
}

body #gform_1_validation_container.gform_validation_errors h2.gform_submission_error,
body #gform_1_validation_container.gform_validation_errors ol > li > a.gform_validation_error_link {
    color: #000;
    font-weight: normal;
    text-align: left;
}

#gform_1_validation_container.gform_validation_errors ol > li > a.gform_validation_error_link {
    text-decoration: none;
}

div.gform_validation_errors#gform_1_validation_container {
    background-color: #fcacae;
    margin-top: 1rem;
}

div.gfield_description.validation_message.gfield_validation_message{
    color: #991A1E;
}

.gfield.gfield_error input[type="text"],
.gfield.gfield_error input[type="checkbox"],
.gfield.gfield_error input[type="email"] {
    border: 2px solid var(--color-error)!important;
}

.gform_confirmation_message_1.gform_confirmation_message {
    font-size: 2rem;
    line-height: 140%;
    text-align: center;
}

.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
    color: var(--color-coal) !important;
}

.gform-theme--foundation .gform-loader {
    display: none !important;
}

footer .top blockquote p  {
    color: var(--color-coal);
}


footer .top cite {
    opacity: 0.75;
}

footer .top blockquote>p:first-of-type {
    text-indent: 0;
    position: relative;
}

footer .top blockquote > p:first-of-type::before  { 
    font-size: 10rem;
    position: absolute;
    left: -4.5rem;
    font-family: serif;
}

footer .top blockquote>p:last-of-type:after  { 
    font-size: 10rem;
    position: absolute;
    right: -4.5rem;
    bottom: -3.5rem;
    font-family: serif;
}

@media (max-width: 1099px) {
    footer .top blockquote {
        max-width: 26rem;
    }
}

@media (max-width: 659px) {
    footer .top blockquote {
        margin: 4rem 3rem 0rem;
    }
}

footer .top g-col:first-child {
    width: 60%;
}

footer .top g-col:last-child {
    width: 40%;
}

@media (max-width: 1120px) and (min-width: 660px) {
    footer .top g-col:last-child {
        padding-left: 4.5rem;
    }
}

footer .blue nav a {
    white-space: normal;
}

@media (min-width: 600px) {
    .flex.ctas.has-1-per-row cta-wrap > img {
        height: 5rem !important;
        /* position: relative; */
        transform: none;
    }
} 

@media (min-width: 1099px) {
        .flex.ctas text-content{
        padding-top: 10rem !important;
    }
}
    .flex.ctas cta-wrap > img {
        margin-top: calc(2rem + ((1vw - 0.48rem) * 3.4335)) !important;
    }

/* 
        .flex.ctas text-content {
        padding: calc(2rem + (1vw - 0.48rem) * 3.4335) !important;
    } */