/* travel hull */

:root{
	--primary:#38C0C7;
	--secondary:#364065;
	--tertiary:#BEE8EE;
	--quaternary:#231F20;
	--text:#242424;
	--link:#666BA9;
	--main-font:  Arial,'Helvetica Neue' ,Helvetica,sans-serif;
	--header-font: 'Bevan', serif;
}

/* Focus */
.site-header a:focus, .site-header button:focus, .site-header .button:focus, .site-header__links:focus, .site-footer__logo .identity__link:focus, .site-footer__group .list__link:focus, .site-footer__link:focus, .site-footer__text:focus, .site-footer__links:focus, .site-footer__social > nav > ul > li > a:focus, .site-footer__social > nav > ul > li > a:active, a:focus, .button:focus, .form__label--upload:focus, .form__label--image-upload:focus, .widget--myaccount-sign-in a:focus, .widget--myaccount-api-links a:focus, .widget--myaccount-organisation-account-links a:focus, .widget--myaccount-organisation-links a:focus, #contact-modal button:focus, #contact-modal button:active, #js-menu > div.menu-navigation__inner > div > nav > ul > li > a:focus, #js-menu > div.menu-navigation__inner > div > nav > ul > li > a:active, #js-menu-toggle-inner:focus, .form__select:focus  { 
	outline: 3px solid var(--quaternary) !important;
    outline-offset: 4px;
}

/* Typography */

body {
	font-family: var(--main-font) !important;
	color: var(--text);
}

h1, .h1, h2:not(.download__heading), .h2, h3, .form__heading, .h3, h4, .h4, h5, .h5, h6, .h6, .widget__heading, .listing .listing__link, .listing .listing__link:visited {
	font-family: var(--header-font);
    font-weight: normal;
	color: var(--text);
	letter-spacing: 0.04rem;
}

h2:not(.nav--pages-in .nav__heading):not(.listing .listing__heading):not(h2.cd-margin-bottom-xs.hero-heading):not(h2.form.form):not(.download__heading):not(.site-rating__heading), .h2:not(.nav--pages-in .nav__heading):not(.listing .listing__heading):not(.h2.cd-margin-bottom-xs.hero-heading):not(.h2.form.form):not(.download__heading) {
    color: #ffffff !important;
    background-color: var(--quaternary) !important;
    padding: 1rem !important;
}

h1 {
	font-size: clamp(28px, calc(1.75rem + ((1vw - 7.68px) * 0.434)), 33px) !important;
	min-height: 0vw;
}

h2 {
	font-size: clamp(21px, calc(1.3125rem + ((1vw - 7.68px) * 0.434)), 26px) !important;
	min-height: 0vw;
}

h3, blockquote p:first-child {
	font-size: clamp(16px, calc(0.9375rem + ((1vw - 7.68px) * 0.434)), 20px) !important;
	min-height: 0vw;
}

h4, h5 {
	font-size: clamp(16px, calc(1rem + ((1vw - 7.68px) * 0)), 16px) !important;
	min-height: 0vw;
}

h5 {
	text-transform: none;
	font-weight: 600;
}

/* Links */
a:not(.site-footer__link, .pagination__link, .site-footer__group .list__link,), a:visited, .editor a:not(.button):visited {
    text-decoration: underline 1px solid var(--link);
}

a, a:visited, .editor a:not(.button):visited {
	color: var(--link);
	text-decoration: underline;
}

.editor a:not(.button) {
    background-image: none;
    background-position: 0;
    color: var(--link);
}

.editor a:not(.button):hover, .editor a:not(.button):focus, .editor a:not(.button):active {
    background-image: none;
    background-position: 0;
}

.editor a:not(.button):hover, .editor a:not(.button):focus {
    text-decoration: underline 2px solid var(--link);
}

/* Bullet points */
.editor ul:not([class]):not([type]) li::before, .editor ul:not([class]):not([type]) .list__item::before, .list--unordered li::before, .list--unordered .list__item::before {
    background-color: var(--quaternary);
    border-radius: 0px;
}

