@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
.wp-site-blocks {
overflow-y: inherit;
}
.wp-block-template-part:has(header) {
height: max-content;
position: sticky !important;
top: 0%;
z-index: 1000;
}
header {
height: 100%;
} .featured-image-header {
margin-block-start: 0 !important;
} .wp-block-button.is-style-outline .wp-element-button:hover {
color: var(--wp--preset--color--primary-dark) !important;
border-color: var(--wp--preset--color--primary-dark) !important;
}
.wp-block-button:not(.is-style-outline) .wp-element-button:hover {
background-color: var(--wp--preset--color--primary-dark) !important;
}  .featured-image-header {
min-height: 300px !important;
padding: unset;
}
.featured-image-header img,
.featured-image-header span {
max-height: 300px !important;
}
.featured-image-header h2 {
max-width: fit-content;
margin-top: 144px !important;
margin-left: unset !important;
margin-right: unset !important;
background-color: rgba(49, 49, 49, 0.75);
border-top-right-radius: 44px;
border-bottom-right-radius: 44px;
font-size: 44px;
font-weight: 700;
line-height: 44px; padding-left: calc((100vw - 1248px) / 2);
padding-right: calc((100vw - 1248px) / 2);
padding-top: 20px;
padding-bottom: 20px;
}
@media only screen and (max-width: 1260px) {
.featured-image-header h2 {
padding-left: 12px !important;
}
}  .wp-block-search {
position: relative;
height: 48px;
display: flex;
align-items: center;
background-color: white;
border: 2px solid white;
border-radius: 24px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.wp-block-search__inside-wrapper {
flex: 1;
display: flex;
align-items: center;
padding: 0 16px;
}
.wp-block-search__label {
display: none;
}
.wp-block-search__input {
flex: 1;
height: 100%;
border: none;
outline: none;
font-size: 16px;
padding: 0 8px;
background-color: transparent;
color: #333;
}
.wp-block-search__input::placeholder {
color: #aaa;
font-size: 14px;
}
.wp-block-search__button {
height: 100%;
padding: 0 16px;
background-color: transparent;
border: none;
color: #333;
cursor: pointer;
font-weight: 500;
font-size: 16px;
transition: all 0.3s ease;
visibility: hidden;
position: relative;
}
.wp-block-search__button::before {
content: "\f002";
font-family: FontAwesome;
position: absolute;
right: 0%;
visibility: visible;
padding-right: 30px;
}
.wp-block-search__button:hover {
color: #0073e6;
}
.wp-block-search__input:focus,
.wp-block-search__button:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(0, 115, 230, 0.3);
}  .wp-block-navigation__responsive-container-open {
vertical-align: middle;
display: inline-block;
}
.wp-block-navigation__responsive-container-open:hover {
color: var(--wp--preset--color--highlight);
}
.wp-block-navigation__responsive-container-open::after {
content: "\f0c9";
font-family: FontAwesome;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.wp-block-navigation__responsive-container {
width: 30%;
right: 0 !important;
left: unset !important;
text-align: right;
padding-right: 30px !important;
}
@media only screen and (max-width: 768px) {
.wp-block-navigation__responsive-container {
width: 70%;
}
}
html.has-modal-open:before {
content: '';
z-index: 10;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
background-size: cover;
}
.wp-block-navigation__responsive-container-close {
visibility: hidden;
position: relative;
}
.wp-block-navigation__responsive-container-close:hover {
color: var(--wp--preset--color--highlight);
}
.wp-block-navigation__responsive-container-close::before {
content: "\58";
font-family: FontAwesome;
position: absolute;
right: 0%;
visibility: visible;
} .image-button:hover .wp-block-cover__background {
background-color: #002544 !important;
cursor: pointer;
} summary {
list-style: none;
cursor: pointer;
position: relative;
width: fit-content;
} summary::after {
color: var(--wp--preset--color--highlight);
font-family: FontAwesome;
content: "\f078";
font-weight: 700;
padding-left: 10px;
}
details.wp-block-details {
border: 3px solid var(--wp--preset--color--primary-dark);
}
details {
overflow: hidden;
}
details {
padding-left: 16px;
padding-right: 16px;
padding-top: 36px;
position: relative;
}
details[open] {
padding-bottom: 16px;
}
details summary {
background-color: var(--wp--preset--color--primary-dark);
width: 100%;
margin-top: -36px !important;
margin-left: -16px;
padding-left: 16px;
padding-right: 16px;
color: white;
}
details[open] summary::after {
content: "\f077" !important;
} .quick-links .wp-block-navigation__responsive-container-open {
visibility: hidden;
position: relative;
}
.quick-links .wp-block-navigation__responsive-container-open::before {
visibility: visible;
content: "Quick Links";
position: absolute;
left: -70%;
}
.quick-links .wp-block-navigation__responsive-container-open::after {
visibility: visible;
} .gradient-section,
.section {
margin-block-start: unset !important;
}
.gradient-section {
z-index: 1;
min-height: 500px;
margin-top: unset;
}
.gradient-section .gradient-image-section {
height: 100%;
}
.gradient-section .gradient-image-section figure {
height: 100% !important;
}
.gradient-section .gradient-image-section img {
height: 100% !important;
z-index: -1;
position: relative;
width: 100%;
object-fit: cover;
}
.gradient-section {
position: relative;
z-index: revert-layer;
}
.gradient-section .gradient-image-section {
position: absolute;
z-index: -1;
min-height: 100%;
min-width: 50%;
}
.wp-block-template-part:has(header),
#scroll-to-top-area {
margin-block-start: 0 !important;
}
.gradient-section .gradient-image-section:last-child {
right: 0;
}
.gradient-section .gradient-image-section:first-child {
left: 0;
}
.gradient-section .gradient-content-section {
max-width: 35%;
}
@media only screen and (max-width: 768px) {
.gradient-section .gradient-image-section {
min-width: 100% !important;
}
.gradient-section .gradient-content-section {
max-width: 100%;
}
.gradient-section .gradient-image-section img {
filter: brightness(0.3);
}
.gradient-section.has-accent-gradient-left-gradient-background .gradient-image-section img,
.gradient-section.has-accent-gradient-right-gradient-background .gradient-image-section img,
.gradient-section.has-highlight-gradient-left-gradient-background .gradient-image-section img,
.gradient-section.has-highlight-gradient-right-gradient-background .gradient-image-section img {
filter: unset !important;
opacity: 0.3;
}
}
.gradient-content-section {
justify-content: center;
padding: 1.25em 2.375em !important;
}
.gradient-content-section {
flex-basis: auto !important;
width: 40% !important;
}
.gradient-image-section {
flex-basis: auto !important;
width: 60% !important;
}
.gradient-section .gradient-content-section:last-child {
padding-right: calc((100vw - 1248px) / 2) !important;
margin-left: auto;
}
.gradient-section .gradient-content-section:first-child {
padding-left: calc((100vw - 1248px) / 2) !important;
}
@media only screen and (max-width: 1248px) {
.gradient-section .gradient-content-section:last-child {
padding-right: 12px !important;
}
.gradient-section .gradient-content-section:first-child {
padding-left: 12px !important;
}
}  .navigation-tile {
position: relative;
overflow: hidden;
}
.navigation-tile:hover {
cursor: pointer;
}
.navigation-tile i,
.navigation-tile svg {
font-size: 40px !important;
height: 40px;
}
.navigation-tile * {
z-index: 10;
}
.navigation-tile:hover::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.15); pointer-events: none; z-index: 1;
}
.navigation-tile a {
text-decoration: none;
}  .statistic-tile {
width: 100%;
height: 100%;
}  .news-card {
display: flex;
padding: 16px;
height: 100%;
border: 3px solid white;
color: var(--wp--preset--color--text-dark);
gap: 12px;
}
.news-list a {
text-decoration: none;
}
.news-content {
flex: 1 0 50%;
}
.news-image {
flex: 1 0 50%;
padding-right: 10px;
box-sizing: border-box;
}
.news-image img {
height: 234px;
width: 100%;
object-fit: cover;
}
.news-card {
min-height: 245px;
box-shadow: 2px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.news-card .wp-block-heading {
margin: 0;
margin-bottom: 10px;
font-size: 20px;
line-height: 30px;
display: -webkit-box;
-webkit-line-clamp: 3; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.news-list a:hover .news-card {
border: 3px solid rgba(250, 137, 0, 1);
box-sizing: border-box;
}
.news-card p {
margin: 0;
font-size: 16px !important;
line-height: 19px;
display: -webkit-box;
-webkit-line-clamp: 4; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.search-filters-form {
display: flex;
margin-bottom: 10px;
}  .mobile-search {
display: none;
}
@media only screen and (max-width: 768px) {
header {
padding: 12px 20px !important;
}
.wp-block-navigation__responsive-container-open {
display: inline-flex;
align-items: baseline;
white-space: nowrap;
}
.mobile-search {
display: block;
}
.mobile-search button {
appearance: none;
font-size: 30px;
background: none;
border: none;
color: white;
}
header .wp-block-search {
display: none;
}
}  #scroll-to-top-button {
font-size: 1.25rem;
display: block;
position: fixed;
line-height: 100%;
bottom: 13%;
right: 0;
margin: 1em;
background-color: #FFF;
border: #003D71 0.125em solid;
color: #003D71;
border-radius: 100%;
padding: 0.5em;
z-index: 5;
}
#scroll-to-top-button:hover {
color: #002544;
border-color: #002544;
}
.simple-banner {
top: 0;
}
.section {
padding: 0;
}
.container-block {
padding: 12px 20px;
}
@media only screen and (min-width: 1254px) {
.section .container-block {
padding: unset !important;
}
}
footer {
position: relative;
padding: 12px 20px !important;
}
footer::after {
content: "";
position: absolute;
bottom: 0;
right: 0px;
width: 172px;
height: 172px;
background: url(//www.twfire.gov.uk/wp-content/themes/twfire-2025/assets/logo-cropped-for-footer.png) no-repeat;
background-size: contain;
opacity: 0.2;
pointer-events: none;
}
a {
text-decoration: underline;
}
footer a {
text-decoration: none;
}
footer a:hover {
text-decoration: underline !important;
}
.image-buttons a {
text-decoration: none;
}
.image-buttons .wp-block-cover {
min-height: 300px !important;
padding: unset;
}
.image-buttons .wp-block-coverimg,
.image-buttons .wp-block-cover span {
max-height: 300px !important;
}
.wp-block-navigation-link a,
.wp-block-navigation-item__content {
border-radius: 20px;
padding: 2px 12px !important;
}
.wp-block-navigation-link a:hover,
.wp-block-navigation-item__content:hover {
background: rgba(0, 0, 0, 0.3) !important;
background-color: rgba(0, 0, 0, 0.3) !important;
}
.search-page {
padding: 0 12px;
}
.search-page .wp-block-post .wp-block-post-title {
font-size: 24px;
}
.search-page .wp-block-post .wp-block-post-excerpt__excerpt {
font-size: 16px;
}
.search-page .wp-block-post {
cursor: pointer;
}
.search-page .wp-block-post .wp-block-group {
border: 3px solid white !important;
}
.search-page .wp-block-post:hover .wp-block-group {
border: 3px solid var(--wp--preset--color--highlight) !important;
}
.statistic-tile {
padding: 30px 20px;
}
.wp-block-navigation-submenu__toggle[aria-expanded="false"]~ul.wp-block-navigation__submenu-container {
display: none !important;
}
.wp-block-navigation-submenu__toggle[aria-expanded="false"]::after {
content: "\f078";
font-family: FontAwesome;
margin-left: 12px;
}
.wp-block-navigation-submenu__toggle[aria-expanded="true"]::after {
content: "\f077";
font-family: FontAwesome;
margin-left: 12px;
}
details summary::-webkit-details-marker {
display: none;
} .form-select {
--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
display: block;
width: 100%;
padding: .375rem 2.25rem .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: var(--bs-body-color);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: var(white);
background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
background-repeat: no-repeat;
background-position: right .75rem center;
background-size: 16px 12px;
border: var(--bs-border-width) solid var(--bs-border-color);
border-radius: var(--bs-border-radius);
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.fs-6 {
font-size: 1rem !important;
}
.news-filters {
display: flex;
flex-wrap: wrap;
gap: 24px;
align-items: last baseline;
margin-bottom: 12px;
}
.news-list {
padding: 12px 12px;
}
.hide-block .featured-image-header h2 {
display: none;
}
.hide-block .title-block {
display: none !important;
}
.entry-content,
.wp-block-template-part:has(footer) {
margin-block-start: 0px !important;
margin-block-end: 0px !important;
}
.card>.card-img {
border-radius: inherit;
}
.card {
position: relative;
height: 100%;
width: 100%;
}
.card-img {
height: 100%;
width: 100%;
}
.card>.card-img-overlay {
display: block;
position: absolute;
padding: 12px 10px;
width: 100%;
max-width: -webkit-fill-available;
right: 0;
left: 0;
bottom: 0;
background-color: #003d7190;
color: white;
}
.card:hover>.card-img-overlay {
display: block;
}
.staff-page .card {
cursor: pointer;
aspect-ratio: 25 / 33;
}
.staff-page .card-title {
font-size: 2rem;
margin-top: unset;
margin-bottom: 12px;
}
.staff-page .card-text {
font-size: 1.125rem;
}
.staff-page .modal-body {
font-size: 1rem;
}
.staff-page .modal-footer {
background-color: #FFF;
border-top: none;
}
.staff-page .card-img {
height: 100%;
object-fit: cover;
}
.staff-page .btn-close-white {
opacity: 1;
}
a {
word-wrap: break-word;
}
.featured-image-header h2,
.banner-block .wp-block-cover__inner-container .wp-block-group {
background: rgba(0, 61, 113, 85%) !important;
}
.navigation-tile {
height: 100%;
}
.title-block {
display: none;
}
.no-featured-image .title-block {
display: block;
}
.no-featured-image .featured-image-header {
display: none;
}
.staff-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
@media only screen and (max-width: 1200px) {
.staff-row {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 620px) {
.staff-row {
grid-template-columns: repeat(1, 1fr);
}
}
.modal__container {
margin-left: 20px;
margin-right: 20px;
}
.staff-col {
cursor: pointer;
}
.modal {
display: none;
}
.modal.is-open {
display: contents;
} .modal__overlay {
position: fixed;
z-index: 100000;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
}
.modal__container {
background-color: #fff;
max-width: 800px;
max-height: 80vh;
border-radius: 4px;
overflow-y: auto;
box-sizing: border-box;
}
.modal__header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px;
background-color: var(--wp--preset--color--secondary);
}
.modal__footer {
padding: 30px;
padding-top: 0px;
}
.modal__title {
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
font-size: 32px;
line-height: 1.25;
color: white;
box-sizing: border-box;
}
.modal__close {
background: transparent;
border: 0;
}
.modal__header .modal__close:before {
content: "\f00d";
font-family: FontAwesome;
color: white;
font-size: 32px;
}
.modal__content {
margin-top: unset;
margin-bottom: unset;
line-height: 1.5;
padding: 30px;
color: rgba(0, 0, 0, .8);
}
.modal__btn {
font-size: .875rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: .5rem;
padding-bottom: .5rem;
background-color: #e6e6e6;
color: rgba(0, 0, 0, .8);
border-radius: .25rem;
border-style: none;
border-width: 0;
cursor: pointer;
-webkit-appearance: button;
text-transform: none;
overflow: visible;
line-height: 1.15;
margin: 0;
will-change: transform;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform .25s ease-out;
transition: transform .25s ease-out;
transition: transform .25s ease-out, -webkit-transform .25s ease-out;
}
.modal__btn:focus,
.modal__btn:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.modal__btn-primary {
background-color: #00449e;
color: #fff;
}
.modal-profile-image {
float: left;
width: 50%;
margin-right: 20px;
} @keyframes mmfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mmfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes mmslideIn {
from {
transform: translateY(15%);
}
to {
transform: translateY(0);
}
}
@keyframes mmslideOut {
from {
transform: translateY(0);
}
to {
transform: translateY(-10%);
}
}
.micromodal-slide {
display: none;
}
.micromodal-slide.is-open {
display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
will-change: transform;
}
.wp-block-navigation-item__content {
text-align: right !important;
}
.wp-block-navigation__container {
padding-left: 12px !important;
}
.wp-block-table table {
overflow-x: scroll;
min-width: max-content;
}
@media only screen and (max-width: 768px) {
.wp-block-table table {
width: unset !important;
}
}
.navigation-tile {
box-shadow: var(--wp--preset--shadow--button);
}
.wp-block-navigation__container {
width: 100%;
}
header {
padding-top: 12px !important;
padding-bottom: 12px !important;
}