.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}:root {
--base-size: 16px;
--body-typeface: canada-type-gibson, sans-serif;
--display-typeface: museo-slab, serif;
--navy: hsl(235, 53%, 24%);
--navy--light: hsl(232, 54%, 89%);
--navy--dark: hsl(236, 53%, 20%);
--pink: hsl(328, 100%, 50%);
--pink--dark: hsl(328, 100%, 48%);
--orange: hsl(36, 100%, 58%);
--cyan: hsl(184, 81%, 46%);
--light-grey: #FBFBFB;
--mid-grey: #D9D9D9;
--dark-grey: #292929;
--white: #FFFFFF;
--small-radius: 3px;
--medium-radius: 10px;
--large-radius: 20px;
--extra-large-radius: 40px;
--drop-shadow-1: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
--drop-shadow-2: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
body {
--wp--preset--color--vivid-cyan-blue: var(--navy);
--wp--preset--color--pale-pink: var(--pink);
--wp--preset--color--pale-cyan-blue: var(--cyan);
--wp--preset--font-size--small: 0.875rem;
--wp--preset--font-size--medium: 1.125rem;
--wp--preset--font-size--large: 1.5rem;
--wp--preset--font-size--x-large: 2rem;
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html {
box-sizing: border-box;
font-size: 100%;
scroll-behavior: smooth;
}
body {
font-size: var(--base-size);
font-family: var(--body-typeface);
line-height: 1.25;
}
::selection {
background-color: var(--orange);
color: var(--navy);
}
*, *:before, *:after {
box-sizing: inherit;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
#back-to-top {
display: none;
position: fixed;
bottom: 1.5rem;
right: 1.5rem;
background-color: var(--orange);
border: 2px solid var(--orange);
color: var(--navy);
padding: 0.75rem 1rem;
border-radius: var(--medium-radius);
text-decoration: none;
font-weight: bold;
transition: opacity 0.3s;
z-index: 100;
}
#back-to-top:hover {
background-color: var(--cyan);
}
.hidden {
display: none;
}
.has-pale-cyan-blue-background-color {
background-color: var(--cyan);
}
h1 {
color: var(--navy);
font-family: var(--display-typeface);
margin-top: 2rem;
font-size: 1.75rem;
}
@media (min-width: 769px) {
h1 {
font-size: 2.25rem;
}
}
h1:first-child {
margin-top: 0;
}
h2 {
color: var(--navy);
font-family: var(--display-typeface);
margin-top: 2rem;
font-size: 1.5rem;
}
@media (min-width: 769px) {
h2 {
font-size: 1.75rem;
}
}
h2:first-child {
margin-top: 0;
}
h3 {
margin-top: 2rem;
font-size: 1.125rem;
}
h3:first-child {
margin-top: 0;
}
h4 {
margin-top: 2rem;
}
h4:first-child {
margin-top: 0;
}
p {
margin-top: 1.5rem;
font-size: 1rem;
line-height: 1.5;
}
@media (min-width: 769px) {
p {
font-size: 1.125rem;
}
}
p:first-child {
margin-top: 0;
}
ul, ol {
list-style-type: disc;
margin-top: 1.5rem;
font-size: 1rem;
line-height: 1.5;
margin-left: 1.5rem;
}
@media (min-width: 769px) {
ul, ol {
font-size: 1.125rem;
}
}
ul:first-child, ol:first-child {
margin-top: 0;
}
ul li, ol li {
margin-top: 0.5rem;
}
ul li::marker, ol li::marker {
font-weight: bold;
color: var(--pink);
}
ol {
list-style-type: decimal;
}
dl {
margin-top: 1.5rem;
font-size: 1rem;
line-height: 1.5;
}
dl:first-child {
margin-top: 0;
}
dl dt {
font-weight: bold;
margin-block-start: 0.5rem;
}
dl dt:first-child {
margin-block-start: 0;
}
a {
color: inherit;
}
h1, h2, h3, h4, h5 {
font-weight: bold;
}
h1 + *, h2 + *, h3 + *, h4 + *, h5 + * {
margin-top: 1rem;
}
strong, b {
font-weight: bold;
}
em, i {
font-style: italic;
}
sup {
vertical-align: super;
font-size: 0.75rem;
margin-left: 0.25rem;
}
.has-text-align-center {
text-align: center;
}
.has-pale-pink-color {
color: var(--pink);
}
.has-white-color {
color: var(--white);
}
p.has-large-font-size {
font-size: 1.5rem;
}
p.has-small-font-size {
font-size: 0.875rem;
}
.reduce-line-length {
max-width: 720px;
margin-inline: auto;
}
svg, img {
display: block;
max-width: 100%;
height: auto;
}
[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea,
select {
position: relative;
z-index: 1;
display: block;
appearance: none;
border: 2px solid var(--navy);
background-color: var(--white);
font-family: var(--body-typeface);
font-size: 1.125rem;
line-height: 1.25;
padding: 0.75rem 1rem;
color: var(--black);
border-radius: var(--small-radius);
width: 100%;
}
[type='color']:first-child, [type='date']:first-child, [type='datetime']:first-child, [type='datetime-local']:first-child, [type='email']:first-child, [type='month']:first-child, [type='number']:first-child, [type='password']:first-child, [type='search']:first-child, [type='tel']:first-child, [type='text']:first-child, [type='time']:first-child, [type='url']:first-child, [type='week']:first-child, input:not([type]):first-child, textarea:first-child,
select:first-child {
margin-top: 0;
}
[type='color']:focus, [type='color']:hover, [type='date']:focus, [type='date']:hover, [type='datetime']:focus, [type='datetime']:hover, [type='datetime-local']:focus, [type='datetime-local']:hover, [type='email']:focus, [type='email']:hover, [type='month']:focus, [type='month']:hover, [type='number']:focus, [type='number']:hover, [type='password']:focus, [type='password']:hover, [type='search']:focus, [type='search']:hover, [type='tel']:focus, [type='tel']:hover, [type='text']:focus, [type='text']:hover, [type='time']:focus, [type='time']:hover, [type='url']:focus, [type='url']:hover, [type='week']:focus, [type='week']:hover, input:not([type]):focus, input:not([type]):hover, textarea:focus, textarea:hover,
select:focus,
select:hover {
outline: none;
border-color: var(--pink);
z-index: 2;
}
select {
cursor: pointer;
background-image: url(../svg/down-arrow-navy.svg);
background-repeat: no-repeat;
background-position: center right 1rem;
padding-right: 3rem;
}
button, input[type='submit'] {
font-family: var(--body-typeface);
font-size: 1.125rem;
line-height: 1.25;
color: var(--navy);
padding: 0.75rem 3rem;
border-radius: var(--small-radius);
background-color: var(--orange);
border: 2px solid var(--orange);
display: inline-block;
font-weight: bold;
cursor: pointer;
}
button:hover, button:focus, input[type='submit']:hover, input[type='submit']:focus {
background-color: var(--white);
}
.field {
margin-block-start: 1.5rem;
display: grid;
gap: 0.5rem;
}
.field label {
font-weight: bold;
}
.field:first-child {
margin-block-start: 0;
}
.field--checkbox {        }
.field--checkbox label {
display: block;
position: relative;
padding-left: 30px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.field--checkbox label input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.field--checkbox .checkbox {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
}
.field--checkbox label:hover input ~ .checkbox {
background-color: #ccc;
}
.field--checkbox label input:checked ~ .checkbox {
background-color: var(--navy);
}
.field--checkbox .checkbox:after {
content: "";
position: absolute;
display: none;
}
.field--checkbox label input:checked ~ .checkbox:after {
display: block;
}
.field--checkbox label .checkbox:after {
left: 8px;
top: 4px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.site_header {
position: relative;
background-color: var(--navy);
padding: 1.5rem 0;
}
@media (min-width: 769px) {
.site_header {
padding: 2rem 0;
}
}
.site_header svg {
width: 100%;
}
.site_header__curve {
position: absolute;
z-index: 99;
padding-top: 5.46875%;
top: 100%;
width: 100%;
}
.site_header__curve svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
fill: var(--navy);
}
.site_header__content {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
.site_header__content .tra_logo {
flex-shrink: 0;
display: block;
width: 150px;
}
.site_footer {
background-color: var(--navy--dark);
background-image: url(../svg/navy-halftone.svg);
background-repeat: repeat-x;
background-position: center -0.5rem;
padding: 1.5rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1.5rem;
}
@media (min-width: 769px) {
.site_footer {
padding: 4rem;
gap: 4rem;
}
}
.site_footer__socials {
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style-type: none;
gap: 1rem;
}
.site_footer__partner_logos {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 1.75rem 4rem;
margin: 0;
}
.site_footer__navigation .menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.75rem 1.75rem;
margin: 0;
list-style-type: none;
font-size: 0.875rem;
}
.site_footer__navigation .menu-item {
margin: 0;
}
.site_footer__navigation .menu-item a {
color: var(--orange);
text-decoration: none;
}
.site_footer__navigation .menu-item a:hover,
.site_footer__navigation .menu-item a:focus {
text-decoration: underline;
}
.site_footer__small_print {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.75rem 1.75rem;
margin: 0;
list-style-type: none;
font-size: 0.75rem;
}
.site_footer__small_print li {
margin: 0;
color: var(--white);
}
.main_navigation {
display: none;
}
@media (min-width: 769px) {
.main_navigation {
display: block;
}
}
.main_navigation ul {
list-style: none;
margin: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
}
.main_navigation li {
margin: 0;
font-size: 1rem;
line-height: 1.25;
}
@media (min-width: 769px) {
.main_navigation li {
font-size: 1.125rem;
}
}
.main_navigation a {
display: block;
background-color: var(--navy);
padding: 0.5rem 0.75rem;
border-radius: var(--small-radius);
font-weight: 600;
text-decoration: none;
color: var(--white);
}
.main_navigation a:hover,
.main_navigation a:focus {
text-decoration: none;
background-color: var(--white);
color: var(--navy);
}
.main_navigation .current-menu-item a,
.main_navigation .current-menu-parent a,
.main_navigation .current-menu-ancestor a,
.main_navigation .current-page-ancestor a,
.main_navigation .current_page_parent a {
background-color: var(--cyan);
color: var(--navy);
text-decoration: none;
}
.full_navigation {
display: grid;
gap: 1.5rem;
background-color: var(--navy);
position: fixed;
z-index: 999;
padding: 2rem;
padding-right: 6rem;
transition: ease 0.5s all;
overflow: auto;
top: 0;
left: -400px;
width: 100%;
max-width: 400px;
height: 100%;
opacity: 0;
z-index: -1;    }
.full_navigation::-webkit-scrollbar {
width: 18px;
}
.full_navigation::-webkit-scrollbar-track {
background: var(--navy--dark);
}
.full_navigation::-webkit-scrollbar-thumb {
background: #293085;
border: 4px solid var(--navy--dark);
border-radius: 24px;
}
.full_navigation::-webkit-scrollbar-thumb:hover {
background: var(--cyan);
}
.full_navigation ul {
list-style: none;
margin: 0;
}
.full_navigation a {
color: var(--white);
text-decoration: none;
}
.full_navigation a:hover,
.full_navigation a:focus {
color: var(--cyan);
}
.full_navigation .menu {
margin: 0;
max-width: 300px;
}
.full_navigation .menu > .menu-item {
font-size: 1.5rem;
margin: 0;
}
.full_navigation .menu > .menu-item {
margin-block: 0.75rem;
display: block;
background-color: var(--navy);
border: 2px solid transparent;
padding: 0.5rem 0.75rem;
border-radius: var(--medium-radius);
font-weight: 600;
text-decoration: none;
color: var(--white);
}
.full_navigation .menu > .menu-item:first-child {
margin-block: 0;
}
.full_navigation .menu > .current-menu-item,
.full_navigation .menu > .current_page_parent {
background-color: var(--navy);
border-color: transparent;
color: var(--orange);
}
.full_navigation .menu > .current-menu-item a,
.full_navigation .menu > .current_page_parent a {
color: var(--white);
}
.full_navigation .menu > .current-menu-item a:hover,
.full_navigation .menu > .current-menu-item a:focus,
.full_navigation .menu > .current_page_parent a:hover,
.full_navigation .menu > .current_page_parent a:focus {
color: var(--cyan);
}
.full_navigation .menu > .current-menu-item > a,
.full_navigation .menu > .current_page_parent > a {
color: var(--orange);
}
.full_navigation .sub-menu {
margin-top: 0;
}
.full_navigation .sub-menu > .menu-item {
margin-block: 0.5rem;
font-weight: normal;
color: var(--navy);
}
.full_navigation .sub-menu > .current_page_item > a {
color: var(--orange);
}
.full_navigation--on {
left: 0;
z-index: 999;
opacity: 1;
-webkit-box-shadow: 0px 0px 0px 20000px rgba(0, 0, 0, 0.85);
-moz-box-shadow: 0px 0px 0px 20000px rgba(0, 0, 0, 0.85);
box-shadow: 0px 0px 0px 20000px rgba(0, 0, 0, 0.85);
}
.open_nav,
.close_nav {
position: relative;
width: 4rem;
height: 4rem;
appearance: none;
background-color: var(--orange);
text-indent: -9999px;
overflow: hidden;
border: 0;
cursor: pointer;
padding: 0;
border-radius: var(--small-radius) 0 0 var(--small-radius);
flex-shrink: 0;
}
.open_nav:hover, .open_nav:focus,
.close_nav:hover,
.close_nav:focus {
background-color: var(--cyan);
}
.open_nav span,
.close_nav span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 4px;
width: 2rem;
border-radius: 2px;
background-color: var(--navy);
}
.open_nav span:before,
.close_nav span:before {
content: '';
position: absolute;
top: -0.75rem;
left: 0;
height: 4px;
width: 2rem;
border-radius: 2px;
background-color: var(--navy);
}
.open_nav span:after,
.close_nav span:after {
content: '';
position: absolute;
bottom: -0.75rem;
left: 0;
height: 4px;
width: 1.5rem;
border-radius: 2px;
background-color: var(--navy);
}
.close_nav {
position: absolute;
top: 2rem;
right: 0;
z-index: 9999;
}
.close_nav span {
background-color: transparent;
}
.close_nav span:before {
content: '';
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.close_nav span:after {
content: '';
top: 50%;
left: 50%;
width: 2rem;
transform: translate(-50%, -50%) rotate(-45deg);
}
.one_column_page {
width: 100%;
background-color: var(--white);
padding: 1.5rem;
padding-block: calc(5.46875% + 1.5rem);
max-width: 720px;
margin-inline: auto;
}
@media (min-width: 961px) {
.one_column_page {
padding: 3rem;
padding-block: calc((5.46875%) + 1.5rem);
}
}
.two_column_page {
width: 100%;
display: grid;
grid-template-columns: 1fr;
}
@media (min-width: 961px) {
.two_column_page {
grid-template-columns: 2fr 1fr;
grid-template-areas: 'main sidebar';
}
}
.two_column_page main {
background-color: var(--white);
padding: 1.5rem;
padding-block-end: calc(5.46875% + 1.5rem);
}
@media (min-width: 961px) {
.two_column_page main {
padding: 3rem;
padding-block-end: calc((5.46875% * 1.5) + 3rem);
grid-area: main;
}
}
.two_column_page aside {
position: relative;
background-color: var(--cyan);
padding: 1.5rem;
padding-block-end: calc(5.46875% + 1.5rem);
}
@media (min-width: 961px) {
.two_column_page aside {
padding: 3rem;
padding-block-end: calc((5.46875% * 3) + 3rem);
grid-area: sidebar;
}
}
@media (min-width: 961px) {
.two_column_page aside:before {
content: '';
position: absolute;
top: 0;
left: -22px;
width: 44px;
height: 145px;
background-color: var(--orange);
mix-blend-mode: multiply;
}
.two_column_page aside:after {
content: '';
position: absolute;
bottom: 0;
left: -22px;
width: 44px;
height: 100px;
background-color: var(--pink);
mix-blend-mode: multiply;
}
}
.site_header + .two_column_page main {
padding-block: calc(5.46875% + 1.5rem);
}
@media (min-width: 961px) {
.site_header + .two_column_page main {
padding-block: calc((5.46875% * 1.5) + 3rem);
}
}
.site_header + .two_column_page aside {
padding-block: calc(5.46875% + 1.5rem);
}
@media (min-width: 961px) {
.site_header + .two_column_page aside {
padding-block: calc((5.46875% * 3) + 3rem);
}
}
.two_column_page__content {
max-width: 620px;
margin: auto;
}
.two_column_page__content--wide {
max-width: 960px;
}
.two_column_page__sidebar {
max-width: 620px;
margin: auto;
}
@media (min-width: 961px) {
.two_column_page__sidebar {
max-width: 300px;
margin: 0;
}
}
.top_level_page_head {
width: 100%;
display: grid;
grid-template-columns: 1fr;
background-color: var(--cyan);
padding: 4rem 1.5rem;
padding-top: 5.46875%;
padding-block-start: calc(5.46875% + 1.5rem);
gap: 1.5rem;
}
@media (min-width: 961px) {
.top_level_page_head {
grid-template-columns: 2fr 1fr;
grid-template-areas: 'main sidebar';
padding-block-start: calc(5.46875% + 4rem);
gap: 3rem;
}
}
.top_level_page_head__intro {
display: flex;
}
@media (min-width: 961px) {
.top_level_page_head__intro {
grid-area: main;
}
}
.top_level_page_head__intro > div {
width: 100%;
max-width: 620px;
margin: auto;
}
.top_level_page_head__navigation {
position: relative;
}
@media (min-width: 961px) {
.top_level_page_head__navigation {
grid-area: sidebar;
}
}
.top_level_page_head__navigation > div {
max-width: 620px;
margin: auto;
}
@media (min-width: 961px) {
.top_level_page_head__navigation > div {
max-width: 300px;
margin: 0;
}
}
.top_level_page_content {
padding-block-end: 5.46875%;
}
@media (min-width: 961px) {
.top_level_page_content {
padding-block-end: 5.46875%;
}
}
.mailing_list_block {
position: relative;
background-color: var(--navy);
padding: 1.5rem 0;
}
@media (min-width: 769px) {
.mailing_list_block {
padding: 2rem 0;
}
}
.mailing_list_block svg {
width: 100%;
}
.mailing_list_block__curve {
position: absolute;
z-index: 99;
padding-top: 5.46875%;
bottom: calc(100% - 1px);
width: 100%;
}
.mailing_list_block__curve svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
fill: var(--navy);
}
.mailing_list_block__content {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 1.5rem;
gap: 1.5rem;
}
@media (min-width: 769px) {
.mailing_list_block__content {
padding: 2rem;
gap: 2rem;
flex-wrap: nowrap;
}
}
.mailing_list_block__content > * {
flex: 0 1 460px;
color: var(--white);
}
.mailing_list_block__content h2 {
color: var(--white);
}
.front_page_hero_bg {
padding: 4rem 1.5rem;
padding-block-start: calc(5.46875% + 1.5rem);
background-color: var(--pink--dark);
background-image: url(../svg/pink-halftone.svg);
background-repeat: repeat-x;
background-position: center bottom;
overflow: clip;
}
@media (min-width: 721px) {
.front_page_hero_bg {
padding: 4rem;
}
}
.front_page_hero {
display: grid;
grid-template-columns: minmax(0, 1fr);
align-items: center;
gap: 1.5rem;
max-width: 1080px;
margin-inline: auto;
}
@media (min-width: 721px) {
.front_page_hero {
gap: 3rem;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.front_page_hero__text {
background-color: var(--white);
box-shadow: var(--drop-shadow-1);
border-radius: var(--extra-large-radius);
padding: 1.5rem;
gap: 1.5rem;
}
@media (min-width: 769px) {
.front_page_hero__text {
padding: 2rem;
}
}
.front_page_hero__image {
display: none;
}
.front_page_hero__image img {
margin: auto;
}
@media (min-width: 451px) {
.front_page_hero__image {
display: block;
}
}
.post_index {
max-width: 620px;
margin: auto;
padding: 1.5rem;
padding-block: calc(5.46875% + 1.5rem);
}
@media (min-width: 769px) {
.post_index {
max-width: 1080px;
}
}
.post_index .search_form form {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 1rem;
}
.post_index .search_form .field {
flex: 30% 1 1;
margin: 0;
}
.post_index__grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
margin-top: 1.5rem;
}
@media (min-width: 769px) {
.post_index__grid {
margin-top: 3rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 3rem;
max-width: 1080px;
}
.post_index__grid .pagination {
grid-column: span 3;
}
}
@media (min-width: 769px) {
.post_index__grid .card--large {
grid-column: span 2;
}
}
.post_show__header time {
display: block;
font-size: 1rem;
font-weight: bold;
line-height: 1.5;
}
@media (min-width: 769px) {
.post_show__header time {
font-size: 1.125rem;
}
}
.post_show__content {
margin-top: 1.5rem;
}
.book_search_index {
background-color: var(--cyan);
padding: 4rem 1.5rem;
padding-top: 5.46875%;
padding-block: calc(5.46875% + 1.5rem);
}
@media (min-width: 961px) {
.book_search_index {
padding: 4rem;
padding-block: calc(5.46875% + 4rem);
}
}
.book_search_index__form form input[type='text']:focus,
.book_search_index__form form input[type='text']:hover {
border-color: var(--navy);
}
.book_search_index__form form button:focus,
.book_search_index__form form button:hover {
background-color: var(--cyan);
border-color: var(--navy);
}
.book_search_index__results {
max-width: 960px;
margin-inline: auto;
display: grid;
gap: 1.5rem;
}
@media (min-width: 721px) {
.book_search_index__results {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.book_search_index__results .book_card {
border-color: var(--white);
transition: ease 0.25s scale;
}
.book_search_index__results .book_card:hover {
scale: 1.025;
box-shadow: var(--drop-shadow-2);
}
.book_search_index__breadcrumbs {
max-width: 960px;
margin-inline: auto;
margin-block-start: 4rem;
}
.book_search_index__breadcrumbs .breadcrumbs span {
justify-content: center;
}
.book_search_index__breadcrumbs .breadcrumbs span:after {
background-image: url(../svg/left-arrow-white.svg);
}
.book_show {
max-width: 620px;
margin: auto;
display: grid;
grid-template-columns: minmax(0, 1fr);
padding: 1.5rem;
padding-block: calc(5.46875% + 1.5rem);
gap: 1.5rem;
}
@media (min-width: 961px) {
.book_show {
max-width: 820px;
grid-template-columns: 200px minmax(0, 1fr);
padding: 3rem;
gap: 3rem;
padding-block: calc(5.46875% + 3rem);
}
}
.book_show__cover {
grid-row: span 2;
}
.book_show__cover img {
position: sticky;
top: 3rem;
box-shadow: var(--drop-shadow-2);
}
.book_show__info .book_title {
color: var(--pink);
text-wrap: pretty;
}
.book_show__info .authors {
margin-block: 0.75rem;
font-size: 1.5rem;
}
.book_show__info .description {
font-size: 1rem;
}
.book_show__info .rating {
margin-block: 1rem;
}
.book_show__info .book_stickers {
margin-block-start: 1rem;
display: flex;
list-style-type: none;
gap: 1rem;
flex-wrap: wrap;
}
.book_show__info .book_stickers li {
flex: 0 1 6rem;
}
@media (min-width: 961px) {
.book_show__breadcrumbs {
grid-column: span 2;
}
}
.programme_index_grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
max-width: 620px;
margin: auto;
margin-top: 1.5rem;
}
@media (min-width: 641px) {
.programme_index_grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 3rem;
max-width: 1080px;
}
}
@media (min-width: 941px) {
.programme_index_grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 641px) {
.programme_index_grid__filter {
grid-column: span 2;
}
}
@media (min-width: 941px) {
.programme_index_grid__filter {
grid-column: span 3;
}
}
.programme_hero {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
background-color: var(--cyan);
padding: 4rem 1.5rem;
padding-top: calc(5.46875% + 4rem);
gap: 1.5rem;
}
@media (min-width: 961px) {
.programme_hero {
gap: 3rem;
}
}
.programme_hero figure {
max-width: 320px;
}
.programme_hero--reading-friends {
background-color: var(--pink);
}
.programme_hero--reading-friends figure {
max-width: 280px;
}
.programme_hero--world-book-night {
background: linear-gradient(180deg, #023760 0%, #012851 100%);
background: url(../png/wbn-stars-left.png), url(//readingagency.org.uk/wp-content/themes/tra/assets/backgrounds/wbn-stars-right.png), linear-gradient(180deg, #023760 0%, #012851 100%);
background-repeat: no-repeat;
background-position: bottom 30% left 10%, top 30% right 10%, center;
padding-top: calc(5.46875%);
}
.programme_hero--world-book-night figure {
max-width: 260px;
}
.programme_hero--reading-well {
background-color: var(--pink);
background: url(../png/reading-well-bg-texture.png);
background-size: cover;
background-attachment: fixed;
}
.programme_hero--reading-well figure {
max-width: 260px;
}
.programme_hero--book-club-hub {
background-color: var(--navy--dark);
}
.programme_hero--summer-reading-challenge,
.programme_hero--winter-mini-challenge {
background-color: var(--pink);
}
@media (min-width: 851px) {
.programme_hero--summer-reading-challenge,
.programme_hero--winter-mini-challenge {
padding-top: calc(5.46875%);
}
}
.programme_hero--summer-reading-challenge figure,
.programme_hero--winter-mini-challenge figure {
max-width: 260px;
}
.programme_hero--chatter-books {
background-color: var(--pink);
}
.programme_hero--chatter-books figure {
max-width: 480px;
}
.programme_hero--quick-reads figure {
max-width: 220px;
}
.programme_hero--reading-ahead figure {
max-width: 220px;
}
.programme_hero--reading-sparks {
padding-block: 1rem;
background-color: #f8a913;
}
.programme_hero--reading-sparks figure {
max-width: 800px;
}
.programme_hero--big-sporting-read {
padding-top: 0;
background: #5acbc3;
background: url(../png/big-sporting-read-bg.png), linear-gradient(90deg, #5acbc3 25%, #ea028c 75%);
background-repeat: no-repeat;
background-position: top center;
background-size: 700px, cover;
}
.programme_hero--the-big-give-2024-turning-the-page {
background: url(../png/turning-the-page-bg-texture.png);
}
@media (min-width: 961px) {
.programme_hero--the-big-give-2024-turning-the-page {
padding-top: 5.46875%;
}
}
.programme_hero--reading-families figure {
max-width: 400px;
}
@media (min-width: 961px) {
.programme_hero--reading-families {
padding-top: calc(5.46875%  + 1rem);
}
}
.programme_hero--big-tasty-read {
background: #FFF6E3;
background: url(../png/big-tasty-read.png), linear-gradient(135deg, #fff6e3 0%, #ffdf88 49%, #ff832a 100%);
background-size: cover;
}
@media (min-width: 961px) {
.programme_hero--big-tasty-read {
padding-top: calc(5.46875%  + 0rem);
}
}
.programme_hero--big-tasty-read figure {
max-width: 350px;
}
.programme_hero--road-to-reading {
background: url(../png/road-to-reading-clouds.png), url(//readingagency.org.uk/wp-content/themes/tra/assets/backgrounds/road-to-reading-bg.png);
background-size: 600px, cover;
background-repeat: no-repeat, repeat-x;
background-position: center;
}
@media (min-width: 961px) {
.programme_hero--road-to-reading {
padding-top: calc(5.46875%  + 0rem);
}
}
.programme_hero--road-to-reading figure {
max-width: 450px;
}
.search_results {
display: grid;
gap: 1.5rem;
}
.booklist_hero {
background-color: var(--pink);
padding: 1.5rem;
padding-block-start: calc(5.46875% + 1.5rem);
}
@media (min-width: 961px) {
.booklist_hero {
padding: 3rem;
padding-block-start: calc(5.46875% + 3rem);
}
}
.error_page {
background-color: var(--pink);
width: 100%;
padding: 1.5rem;
padding-block: calc(5.46875% + 1.5rem);
}
@media (min-width: 961px) {
.error_page {
padding: 4rem;
padding-block: calc(5.46875% + 4rem);
}
}
.error_page__content {
max-width: 480px;
margin-inline: auto;
border-radius: var(--large-radius);
padding: 1.5rem;
background-color: var(--white);
box-shadow: var(--drop-shadow-1);
}
@media (min-width: 769px) {
.error_page__content {
padding: 2rem;
border-radius: var(--extra-large-radius);
}
}
.library_finder {
background-color: var(--white);
border: 3px solid var(--pink);
padding: 2rem;
border-radius: var(--extra-large-radius);
margin-block-start: 1.5rem;
}
.library_finder:first-child {
margin-block-start: 0;
}
.library_finder form {
display: flex;
align-items: flex-end;
gap: 1rem;
flex-wrap: wrap;
}
.library_finder .field {
flex-grow: 1;
}
.library_finder__results {
margin-block-start: 1.5rem;
}
.library_card {
border-top: 3px solid var(--cyan);
padding-block-start: 1.5rem;
margin-block-start: 1.5rem;
}
.library_card:first-child {
border-top: 0;
padding-block-start: 0;
margin-block-start: 0;
}
.library_card p {
margin-block-start: 0.75rem;
}
.library_card a {
font-weight: bold;
color: var(--navy);
text-decoration: none;
}
.library_card a:hover,
.library_card a:focus {
text-decoration: underline;
}
.resources_grid {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1.5rem;
margin-block-start: 1.5rem;
}
@media (min-width: 769px) {
.resources_grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.reading_friends_archive {
max-width: 620px;
margin: auto;
padding: 1.5rem;
padding-block: calc(5.46875% + 1.5rem);
}
.sub_navigation {
background-color: var(--white);
border-radius: var(--extra-large-radius);
padding: 2rem;
box-shadow: var(--drop-shadow-1);
}
.sub_navigation ul {
list-style: none;
margin: 0;
}
.sub_navigation a {
color: var(--navy);
text-decoration: none;
}
.sub_navigation a:hover,
.sub_navigation a:focus {
color: var(--pink);
}
.sub_navigation .menu {
margin: 0;
}
.sub_navigation .menu > .menu-item {
margin: 0;
}
.sub_navigation .menu > .menu-item {
margin-block: 0.75rem;
display: block;
border: 2px solid var(--navy--light);
padding: 0.5rem 0.75rem;
border-radius: var(--medium-radius);
font-weight: 600;
text-decoration: none;
}
.sub_navigation .menu > .menu-item:first-child {
margin-block: 0;
}
.sub_navigation .menu > .current-menu-item,
.sub_navigation .menu > .current_page_parent {
background-color: var(--navy);
border-color: var(--navy);
color: var(--orange);
}
.sub_navigation .menu > .current-menu-item a,
.sub_navigation .menu > .current_page_parent a {
color: var(--white);
}
.sub_navigation .menu > .current-menu-item a:hover,
.sub_navigation .menu > .current-menu-item a:focus,
.sub_navigation .menu > .current_page_parent a:hover,
.sub_navigation .menu > .current_page_parent a:focus {
color: var(--cyan);
}
.sub_navigation .menu > .current-menu-item > a,
.sub_navigation .menu > .current_page_parent > a {
color: var(--orange);
}
.sub_navigation .sub-menu {
margin-top: 0;
}
.sub_navigation .sub-menu > .menu-item {
margin-block: 0.5rem;
font-weight: normal;
color: var(--navy);
}
.sub_navigation .sub-menu > .current_page_item > a,
.sub_navigation .sub-menu > .current-menu-item > a {
color: var(--orange);
}
.sub_navigation .menu > .hidden {
display: none;
}
.sub_navigation button {
width: 100%;
background-color: transparent;
border: 0;
}
.sub_navigation button:before {
content: '+';
}
.breadcrumbs {
margin-block: 1.5rem;
}
.breadcrumbs span {
font-size: 1rem;
display: block;
}
.breadcrumbs > span {
display: flex;
flex-wrap: wrap;
gap: 1rem 2rem;
}
.breadcrumbs span:last-child:after {
content: none;
}
.breadcrumbs span {
position: relative;
}
.breadcrumbs span:after {
content: '';
position: absolute;
background-image: url(../svg/left-arrow-navy.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
right: -1.5rem;
top: 50%;
transform: translateY(-50%);
width: 0.875rem;
height: 1rem;
}
.breadcrumbs a {
font-weight: bold;
text-decoration: none;
color: var(--navy);
}
.breadcrumbs a:hover,
.breadcrumbs a:focus {
text-decoration: underline;
}
.card_container {
container-type: inline-size;
container-name: card_container;
}
.card_container .card {
width: 100%;
height: 100%;
}
.card {
display: grid;
align-content: start;
background-color: var(--white);
box-shadow: var(--drop-shadow-1);
border-radius: var(--extra-large-radius);
padding: 1.5rem;
gap: 1.5rem;
}
@media (min-width: 401px) {
.card {
grid-template-columns: 100px 1fr;
}
}
.card__image img {
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: var(--large-radius);
}
@media (min-width: 401px) {
.card__image img {
aspect-ratio: 1 / 1;
}
}
.card__text time {
font-size: 0.875rem;
font-weight: bold;
}
.card__text time .featured {
background-color: var(--orange);
color: var(--navy);
padding: 0.25rem 0.5rem;
border-radius: var(--small-radius);
margin-right: 0.5rem;
}
.card__text h1, .card__text h2, .card__text h3, .card__text h4 {
font-size: 1.25rem;
margin-top: 0.75rem;
color: var(--navy);
}
.card__text p, .card__text ul {
font-size: 1rem;
margin-top: 0.75rem;
overflow-wrap: anywhere;
}
.card__text ul {
list-style-type: none;
display: flex;
flex-wrap: wrap;
margin-left: 0;
gap: 0.5rem;
}
.card__text li {
margin: 0;
}
.card__text a {
text-decoration: none;
color: inherit;
}
.card__text a:hover,
.card__text a:focus {
text-decoration: underline;
}
.card__text :first-child {
margin-top: 0;
}
@container card_container (max-width: 400px) {
.card {
grid-template-columns: 1fr;
}
.card__image img {
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: var(--large-radius);
}
}
.card--large {
grid-template-columns: 1fr;
}
.card--large .card__image img {
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: var(--large-radius);
}
.card--outline {
border: 3px solid var(--pink);
}
.stat_card_container {
container-type: inline-size;
container-name: card_container;
}
.stat_card {
background-color: var(--cyan);
box-shadow: var(--drop-shadow-1);
border-radius: var(--extra-large-radius);
padding: 1.5rem;
aspect-ratio: 1 / 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
height: 100%;
width: 100%;
}
@media (min-width: 769px) {
.stat_card {
padding: 2rem;
}
}
.stat_card__text {
color: var(--navy);
text-align: center;
}
.stat_card__text :first-child {
margin-top: 0;
}
.stat_card__text h1, .stat_card__text h2, .stat_card__text h3, .stat_card__text h4 {
font-size: 1.25rem;
margin-top: 0.75rem;
color: var(--navy);
}
.stat_card__text a {
text-decoration: none;
color: inherit;
}
.stat_card__text a:hover,
.stat_card__text a:focus {
text-decoration: underline;
}
@container card_container (max-width: 300px) {
.stat_card {
padding: 1rem;
gap: 1rem;
}
.stat_card__text p {
font-size: 1rem;
margin-top: 0.75rem;
color: var(--navy);
}
}
.book_card {
display: grid;
align-content: start;
background-color: var(--white);
border: 2px solid var(--pink);
border-radius: var(--large-radius);
padding: 1.5rem;
gap: 1.5rem;
grid-template-columns: 25% 1fr;
height: 100%;
}
@media (min-width: 769px) {
.book_card {
padding: 2rem;
gap: 2rem;
border-radius: var(--extra-large-radius);
}
}
.book_card__cover {
flex: 100px 1 1;
}
.book_card__text h3 {
font-family: var(--display-typeface);
font-size: 1.25rem;
color: var(--navy);
}
@media (min-width: 1401px) {
.book_card__text h3 {
font-size: 1.75rem;
}
}
.book_card__text a {
text-decoration: none;
}
.book_card__text a:hover,
.book_card__text a:focus {
text-decoration: underline;
}
.book_card__text p {
font-weight: bold;
font-size: 1rem;
}
@media (min-width: 1401px) {
.book_card__text p {
font-size: 1.25rem;
}
}
.book_card__text .rating {
margin-top: 1rem;
}
.review_card {
border: 2px solid var(--pink);
border-radius: var(--large-radius);
padding: 2rem;
margin-block-start: 1.5rem;
}
.review_card__body p {
font-size: 1rem;
}
.review_card__meta {
margin-block-start: 1.5rem;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
.review_card__meta time {
font-size: 0.875rem;
font-weight: bold;
}
.icon {
display: block;
text-indent: -9999px;
overflow: hidden;
width: 3rem;
height: 3rem;
border-radius: var(--medium-radius);
background-color: var(--pink);
background-repeat: no-repeat;
background-position: center;
transition: ease 0.5s all;
}
.icon:hover, .icon:focus {
background-color: var(--cyan);
}
.icon--twitter {
background-image: url(../svg/twitter.svg);
}
.icon--facebook {
background-image: url(../svg/facebook.svg);
}
.icon--instagram {
background-image: url(../svg/instagram.svg);
}
.icon--youtube {
background-image: url(../svg/youtube.svg);
}
.icon--linkedin {
background-image: url(../svg/linkedin.svg);
}
.latest_posts_grid {
position: relative;
display: grid;
grid-auto-flow: column;
grid-auto-columns: 90%;
max-width: 1080px;
gap: 1.5rem;
overflow-x: auto;
overscroll-behavior-inline: contain;
scroll-snap-type: inline mandatory;
scroll-padding-inline: 1rem;
padding: 1.5rem;
margin: -1.5rem;
margin-top: 0;
}
@media (min-width: 769px) {
.latest_posts_grid {
gap: 3rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: initial;
grid-auto-columns: auto;
padding: 0;
margin-inline: auto;
margin-block: 1.5rem;
overflow-x: visible;
}
.latest_posts_grid:before {
content: '';
background-image: url(../svg/radius-top-left-pink.svg);
width: 50px;
height: 50px;
position: absolute;
top: -0.75rem;
left: -0.75rem;
}
.latest_posts_grid:after {
content: '';
background-image: url(../svg/radius-bottom-right-cyan.svg);
width: 50px;
height: 50px;
position: absolute;
bottom: -0.75rem;
right: -0.75rem;
}
}
.latest_posts_grid > * {
scroll-snap-align: center;
}
.latest_posts_grid--1 {
grid-auto-columns: auto;
}
@media (min-width: 769px) {
.latest_posts_grid--1 {
grid-template-columns: 1fr;
}
}
@media (min-width: 769px) {
.latest_posts_grid--3 {
grid-template-columns: 1fr 1fr;
}
.latest_posts_grid--3 > :first-child {
grid-row: span 2;
}
.latest_posts_grid--3 > :first-child .card {
grid-template-columns: 1fr;
}
.latest_posts_grid--3 > :first-child .card__image img {
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: var(--large-radius);
}
}
.stats_grid {
position: relative;
display: grid;
grid-auto-flow: column;
grid-auto-columns: 90%;
max-width: 1080px;
gap: 1.5rem;
overflow-x: auto;
overscroll-behavior-inline: contain;
scroll-snap-type: inline mandatory;
scroll-padding-inline: 1rem;
padding: 1.5rem;
margin: -1.5rem;
margin-top: 0;
}
@media (min-width: 769px) {
.stats_grid {
grid-template-columns: 1fr 1fr;
grid-auto-flow: initial;
grid-auto-columns: auto;
padding: 0;
margin-inline: auto;
margin-block: 1.5rem;
overflow-x: visible;
}
.stats_grid:before {
content: '';
background-image: url(../svg/radius-top-left-pink.svg);
width: 50px;
height: 50px;
position: absolute;
top: -0.75rem;
left: -0.75rem;
}
.stats_grid:after {
content: '';
background-image: url(../svg/radius-bottom-right-cyan.svg);
width: 50px;
height: 50px;
position: absolute;
bottom: -0.75rem;
right: -0.75rem;
}
}
.stats_grid > * {
scroll-snap-align: center;
}
@media (min-width: 769px) {
.stats_grid--3 {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 769px) {
.stats_grid--6 {
grid-template-columns: 1fr 1fr 1fr;
}
}
.booklist_container {
width: 100%;
display: flex;
justify-content: center;
margin-block: 1.5rem;
}
.booklist {
margin: auto;
display: flex;
gap: 1rem;
overflow-x: auto;
overscroll-behavior-inline: contain;
scroll-snap-type: inline mandatory;
scroll-padding-inline: 1rem;
padding: 1.5rem;
margin: -1.5rem;
}
.booklist > * {
scroll-snap-align: center;
}
.booklist__item {
--max-height: 160px;
height: var(--max-height);
flex: 0 0 auto;
}
.booklist__item img {
height: var(--max-height);
box-shadow: var(--drop-shadow-2);
transition: ease 0.25s all;
width: auto;
}
@media (min-width: 961px) {
.booklist__item {
--max-height: 200px;
}
}
@media (min-width: 1201px) {
.booklist__item {
--max-height: 260px;
}
}
.booklist__item a:hover img {
transform: scale(1.05);
}
.event_index {
display: grid;
gap: 1.5rem;
margin-block-start: 1.5rem;
}
@media (min-width: 769px) {
.event_index {
grid-template-columns: 1fr 1fr;
}
.event_index .pagination {
grid-column: span 2;
}
}
.rating {
display: flex;
gap: 1rem;
align-items: center;
flex-wrap: wrap;
}
.rating a {
font-size: 1rem;
font-weight: bold;
text-decoration: none;
color: inherit;
}
.rating__stars {
display: flex;
gap: 0.25rem;
}
.rating__stars svg {
fill: var(--mid-grey);
}
.rating__stars--1 svg:nth-child(-n+1) {
fill: var(--orange);
}
.rating__stars--2 svg:nth-child(-n+2) {
fill: var(--orange);
}
.rating__stars--3 svg:nth-child(-n+3) {
fill: var(--orange);
}
.rating__stars--4 svg:nth-child(-n+4) {
fill: var(--orange);
}
.rating__stars--5 svg:nth-child(-n+5) {
fill: var(--orange);
}
.pagination .nav-links {
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
}
.pagination span, .pagination a {
display: inline-block;
font-size: 1rem;
line-height: 1.25;
color: var(--navy);
padding: 0.5rem 0.75rem;
border-radius: var(--small-radius);
background-color: var(--mid-grey);
border: 2px solid var(--mid-grey);
display: inline-block;
font-weight: bold;
}
.pagination a {
text-decoration: none;
background-color: var(--orange);
border: 2px solid var(--orange);
}
.pagination a:hover, .pagination a:focus {
background-color: var(--white);
}
.pagination .page-numbers.dots {
background-color: transparent;
border-color: transparent;
}
.resources_pagination {
margin-block-start: 1.5rem;
}
.resources_pagination .pagination {
margin: 0;
list-style-type: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
}
.resources_pagination .pagination li {
margin: 0;
}
.resources_pagination .pagination .active a {
display: inline-block;
font-size: 1rem;
line-height: 1.25;
color: var(--navy);
padding: 0.5rem 0.75rem;
border-radius: var(--small-radius);
background-color: var(--mid-grey);
border: 2px solid var(--mid-grey);
display: inline-block;
font-weight: bold;
}
.related_programmes {
margin-block-start: 3rem;
background-color: var(--white);
box-shadow: var(--drop-shadow-1);
border-radius: var(--extra-large-radius);
padding: 1.5rem;
}
@media (min-width: 401px) {
.related_programmes {
padding: 2rem;
}
}
.related_programmes:first-child {
margin-block-start: 0;
}
.related_programmes__title {
color: var(--pink);
}
.related_programmes__list {
list-style-type: none;
margin-left: 0;
}
.related_programmes__list li {
margin-block-start: 1.5rem;
}
.related_programmes__list img {
border-radius: var(--medium-radius);
overflow: clip;
}
.related_programmes__list h3 {
color: var(--navy);
margin-block-start: 0.75rem;
}
.related_programmes__list p {
font-size: 1rem;
margin-block-start: 0.75rem;
}
.related_programmes__list .wp-block-buttons {
margin-block-start: 0.75rem;
}
.search_form {
background-color: var(--white);
box-shadow: var(--drop-shadow-1);
border-radius: var(--extra-large-radius);
padding: 1.5rem;
}
@media (min-width: 401px) {
.search_form {
padding: 2rem;
}
}
.search_form_mini {
display: flex;
margin-block: 1.5rem;
}
.search_form_mini:first-child {
margin-block: 0;
}
.search_form_mini input[type='text'] {
border-color: var(--orange);
border-right: 0;
border-radius: var(--medium-radius) 0 0 var(--medium-radius);
}
.search_form_mini input[type='text']:focus,
.search_form_mini input[type='text']:hover {
border-color: var(--cyan);
}
.search_form_mini button {
width: 3.5rem;
height: 3.5rem;
flex: 3.5rem 0 0;
padding: 0;
aspect-ratio: 1 / 1;
border-radius: 0 var(--medium-radius) var(--medium-radius) 0;
overflow: hidden;
text-indent: -9999px;
background-image: url(../svg/search.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
}
.search_form_mini button:focus,
.search_form_mini button:hover {
background-color: var(--cyan);
border-color: var(--cyan);
}
.tax_list {
margin-block-start: 1.5rem;
background-color: var(--white);
box-shadow: var(--drop-shadow-1);
border-radius: var(--extra-large-radius);
padding: 1.5rem;
}
@media (min-width: 401px) {
.tax_list {
padding: 2rem;
margin-block-start: 3rem;
}
}
.tax_list:first-child {
margin-block-start: 0;
}
.tax_list ul {
font-size: 1rem;
list-style-type: none;
margin-left: 0;
}
.tax_list a {
text-decoration: none;
}
.tax_list a:hover,
.tax_list a:focus {
text-decoration: underline;
}
.generic_filter {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 1rem;
}
.generic_filter .field {
margin: 0;
flex: 160px 1 1;
}
.resource_filter {
margin-block-start: 1.5rem;
background-color: var(--white);
box-shadow: var(--drop-shadow-1);
border-radius: var(--extra-large-radius);
padding: 1.5rem;
}
@media (min-width: 401px) {
.resource_filter {
padding: 2rem;
margin-block-start: 3rem;
}
}
.resource_filter:first-child {
margin-block-start: 0;
}
.resource_filter ul {
font-size: 1rem;
list-style-type: none;
margin-left: 0;
}
.resource_filter ul li a {
display: block;
position: relative;
padding-left: 2rem;
}
.resource_filter ul li a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 1.5rem;
height: 1.5rem;
background-color: var(--white);
border: 1px solid var(--pink);
border-radius: var(--small-radius);
background-size: cover;
background-repeat: no-repeat;
}
.resource_filter ul li a:hover:before,
.resource_filter ul li a:focus:before {
background-image: url(../svg/tick-pink.svg);
}
.resource_filter .active li a {
opacity: 0.5;
}
.resource_filter ul .active a {
font-weight: bold;
opacity: 1;
}
.resource_filter ul .active a:before {
background-color: var(--pink);
background-image: url(../svg/tick-white.svg);
}
.resource_filter ul .active a:hover,
.resource_filter ul .active a:focus {
font-weight: bold;
opacity: 1;
}
.resource_filter ul .active a:hover:before,
.resource_filter ul .active a:focus:before {
background-color: var(--white);
background-image: url(../svg/cross-pink.svg);
}
.resource_filter a {
text-decoration: none;
}
.resource_filter a:hover,
.resource_filter a:focus {
text-decoration: underline;
}
.resource_filter__reset {
font-size: 1rem;
display: flex;
justify-content: center;
gap: 0.5rem;
align-items: center;
margin-block-start: 2rem;
}
.resource_filter__reset svg {
fill: var(--pink);
transition: ease 0.5s all;
}
.resource_filter__reset:hover svg,
.resource_filter__reset:focus svg {
transform: rotate(-360deg);
}
.resource_filter__options {
margin-block-start: 1rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.resource_filter__options #programme {
order: 1;
}
.resource_filter__options #friends,
.resource_filter__options #rw, .resource_filter__options #sparks {
order: 2;
}
.resource_filter__options #category,
.resource_filter__options #audience,
.resource_filter__options #specialist,
.resource_filter__options #age_range,
.resource_filter__options #topic {
order: 3;
}
.booklist_filter {
max-width: 1080px;
margin-inline: auto;
}
.booklist_filter .field {
margin: 0;
flex: 200px 1 1;
}
.reading_friends_map {
margin-block-start: 1.5rem;
position: relative;
width: 100%;
padding-top: 100%;
overflow: clip;
border-radius: var(--medium-radius);
}
.reading_friends_map:first-child {
margin-block-start: 0;
}
.reading_friends_map__search {
position: absolute;
top: 1rem;
left: 1rem;
max-width: calc(100% - 2rem);
z-index: 2;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.35);
border-radius: var(--medium-radius);
}
.reading_friends_map__map {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.reading_friends_map__map .gm-style-iw {
background-color: var(--navy) !important;
border-radius: 2px !important;
padding: 1rem 3rem 1rem 1rem !important;
max-width: 200px !important;
}
.reading_friends_map__map .gm-style-iw-d {
overflow: hidden !important;
font-size: 1.125rem;
font-family: var(--body-typeface);
font-weight: bold;
color: var(--white);
}
.reading_friends_map__map .gm-style-iw-d a {
text-decoration: none;
}
.reading_friends_map__map .gm-style-iw-d a:hover {
text-decoration: underline;
}
.reading_friends_map__map .gm-ui-hover-effect {
background-color: var(--white) !important;
opacity: 1;
right: 0.5rem !important;
top: 0.5rem !important;
}
.reading_friends_map__map .gm-style-iw-t::after {
background: linear-gradient(45deg, #0088d2 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%) !important;
height: 10px !important;
width: 10px !important;
}
.reading_friends_map__map .gm-style .gm-style-iw-d::-webkit-scrollbar-track, .reading_friends_map__map .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece {
background-color: transparent !important;
}
.reading_friends_map__map .gm-style .gm-style-iw-tc::after {
background: var(--navy);
}
.passport_profile {
margin-block: 1.5rem;
border: 3px solid var(--pink);
border-radius: var(--large-radius);
padding: 2rem;
}
.passport_profile__username {
font-size: 1.5rem;
}
.passport_profile__username small {
display: block;
font-size: 0.875rem;
font-family: var(--body-typeface);
color: var(--dark-grey);
}
.publisher_event_meta {
background-color: var(--white);
box-shadow: var(--drop-shadow-1);
border-radius: var(--large-radius);
padding: 1.5rem;
margin-block-start: 1.5rem;
}
.publisher_event_meta:first-child {
margin-inline-start: 0;
}
.promo_bg {
background-color: var(--navy);
}
.promo_bg:has(> .promo_banner) {
padding-block-end: 0;
}
.promo_banner {
background-color: var(--white);
padding: 1rem;
display: grid;
grid-template-columns: minmax(0, 1fr) 2rem;
gap: 1rem;
justify-content: space-between;
}
@media (min-width: 769px) {
.promo_banner {
padding: 1.5rem;
gap: 1.5rem;
}
}
.promo_banner__dismiss {
position: relative;
text-indent: -99999px;
overflow: hidden;
width: 2rem;
height: 2rem;
padding: 0;
background-color: transparent;
border: 2px solid transparent;
}
.promo_banner__dismiss:hover, .promo_banner__dismiss:focus {
background-color: transparent;
border: 2px solid var(--orange);
}
.promo_banner__dismiss:before, .promo_banner__dismiss:after {
content: '';
position: absolute;
width: 80%;
height: 0.125rem;
background-color: var(--navy);
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.promo_banner__dismiss:after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.wp-block-quote,
.wp-block-pullquote {
margin-block: 1.5rem;
border: 3px solid var(--pink);
border-radius: var(--extra-large-radius);
padding: 2rem;
background-image: url(../svg/quote.svg);
background-repeat: no-repeat;
background-position: 2rem 2rem;
padding-left: 9rem;
min-height: 9rem;
background-size: 5rem;
}
@media (min-width: 769px) {
.wp-block-quote,
.wp-block-pullquote {
background-size: 6rem;
padding-left: 10rem;
}
}
.wp-block-quote:first-child,
.wp-block-pullquote:first-child {
margin-top: 0;
}
.wp-block-quote:last-child,
.wp-block-pullquote:last-child {
margin-bottom: 0;
}
.wp-block-quote p,
.wp-block-quote .has-medium-font-size,
.wp-block-quote .has-large-font-size,
.wp-block-quote .has-x-large-font-size,
.wp-block-pullquote p,
.wp-block-pullquote .has-medium-font-size,
.wp-block-pullquote .has-large-font-size,
.wp-block-pullquote .has-x-large-font-size {
font-size: 1.25rem;
}
@media (min-width: 769px) {
.wp-block-quote .has-large-font-size,
.wp-block-quote .has-x-large-font-size,
.wp-block-pullquote .has-large-font-size,
.wp-block-pullquote .has-x-large-font-size {
font-size: 2rem;
}
}
.wp-block-quote cite,
.wp-block-pullquote cite {
display: block;
font-weight: 600;
margin-top: 0.75rem;
}
.wp-block-buttons {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-top: 1.5rem;
}
.wp-block-buttons:first-child {
margin-top: 0;
}
.wp-block-button__link {
font-size: 1.125rem;
line-height: 1.25;
color: var(--navy);
padding: 0.75rem 3rem;
border-radius: var(--small-radius);
background-color: var(--orange);
border: 2px solid var(--orange);
display: inline-block;
font-weight: bold;
}
.wp-block-button__link:hover, .wp-block-button__link:focus {
background-color: var(--white);
}
.has-small-font-size .wp-block-button__link {
font-size: 1rem;
padding: 0.5rem 0.75rem;
}
.wp-block-button.is-style-outline .wp-block-button__link {
background-color: var(--navy);
border: 2px solid var(--navy);
color: var(--white);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus {
background-color: var(--white);
color: var(--navy);
}
.wp-block-buttons.is-content-justification-center {
justify-content: center;
}
.wp-block-image {
position: relative;
margin-top: 1.5rem;
}
.wp-block-image:first-child {
margin-top: 0;
}
.wp-block-image figcaption {
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.75);
color: var(--white);
width: 100%;
padding: 0.75rem;
font-size: 0.875rem;
font-weight: bold;
}
.wp-block-image.is-style-rounded img {
border-radius: var(--large-radius);
}
.wp-block-columns {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
max-width: 620px;
margin: auto;
margin-top: 1.5rem;
}
@media (min-width: 769px) {
.wp-block-columns {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 3rem;
max-width: 1080px;
}
}
.wp-block-columns:first-child {
margin-top: 0;
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center;
}
@media (min-width: 769px) {
.wp-block-columns.three {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 401px) {
.wp-block-columns.four {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 769px) {
.wp-block-columns.four {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (min-width: 769px) {
.wp-block-columns.small-large {
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
}
}
@media (min-width: 769px) {
.wp-block-columns.large-small {
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
}
.wp-block-group {
margin-block: 4rem;
padding: 0 1.5rem;
}
@media (min-width: 769px) {
.wp-block-group {
padding: 0 4rem;
}
}
.wp-block-group.has-vivid-cyan-blue-background-color,
.wp-block-group.has-pale-cyan-blue-background-color {
padding-block: 4rem;
position: relative;
background-color: var(--navy);
}
.wp-block-group.has-vivid-cyan-blue-background-color:before,
.wp-block-group.has-pale-cyan-blue-background-color:before {
content: '';
position: absolute;
top: -11px;
left: 0;
width: 120px;
height: 22px;
background-color: var(--orange);
mix-blend-mode: multiply;
z-index: 1;
}
.wp-block-group.has-vivid-cyan-blue-background-color:after,
.wp-block-group.has-pale-cyan-blue-background-color:after {
content: '';
position: absolute;
bottom: -11px;
right: 0;
width: 50px;
height: 22px;
background-color: var(--pink);
mix-blend-mode: multiply;
z-index: 1;
}
@media (min-width: 769px) {
.wp-block-group.has-vivid-cyan-blue-background-color:before,
.wp-block-group.has-pale-cyan-blue-background-color:before {
top: -22px;
width: 240px;
height: 44px;
}
.wp-block-group.has-vivid-cyan-blue-background-color:after,
.wp-block-group.has-pale-cyan-blue-background-color:after {
bottom: -22px;
width: 100px;
height: 44px;
}
}
.wp-block-group.has-vivid-cyan-blue-background-color:first-child,
.wp-block-group.has-pale-cyan-blue-background-color:first-child {
margin-block-start: 0;
}
.wp-block-group.has-pale-cyan-blue-background-color {
position: relative;
background-color: var(--cyan);
}
@media (prefers-reduced-motion: no-preference) and (min-width: 769px) {
.wp-block-group.has-vivid-cyan-blue-background-color:before,
.wp-block-group.has-pale-cyan-blue-background-color:before {
animation: left-to-right linear forwards;
animation-timeline: view();
animation-range: cover 150px;
}
.wp-block-group.has-vivid-cyan-blue-background-color:after,
.wp-block-group.has-pale-cyan-blue-background-color:after {
animation: right-to-left linear forwards;
animation-timeline: view();
animation-range: cover 0;
}
}
@media (prefers-reduced-motion: no-preference) {
.wp-block-group__inner-container {
opacity: 0;
scale: .9;
animation: fade-in linear forwards;
animation-timeline: view();
animation-range: entry;
}
@keyframes fade-in {
from {
scale: .9;
opacity: 0;
}
to {
scale: 1;
opacity: 1;
}
}
@keyframes left-to-right {
from {
left: 0;
}
to {
left: calc(100% - 240px);
}
}
@keyframes right-to-left {
from {
right: 0;
}
to {
right: calc(100% - 100px);
}
}
}
.wp-block-separator {
position: relative;
border: 0 !important;
height: 24px;
max-width: 1080px;
margin: auto;
margin-block: 1.5rem;
background-image: url(../svg/hr-bg.svg);
background-size: cover;
background-repeat: no-repeat;
}
@media (min-width: 769px) {
.wp-block-separator {
margin-block: 4rem;
}
}
.wp-block-separator:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 281px;
height: 14px;
background-color: var(--pink);
mix-blend-mode: multiply;
}
.wp-block-separator:after {
content: '';
position: absolute;
top: 0;
left: 211px;
width: 202px;
height: 19px;
background-color: var(--cyan);
mix-blend-mode: multiply;
}
.wp-block-embed {
margin-top: 1.5rem;
}
.wp-block-embed:first-child {
margin-top: 0;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
position: relative;
aspect-ratio: 16 / 9;
}
.wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.wp-block-media-text {
display: grid;
gap: 1rem;
margin-block-start: 1.5rem;
border: 3px solid var(--pink);
border-radius: var(--large-radius);
padding: 1rem;
}
@media (min-width: 769px) {
.wp-block-media-text {
gap: 1.5rem;
padding: 2rem;
border-radius: var(--extra-large-radius);
}
}
.wp-block-media-text:first-child {
margin-block-start: 0;
}
.wp-block-media-text.is-vertically-aligned-center {
align-items: center;
}
.wp-block-media-text.is-vertically-aligned-bottom {
align-items: end;
}
.wp-block-media-text.has-vivid-cyan-blue-background-color {
background-color: var(--navy);
border: 3px solid var(--navy);
}
.wp-block-media-text.has-pale-cyan-blue-background-color {
background-color: var(--cyan);
border: 3px solid var(--cyan);
}
@media (max-width: 767px) {
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 1fr !important;
}
}
.wp-block-media-text.is-image-fill figure img {
opacity: 0;
}
.wp-block-latest-posts__list {
list-style-type: none;
margin: 0;
margin-block: 1.5rem;
margin-inline: auto;
max-width: 1200px;
gap: 1.5rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.wp-block-latest-posts__list li {
flex: 250px 1 1;
margin: 0;
background-color: var(--white);
box-shadow: var(--drop-shadow-1);
border-radius: var(--large-radius);
padding: 1.5rem;
}
@media (min-width: 769px) {
.wp-block-latest-posts__list li {
flex: 250px 0 1;
padding: 2rem;
border-radius: var(--extra-large-radius);
}
}
.wp-block-latest-posts__list.is-grid.columns-4 {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 401px) {
.wp-block-latest-posts__list.is-grid.columns-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 769px) {
.wp-block-latest-posts__list.is-grid.columns-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.wp-block-latest-posts__featured-image {
overflow: hidden;
border-radius: var(--medium-radius);
}
@media (min-width: 769px) {
.wp-block-latest-posts__featured-image {
border-radius: var(--large-radius);
}
}
.wp-block-latest-posts__featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.wp-block-latest-posts__featured-image a:hover img {
transition: ease 0.5s transform;
transform: scale(1.1);
}
.wp-block-latest-posts__post-title {
display: block;
margin-block-start: 1rem;
text-decoration: none;
font-weight: bold;
line-height: 1.25;
font-size: 1rem;
color: var(--navy);
}
@media (min-width: 769px) {
.wp-block-latest-posts__post-title {
font-size: 1.125rem;
}
}
.wp-block-latest-posts__post-title:hover, .wp-block-latest-posts__post-title:focus {
text-decoration: underline;
}
.wp-block-latest-posts__post-date {
display: block;
font-weight: bold;
font-size: 0.875rem;
margin-block-start: 0.75rem;
}
@media (min-width: 769px) {
.wp-block-latest-posts__post-date {
font-size: 1rem;
}
}
.wp-block-latest-posts__post-excerpt {
font-size: 0.875rem;
margin-block-start: 0.75rem;
}
@media (min-width: 769px) {
.wp-block-latest-posts__post-excerpt {
font-size: 1rem;
}
}
.wp-block-details {
margin-block: 1.5rem;
border: 3px solid var(--pink);
border-radius: var(--large-radius);
padding: 1rem;
}
@media (min-width: 769px) {
.wp-block-details {
padding: 2rem;
border-radius: var(--extra-large-radius);
}
}
.wp-block-details summary {
cursor: pointer;
color: var(--navy);
font-family: var(--display-typeface);
font-size: 1.5rem;
}
@media (min-width: 769px) {
.wp-block-details summary {
font-size: 1.75rem;
}
}
.wp-block-social-links {
list-style-type: none;
margin: 0;
margin-top: 1.5rem;
display: flex;
gap: 1rem;
flex-wrap: wrap;
}
.wp-social-link {
margin: 0;
}
.wp-block-social-link-anchor {
display: block;
padding: calc(0.5rem - 2px);
border-radius: var(--small-radius);
background-color: var(--orange);
border: 2px solid var(--orange);
}
.wp-block-social-link-anchor svg {
fill: var(--navy);
}
.wp-block-social-link-anchor:hover, .wp-block-social-link-anchor:focus {
background-color: var(--white);
}
nav.wp-block-navigation.is-vertical {
background-color: var(--white);
border-radius: var(--extra-large-radius);
padding: 2rem;
box-shadow: var(--drop-shadow-1);
}
nav.wp-block-navigation.is-vertical ul {
list-style-type: none;
margin: 0;
}
.wp-block-navigation__container {
list-style-type: none;
margin: 0;
}
.wp-block-navigation__submenu-container {
display: none;
}
.wp-block-navigation-item {
margin-block: 0.75rem;
display: block;
border: 2px solid var(--navy--light);
padding: 0.5rem 0.75rem;
border-radius: var(--medium-radius);
font-weight: 600;
text-decoration: none;
}
.wp-block-navigation-item a {
display: block;
color: var(--navy);
text-decoration: none;
}
.wp-block-navigation-item a:hover,
.wp-block-navigation-item a:focus {
color: var(--pink);
}
.wp-block-navigation-item.current-menu-item {
background-color: var(--navy);
border-color: var(--navy);
color: var(--orange);
}
.wp-block-navigation-item.current-menu-item a {
color: var(--white);
}
.wp-block-navigation-item.current-menu-item a:hover,
.wp-block-navigation-item.current-menu-item a:focus {
color: var(--cyan);
}
.wp-block-navigation-item.current-menu-item a {
color: var(--orange);
}
.nf-form-layout .nf-form-content {
padding: 0;
}
.nf-form-layout .nf-form-content button,
.nf-form-layout .nf-form-content input[type=button],
.nf-form-layout .nf-form-content input[type=submit] {
font-family: var(--body-typeface);
font-size: 1.125rem;
line-height: 1.25;
color: var(--navy);
padding: 0.75rem 3rem;
border-radius: var(--small-radius);
background-color: var(--orange);
border: 2px solid var(--orange);
display: inline-block;
font-weight: bold;
cursor: pointer;
}
.nf-form-layout .nf-form-content button:hover, .nf-form-layout .nf-form-content button:focus,
.nf-form-layout .nf-form-content input[type=button]:hover,
.nf-form-layout .nf-form-content input[type=button]:focus,
.nf-form-layout .nf-form-content input[type=submit]:hover,
.nf-form-layout .nf-form-content input[type=submit]:focus {
background-color: var(--white);
color: var(--navy);
}