.editor ol:not([class]):not([type]) {
	list-style: auto;
}

.editor ol:not([class]):not([type]) li::before {
	content: none;
}

::marker {
    font-weight: bold;
}

/* Site header/footer */
.identity__logo {
	width: 5rem;
}
.site-header, .site-footer {
	background-color: var(--primary);
}

@media screen and (max-width: 599px) {
    .site-header>.container {
        display: flex;
        padding: 0 .8rem;
    }
    .identity__logo {
        width: 3rem;
    }
}

.nav--primary-navigation .button__text {
    color: #1D1D1D !important;
    font-size: 2rem;
}

.toggle-icon::before, .toggle-icon::after, .toggle-icon .toggle-icon__line {
    background-color: #1D1D1D !important;
}

.site-footer__text, .site-footer__links, .site-footer__link {
    color: #1D1D1D;
}

.nav--social-links .icon {
    background-color: var(--quaternary);
}

.site-footer__group .list__link {
    color: var(--text);
}

ul.list.list--inline {
    padding-left: 24px;
}

.icon-social-twitter {
    background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20height%3D%2264%22%20preserveAspectRatio%3D%22xMinYMid%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20viewBox%3D%220%200%2064%2064%22%20width%3D%2264%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m37.31%2024.61%2022.78-24.61h-5.51l-19.74%2021.32-15.94-21.32h-18.74l24.33%2032.52-24.49%2026.44h5.51l21.43-23.15%2017.32%2023.15h18.74zm-29.05-20.55h8.62l38.03%2050.85h-8.62z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E) !important;
}

.icon-accessibility {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' class='bi bi-universal-access' viewBox='0 0 16 16'%3E%3Cpath d='M9.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM6 5.5l-4.535-.442A.531.531 0 0 1 1.531 4H14.47a.531.531 0 0 1 .066 1.058L10 5.5V9l.452 6.42a.535.535 0 0 1-1.053.174L8.243 9.97c-.064-.252-.422-.252-.486 0l-1.156 5.624a.535.535 0 0 1-1.053-.174L6 9V5.5Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}
.icon-ui-search {
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' preserveAspectRatio='xMinYMid' aria-hidden='true' focusable='false'%3E%3Cpath class='cls-1' d='M57.64,53.46l-15-15a23,23,0,1,0-4.18,4.18l15,15a3,3,0,0,0,4.18-4.17Zm-33.19-46a17,17,0,1,1-17,17A17.06,17.06,0,0,1,24.45,7.41Z' fill='%23242424'/%3E%3C/svg%3E") !important;
}
/* Page header */
.page-header {
    background-color: var(--tertiary);
	padding: 2rem 0 !important;
}

.nav--primary-navigation .button {						
    border-radius: 0;
}

/* Breadcrumbs */
.list--breadcrumb {
	font-size: 1rem;
}

.list--breadcrumb a:visited {
    color: var(--text) !important;
}

.list--breadcrumb a {
	background-image: linear-gradient(to top, var(--text) 0, var(--text) 1px, transparent 1px, transparent 100%);
	background-position: -4px -1px;
	background-size: auto;
	font-weight: 500;
	text-decoration: none;
}

.list--breadcrumb a:hover, .list--breadcrumb a:focus {
	background-image: linear-gradient(to top, var(--text) 0, var(--text) 2px, transparent 1px, transparent 100%);
	background-position: -4px 0px;
}

.breadcrumb {
	background-color: rgb(255 255 255 / 0%);
}

/* Contents navigation */
.nav--pages-in .nav__heading {
    color: var(--text);
    font-family: var(--header-font);
    text-transform: none;
}

.nav--pages-in .list__link {
    margin-left: 6px;
}

.nav--pages-in .list__item.is-active .list__link, .nav--pages-in .list__item .list__link-text {
    color: var(--text);
    font-family: var(--main-font);
}

.nav--pages-in {
    background-color: #DEF3F6;
}

