/*
Theme Name: Nightingale (N3i)
Theme URI: https://www.github.com/n3iltd/wp-theme-nightingale-n3i/
Description: Customised version of the Nightingale theme for N3i.
Author: Chris Cook
Author URI: https://www.github.com/n3i-chris/
Template: nightingale
Version: 1.10.0
License: Open Government License 3
License URI: https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/
Tags: nhs
Text Domain: nightingalen3i
*/

/* Restrict height of custom logos. */

.custom-logo {
    width: auto;
    max-height: 100px;
}

/* Hide the page title on the homepage. */

body.home .entry-header {
    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;
}

/* Place a line beneath the current menu item on the main menu. */

.nhsuk-header__navigation-item.current-page-ancestor,
.nhsuk-header__navigation-item.current-menu-item {
    box-shadow: inset 0 -4px 0 #D8DDE0;
}

.nhsuk-header__drop-down .nhsuk-header__navigation-item.current-page-ancestor,
.nhsuk-header__drop-down .nhsuk-header__navigation-item.current-menu-item {
    box-shadow: none;
}

/* Make the current menu item bold. */

.nhsuk-header__navigation-item.current-page-ancestor a,
.nhsuk-header__navigation-item.current-menu-item a {
    font-weight: 700;
}

/* Ensure the search box does not shrink to below recommended size. */

.nhsuk-search__submit,
.nhsuk-search__input {
    min-height: 44px;
}

/* Remove spacing above content on mobile views. */

@media (max-width: 48.0525em) {
    .nhsuk-main-wrapper {
        padding-top: 0;
    }
}

/* Remove spacing below card groups on mobile views. */

@media (max-width: 48.0525em) {
    .nhsuk-card-group {
        margin-bottom: 16px;
    }
}

/* Improve display of iframes. */

iframe {
    width: 100%;
    border: 1px solid #D8DDE0;
    margin-bottom: 16px;
}

@media (min-width: 40.0625em) {
    iframe {
        margin-bottom: 24px;
    }
}

/* Hide NHS logo on mobile views. */

@media (max-width: 48.0525em) {
    .providing-nhs-services-logo {
        display: none;
    }
}

/* Align the website title with the left of header. */

.nhsuk-header__transactional-service-name {
    padding-left: 0;
}

/* Remove padding below footer. */

.nhsuk-footer-container {
    padding-bottom: 0;
}

/* Remove spacing around search box. */

.nhsuk-header__search-form {
    margin: 0;
}

/* Remove spacing around website title on mobile views. */

@media (max-width: 40.0525em) {
    .nhsuk-header__transactional-service-name {
        padding-top: 0;
        padding-bottom: 8px;
    }
}

/* Set widths of opening hours table columns. */

.day-name,
.hours {
    width: 50%;
}

/* Remove author and category from posts. */

.nhsuk-review-date,
p.cat-links.nhsuk-tag.nhsuk-tag--grey,
select#cat_filter {
    display: none;
}

/* Add margin below website logo on smaller screens. */

@media (max-width: 40.0525em) {
    .nhsuk-header__logo {
        margin-bottom: 1rem;
    }
}

/* Fix the width of promo boxes when used in columns on the homepage. */

.home .nhsuk-grid-column-two-thirds {
	width: 100% !important;
}

/**
 * Apply NHS styles to WPForms forms.
 */

.wpforms-field-label {
    display:block;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    margin-bottom:4px
}

@media (min-width:40.0625em) {
    .wpforms-field-label {
        font-size:19px;
        font-size:1.1875rem;
        line-height:1.47368
    }
}

@media print {
    .wpforms-field-label {
        font-size:13pt;
        line-height:1.25
    }
}

textarea.wpforms-field-medium {
    -webkit-appearance:none;
    border:2px solid #4c6272;
    border-radius:0;
    box-sizing:border-box;
    display:block;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    min-height:40px;
    padding:4px;
    resize:vertical;
    width:100%;
    height: 10rem;
}

@media (min-width:40.0625em) {
    textarea.wpforms-field-medium {
        font-size:19px;
        font-size:1.1875rem;
        line-height:1.47368
    }
}

@media print {
    textarea.wpforms-field-medium {
        font-size:13pt;
        line-height:1.25
    }
}

