html {
margin: 0 !important;
padding: 0;
background-color: white;
color: black;
font-family: 'Manrope', sans-serif;
font-size: 1em;
font-variation-settings: "wght" 400;
line-height: 1.5;
scroll-behavior: smooth;
}
body {
overflow-x: auto;
overflow-y: scroll; padding-top: 3.2rem;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
}
body.logged-in {
padding-top: calc( 46px + 3.2rem );
min-height: calc( 100vh - 46px );
}
.inner {
width: calc( 100% - 3.2rem );
max-width: 64rem;
margin: 0 auto;
padding: 0.8rem 0;
}
.inner.main-inner {
padding-top: 1.8rem;
padding-bottom: 3rem;
}
.wp-block-group__inner-container {
max-width: 1200px;
margin: 0 auto;
}
.print-only {
display: none;
}
.clear {
display: block;
clear: both;
}
.invisible {
position: absolute;
left: -99999px;
} header {
position: fixed;
top: 0;
width: 100%;
padding: 0;
border: 0;
z-index: 9999;
background-color: var( --blue );
}
.logged-in header {
padding-top: 46px;
}
header .inner {
width: calc( 100% - 1rem );
max-width: calc( 100% - 1rem );
height: 51px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.2rem;
padding-top: 0;
padding-bottom: 0;
}
.header-section {
display: flex;
align-items: center;
justify-content: center;
}
.header-section:first-child {
justify-content: flex-start;
}
.header-section:last-child {
justify-content: flex-end;
} header .cta {
display: none;
} .site-logo-link {
display: flex;
align-items: center;
border: 2px solid transparent;
border-radius: 10px;
max-width: 50vw;
}
.site-logo {
width: 15rem;
height: auto;
padding: 0.4rem;
max-width: 100%;
object-fit: contain;
object-position: center center;
transition: transform 200ms;
}
.site-logo:hover {
transform: scale( 1.03 );
transition: transform 200ms;
}
.site-logo:active {
transform: scale( 1 );
}
a.site-logo-link,
a.site-logo-link:hover,
a.site-logo-link:active {
background: none;
border: none;
box-shadow: none;
}
a.site-logo-link:focus {
background: none;
} .interface-button,
.interface-button:visited {
display: flex;
align-items: center;
justify-content: center;
padding: 0 0.4rem;
margin-left: 0.2rem;
border-radius: 10px;
border: 2px solid transparent;
background: transparent;
color: white;
line-height: 1;
height: 2.4rem;
min-width: 2.4rem;
box-sizing: border-box;
flex-grow: 0;
flex-shrink: 0;
}
.interface-button.menu-button {
width: 5.5rem;
}
.interface-button.search-button {
margin-left: 0;
}
.interface-button.home-button {
position: relative;
left: 0.5rem;
}
.interface-button span + .button-text,
.interface-button svg + .button-text {
margin-left: 0.5rem;
}
.interface-button:hover {
background-color: var( --blue );
border-color: white;
}
.interface-button:focus,
.interface-button:active {
border-color: white;
background-color: var( --blue );
box-shadow: 0 0 0 2px var( --prussian );
}
.interface-button.cta,
.interface-button.cta:hover,
.interface-button.cta:focus,
.interface-button.cta:active {
background: var( --blue );
border-color: var( --blue );
color: white;
}
.interface-button.cta:hover,
.interface-button.cta:focus,
.interface-button.cta:active {
border-color: white;
}
header .interface-button.cta {
background: white;
border-color: white;
color: var( --blue );
}
header .interface-button.cta:hover,
header .interface-button.cta:focus,
header .interface-button.cta:active {
background-color: var( --blue-10 );
border-color: var( --blue-10 );
color: var( --blue );
}
.interface-button.cta {
padding-left: 0.8rem;
padding-right: 0.8rem;
} .page-ctas {
display: flex;
gap: 0.8rem;
} .search-box-container {
display: none;
position: absolute;
top: 4rem;
right: 0.8rem;
border-radius: 10px;
width: 30rem;
max-width: calc( 100% - 1.6rem );
padding: 0.2rem;
box-sizing: border-box;
background: var( --blue );
box-shadow: 0 0 15px rgba( 0, 0, 0, 0.2 );
}
.logged-in .search-box-container {
top: calc( 4rem + 46px );
}
.search-box {
display: flex;
clear: both;
width: 100%;
box-sizing: border-box;
padding: 0;
background: white;
border: 2px solid var( --blue );
border-radius: 10px;
overflow: hidden;
}
.search-box input[type="text"] {
flex-grow: 1;
text-align: left;
font-size: 120%;
width: 60%;
box-sizing: border-box;
padding: 0.2em 0.6em;
background: none;
border: none;
margin-bottom: 0;
}
.search-box input[type="text"]:hover,
.search-box input[type="text"]:focus {
outline: none; border: none;
box-shadow: none;
background: transparent;
}
.search-box input[type="submit"] {
height: calc( 2.3em - 8px );
width: auto;
box-sizing: border-box;
padding: 0 0.7em;
border: 0;
margin: 4px;
font-size: 110%;
border-radius: 5px;
} .main-menu {
display: none;
position: absolute;
top: 4rem;
right: 0.8rem;
width: 20rem;
max-width: 100%;
z-index: -1;
padding-top: 10px;
padding-bottom: 10px;
background: var( --blue );
border-radius: 10px;
box-shadow: 0 0 15px rgba( 0, 0, 0, 0.2 );
}
.top-menu {
display: none;
background: var( --blue );
}
.logged-in .main-menu {
top: calc( 4rem + 46px );
}
.main-menu ul,
.top-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.main-menu a,
.top-menu a {
display: block;
padding: 0.4em 1.2em;
color: white;
border-bottom: none;
}
.main-menu a:hover,
.main-menu a:focus,
.main-menu a:active,
.top-menu a:hover,
.top-menu a:focus,
.top-menu a:active {
background: var( --blue-80 );
}
.top-menu .sub-menu a,
.main-menu .sub-menu a {
padding-left: 1.6rem;
font-size: 90%;
border-radius: 0;
border: none;
}
.top-menu .menu-item-has-children > a:not(.open)::after,
.main-menu .menu-item-has-children > a:not(.open)::after {
content: '\f078';
font: var( --fa-font-regular );
margin-left: 0.4em;
font-size: 75%;
position: relative;
top: -0.1em;
}
.top-menu .menu-item-has-children > a.open::after,
.main-menu .menu-item-has-children > a.open::after {
content: '\f077';
font: var( --fa-font-regular );
margin-left: 0.4em;
font-size: 75%;
position: relative;
top: -0.1em;
}
.main-menu .current-menu-item {
background: var( --blue-80 );
} .hero-menu ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.hero-menu ul ul {
display: none !important;
}
.hero-menu li a {
display: block;
background: var( --prussian );
border: none;
padding: 0.35rem 0.5rem 0.65rem;
text-align: center;
color: white;
font-size: 150%;
line-height: 1.4;
}
.hero-menu li:not(:first-child) .featured-image {
display: none;
}
.menu-item-description {
font-size: 50%;
font-variation-settings: "wght" 400;
margin-top: 0;
margin-bottom: 0.4em;
} .temporary-message {
background: var( --flame );
border-bottom: 1px solid white;
}
.temporary-message a:hover,
.temporary-message a:focus,
.temporary-message a:active {
background: rgba( 255, 255, 255, 0.2 );
border-color: white;
}
.temporary-message::before {
content: '\f06a';
font: var( --fa-font-regular );
margin-right: 0.4em;
} .subpages {
position: relative;
width: 100%;
background: var( --blue-10 );
}
.subpages ul {
list-style-type: none;
padding-top: 0.2rem;
padding-bottom: 0;
padding-right: 6rem;
position: relative;
left: -0.8rem;
white-space: nowrap;
overflow-x: scroll;
scrollbar-width: none; }
.subpages ul::-webkit-scrollbar {
display: none; }
.subpages li {
display: inline-block;
}
.subpages li:first-child a.current-page {
margin-left: 0.8rem;
}
.subpages a {
display: block;
padding: 0.3rem 0.8rem 0.4rem;
border: none;
border-right: 1px solid var( --blue-40 );
margin: 0 2px;
font-size: 85%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.subpages a:not(.current-page):hover {
text-decoration: none;
}
.subpages a.current-page {
background: white;
color: var( --prussian );
border-left: 2px solid var( --blue-40 );
border-top: 2px solid var( --blue-40 );
border-right: 2px solid var( --blue-40 );
}
.subpages-scroll-buttons {
background: var( --blue-10 );
position: absolute;
top: 0;
right: 0;
}
.subpages-scroll-button {
border: none;
background: transparent;
margin: 0.2em 0;
padding: 0.4em 0.7em 0.2em;
}
.subpages-scroll-button img {
height: 1em;
width: auto;
} .alignwide,
.alignfull {
width: 100vw;
margin-left: calc( ( 100% - 100vw ) / 2 );
padding: 1rem;
box-sizing: border-box;
}
.alignfull .inner {
max-width: 64rem;
} h2.alignfull,
h3.alignfull,
h4.alignfull {
margin-top: 0;
margin-bottom: 0;
} main {
overflow: hidden;
clear: both;
} .page-title-container {
background: var( --prussian );
position: relative;
}
.page-title {
display: flex;
align-items: start;
justify-content: space-between;
flex-direction: column;
}
.page-title .title-and-parent-link {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.page-title h1 {
margin-top: 0;
margin-bottom: 0;
color: white;
font-variation-settings: "wght" 700;
font-size: 160%;
}
.page-title h2 {
margin-top: 0.4em;
margin-bottom: 0.2em;
color: white;
font-variation-settings: "wght" 400;
font-size: 110%;
}
.page-title h2 + h2 {
margin-top: 0;
}
.page-title .button-link.cta {
margin: 0.5rem 0;
} a.parent-link {
display: inline-block;
margin-bottom: 0.6em;
margin-left: -0.4em;
padding-left: 0.4em;
padding-right: 0.4em;
border-bottom-color: transparent;
color: white;
border-radius: 5px;
}
a.parent-link::before {
content: '\f053';
font: var( --fa-font-regular );
font-size: 90%;
margin-right: 0.5em;
}
a.parent-link:hover,
a.parent-link:focus,
a.parent-link:active {
background-color: var( --blue );
}
a.parent-link:not(.disabled):not(.image-link):not(.button-link):not(.wp-block-button__link):hover {
border-bottom-color: transparent;
}
a.parent-link-text {
display: none;
} aside {
background-color: var( --prussian-10 );
margin-top: 2rem;
margin-bottom: 2rem;
padding: 1.4rem 1.6rem;
position: relative;
left: -1.6rem;
box-sizing: border-box;
width: 100vw;
font-size: 90%;
}
aside p:first-child {
margin-top: 0;
}
aside p:last-child {
margin-bottom: 0;
}
aside .event-bursary-hint {
border: none;
background: transparent;
padding: 0 0 0 2em;
font-variation-settings: "wght" 400;
font-size: 85%;
}
aside .event-bursary-hint::before {
left: 0.1em;
top: 0.25em;
}
aside .event-child-discounts-toggle,
aside .event-extra-online-info-toggle {
display: inline-block;
background: white;
padding: 0.2rem 0.4rem;
border-bottom: none;
border-radius: 5px;
margin-bottom: 0;
}
aside .event-child-discounts-hint,
aside .event-extra-online-info-hint {
background: white;
border-radius: 5px;
padding: 0.4rem 0.8rem;
position: relative;
top: -1rem;
}
hr.aside-divider {
border-width: 10px;
border-color: white;
width: calc( 100% + 3.2rem );
position: relative;
left: -1.6rem;
margin-top: 1.4rem;
margin-bottom: 1.4rem;
} .concertina-toggle::after {
content: '\f078';
font: var( --fa-font-regular );
margin-left: 0.5em;
font-size: 80%;
}
.concertina-toggle.expanded::after {
content: '\f077';
margin-left: 0.5em;
font-size: 80%;
} .wp-block-post-excerpt {
font-size: 140%;
font-variation-settings: "wght" 700;
text-align: center;
padding: 0;
} a {
color: var( --blue );
text-decoration: none;
font-variation-settings: "wght" 700;
border-bottom: 2px solid var( --blue-40 );
}
a:hover,
a:focus,
a:active {
text-decoration: none;
background-color: var( --blue-10 );
border-color: var( --blue );
}
a:focus,
a:active {
outline: none; box-shadow: 0 0 0 2px var( --prussian );
}
a.disabled:hover {
cursor: default;
background-color: inherit;
border-color: inherit;
}
a.image-link {
display: inline-block;
border-bottom: 0;
border-radius: 0.2em;
}
a.image-link:hover {
background-color: inherit;
}
a.image-link img {
border-radius: 0.2em;
}
button,
a.button-link,
input[type="submit"],
input[type="button"],
.wp-block-button .wp-block-button__link,
.wp-block-file .wp-block-file__button {
display: inline-block;
align-items: center;
justify-content: center;
font-size: 100%;
font-variation-settings: "wght" 700;
background: white;
border: 2px solid var( --blue );
color: var( --blue );
border-radius: 10px;
padding: 0.4em 1em;
margin-top: 0.4em;
margin-bottom: 0.6em;
margin-right: 0.4em;
line-height: 1.2;
height: auto;
text-align: center;
}
p a.button-link {
display: inline-block;
}
a.button-link span:not(:first-child) {
margin-left: 0.3em;
}
button:hover,
a.button-link:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover {
cursor: pointer;
background: var( --blue-10 );
}
button:focus,
a.button-link:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file .wp-block-file__button:focus {
box-shadow: 0 0 0 2px var( --prussian );
}
button:active,
a.button-link:active,
input[type="submit"]:active,
input[type="button"]:active,
.wp-block-button .wp-block-button__link:active,
.wp-block-file .wp-block-file__button:active {
box-shadow: 0 0 0 2px var( --prussian );
}
a.button-link:last-child {
margin-right: 0;
}
a.button-link span.fa-solid {
margin-right: 0.4em;
}
a.low-key-button {
border-color: transparent;
box-shadow: none;
}
.wp-block-file {
margin-bottom: 1em;
}
.wp-block-file:not(.wp-element-button) {
font-size: 100%;
}
.wp-block-file .wp-block-file__button {
margin-bottom: 0;
}
.wp-block-buttons:last-child,
.wp-block-buttons:last-child .wp-block-button__link {
margin-bottom: 0;
}
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background) {
background: white;
border: 2px solid var( --blue );
color: var( --blue );
}
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background):hover,
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
background: var( --blue-10 );
} button.cta,
a.button-link.cta,
input[type="submit"],
input[type="button"].gform_next_button,
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
background: var( --blue );
color: white;
}
button.cta:hover,
a.button-link.cta:hover,
input[type="submit"]:hover,
input[type="button"].gform_next_button:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
background: var( --blue );
border-color: var( --blue-80 );
}
input[type="button"].gform_next_button:disabled {
background: #999 url(//scargillmovement.org/wp-content/themes/scargill/images/loading.gif);
background-size: 75px 56px;
background-position: center center;
background-repeat: no-repeat;
border-color: #999;
color: transparent;
} .wp-block-buttons {
margin-top: 1rem;
margin-bottom: 1rem;
} .icon {
color: var( --blue );
opacity: 0.8;
margin-right: 0.1em;
width: 1em;
}
.icon:last-child {
margin-right: 0.4em;
} a[target="_blank"]:not(.image-link):not(.no-target-icon)::after {
content: "\f35d";
font: var( --fa-font-regular );
display: inline-block;
height: 0.8em !important;
margin-left: 0.4em;
opacity: 0.7;
position: relative;
top: -0.1em;
color: inherit;
font-size: 80%;
} a[href^="#"]:not([href$="#"])::after {
content: '\f063';
font: var( --fa-font-regular );
font-size: 80%;
margin-left: 0.5em;
} h1,
h2,
h3,
h4 {
font-variation-settings: "wght" 700;
clear: none;
margin-top: 0.6em;
margin-bottom: 0.6em;
line-height: 1.2;
color: var( --prussian );
}
h2:first-child,
h3:first-child,
h4:first-child {
margin-top: 0;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 130%;
}
h4 {
font-size: 110%;
}
h1 + h2,
h2 + h2,
h2 + h3,
h3 + h3,
h3 + h4,
h4 + h4 {
margin-top: -0.2em;
}
h2:first-child,
h3:first-child,
h4:first-child {
margin-top: 0;
}
h2:last-child,
h3:last-child,
h4:last-child {
margin-bottom: 0.2em;
} div + h2,
div + h3,
div + h4 {
margin-top: 0.5em;
} ::selection {
background: var( --blue );
color: white;
text-shadow: none;
} iframe {
max-width: 100%;
} .success,
.warning,
.validation_error,
.tip {
display: block;
position: relative;
padding: 0.4em 0.8em 0.4em 2.5em;
border-radius: 5px;
box-sizing: border-box;
margin-top: 1rem;
margin-bottom: 1rem;
max-width: 100% !important;
font-variation-settings: "wght" 700;
}
.success::before,
.warning::before,
.validation_error::before,
.tip::before {
font: var( --fa-font-regular );
font-size: 120%;
margin-right: 0.5em;
position: absolute;
top: 0.45em;
left: 0.5em;
color: black;
}
.success::before {
color: var( --dartmouth );
}
.warning a,
.validation_error a {
color: white;
border-color: rgba( 255, 255, 255, 0.6 );
}
.warning a:hover,
.validation_error a:hover {
color: white;
background: rgba( 255, 255, 255, 0.2 );
border-color: white;
}
.success {
background: var( --dartmouth-10 );
color: var( --dartmouth );
}
.success::before {
content: '\f058';
}
.warning,
.validation_error,
.gfield_description.validation_message {
position: relative;
background: var( --warning );
color: white;
}
.warning::before,
.validation_error::before {
content: '\f06a';
color: white;
}
.tip {
background: var( --prussian-10 );
color: black;
font-variation-settings: "wght" 600;
}
.tip::before {
content: '\f05a';
}
aside .tip:not(.event-bursary-hint) {
background: white;
}
.success ul,
.warning ul,
.tip ul {
margin: 0.4em 0 0.4em 1.2em;
padding: 0;
}
.success ul:last-child,
.warning ul:last-child,
.tip ul:last-child {
margin-bottom: 0;
} p {
margin-top: 0.8em;
margin-bottom: 1.4em;
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
.wp-block-group p:last-child {
margin-bottom: 0;
}
p + ul,
p + ol {
margin-top: 0;
}
strong {
font-variation-settings: "wght" 700;
} blockquote,
.wp-block-quote {
position: relative;
display: block;
margin-top: 2rem;
margin-bottom: 2rem;
padding: 1.4rem 1.2rem;
background-color: var( --prussian-10 );
border: 0;
border-radius: 5px;
color: var( --prussian );
}
blockquote.has-background,
.wp-block-quote.has-background {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
blockquote::before,
.wp-block-quote::before {
content: '\201c';
font-size: 800%;
color: var( --prussian );
position: absolute;
top: 1.1rem;
left: 0.6rem;
line-height: 0.2;
}
blockquote::after,
.wp-block-quote::after {
content: '\201d';
font-size: 800%;
color: var( --prussian );
position: absolute;
bottom: -2.7rem;
right: 0.6rem;
line-height: 0.2;
}
blockquote.has-text-align-center {
width: 100%;
text-align: center;
border-left: none;
}
blockquote.has-text-align-center p {
display: inline-block;
}
blockquote p,
.wp-block-quote p,
.wp-block-quote.is-large p {
font-size: 110%;
position: relative;
padding: 0;
margin-bottom: 1em;
max-width: 100%;
line-height: 1.6;
color: inherit;
}
blockquote cite,
.wp-block-quote cite {
display: block;
position: relative;
padding: 0;
font-size: 90%;
font-style: italic;
color: inherit;
}
blockquote em,
.wp-block-quote em {
font-style: normal;
} hr {
clear: both;
width: 100%;
margin: 2em 0;
padding: 0;
background: none;
border: 0;
border-bottom: 1px solid #ddd;
} .wp-block-table {
margin-top: 1em;
margin-bottom: 1em;
}
table,
.wp-block-table table {
display: table;
border: 0;
max-width: 100%;
border: 2px solid var( --prussian );
border-spacing: 0;
border-collapse: collapse;
font-size: 100%;
}
thead,
.wp-block-table thead {
border-bottom: none;
}
th,
.wp-block-table th {
background: var( --prussian );
border: 2px solid var( --prussian );
padding: 0.5em 1em;
font-variation-settings: "wght" 700;
color: white;
}
td,
.wp-block-table td {
background: white;
padding: 0.5em 1em;
border: 0;
border-right: 2px solid var( --prussian );
max-width: 33%;
}
td:last-child {
border-right: 0;
}
tr:nth-child(2n) td {
background: var( --prussian-10 );
}
tr:last-child td {
border-bottom: 0;
}
.rates-table {
width: 100%;
font-size: 90%;
}
.rates-table th,
.rates-table td {
padding: 0.5em 0.7em;
}
.rates-table-key {
color: #333;
font-size: 80%;
line-height: 1.2;
text-align: right;
}
.rates-table-key span {
display: inline-block;
margin-left: 0.8em;
} .featured-image-container {
position: relative;
overflow: hidden;
margin-bottom: -0.5rem;
height: 50vh;
}
.featured-image {
display: block;
width: 100%;
height: 100%;
max-height: 50vh;
object-fit: cover;
object-position: center 36%;
}
.spacer {
height: 1rem;
}
.featured-image-placeholder {
background-color: rgba( 255, 255, 255, 0.2 );
position: relative;
}
.featured-image-placeholder::before {
content: url(//scargillmovement.org/wp-content/themes/scargill/images/scargill-icon-white.svg);
position: absolute;
top: calc( 50% - 2.7rem ); left: calc( 50% - 3.4rem );
width: 6.8rem;
height: auto; opacity: 0.4;
} .wp-block-image:not(.is-style-rounded) img {
width: 100%;
height: auto;
border-radius: 5px;
}
.wp-block-image figcaption {
font-size: 85%;
text-align: left;
}
.wp-block-gallery:not(:first-child) {
margin-top: 2.5rem;
}
.wp-block-gallery:not(:last-child) {
margin-bottom: calc( 2.5rem - 16px ); }
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
box-sizing: border-box;
font-size: 85%;
}
figure {
margin: 0;
}
.wp-block-image {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.wp-block-image:not(:first-child):not(.dont-go-full-width) .alignleft,
.wp-block-image:not(:first-child):not(.dont-go-full-width) .alignright {
float: none;
margin-right: 0;
margin-left: 0;
width: 100%;
height: auto;
}
.wp-block-image:first-child:not(.dont-go-full-width) .alignleft,
.wp-block-image:first-child:not(.dont-go-full-width) .alignright {
max-width: 40%;
height: auto;
}
.wp-block-image:not(.dont-go-full-width) .alignleft img,
.wp-block-image:not(.dont-go-full-width) .alignright img {
width: 100%;
height: auto;
}
.rounded-corners,
.rounded-corners img {
border-radius: 10px;
} p img {
display: inline-block;
margin-left: 0.5em;
margin-right: 0.5em;
} .whole-clickable:hover {
cursor: pointer;
} audio {
width: 100%;
margin: 1em 0;
} .wp-block-group:not(.alignwide):not(.alignfull),
.wp-block-columns:not(.alignwide):not(.alignfull) {
max-width: calc( 1440px - 3rem );
margin-left: auto;
margin-right: auto;
}
.wp-block-group .wp-block,
.wp-block-columns .wp-block,
.wp-block-cover .wp-block {
max-width: calc( 1440px - 3rem );
} .wp-block-group,
.wp-block-cover,
.wp-block-columns {
margin-top: 1.8rem;
margin-bottom: 1.8rem;
}
.wp-block-group.has-background,
.wp-block-columns.has-background,
.wp-block-column.has-background,
.wp-block-cover {
padding: 1.8rem;
}
.wp-block-group:first-child,
.wp-block-columns:first-child,
.wp-block-group .wp-block-columns:first-child {
margin-top: 0;
}
.wp-block-group:last-child,
.wp-block-columns:last-child,
.wp-block-cover:last-child {
margin-bottom: 0;
}
.wp-block-cover.alignfull:first-child,
.wp-block-group.alignfull.has-background:first-child,
.wp-block-columns.alignfull.has-background:first-child,
.wp-block-group.alignfull.has-background + .wp-block-group.alignfull.has-background,
.wp-block-columns.alignfull.has-background + .wp-block-group.alignfull.has-background,
.wp-block-group.alignfull.has-background + .wp-block-columns.alignfull.has-background,
.wp-block-columns.alignfull.has-background + .wp-block-columns.alignfull.has-background,
.wp-block-group.alignfull.has-background + .wp-block-cover.alignfull,
.wp-block-columns.alignfull.has-background + .wp-block-cover.alignfull,
.wp-block-cover.alignfull + .wp-block-group.alignfull.has-background,
.wp-block-cover.alignfull + .wp-block-columns.alignfull.has-background,
.wp-block-cover.alignfull + .wp-block-cover.alignfull {
margin-top: -1.8rem;
}
.wp-block-group .wp-block-image:last-child,
.wp-block-column .wp-block-image:last-child {
margin-bottom: 0;
}
.wp-block-group.three-quarter-width,
.wp-block-columns.three-quarter-width {
max-width: calc( 1080px - 3rem ) !important;
}
.wp-block-group.half-width,
.wp-block-columns.half-width {
max-width: calc( 768px - 3rem ) !important;
}
.wp-block-cover p:not(.has-background),
.wp-block-cover h1:not(.has-background),
.wp-block-cover h2:not(.has-background),
.wp-block-cover h3:not(.has-background),
.wp-block-cover h4:not(.has-background) {
text-shadow: 0 0 15px rgba( 0, 0, 0, 0.25 );
} :where(.wp-block-columns.is-layout-flex) {
gap: 2.4rem;
}
.wp-block-columns:last-child {
margin-bottom: 0;
}
.wp-block-columns.picture-on-right {
flex-direction: row-reverse;
} .wp-block-columns .full-bleed {
margin-top: -1.8rem;
margin-left: -1.8rem;
margin-bottom: 0;
margin-right: -1.8rem;
height: calc( 100% + 1.8rem );
border-radius: 0;
}
.wp-block-columns .full-bleed img {
border-radius: 0 !important;
height: 100%;
}
.wp-block-columns.picture-on-right .full-bleed {
margin-right: -1.8rem;
margin-left: -1.8rem;
} .wp-block-cover {
min-height: 70vh !important;
}
.wp-block-cover .wp-block-quote p {
background: transparent;
color: white;
max-width: 50ch;
margin-left: auto;
margin-right: auto;
}
.wp-block-cover .wp-block-quote p::before,
.wp-block-cover .wp-block-quote p::after {
color: white;
} .gform_wrapper {
margin-top: 1em;
margin-bottom: 1em;
}
.gfield {
display: block;
border: none;
margin: 1.5rem 0;
padding: 0;
}
.gfield.gsection {
margin-top: 2.5em;
margin-bottom: 2em;
}
.gsection_title {
padding-bottom: 0.5em;
border-bottom: 2px solid var( --prussian-10 );
}
.gfield_label {
display: block;
color: var( --prussian );
font-variation-settings: "wght" 700;
margin-bottom: 0.2em;
}
legend.gfield_label {
position: relative;
top: 0.4em;
}
.ginput_complex label {
font-size: 80%;
font-variation-settings: "wght" 400;
margin: 0.2em 0;
}
.gfield_description {
font-size: 85%;
margin: 0.4em 0 0.6em;
}
.gfield_consent_description {
font-size: 85%;
opacity: 1;
background: var( --prussian-10 );
padding: 0.8em 1em;
border-radius: 5px;
margin-top: 1rem;
}
.ginput_complex.has_first_name.no_prefix {
display: grid;
grid-template-columns: repeat( 2, calc( 50% - 0.3rem ) );
grid-gap: 0.6rem;
}
.ginput_complex.has_first_name.has_prefix {
display: grid;
grid-template-columns: calc( 24% - 0.4rem ) calc( 38% - 0.4rem ) calc( 38% - 0.4rem );
grid-gap: 0.6rem;
}
.gfield_date_day,
.gfield_date_month,
.gfield_date_year,
.gfield_time_hour,
.gfield_time_minute,
.gfield_time_ampm {
display: inline-block;
width: auto;
margin-top: 0.3em;
margin-right: 0.3em;
}
.hour_minute_colon {
display: inline-block;
}
.gfield_radio,
.gfield_checkbox {
margin-top: 0.4rem;
} .gfield_radio .gchoice:first-child:last-child:has( input:checked ) {
padding: 0;
}
.gfield_radio .gchoice:first-child:last-child input:checked {
position: absolute;
left: -99999px;
}
.gfield_radio .gchoice:first-child:last-child input:checked + label {
font-size: 90%;
font-variation-settings: "wght" 400;
padding: 0;
}
.gfield_radio .gchoice:first-child:last-child input:checked + label:hover {
cursor: default;
}
.gchoice {
padding: 0.2rem 0;
}
.gform_validation_errors h2 {
display: block;
background: var( --warning );
padding: 0.2em 0.4em;
margin: 0.2em 0 1em;
font-size: 120%;
font-variation-settings: "wght" 400;
color: white;
padding: 0.4em 0.8em;
border-radius: 5px;
}
.gform_validation_errors h2.gform_stripe_requires_action {
background: white;
color: white;
}
.gform_validation_errors h2.gform_stripe_requires_action::before {
content: 'Your payment is being authorised. Please wait a moment, and provide any extra confirmation if your bank asks for it.';
display: block;
background: var( --warning-10 );
color: var( --warning );
border: 2px solid var( --warning-40 );
padding: 0.2em 0.4em;
border-radius: 5px;
}
.gfield.gfield_error {
border-left: 0.2em solid var( --warning );
padding: 0 0.5em;
}
.gfield_error .validation_message,
.gfield_description.validation_message {
display: inline-block;
background: var( --warning );
padding: 0.2em 0.4em;
font-variation-settings: "wght" 400;
color: white;
border-radius: 5px;
position: relative;
top: 0.5em;
}
input[type="text"].ginput_total {
border: none;
padding: 0;
font-size: 160%;
box-shadow: none;
}
input[type="text"].ginput_total:hover,
input[type="text"].ginput_total:focus,
input[type="text"].ginput_total:active {
background: transparent;
}
.ginput_product_price_label {
display: none;
}
.gfield_required,
.gform_required_legend {
display: none;
}
.gfield_visibility_hidden {
display: none;
}
.gfield.pound-sign .ginput_container {
position: relative;
}
.gfield.pound-sign .ginput_container::before {
content: '£';
position: absolute;
top: 0.42em;
left: 0.6em;
}
.gfield.pound-sign input {
padding-left: 1.4em;
}
.gfield.hide-instruction .gfield_description.instruction {
display: none;
} .ginput_container_creditcard {
position: relative;
margin: 0.5em 0;
background: var( --blue-10 );
border-radius: 4px;
padding: 3.2em 0.8em 1em;
}
.ginput_container_creditcard::before {
content: '\f023';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
color: var( --blue );
position: absolute;
top: 0.6em;
left: 0.8em;
}
.ginput_container_creditcard::after {
content: 'These details will be directly transferred to our secure payment provider Stripe.';
position: absolute;
top: 0.8em;
left: 2.5em;
width: calc( 100% - 3.5em );
font-size: 85%;
color: var( --blue );
}
.StripeElement {
background: white;
border: 2px solid var( --blue ) !important;
padding: 0.6em 0.8em;
border-radius: 4px;
} .gfield_list {
display: table;
width: 100%;
margin: 1rem 0;
}
.gfield_list_header {
display: table-header-group;
}
.gfield_header_item {
display: table-cell;
line-height: 1.2;
padding-bottom: 0.5rem;
font-size: 80%;
}
.gfield_list_groups {
display: table-row-group;
}
.gfield_list_group {
display: table-row;
}
.gfield_list_cell {
display: table-cell;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
}
.gfield_list_cell:nth-last-child(2) {
padding-right: 0;
}
.gfield_list_cell input[type="text"] {
margin-bottom: 0;
}
.gfield_list_icons {
display: flex;
align-items: stretch;
width: 6em;
height: 2.4em;
position: relative;
top: -0.1em;
padding-left: 0.5rem;
}
.gfield_list_icons button {
font-size: 70%;
border-radius: 5px;
padding-left: 0.5em;
padding-right: 0.5em;
margin-top: 0;
margin-bottom: 0;
} input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
input[type="file"],
textarea,
select {
color: black;
padding: 0.3em 0.6em;
line-height: 1.6;
margin-bottom: 0.2em;
border: none;
background-color: white;
border: 2px solid var( --blue );
border-radius: 5px;
outline: none;
width: 100%;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
box-shadow: 0 0 5px var( --prussian-10 );
}
textarea.small {
height: 5em;
}
select {
background-image: url(//scargillmovement.org/wp-content/themes/scargill/images/chevron.svg);
background-repeat: no-repeat;
background-position: right 0.6em center;
background-size: 1em;
padding-right: 2em;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="url"]:hover,
input[type="file"]:hover,
textarea:hover,
select:hover {
background-color: var( --blue-10 );
}
select:hover {
cursor: pointer;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="file"]:focus,
select:focus,
textarea:focus {
outline: none;
box-shadow: 0 0 0 2px var( --prussian ), 0 0 10px var( --prussian-10 );
border-color: var( --blue );
background-color: var( --blue-10 );
}
input[type="file"] {
display: block;
}
input[type="checkbox"] {
appearance: none;
border: 2px solid var( --blue );
background: white;
width: 1em;
height: 1em;
display: inline-block;
position: relative;
top: -0.1em;
vertical-align: middle;
border-radius: 5px;
margin: 0;
margin-right: 0.3em;
box-shadow: 0 0 5px var( --prussian-10 );
}
input[type="checkbox"]:checked {
border-color: var( --blue );
}
input[type="checkbox"]:checked::before {
content: '';
color: var( --blue );
position: absolute;
top: calc( 50% - 0.45em );
left: calc( 50% - 0.2em );
font-variation-settings: "wght" 700;
font-size: 80%;
width: 0.25em;
height: 0.6em;
border-bottom: 0.15em solid var( --blue );
border-right: 0.15em solid var( --blue );
transform: rotate( 45deg ) skew( 10deg );
}
input[type="radio"] {
appearance: none;
border: 2px solid var( --blue );
background: white;
width: 1em;
height: 1em;
display: inline-block;
position: relative;
top: -0.1em;
vertical-align: middle;
border-radius: 50%;
margin: 0;
margin-right: 0.3em;
box-shadow: 0 0 5px var( --prussian-10 );
}
input[type="radio"]:checked {
background: var( --blue );
border-color: var( --blue );
box-shadow: inset 0 0 0 0.2em white, 0 0 5px var( --prussian-10 );
}
input[type="radio"]:hover,
input[type="checkbox"]:hover,
input[type="radio"] + label:hover,
input[type="checkbox"] + label:hover {
cursor: pointer;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
padding: 0.4em 0.2em;
font-variation-settings: "wght" 400;
}
input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label {
font-variation-settings: "wght" 700;
}
input:focus,
select:focus,
textarea:focus {
outline: none;
box-shadow: 0 0 0 2px var( --prussian );
}
input[type="radio"]:checked:focus {
box-shadow: 0 0 0 2px var( --prussian ), inset 0 0 0 0.2em white;
}
input[value="gf_other_choice"]:not(:checked) + label + br + input {
display: none;
}
.gchoice_other_control {
margin-top: 0.5em;
} .screen-reader-text {
display: none;
}
.ui-datepicker {
background: white;
border: 2px solid var( --blue );
border-radius: 5px;
text-align: center;
box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
max-width: 90%;
}
.ui-datepicker-calendar {
margin-bottom: 0;
border: 0;
}
.ui-datepicker table {
width: 100%;
}
.ui-datepicker tr:last-child td:first-child {
border-bottom-left-radius: 5px;
}
.ui-datepicker tr:last-child td:last-child {
border-bottom-right-radius: 5px;
}
.ui-datepicker th {
text-align: center;
font-size: 80%;
}
.ui-datepicker th span {
display: flex;
align-items: center;
justify-content: center;
}
.ui-datepicker td {
padding: 0;
border: none;
}
.ui-datepicker td a {
display: flex;
align-items: center;
justify-content: center;
padding: 0.3em 0.6em;
text-decoration: none;
text-align: center;
border: 0;
font-size: 97%;
color: var( --blue );
border-radius: 5px;
}
.ui-datepicker td span {
display: flex;
align-items: center;
justify-content: center;
padding: 0.3em 0.6em;
}
.ui-datepicker td.ui-state-disabled {
text-align: center;
opacity: 0.2;
}
.ui-datepicker td a.ui-state-active {
background: var( --blue );
color: white;
}
.ui-datepicker td a:hover {
background: var( --blue-40 );
}
.ui-datepicker td a:focus,
.ui-datepicker td a:active {
box-shadow: inset 0 0 0 2px var( --prussian );
}
.ui-datepicker-prev {
float: left;
padding: 0.4em 0.6em;
margin: 0.1em;
border: 0;
border-radius: 5px;
color: var( --blue );
}
.ui-datepicker-prev:hover {
cursor: pointer;
background: var( --blue-40 );
border: 0;
}
.ui-datepicker-prev::before {
content: '\f060';
font: var( --fa-font-regular );
}
.ui-datepicker-next {
float: right;
padding: 0.4em 0.6em;
margin: 0.1em;
border: 0;
border-radius: 5px;
color: var( --blue );
}
.ui-datepicker-next:hover {
cursor: pointer;
background: var( --blue-40 );
border: 0;
}
.ui-datepicker-next::after {
content: '\f061';
font: var( --fa-font-regular );
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
display: none;
}
.ui-datepicker-title {
padding: 0.1em;
display: flex;
justify-content: center;
}
.ui-datepicker select {
width: auto;
border: 0;
padding-left: 0.5em;
padding-right: 2em;
margin-top: 0.2em;
font-size: 90%;
box-shadow: none;
} .gpnf-add-entry {
margin-left: 2px;
}
table.gpnf-nested-entries {
width: 100% !important;
border: 2px solid var( --prussian ) !important;
margin: 0.5rem 0;
}
body .gform-theme--framework .gpnf-nested-entries th {
background: var( --prussian );
padding: 0.2em 0.6em !important;
}
body .gform-theme--framework .gpnf-nested-entries td {
padding: 0.2em 0.6em;
max-width: 100%;
}
.gpnf-field ul.bulleted {
margin: 0;
padding: 0;
list-style-type: none;
}
div.tingle-modal-box__footer {
backdrop-filter: blur(3px);
background-color: rgba(200, 200, 200, 0.5);
} .ginput_container_custom_card_fields {
background: var( --blue-40 );
border-radius: 5px;
padding: 1em;
position: relative;
}
.ginput_container_custom_card_fields::before {
content: '\f023';
font: var( --fa-font-regular );
color: var( --blue );
margin-bottom: 0.5em;
}
.ginput_container_custom_card_fields::after {
content: 'These fields are securely hosted by PayPal';
position: absolute;
top: 0.8em;
left: 2.5em;
color: var( --blue );
font-variation-settings: "wght" 700;
}
.gform_card_icon {
display: none;
}
body .gform_wrapper.gravity-theme .ginput_container_custom_card_fields .ginput_card_field {
display: block;
background: white;
border: 2px solid var( --blue );
border-radius: 5px;
color: black;
height: 2.4em;
margin-bottom: 0.2em;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
}
.gform_wrapper.gravity-theme .ginput_container_custom_card_fields.ginput_complex .ginput_cardinfo_left .ginput_card_expiration {
width: 160px;
} .gf_page_steps {
display: flex;
justify-content: space-between;
background: var( --blue-10 );
border-radius: 5px;
}
.gf_step {
display: flex;
align-items: center;
justify-content: center;
padding: 0.2em 0.6em;
text-align: center;
width: 100%;
}
.gf_step.gf_step_active {
background: var( --blue );
color: white;
font-variation-settings: "wght" 700;
}
.gf_step.gf_step_active:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.gf_step_number {
background: white;
padding: 0 0.6em;
margin-right: 0.5em;
border-radius: 5px;
font-size: 90%;
font-variation-settings: "wght" 700;
color: var( --blue );
}
.gf_step_completed .gf_step_number::after {
content: '\f00c';
font: var( --fa-font-regular );
margin-left: 0.3em;
}
.gf_step_label {
display: none;
font-size: 80%;
}
.gf_page_steps a {
border-bottom: none;
}
.gf_page_steps a[href^="#"]:not([href$="#"])::after {
content: '';
} .wp-block-embed {
position: relative;
margin-top: 1em;
margin-bottom: 2.5em;
margin-left: 0;
margin-right: 0;
width: 100%;
border-radius: 10px;
}
.wp-block-embed.is-type-video iframe,
.wp-block-embed.is-provider-youtube iframe {
width: 100%;
height: 100%;
margin-bottom: 0;
border-radius: 10px;
} .related-page-boxes {
position: relative;
display: grid;
grid-template-columns: 100%;
grid-gap: 1.2rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.related-page-box {
border-radius: 10px;
background: var( --blue );
transition: box-shadow 400ms;
}
.related-page-box:hover {
box-shadow: 0 0 0 4px var( --blue-40 );
transition: box-shadow 200ms;
}
.related-page-box .featured-image {
display: block;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.related-page-box h3 {
display: block;
margin: 0;
}
.related-page-box h3:last-child {
margin-bottom: 0;
}
.related-page-box h3 a {
display: block;
padding: 0.5rem 1rem;
color: white;
border: none;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
font-size: 80%;
}
.related-page-box h3 a:hover,
.related-page-box h3 a:focus,
.related-page-box h3 a:active {
background: transparent;
border: none;
} .box-page-container {
display: grid;
grid-template-columns: 100%;
grid-gap: 1.2rem;
margin: 2rem 0;
}
.box-page {
background: var( --prussian-10 );
border-radius: 10px;
font-size: 80%;
transition: box-shadow 400ms;
}
.box-page:hover {
box-shadow: 0 0 0 4px var( --blue-40 );
transition: box-shadow 200ms;
}
.box-page-top {
background-color: var( --prussian );
color: white;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 0.8rem 1rem;
}
.box-page-top h3,
.box-page-top a {
color: white;
border: none;
margin: 0;
}
.box-page-top .page-title {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 0;
}
.box-page-top a:hover,
.box-page-top a:focus,
.box-page-top a:active {
border: none;
background: transparent;
}
.box-page h3 a:focus {
box-shadow: none;
}
.box-page:focus-within {
box-shadow: 0 0 0 2px var( --prussian );
}
.box-page-excerpt {
padding: 0.9rem 1rem;
}
.box-page-excerpt p {
margin: 0;
} .box-post-container {
display: grid;
grid-template-columns: 100%;
grid-gap: 1.2rem;
margin: 2rem 0;
}
.box-post {
display: flex;
flex-direction: column;
justify-content: space-between;
background: var( --prussian-10 );
border-radius: 10px;
font-size: 80%;
transition: box-shadow 400ms;
}
.box-post:hover {
box-shadow: 0 0 0 4px var( --blue-40 );
transition: box-shadow 200ms;
}
.box-post-top {
background-color: var( --prussian );
color: white;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 0.8rem 1rem;
}
.box-post-top h3,
.box-post-top a {
color: white;
border: none;
margin: 0;
}
.box-post-top .page-title {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 0;
}
.box-post-top a:hover,
.box-post-top a:focus,
.box-post-top a:active {
border: none;
background: transparent;
}
.box-post h3 a:focus {
box-shadow: none;
}
.box-post:focus-within {
box-shadow: 0 0 0 2px var( --prussian );
}
.box-post-excerpt {
padding: 0.9rem 1rem;
flex-grow: 999;
}
.box-post-excerpt p {
margin: 0;
}
.box-post-bottom {
padding: 0 1rem 0.9rem 1rem;
} .box-item.person {
text-align: center;
border: none;
transform: none;
}
.box-item.person .box-item-text {
padding: 0;
}
.person-image {
width: 250px;
max-width: 40vw;
height: auto;
aspect-ratio: 1;
border-radius: 50%;
border: 4px solid var( --blue );
}
.page-title .person-image {
float: right;
margin-right: 1rem;
z-index: 999999;
}
.single-person .page-title-container::after {
display: none;
} .page-title .event-speakers a {
color: white;
border-bottom: none;
font-variation-settings: "wght" 400;
}
.page-title .event-speakers a:hover,
.page-title .event-speakers a:focus,
.page-title .event-speakers a:active {
color: white;
background-color: rgba( 255, 255, 255, 0.2 );
border-bottom: 2px solid white;
font-variation-settings: "wght" 400;
}
.event-availability {
background: transparent;
font-size: 110%;
font-variation-settings: "wght" 700;
margin-bottom: 1.2rem;
}
.event-availability::before {
font: var( --fa-font-regular );
margin-right: 0.5em;
}
.event-availability.spaces {
color: var( --dartmouth );
}
.event-availability.spaces::before {
content: '\f058';
}
.event-availability.limited {
color: var( --flame );
}
.event-availability.limited::before {
content: '\e29e';
}
.event-availability.full {
color: var( --chocolate );
}
.event-availability.full::before {
content: '\f4fd';
}
.event-availability.special {
color: var( --prussian );
}
.event-availability.special::before {
content: '\f46d';
}
.event-availability.cancelled {
color: var( --chocolate );
}
.event-availability.cancelled::before {
content: '\f057';
}
.event-availability.online-event::before {
content: '\e163';
}
.event-price {
display: inline-block;
width: 48%;
vertical-align: bottom;
margin-bottom: 1rem;
}
.event-price-was {
font-variation-settings: "wght" 700;
text-decoration: line-through;
text-decoration-thickness: 3px;
text-decoration-color: var( --flame );
}
.event-price-amount {
font-size: 200%;
font-variation-settings: "wght" 700;
line-height: 1;
letter-spacing: -2px;
}
.event-code {
display: inline-block;
color: #666;
font-size: 90%;
}
.button-link + .event-code {
margin-left: 0.5rem;
}
.offer {
color: var( --flame );
}
.event-price-name {
font-size: 90%;
}
.content .event-speakers {
font-size: 80%;
margin: 2rem 0;
}
.content .event-speaker {
margin-top: 1.2rem;
margin-bottom: 1.2rem;
}
.content .event-speaker.with-picture {
display: grid;
grid-template-columns: calc( 30% - 1.2rem ) 70%;
grid-gap: 1.2rem;
}
.content .event-speaker-picture {
display: block;
width: 100%;
height: auto;
border-radius: 10px;
}
.page-title .speaker-picture-and-name {
display: flex;
align-items: center;
}
.page-title .event-speaker-picture {
width: 30%;
max-width: 200px;
height: auto;
border-radius: 10px;
margin-right: 1rem;
}
.event-type {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.event-type-heading {
display: inline-block;
border-radius: 5px;
font-size: 120%;
}
.event-type-heading a {
display: flex;
align-items: center;
padding: 0 0.6em 0 0.2em;
border-radius: 5px;
color: white;
}
.event-type-heading a:hover,
.event-type-heading a:focus,
.event-type-heading a:active {
background: transparent;
}
.event-type-heading .event-type-icon-container {
display: block;
}
.event-type-heading .event-type-icon {
display: block;
height: 1.2em;
width: auto;
object-position: center center;
} .month-section:not(.has-matching-events) {
display: none;
}
.month-section.darker {
background: var( --prussian-10 );
}
.box-event-container {
display: grid;
grid-template-columns: 100%;
grid-gap: 1.2rem;
margin: 2rem 0 0.5rem;
}
.search-results .box-event-container {
margin-bottom: 2rem;
}
.box-event {
display: flex;
flex-direction: column;
justify-content: space-between;
background: var( --prussian-10 );
border-radius: 10px;
font-size: 80%;
transition: box-shadow 400ms;
}
.month-section.darker .box-event {
background: white;
}
.box-event:hover {
box-shadow: 0 0 0 4px var( --blue-40 );
transition: box-shadow 200ms;
}
.event-location {
float: right;
text-transform: uppercase;
font-size: 70%;
letter-spacing: 2px;
margin: 0;
padding: 0;
}
.box-event-top {
background-color: var( --prussian );
color: white;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 1rem;
}
.box-event-top h3,
.box-event-top h4,
.box-event-top a {
color: white;
border: none;
}
.box-event-top .event-title {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 0;
}
.box-event-top .event-type-icon-container {
float: right;
position: relative;
top: -0.4rem;
right: -0.4rem;
display: flex;
align-items: center;
border-radius: 5px;
margin-left: 0.3rem;
}
.box-event-top .event-type-icon {
display: block;
height: 1.5em;
width: auto;
}
.box-event-top a:hover,
.box-event-top a:focus,
.box-event-top a:active {
border: none;
background: transparent;
}
.box-event h3 a:focus {
box-shadow: none;
}
.box-event:focus-within {
box-shadow: 0 0 0 2px var( --prussian );
}
.box-event-top h4,
.box-event-top h4 a {
font-variation-settings: "wght" 400;
}
.box-event-description {
padding: 0.9rem 1rem;
}
.box-event-description p {
margin: 0;
}
.box-event-bottom {
padding: 0 1rem 0.9rem 1rem;
font-size: 95%;
}
.box-event-bottom .event-availability {
margin: 0;
} .event-filter-toggle {
margin-bottom: 0;
padding-left: 0.8em;
padding-right: 0.8em;
}
.event-filter-toggle::before {
content: '\f0b0';
font: var( --fa-font-regular );
margin-right: 0.5rem;
}
.event-filter-toggle::after {
content: '\f078';
font: var( --fa-font-regular );
margin-left: 0.5rem;
}
.event-filter-toggle.expanded::after {
content: '\f077';
}
.event-filters {
position: relative;
background: var( --blue-40 );
padding: 0.6rem 0.8rem;
margin-top: 1rem;
border-radius: 5px;
display: none;
height: 1rem;
overflow: hidden;
}
.event-filters.expanded {
display: grid;
height: auto;
}
.event-types-and-locations {
display: flex;
align-items: center;
gap: 0.8rem;
}
.event-type-filters {
display: flex;
gap: 0.4rem;
}
.event-filters select,
.event-filters input {
margin-top: 0.2rem;
margin-bottom: 0.2rem;
}
.event-filters .filter-text-container {
position: relative;
}
.event-filters #clear_filter_text {
position: absolute;
top: 0.5rem;
right: 0.3rem;
padding: 0 1em 0 0.6rem;
margin: 0;
height: 1.8rem;
width: 1.2rem;
font-size: 140%;
border: none;
}
.event-type-filters .event-type-icon {
display: block;
height: 1.4rem;
width: auto;
border-radius: 5px;
}
.event-type-filters input {
position: absolute;
top: -1000px;
left: -1000px; }
.event-type-filters input + label {
display: inline-block;
padding: 0;
vertical-align: top;
}
.event-type-filters input:focus + label > div {
box-shadow: inset 0 0 0 3px var( --prussian );
}
.event-type-filters input + label > div {
border-radius: 5px;
}
.event-type-filters input:checked + label {
outline: 4px solid var( --blue );
border-radius: 5px;
}
.active-filters {
display: inline-flex;
gap: 0.5em;
margin-top: 0.5em;
}
.active-filter {
background: var( --prussian-10 );
padding: 0.4em 0.8em;
border: 2px solid transparent;
border-radius: 5px;
font-size: 80%;
display: none;
}
.active-filter::first-letter {
text-transform: capitalize;
}
.active-filter::after {
content: '\f00d';
font: var( --fa-font-regular );
font-size: 80%;
margin-left: 0.5em;
opacity: 60%;
}
.active-filter.enabled {
display: block;
}
.active-filter.enabled:hover {
cursor: pointer;
border-color: var( --chocolate );
color: var( --chocolate );
opacity: 1;
}
.event-filter-toggle.expanded + .active-filters {
display: none;
} .blue-highlighted-section {
background: var( --blue-10 );
} .back-to-top-link {
display: inline-flex;
align-items: center;
border: none;
padding: 0.4rem 0.6rem;
margin-left: -0.6rem;
margin-top: 2rem;
border-radius: 5px;
}
.back-to-top-link::before {
content: '\f341';
font: var( --fa-font-regular );
margin-right: 0.4em;
font-size: 140%;
} footer {
overflow: auto;
} .footer-top {
background-color: var( --prussian );
}
.footer-top .inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
row-gap: 0.5rem;
align-items: center;
max-width: calc( 100% - 2rem );
width: calc( 100% - 2rem );
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.footer-top .contact-detail {
display: flex;
flex-direction: column;
width: 100%;
align-items: center;
gap: 0.8rem;
color: white;
text-align: center;
margin-top: 0.4rem;
margin-bottom: 0.4rem;
}
.footer-top .contact-detail .fa-regular,
.footer-top .contact-detail .fa-brands {
font-size: 160%;
width: auto;
}
.footer-top .contact-detail a {
font-variation-settings: "wght" 400;
color: white;
border-color: transparent;
}
.footer-top .contact-detail a:hover,
.footer-top .contact-detail a:focus,
.footer-top .contact-detail a:active {
border-color: white;
background-color: rgba( 255, 255, 255, 0.2 );
}
.footer-top .social-icons {
display: flex;
align-items: center;
}
.footer-top .interface-button {
margin: 0.4em;
}
.footer-top .interface-button .fa-regular,
.footer-top .interface-button .fa-brands {
font-size: 160%;
width: auto;
} .google-map-container img {
display: block;
width: 100%;
height: 100vw;
max-height: 40vh;
object-fit: cover;
object-position: center 40%;
}
.google-map-container {
position: relative;
}
.google-map-container .button-link {
position: absolute;
bottom: 2rem;
left: calc( 50% - 6.7em );
} .footer-menu ul {
text-align: center;
list-style-type: none;
margin: 1em 0;
padding: 0;
}
.footer-menu li {
display: inline-block;
padding: 0.4em 0.6em;
}
.footer-menu a {
padding-top: 0.2em;
padding-bottom: 0.2em;
}
.footer-menu ul ul {
margin-top: 1em;
}
.footer-menu ul ul a {
display: block;
font-variation-settings: "wght" 400;
border: none;
padding: 0.6em 1.2em;
border-radius: 0.2em;
}
.footer-menu ul ul li:last-child a {
border-right: none;
}
.footer-text {
font-size: 80%;
text-align: center;
margin-left: auto;
margin-right: auto;
}   @media screen and ( min-width: 28rem ) { .area-name {
font-size: 160%;
} .site-links a {
font-size: 100%;
}
} @media screen and ( min-width: 36rem ) { header .cta {
display: inherit;
} header .inner {
gap: 2rem;
}
.interface-button.search-button {
margin-left: 0.5rem;
} .page-title {
flex-direction: row;
align-items: end;
}
.page-title .title-and-parent-link {
align-self: center;
}
.page-title .button-link.cta {
margin: 0;
} .alignleft,
.wp-block-image:not(.dont-go-full-width) .alignleft,
.wp-block-image:not(:first-child):not(.dont-go-full-width) .alignleft {
float: left;
clear: left;
width: auto;
max-width: 50%;
height: auto;
margin-top: 0;
margin-right: 2em;
}
.alignright,
.wp-block-image:not(.dont-go-full-width) .alignright,
.wp-block-image:not(:first-child):not(.dont-go-full-width) .alignright {
float: right;
clear: right;
width: auto;
max-width: 50%;
height: auto;
margin-top: 0;
margin-left: 2em;
text-align: right;
}
.wp-block-pullquote,
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
max-width: 50%;
} .related-page-boxes {
grid-template-columns: repeat( 2, calc( 50% - 0.6rem ) );
} .box-event-container {
grid-template-columns: repeat( 2, calc( 50% - 0.6rem ) );
} .gfield--width-half,
.gfield--width-third,
.gfield--width-quarter {
display: inline-block;
vertical-align: top;
margin-right: 0.6rem;
margin-top: 0;
margin-bottom: 0;
}
.gfield--width-half {
width: calc( 50% - 0.6rem );
}
.gfield--width-half.gfield_error {
width: calc( 48% - 1.2em );
}
.gfield--width-third {
width: calc( 33.33333% - 0.4rem );
}
.gfield--width-quarter {
width: calc( 25% - 0.45rem );
} .footer-top a.button-link:last-of-type {
margin-right: 1.2em;
}
} @media screen and ( min-width: 600px ) {
.wp-block-gallery.overlapping figure:nth-child(2n+1) {
margin-left: -2rem !important;
}
.wp-block-gallery.overlapping figure:nth-child(4n+1) {
margin-left: 0 !important;
}
.wp-block-gallery.overlapping figure:nth-child(n+3) {
margin-top: 0 !important;
}
.wp-block-gallery.overlapping figure:nth-child(n+5) {
margin-top: -2rem !important;
}
} @media screen and ( min-width: 48rem ) {
html {
font-size: 1.125rem; }
header .inner {
height: 58px;
} .parent-link-text {
display: inline;
} .wp-block-gallery:first-child li:nth-child(n+5) {
display: block;
} .wp-block-image:not(:first-child) {
margin-top: 1rem;
}
.wp-block-image:not(:last-child) {
margin-bottom: 1rem;
} .related-page-boxes {
grid-template-columns: repeat( 3, calc( 33.33333% - 0.8rem ) );
} .box-page-container,
.box-post-container {
grid-template-columns: repeat( 2, calc( 50% - 0.6rem ) );
} .event-filter-toggle {
display: none;
}
.event-filters {
display: flex;
align-items: center;
gap: 0.8rem;
}
.event-filters {
height: auto;
}
.event-filters input,
.event-filters select {
flex: 1;
min-width: 6em;
}
.active-filters {
display: none;
} .gf_step_label {
display: block;
}
.ginput_complex.has_state.has_country {
display: grid;
grid-template-columns: repeat( 2, calc( 50% - 0.3rem ) );
grid-gap: 0.6rem;
grid-template-areas:
'address-line-1 address-line-1'
'address-line-2 address-line-2'
'address-city address-county'
'address-postcode address-country'
}
.ginput_complex.has_country:not(.has_state) {
display: grid;
grid-template-columns: repeat( 2, calc( 50% - 0.3rem ) );
grid-gap: 0.6rem;
grid-template-areas:
'address-line-1 address-line-1'
'address-line-2 address-line-2'
'address-city address-city'
'address-postcode address-country'
}
.ginput_complex.has_state:not(.has_country) {
display: grid;
grid-template-columns: repeat( 2, calc( 50% - 0.3rem ) );
grid-gap: 0.6rem;
grid-template-areas:
'address-line-1 address-line-1'
'address-line-2 address-line-2'
'address-city address-city'
'address-county address-postcode'
}
.ginput_address_line_1 {
grid-area: address-line-1;
}
.ginput_address_line_2 {
grid-area: address-line-2;
}
.ginput_address_city {
grid-area: address-city;
}
.ginput_address_state {
grid-area: address-county;
}
.ginput_address_postcode {
grid-area: address-postcode;
}
.ginput_address_country {
grid-area: address-country;
} .content .event-speaker.with-picture {
grid-template-columns: 8rem calc( 100% - 9.2rem );
} .footer-top .contact-detail {
flex-direction: row;
width: auto;
}
} @media screen and ( min-width: 784px ) { .logged-in header {
padding-top: 32px;
}
.logged-in .main-menu,
.logged-in .search-box-container {
top: calc( 4rem + 32px );
}
body.logged-in {
padding-top: calc( 32px + 3.2rem );
} .wp-block-columns .full-bleed {
margin-bottom: -1.8rem;
height: calc( 100% + 3.6rem );
}
.wp-block-columns:has(.full-bleed) {
gap: 3.6rem;
}
} @media screen and ( min-width: 64rem ) { .with-sidebar {
display: grid;
grid-template-columns: calc( 60% - 1rem ) calc( 40% - 1rem );
grid-gap: 2rem;
}
.with-narrow-sidebar {
display: grid;
grid-template-columns: calc( 70% - 1rem ) calc( 30% - 1rem );
grid-gap: 2rem;
}
aside {
width: 100%;
left: 0;
border-radius: 5px;
margin-top: 0;
align-self: start;
}
} @media screen and ( min-width: 80rem ) {
html {
font-size: 1.31rem; }
header .inner {
height: 67px;
} .top-menu,
.logged-in .top-menu {
display: block;
position: relative;
top: 0;
z-index: 9999;
display: flex;
align-items: flex-start;
justify-content: space-between;
margin: 0 0 0 0.5rem;
padding-top: 0;
padding-bottom: 0;
background: transparent;
max-width: 40rem;
}
.home .top-menu.hidden-due-to-hero {
display: none;
}
.top-menu > ul {
position: relative;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-grow: 1;
padding: 0;
margin: 0;
list-style-type: none;
}
.top-menu > ul > li {
display: inline-block;
position: relative;
font-size: 1.15vw;
margin-right: 2px;
}
.top-menu > ul:not(.expanded) > li.hidden {
display: none;
}
.top-menu a {
border: 2px solid transparent;
padding: 0.4em 0.8em;
border-radius: 10px;
}
.top-menu a:not(.open):hover {
border-color: white;
}
.top-menu a:focus,
.top-menu a:active {
background: var( --blue-80 );
z-index: 99999;
} .top-menu .menu-item-has-children:focus-within > a.open {
position: relative;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-color: transparent !important;
}
.top-menu .menu-item-has-children > a.open:focus {
box-shadow: 0 -4px 0 0 var( --flame );
} .top-menu .current-menu-item > a,
.top-menu .current-menu-ancestor > a {
background-color: var( --blue-80 );
border-color: var( --blue-80 );
}
.top-menu .sub-menu li,
.top-menu .sub-menu a {
top: 0;
margin-top: 0;
}
.top-menu .sub-menu {
display: none;
list-style-type: none;
position: absolute;
left: 0 !important;
top: 2.3rem;
width: 16rem;
background: var( --blue-80 );
border: 2px solid var( --blue-80 );
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
margin: 0;
padding: 0.2rem 0;
z-index: 9999;
}
.top-menu .sub-menu a {
padding: 0.5rem 0.8rem;
border: 2px solid transparent;
transform: none;
}
.top-menu .sub-menu a:hover {
background: var( --blue );
border-color: white;
}
.top-menu .sub-menu .current-menu-item > a,
.top-menu .sub-menu .current-menu-ancestor > a {
background-color: var( --blue );
border-color: var( --blue );
} .hero-menu ul {
position: relative;
display: grid;
grid-template-columns: repeat( 5, 20% );
height: 70vh;
}
.hero-menu li {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.hero-menu li:not(:first-child) .featured-image {
display: block;
}
.hero-menu li .featured-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 70vh;
object-fit: cover;
object-position: center 36%;
}
.hero-menu li:not(:first-child) .featured-image {
opacity: 0;
transition: all 1000ms;
}
.hero-menu li:not(:first-child):hover .featured-image {
opacity: 1;
transition: all 1000ms;
}
.hero-menu li a {
z-index: 99;
position: relative;
width: 100%;
box-sizing: border-box;
padding-top: 2rem;
margin-top: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-self: flex-end;
background-color: #102e4a33 !important; text-shadow: 0 0 5px black;
border-left: 1px solid rgba( 255, 255, 255, 0.3 );
box-sizing: border-box;
transition: all 1000ms;
}
.hero-menu li:first-child a {
border-left: none;
}
.hero-menu li:hover a {
background-color: #102e4acc !important; text-shadow: none;
transition: all 400ms;
}
.hero-menu li .menu-item-description {
visibility: hidden;
height: 2rem;
padding: 0 1rem;
}
.hero-menu li:hover .menu-item-description {
visibility: visible;
} .related-page-boxes {
grid-template-columns: repeat( 4, calc( 25% - 0.9rem ) );
} .box-event-container {
grid-template-columns: repeat( 3, calc( 33.33333% - 0.8rem ) );
}
} @media screen and ( min-width: 90rem ) { .hero-menu {
font-size: 125%;
} .subpages ul {
overflow-x: visible;
} .main-menu > ul > li,
.top-menu > ul > li {
font-size: 90%;
}
} @media ( prefers-reduced-motion ) {
.hero-menu li a,
.hero-menu li a:hover,
.hero-menu li:not(:first-child) .featured-image,
.hero-menu li:not(:first-child):hover .featured-image {
transition-property: none;
}
} @page {
size: A4 portrait;  
margin: 17mm;
}
@media print { nav,
.interface-button,
a.parent-link,
.wp-block-button,
a.button-link,
.footer-top,
footer h2 {
display: none !important;
} body {
background: transparent;
padding-top: 0;
}
header {
background: none;
border-color: black;
position: relative;
padding-top: 0;
}
.page-title {
background: none;
}
.page-title h1 {
color: white;
}
.highlighted {
background: none;
} body {
font-size: 12pt;
color: black;
} .inner {
padding-left: 0;
padding-right: 0;
} p.has-background,
blockquote p,
.wp-block-quote p {
background: none;
color: black;
}
.wp-block-quote p::before,
.wp-block-quote p::after {
color: black;
}
blockquote cite,
.wp-block-quote cite {
color: black;
}
blockquote cite::before,
.wp-block-quote cite::before {
content: '';
}
h1,
h2,
h3,
h4 {
color: black;
} .has-background {
background: none !important;
color: black !important;
} a:not(.site-logo-container) {
color: black;
border: none;
text-decoration: underline;
} .tip,
.success,
.warning {
background: none;
border: 1px solid black;
color: black;
} .footer-bottom {
background: none;
color: black;
border-top: 1px solid black;
}
}