.nav--pages-in .nav__list {
    background-color: #DEF3F6;
}

#a11y-toggle-1 {
	font-family: var(--main-font);
	border-radius: 0px;
	border: 2px solid var(--quaternary) !important;
	color: var(--text) !important;
	font-size: 1.15rem;
	text-transform: none;
	transition: all 0.4s ease-in-out;
}

.nav--pages-in .nav__list::before {
	border-color: #def3f6 transparent transparent;
}

/* This removes scrolling prevention when DP page menu is open in mobile */
.menu-open {
	overflow-y: auto;
}

/* Pagination */
.pagination {
    background-color: var(--tertiary);
}

.pagination__item--next::after, .pagination__item--previous::after {
    border-left: 4px solid var(--quaternary);
}

.pagination__label {
    font-family: var(--header-font);
    font-weight: 100;
    text-transform: none;
}

.pagination__link .pagination__meta, .pagination__link:visited .pagination__meta {
    color: var(--text);
    font-family: var(--main-font);
    font-weight: bold;
}

/* Remove spaces between the rows */
.cf::after,.outer-container::after,.pagination__list::after,.nav--pages-in .nav__heading::after,.nav--pages-in .nav__toggle::after,.nav--pages-in .nav__list::after,.container::after,.form::after,.form__action::after,.form__footer::after,.form__component::after,.responsive table:not(.form__matrix):not(.calendar__table)::after,.responsive table:not(.calendar__table):not(.form__matrix) tr::after,.list--listing .list__item::after,.list--with-button .list__item::after,.list--grouped .list__item::after,.supplement--contact .list--navigation .list__item::after,.supplement--navigation .list--navigation .list__item::after,.list--rich .list__item::after,.list--az::after,.definition::after,.download__meta-list::after,.boxed::after,.widget-navigation .list__link::after,.card::after,.listing--featured::after,.supplement::after,.widget--myaccount-signed-out-content .myaccount-widget::after,.widget--myaccount-sign-in .myaccount-widget::after,.widget--my-account-direct-debits .myaccount-widget::after,.widget--my-account-forms .myaccount-widget::after,.widget--myaccount-api-links .myaccount-widget::after,.widget--myaccount-form-submissions .myaccount-widget::after,.widget--myaccount-my-address .myaccount-widget::after,.widget--myaccount-paybridge-balance-lookup .myaccount-widget::after,.widget--myaccount-payments .myaccount-widget::after,.widget--myaccount-directory-submissions .myaccount-widget::after,.widget--myaccount-cxm-cases-compact .myaccount-widget::after,.widget--myaccount-cxm-cases-verbose-list .myaccount-widget::after,.widget--myaccount-cxm-cases-verbose-table .myaccount-widget::after,.widget--myaccount-northgate-citizen-access .myaccount-widget::after,.widget--myaccount-organisation-account-links .myaccount-widget::after,.widget--myaccount-organisation-links .myaccount-widget::after,.my-cases .myaccount-widget::after,.widget--myaccount-links .myaccount-widget::after,.widget--my-account-forms #no-forms::after,.widget--myaccount-form-submissions #no-forms::after,.widget--my-account-forms .submitted::after,.widget--my-account-forms .unsubmitted::after,.widget--myaccount-form-submissions .submitted::after,.widget--myaccount-form-submissions .unsubmitted::after,.cxm-service__info::after,.cxm-service__case-detail::after,.cxm-service__action::after,.video-feature-box--boxed::after,.aside__section::after,.nav::after,.pagination::after,.listing .listing__content::after,.supplements::after,.widget-homepage-banner::after,.widget-homepage-banner .image-link::after,.cxm-service__info dl::after,.cxm-service__case-detail dl::after,.cxm-service__action dl::after,.widget-theme-tiles .feature-tile__inner::after,.widget-theme-tiles .feature-tile__link::after,.widget-image-tiles .feature-tile__inner::after,.widget-image-tiles .feature-tile__link::after,.site-main::after,.site-content::after,.page-content::after,.page-header__content::after,.site-footer__content::after,.aside::after,.widget-row::after,.widget-width::after,.widget::after,.grid::after,.style-guide__section::after,.list--style-guide-buttons::after,.style-guide__favicons-wrapper::after {
    padding: 0 0 0.5rem 0;
}