textarea.wpforms-field-medium:focus {
    border:2px solid #212b32;
    box-shadow:inset 0 0 0 2px;
    outline:4px solid #ffeb3b;
    outline-offset:0
}

.nhsuk-textarea--error {
    border:2px solid #d5281b
}

.wpforms-field {
    margin-bottom:16px
}

@media (min-width:40.0625em) {
    .wpforms-field {
        margin-bottom:24px
    }
}

.wpforms-field-radio fieldset {
    border:0;
    margin:0;
    padding:0
}

.wpforms-field-radio fieldset:after {
    clear:both;
    content:"";
    display:block
}

.wpforms-field-radio fieldset legend {
    box-sizing:border-box;
    color:#212b32;
    display:table;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    margin-bottom:8px;
    margin-top:0;
    max-width:100%;
    padding:0;
    white-space:normal
}

@media (min-width:40.0625em) {
    .wpforms-field-radio fieldset legend {
        font-size:19px;
        font-size:1.1875rem;
        line-height:1.47368
    }
}

@media print {
    .wpforms-field-radio fieldset legend {
        font-size:13pt;
        line-height:1.25
    }
}

.wpforms-field-radio li {
    clear:left;
    display:block;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    margin-bottom:8px;
    min-height:40px;
    padding:0 0 0 40px;
    position:relative
}

@media (min-width:40.0625em) {
    .wpforms-field-radio li {
        font-size:19px;
        font-size:1.1875rem;
        line-height:1.47368
    }
}

@media print {
    .wpforms-field-radio li {
        font-size:13pt;
        line-height:1.25
    }
}

.wpforms-field-radio li:last-child,
.wpforms-field-radio li:last-of-type {
    margin-bottom:0
}

.wpforms-field-radio input {
    cursor:pointer;
    height:40px;
    left:0;
    margin:0;
    opacity:0;
    position:absolute;
    top:0;
    width:40px;
    z-index:1
}

.wpforms-field-radio label {
    cursor:pointer;
    display:inline-block;
    margin-bottom:0;
    padding:8px 12px 4px;
    touch-action:manipulation
}

.wpforms-field-radio input+label:before {
    background:#fff;
    border:2px solid #4c6272;
    border-radius:50%;
    box-sizing:border-box;
    content:"";
    height:40px;
    left:0;
    position:absolute;
    top:0;
    width:40px
}

.wpforms-field-radio input+label:after {
    background:#4c6272;
    border:10px solid #212b32;
    border-radius:50%;
    content:"";
    height:0;
    left:10px;
    opacity:0;
    position:absolute;
    top:10px;
    width:0
}

.wpforms-field-radio input:focus+label:before {
    border:4px solid #212b32;
    box-shadow:0 0 0 4px #ffeb3b
}

.wpforms-field-radio input:checked+label:after {
    opacity:1
}

.wpforms-field-radio input:disabled,
.wpforms-field-radio input:disabled+label {
    cursor:default
}

.wpforms-field-radio input:disabled+label {
    opacity:.5
}

.wpforms-field-radio ul {
	padding-left: 0;
}

.wpforms-submit {
    -webkit-appearance:none;
    background-color:#007f3b;
    border:2px solid transparent;
    border-radius:4px;
    box-shadow:0 4px 0 #00401e;
    box-sizing:border-box;
    cursor:pointer;
    display:inline-block;
    font-size:16px;
    font-size:1rem;
    font-weight:600;
    line-height:1.5;
    margin-top:0;
    overflow:visible;
    padding:8px 16px;
    position:relative;
    text-align:center;
    vertical-align:top;
    width:100%
}

@media (min-width:40.0625em) {
    .wpforms-submit {
        font-size:19px;
        font-size:1.1875rem;
        line-height:1.47368
    }
}

@media print {
    .wpforms-submit {
        font-size:13pt;
        line-height:1.25
    }
}

.wpforms-submit {
    margin-bottom:28px
}

@media (min-width:40.0625em) {
    .wpforms-submit {
        margin-bottom:36px;
        padding:12px 16px;
        width:auto
    }
}

.wpforms-submit,
.wpforms-submit:active,
.wpforms-submit:hover {
    text-decoration:none
}