.widget-row {
    margin-bottom: 0;
}



/* Buttons */
.site-main .button:before, .site-main .button:visited::before {
	border-radius: 0px;
    border: 6px solid #00000000;
}

.site-main .button:hover::before {
    border-color: var(--quaternary);
}

.site-main .button:not(#a11y-toggle-1) {
	font-family: var(--header-font);
	border-radius: 0px;
	border: 2px solid var(--quaternary) !important;
	color: var(--text) !important;
	font-size: 1.15rem;
	text-transform: none;
	transition: all 0.4s ease-in-out;
	min-height: 80px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0.1rem;
}

.site-main .button:hover {
	border-radius: 0px !important;
	border-color: var(--secondary) !important;
	background-color: var(--tertiary);
}

/* Blockquotes */
@media screen and (min-width: 600px) {
	blockquote, .blockquote {
		padding: 2rem;
    }
}

blockquote, .blockquote {
	background-color: var(--tertiary);
	line-height: inherit;
}

blockquote p:first-child::before, blockquote .blockquote__text::before, .blockquote p:first-child::before, .blockquote .blockquote__text::before {
	display: none;
}

blockquote p:first-child, blockquote .blockquote__text, .blockquote p:first-child, .blockquote .blockquote__text {
	color: var(--text);
	padding-top: 0rem;
}

/* Hero center */
.hero--center {
    padding: 0rem !important;
}

h2.cd-margin-bottom-xs.hero-heading {
	font-size: clamp(28px, calc(1.75rem + ((1vw - 7.68px) * 0.434)), 33px) !important;
	min-height: 0vw;
	background-color: rgb(0 0 0 / 0%) !important;
	margin: 0;
}

.hero--text-dark p, .hero--text-dark h2 {
    font-size: clamp(16px, calc(0.9375rem + ((1vw - 7.68px) * 0.434)), 20px) !important;
}

/* Menu */
.menu-navigation .list__link {
    background-image: none;
	background-position: 0 -4px;
	text-transform: none;
	color: #242424;
}

.menu-navigation .list__link:hover, .menu-navigation .list__link:focus, .menu-navigation .list__link:visited {
    color: #242424;
	text-underline-offset: auto;
    text-decoration: underline #242424;
}

.menu-navigation .menu-navigation__inner {
	background-color: var(--primary);
	width: 400px;
}

@media screen and (max-width:450px) {
	.menu-navigation .menu-navigation__inner {
		width: 100%;
	}
}

/* Tables */
td, th {
    border: 1px solid var(--quaternary);
}

.data-table th, .page-content table:not([class]) th, .widget--myaccount-cxm-cases-verbose-table .my-cases__table th {
    background-color: var(--primary);
}

/* Supplement */
.supplement__text {
    font-size: 1.25rem;
}

@media screen and (min-width: 500px) {
    .image--feature, .image--caption, .editor .imageCaption {
        border-left: solid 2px #FAFAF8;
    }
}

.supplement, .aside__section {
    clear: both;
    float: left;
    width: 100%;
    border: solid 2px var(--quaternary);
}

.supplement a:not(.button) {
    background-image: none;
    color: var(--link);
    text-underline-offset: 1px;
    text-decoration: underline 1px var(--link);
}

.supplement a:not(.button):hover, .supplement a:not(.button):focus {
    background-size: 100% 100%;
    text-decoration: underline 2px var(--link);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background-image: none;
}

.supplement a:not(.button):visited {
    color: var(--link);
}

.supplement--navigation .list--navigation .list__link {
    font-weight: 700;
}

.list--record .list__link:hover, .list--record .list__link:focus, .list--record .list__link:active, .list--navigation .list__link:hover, .list--navigation .list__link:focus, .list--navigation .list__link:active {
    color: var(--link);
}

.list--listing .list__item:first-child, .list--with-button .list__item:first-child, .list--grouped .list__item:first-child, .supplement--contact .list--navigation .list__item:first-child, .supplement--navigation .list--navigation .list__item:first-child, .list--rich .list__item:first-child {
    border-top: 0px solid #e4e9f4;
}

.supplement--contact .list--navigation .list__item, .supplement--navigation .list--navigation .list__item {
    border-bottom: 0px solid #e4e9f4;
    padding: .3rem;
}

@media screen and (min-width: 769px) {
	.nav--pages-in .nav__toggle {
		display: none !important;
	}
}

/* CTA banner */
.cta-banner {
    border-radius: 0em !important;
    border: 2px solid var(--quaternary);
    box-shadow: none !important;
}
	
.cta-banner__img {
	padding: 8px;
}

.cta-banner__description {
	color: var(--text) !important;
}

h2.cta-banner__title {
	font-size: clamp(28px, calc(1.75rem + ((1vw - 7.68px) * 0.434)), 33px) !important;
	min-height: 0vw;
	margin-top: 24px;
}

/* Latest news */
.list--listing .list__item {
    border-bottom: 2px solid var(--quaternary);
}

.listing--featured, .widget-latest-news .listing--featured {
    border: 2px solid var(--quaternary) !important;
}

/* Remove image zoom */
img[data-action="zoom"] {
    pointer-events: none;
	cursor: default;
}

/* Search overlay */
.site-search--header::before {
	background-color: rgb(56 192 199 / 91%);
}
.site-search--header .form__field {
	border-bottom: 6px solid var(--secondary);
	color: #242424;
	background: #FFFFFF;
	font-family: var(--main-font);
}

.site-search--header .form__field:focus {
	outline: 2px solid var(--secondary);
    padding-left: 0.625rem;
}

.site-search--header .js-search-toggle {
	background-color: var(--tertiary);
}

.site-search--header .button, .site-search--header .button:hover {
    background-color: var(--secondary);
	border-radius: 0px !important;
	width: auto;
}

.site-search--header .button .icon-ui-search {
	background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='%23FFFFFF' viewBox='0 0 60 60' preserveAspectRatio='xMinYMid' aria-hidden='true' focusable='false'%3E%3Cpath class='cls-1' d='M57.64,53.46l-15-15a23,23,0,1,0-4.18,4.18l15,15a3,3,0,0,0,4.18-4.17Zm-33.19-46a17,17,0,1,1-17,17A17.06,17.06,0,0,1,24.45,7.41Z'/%3E%3C/svg%3E") !important;
}

.site-search--header .button .icon {
	height: 3.75rem;
	margin: 0 0 1.1rem;
}

.site-search--header .button {
	border-bottom: none;
}

/* Alert */
.site-announcement {
    z-index: 999;
}

.alert, .alert__heading, a.alert__link .alert__link-text {
	font-family: var(--main-font);
	color: var(--text);
}
	
.alert::before {
    align-self: anchor-center;
}

a.alert__link:hover,a.alert__link:focus,a.alert__link:active {
    text-decoration: underline 2px;
}

/* Download page */
.download__heading {
	font-family: var(--main-font);
	color: var(--link);
	font-size: 1.2rem !important;
	padding-bottom: 17px;
}

@media screen and (min-width: 600px) {
    .download__link .download__heading-inner, .download__meta, .download__link:visited .download__heading-inner {
        color: var(--link);
		font-size: 1.1rem;
    }
}

.download__cta {
    background-color: var(--quaternary);
}

.download {
	border-bottom: 2px solid var(--quaternary);
}

/* Hide submit events */
#content > div > div > div.aside.aside--sidebar > a {
	display: none;
}

/* Map */
@media only screen and (min-width: 1681px) {
    #locations-panel {
        width: 26.5em !important;
    }
}