.wpforms-submit,
.wpforms-submit:active,
.wpforms-submit:active:visited,
.wpforms-submit:hover,
.wpforms-submit:hover:visited,
.wpforms-submit:visited {
    color:#fff
}

.wpforms-submit::-moz-focus-inner {
    border:0;
    padding:0
}

.wpforms-submit:hover {
    background-color:#00662f
}

.wpforms-submit:focus {
    box-shadow:none;
    outline:none
}

.wpforms-submit:focus:not(:active),
.wpforms-submit:focus:not(:active):hover {
    background-color:#ffeb3b;
    box-shadow:0 4px 0 0 #212b32;
    color:#212b32;
    outline:4px solid transparent;
    outline-offset:4px
}

.wpforms-submit:focus:not(:active),
.wpforms-submit:focus:not(:active) .nhsuk-icon,
.wpforms-submit:focus:not(:active):hover,
.wpforms-submit:focus:not(:active):hover .nhsuk-icon {
    color:#212b32;
    fill:#212b32
}

.wpforms-submit:focus:not(:active),
.wpforms-submit:focus:not(:active):hover {
    box-shadow:0 4px 0 #212b32
}

.wpforms-submit:active,
.wpforms-submit:active:focus {
    background-color:#00401e;
    box-shadow:none;
    top:4px
}

.wpforms-submit:after,
.wpforms-submit:before {
    border-radius:4px;
    bottom:-2px;
    content:"";
    display:block;
    left:-2px;
    position:absolute;
    right:-2px;
    top:-2px
}

.wpforms-submit:before {
    background-color:transparent;
    border:2px solid transparent;
    bottom:-6px
}

.wpforms-submit:active:before {
    bottom:-2px;
    top:-6px
}

.wpforms-required-label {
	display: none;
}

.wpforms-confirmation-container {
    border:4px solid #005eb8;
    font-size:16px;
    font-size:1rem;
    font-weight:400;
    line-height:1.5
}

@media (min-width:40.0625em) {
    .wpforms-confirmation-container {
        font-size:19px;
        font-size:1.1875rem;
        line-height:1.47368
    }
}

@media print {
    .wpforms-confirmation-container {
        font-size:13pt;
        line-height:1.25
    }
}

.wpforms-confirmation-container {
    margin-bottom:48px
}

@media (min-width:40.0625em) {
    .wpforms-confirmation-container {
        margin-bottom:56px
    }
}

.wpforms-confirmation-container:focus {
    outline:4px solid #ffeb3b
}

.wpforms-confirmation-container p {
    color:#212b32;
    padding:16px
}

@media print {
    .wpforms-confirmation-container p {
        color:#212b32
    }
}

@media (min-width:40.0625em) {
    .wpforms-confirmation-container p {
        padding:24px
    }
}

.wpforms-confirmation-container p {
    box-sizing:border-box;
    max-width:601.3333333333px
}

.wpforms-confirmation-container p {
    margin-bottom:0
}

/**
 * Remove elements from the admin bar.
 */

#wp-admin-bar-wp-logo,
#wp-admin-bar-comments,
#wp-admin-bar-search {
    display: none;
}

/*
 * n3i-promotional-banner
 *
 * Apply class to a "group" element to make text a bit bigger, centered, and put
 * a blue border around it.
 */

.n3i-promotional-banner {
    border: 5px solid #005EB8;
    background: #FFFFFF;
}

.n3i-promotional-banner p {
    margin: 0;
}

/**
 * n3i-hero-no-image
 * 
 * Apply class to the hero element to make a slimmer hero with no background image.
 */

.n3i-hero-no-image,
.n3i-hero-no-image .nhsuk-hero__overlay {
    min-height: auto;
    height: auto;
}

.n3i-hero-no-image .nhsuk-hero__overlay {
    background-color: transparent;
}

.n3i-hero-no-image .nhsuk-hero-content {
    position: initial;
}

.n3i-hero-no-image.nhsuk-hero--image-description .nhsuk-hero-content .nhsuk-hero__arrow {
    display: none;
}

/**
 * n3i-promos-match-height
 * 
 * Apply the class to a group containing promo element columns to match the
 * height of promo elements to each other.
 */

.n3i-promos-match-height .wp-block-column {
    display: flex;
}