.has-dark-blue-color {
color: rgb( 0, 67, 111 ) !important;
}
.has-blue-color {
color: rgb( 0, 113, 188 ) !important;
}
.has-light-blue-color {
color: rgb( 204, 227, 242 ) !important;
}
.has-red-color {
color: rgb( 201, 31, 0 ) !important;
}
.has-text-grey-color {
color: rgb( 61, 55, 55 ) !important;
}
.has-white-color {
color: rgb( 255, 255, 255 ) !important;
}
.has-dark-blue-background-color {
background-color: rgb( 0, 67, 111 ) !important;
}
.has-blue-background-color {
background-color: rgb( 0, 113, 188 ) !important;
}
.has-light-blue-background-color {
background-color: rgb( 204, 227, 242 ) !important;
}
.has-red-background-color {
background-color: rgb( 201, 31, 0 ) !important;
}
.has-text-grey-background-color {
background-color: rgb( 61, 55, 55 ) !important;
}
.has-white-background-color {
background-color: rgb( 255, 255, 255 ) !important;
} html {
margin: 0;
padding: 0;
}
body {
background-color: rgb( 204, 227, 242 ); font-family: 'Mitr', Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
color: rgb( 61, 61, 60 );
line-height: 1.6;
}
.inner {
margin: 0 auto;
padding: 1em;
position: relative;
overflow: hidden;
}
#main {
overflow: hidden;
background-color: rgb( 245, 249, 252 ); }
.print-only {
display: none;
} a {
color: rgb( 0, 113, 188 );
text-decoration: none;
line-height: 1.1;
transition: opacity .15s ease-in, border-color .15s ease-in;
}
a:hover {
text-decoration: underline;
transition: opacity .15s ease-in, border-color .15s ease-in;
}
a:active {
opacity: 0.5;
transition: opacity .15s ease-in, border-color .15s ease-in;
}
a.image-link,
a.image-link:hover,
a.image-link:active {
display: block;
opacity: 1;
border-bottom: 0;
}
a.button-link,
.button-menu a,
a.key-button-link,
input[type="submit"],
input[type="button"],
.wp-block-button .wp-block-button__link,
.wp-block-file .wp-block-file__button,
.tribe-events-read-more,
.tribe-events-gcal,
.tribe-events-ical,
button {
display: inline-block;
border: 2px solid rgb( 0, 113, 188 );
border-radius: 1.2em / 50%;
padding: 0.35em 0.8em 0.45em;
margin-bottom: 0.4em;
margin-right: 0.4em;
line-height: normal;
height: auto;
text-align: center;
box-shadow: 0 0 15px rgba( 0, 0, 0, 0.05 );
font-weight: 500;
text-transform: none; font-family: 'Mitr', Helvetica, Arial, sans-serif;
font-size: inherit;
transition: all 500ms;
}
.wp-block-file {
margin-bottom: 1em;
}
.wp-block-file .wp-block-file__button {
margin-bottom: 0;
}
a.button-link,
li.button a,
input[type="button"],
.wp-block-file .wp-block-file__button,
.wp-block-button .wp-block-button__link,
.tribe-events-read-more,
.tribe-events-gcal,
.tribe-events-ical {
border-color: rgb( 0, 113, 188 );
color: rgb( 0, 113, 188 ) !important;
background-color: white;
}
a.key-button-link,
input[type="submit"] {
border-color: rgb( 201, 31, 0 );
color: rgb( 201, 31, 0 );
background-color: white;
}
a.button-link:hover,
li.button a:hover,
input[type="button"]:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button .wp-block-button__link:not(.has-background):hover,
.tribe-events-read-more:hover,
.tribe-events-gcal:hover,
.tribe-events-ical:hover,
button:hover {
cursor: pointer;
background-color: rgb( 204, 227, 242 );
text-decoration: none;
transition: all 200ms;
box-shadow: 0 0 15px rgba( 0, 0, 0, 0.25 );
}
a.key-button-link:hover,
input[type="submit"]:hover {
cursor: pointer;
background-color: rgb( 244, 210, 204 );
border-color: rgb( 201, 31, 0 );
color: rgb( 201, 31, 0 );
box-shadow: 0 0 15px rgba( 0, 0, 0, 0.25 );
text-decoration: none;
transition: all 200ms;
}
a.button-link:last-child,
a.key-button-link:last-child {
margin-right: 0;
}
a.facebook-link::before {
content: "\f082";
font-family: 'Font Awesome 6 Brands';
font-weight: 900;
margin-right: 0.3em;
}
a.x-link::before {
content: "\f099";
font-family: 'Font Awesome 6 Brands';
font-weight: 900;
margin-right: 0.3em;
}
a.instagram-link::before {
content: "\f16d";
font-family: 'Font Awesome 6 Brands';
font-weight: 900;
margin-right: 0.3em;
}
a.document-link::before {
content: "\f16d";
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
margin-right: 0.2em;
} a[target="_blank"]:not(.image-link):not(.icon-link)::after {
display: inline-block;
content: "\f35d";
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 70%;
margin-left: 0.5em;
opacity: 0.7;
position: relative;
top: -0.1em;
} h1,
h2,
h3,
h4 {
font-family: 'Mitr', Helvetica, Arial, sans-serif;
font-weight: 400;
clear: none;
margin: 0.2em 0 0.4em;
line-height: 1.3;
color: rgb( 0, 67, 111 );
}
h1 {
font-size: 175%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 125%;
}
h4 {
font-size: 100%;
} ::selection {
background: rgb( 0, 113, 188 );
color: white;
text-shadow: none;
} .success,
.warning,
.tip {
display: inline-block;
}
.success {
position: relative;
border-left: 2.2em solid rgb( 63, 161, 25 );
background: rgba( 63, 161, 25, 0.1 ) !important;
color: rgb( 63, 161, 25 ) !important;
padding: 0.3em 0.6em;
}
.success::before {
content: '\f00c';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
position: absolute;
top: 0.3em;
left: -1.55em;
color: white;
}
.success a {
color: rgb( 63, 161, 25 ) !important;
}
.warning,
.validation_error {
position: relative;
border-left: 2.2em solid rgb( 201, 31, 0 );
background: rgb( 241, 227, 226 ) !important;
color: rgb( 201, 31, 0 ) !important;
padding: 0.3em 0.6em;
}
.warning::before,
.validation_error::before {
content: '\f06a';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
position: absolute;
top: 0.3em;
left: -1.5em;
color: white;
}
.warning a {
color: rgb( 201, 31, 0 ) !important;
}
.tip {
position: relative;
border-left: 2.2em solid rgb( 0, 67, 111 );
background: rgba( 0, 67, 111, 0.1 ) !important;
color: rgb( 0, 67, 111 ) !important;
padding: 0.3em 0.6em;
}
.tip::before {
content: '\f05a';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
position: absolute;
top: 0.3em;
left: -1.5em;
color: white;
} .meta {
opacity: 0.7;
font-size: 80%;
margin: 0.2em 0;
}
.light {
opacity: 0.5;
}
.has-small-font-size {
font-size: 85%;
}
.intro {
font-size: 120%;
}
.intro .key-button {
display: block;
margin-bottom: 0.4em;
}
p {
margin-top: 1em;
margin-bottom: 1em;
}
p:first-child {
margin-top: 0;
}
p:last-child {
margin-bottom: 0;
}
strong {
font-weight: 500;
} .front-page-content p,
.front-page-content .wp-block-button .wp-block-button__link {
font-size: 130%;
}
.page-slideshow {
width: 100%;
height: 56.25vw;
background-size: cover;
background-position: 36% center;
transition: background 1000ms;
} article {
margin-bottom: 1em;
}
.related-pages-section {
margin-top: -2.5em; }
.related-courses-section {
margin-top: -2.5em;
margin-bottom: 3em; } blockquote,
.wp-block-quote {
padding: 0 1.6em;
margin: 0 0 1.5em 0;
width: calc( 100% - 3.5em );
max-width: 50rem;
border-left: 0.3em solid rgb( 0, 113, 188 );
}
.wp-block-quote.is-large {
padding: 1.2em 1.6em;
margin: 0 0 1.5em 0;
border: none;
}
blockquote p,
.wp-block-quote p,
.wp-block-quote.is-large p {
margin-bottom: 0;
font-family: 'Mitr', serif;
font-style: italic;
font-size: 120%;
color: rgb( 0, 113, 188 );
line-height: 1.3;
}
blockquote cite,
.wp-block-quote cite {
display: block;
margin-top: 0.3em;
opacity: 0.7;
color: rgba( 0, 113, 188, 0.7 );
font-family: 'Mitr', serif;
font-style: italic;
font-size: 100%;
}
.wp-block-quote.is-large cite {
text-align: right;
}
blockquote cite::before,
.wp-block-quote cite::before {
content: '— ';
} .wp-block-embed {
margin-left: 0;
margin-right: 0;
} hr {
clear: both;
width: 100%;
margin: 2em 0;
padding: 0;
background: none;
border: 0;
border-bottom: 1px solid #ddd;
} table.wp-block-table {
display: table;
border: 0;
max-width: 100%;
border: 1px solid rgb( 0, 67, 111 );
}
.wp-block-table td {
background: white;
padding: 0.5em 1em;
border: 0;
border-right: 1px solid rgb( 0, 67, 111 );
border-bottom: 1px solid rgb( 0, 67, 111 );
max-width: 33%;
}
.wp-block-table td:last-child {
border-right: 0;
}
.wp-block-table tr:nth-child(2n) td {
background: rgba( 0, 67, 111, 0.05 );
}
.wp-block-table tr:last-child td {
border-bottom: 0;
} header {
width: 100%;
padding: 0;
border: 0;
position: relative;
font-size: 115%;
background: rgb( 0, 67, 111 );
z-index: 999;
}
header .inner {
overflow: visible;
}
header a {
color: white;
}
.clear {
clear: both;
} .cookie-message {
background: rgba( 0, 67, 111, 0.9 );
color: rgba( 255, 255, 255, 0.6 );
}
.cookie-message a {
color: rgba( 255, 255, 255, 0.8 );
}
.cookie-message a:hover {
color: white;
} .logo {
float: left;
box-sizing: border-box;
transition: all 1000ms;
}
.logo:hover {
background: rgba( 255, 255, 255, 0.1 );
margin: -0.4em;
padding: 0.4em;
transition: all 200ms;
}
.logo a:hover {
text-decoration: none;
}
.logo-image {
width: 120px;
height: auto;
margin-top: 10px;
transition: all 1000ms;
}
.logo-image-print {
display: none;
}
.home .logo-image {
margin-top: 0;
width: 155px;
}
.strapline {
display: block;
font-size: 7.4px;
margin-top: 0.5em;
color: white;
} nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
nav a {
padding: 0.8em 0.2em;
font-size: 72%;
}
.site-links {
float: right;
margin-left: 0.4em;
}
.top-menu-buttons {
float: right;
margin-top: -0.1em;
}
.top-menu {
text-align: center;
clear: both;
}
.top-menu a {
color: white;
}
.top-menu a:hover {
text-decoration: none;
}
.top-menu li {
display: inline-block;
transition: all 500ms;
}
.top-menu li:hover {
border-bottom: 2px solid rgba( 255, 255, 255, 0.4 );
transition: all 200ms;
}
.top-menu > ul > li > a {	
font-weight: 300;
font-size: 12px;
}
.top-menu .sub-menu li,
.top-menu .sub-menu a {
display: none;
z-index: 999;
}
.top-menu .sub-menu a:hover {
text-decoration: none;
background: rgba( 255, 255, 255, 0.2 );
}
.top-menu .menu-item-has-children:hover {
background: rgb( 0, 113, 188 );
}
.top-menu-buttons li,
.footer-menu-buttons li {
display: inline-block;
clear: both;
}
.top-menu-buttons a,
.footer-menu-buttons a {
background: white;
border-color: rgb( 201, 31, 0 );
padding: 0.2em 0.6em 0.3em;
margin-right: 0;
margin-left: 0.4em;
box-shadow: none;
color: rgb( 201, 31, 0 );
font-size: 90%;
}
.top-menu-buttons a:first-child,
.footer-menu-buttons a:first-child {
margin-left: 0;
}
.top-menu-buttons a:hover,
.footer-menu-buttons a:hover {
background-color: rgb( 244, 210, 204 );
text-decoration: none;
}
.top-menu .current-menu-item,
.top-menu .current-menu-ancestor {
border-bottom: 2px solid white;
}
a.icon-button {
display: inline-block;
padding: 0.4em 0.2em;
margin: 0;
opacity: 0.8;
border-radius: 0.2em;
font-size: 18px;
}
a.icon-button:hover {
opacity: 1;
background: rgba( 255, 255, 255, 0.2 );
}
a.icon-button:last-child {
margin-right: -0.4em;
} .highlighted {
background: rgba( 0, 113, 188, 0.4 );
}
.highlighted-more {
background: rgba( 0, 113, 188, 0.7 );
} .about-thumb {
border-radius: 50%;
float: left;
margin-right: 2em;
margin-bottom: 2em;
max-width: 25%;
height: auto;
}
.about-text {
overflow: hidden;
max-width: 50rem;
} .search-box {
clear: both;
width: 100%;
box-sizing: border-box;
padding: 0;
margin-top: 1em;
margin-bottom: 1em;
background: white;
border: 2px solid rgb( 242, 81, 70 );
border-radius: 0.2em;
overflow: hidden;
box-shadow: 0 2px 2px rgba( 0, 0, 0, 0.1 );
}
header .search-box {
display: none;
margin-bottom: 0;
}
.search-box input[type="text"] {
float: left;
font-size: 110%;
width: 80%;
box-sizing: border-box;
padding: 0.5em;
background: none;
border: none;
margin-bottom: 0;
}
.search-box input[type="text"]:hover,
.search-box input[type="text"]:focus {
border: none;
background: transparent;
}
.search-box input[type="submit"] {
float: right;
height: 2.85em;
width: auto;
box-sizing: border-box;
padding: 0.7em;
border: 0;
margin: 0;
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
box-shadow: none;
border-radius: 0;
}
.search-box input[type="submit"]:hover {
color: white;
background: rgb( 201, 31, 0 );
border: 0;
} .post-type-info {
display: inline-block;
background: white !important;
padding: 0.3em 0.6em;
border-radius: 0.5em;
margin-bottom: 0.5em;
font-size: 80%;
text-transform: uppercase;
} .parent-link {
display: inline-block;
font-size: 90%;
margin: 0 0 0.5em;
border: 1px solid transparent;
color: rgba( 255, 255, 255, 0.6 );
}
.parent-link::before {
display: inline-block;
content: '\f060';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
font-size: 80%;
margin-right: 0.5em;
text-decoration: none;
} .page-title {
display: block;
background: rgb( 0, 113, 188 );
}
.page-title .inner {      
margin-left: auto;
margin-right: auto;
}
.page-title h1 {
margin: 0;
color: white;
} .featured-image {
width: 100%;
height: auto;
margin-bottom: 1em;
}
.featured-image-caption {
float: right;
position: relative;
top: -4.3em;
background: rgba( 0, 0, 0, 0.5 );
color: white;
font-size: 60%;
text-transform: uppercase;
padding: 0 0.5em;
} .excerpt {
max-width: 50rem;
margin-left: auto;
margin-right: auto;
padding: 0 14px;
box-sizing: border-box;
}
.excerpt:not(.last-child) {
margin-bottom: 1em;
}
.excerpt p {
display: inline;
text-align: center;
font-family: 'Mitr', Helvetica, Arial, sans-serif;
font-size: 100%;
background: rgb( 249, 127, 60 );
color: white;
box-shadow: 14px 0 0 rgb( 249, 127, 60 ), -14px 0 0 rgb( 249, 127, 60 );
padding: 0.3em 0;
} article ul:not(.wp-block-gallery):not(.gform_fields):not(.gfield_radio):not(.gfield_checkbox):not(.tick-list),
article ol {
max-width: 50rem;
padding-left: 1em;
margin-left: 1.3em;
}
article ul:not(.wp-block-gallery):not(.gform_fields):not(.gfield_radio):not(.gfield_checkbox):not(.tick-list) li {
margin-bottom: 0.4em;
padding-left: 0.8em;
}
article ul.tick-list {
max-width: 50rem;
padding-left: 0;
margin-left: 1.3em;
}
article ul.tick-list li {
list-style: none;
position: relative;
padding-left: 2em;
}
article ul.tick-list li::before {
content: '\f00c';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
position: absolute;
top: 0;
left: 0;
} .wp-block-image,
.wp-block-gallery {
margin-bottom: 1.5em;
}
.wp-block-image figcaption {
font-family: 'Mitr', Helvetica, Arial, sans-serif;
font-size: 85%;
text-align: left;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
box-sizing: border-box;
font-family: 'Mitr', Helvetica, Arial, sans-serif;
font-size: 85%;
}
.alignwide,
.alignfull {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
text-align: center;
}
.alignwide {
max-width: 1260px;
}
.alignwide img {
width: 100%;
margin: auto;
}
.alignfull .wp-block-image {
max-width: 100%;
width: 100%;
} .whole-clickable:hover {
cursor: pointer;
} .flex-spacer {
visibility: hidden;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
} .box-link-container {
display: flex; align-items: stretch;
flex-wrap: wrap;
flex: 1;
clear: both; margin: 0 -0.5em;
}
.box-link-container.search-results {
margin-top: 1.5em;
text-align: left;
}
.box-link {
display: inline-block;
vertical-align: top;
width: calc( 50% - 1em );
margin: 0.5em;
box-sizing: border-box;
font-family: 'Mitr', Helvetica, Arial, sans-serif;
text-align: center;
overflow: hidden;
background: rgb( 0, 113, 188 );
border: 2px solid rgb( 245, 249, 252 );
transition: all 500ms;
}
.box-link:hover {
border-color: rgb( 0, 113, 188 );
box-shadow: 0 0 15px rgba( 0, 0, 0, 0.25 );
transition: all 200ms;
}
.box-link-featured-image {
width: 100%;
height: 40%;
background-size: cover;
background-position: center 36%;
margin-bottom: 0.5em;
}
.box-link-image {
background: rgb( 204, 227, 242 );
padding: 0.8em 1em;
}
.box-link .page-icon {
width: auto;
height: auto;
max-height: 100px;
max-width: 100%;
}
.box-link .featured-image {
margin: -0.8em -1em -1.3em -1em;
width: calc( 100% + 2em );
max-width: calc( 100% + 2em );
height: auto;
max-height: 999px;
}
.box-link .fa-icon {
font-size: 100px;
color: rgb( 0, 113, 188 );
line-height: 1;
}
.box-link h3 a {
display: block;
padding: 0.8em 1em;
color: white;
font-size: 70%;
font-weight: 400;
text-decoration: none;
}
.box-link h3 a:hover {
text-decoration: none;
}
.box-link p {
font-size: 65%;
}
.box-link.flex-spacer {
margin: 0 0.5em !important;
} .page-icon span {
display: block;
line-height: 1;
color: rgb( 242, 81, 70 );
font-size: 40px;
margin-bottom: 5px;
} .box-item-container {
display: flex; align-items: stretch;
flex-wrap: wrap;
flex: 1;
clear: both; margin: 0 -0.5em;
}
.content .box-item-container {
justify-content: flex-start;
}
.box-item {
display: inline-block;
vertical-align: top;
width: calc( 100% - 1em );
min-width: 322px; margin: 0.5em;
padding: 0.8em 1em;
box-sizing: border-box;
text-align: left;
background: rgb( 204, 227, 242 );
border: 0;
color: inherit;
border: 2px solid transparent;
transition: all 500ms;
}
.box-item:hover {
border-color: rgb( 0, 113, 188 );
box-shadow: 0 0 15px rgba( 0, 0, 0, 0.25 );
transition: all 200ms;
}
.box-item a:hover {
text-decoration: none;
}
.box-item h3 {
width: 100%;
margin-right: 2%;
text-align: left;
background: transparent;
border: 0;
padding: 0;
margin-bottom: 0.3em;
}
.box-item img {
max-width: 100%;
height: auto;
}
.box-item .featured-image {
margin: -0.8em -1em -0.8em -1em;
width: auto;
max-width: calc( 100% + 2em );
height: auto;
max-height: 300px;
}
.box-item p {
font-size: 90%;
}
.box-item.flex-spacer {
margin: 0 1em !important;
} .details-box {
background: rgb( 0, 113, 188 );
color: white;
padding: 0.8em 1em;
margin-bottom: 1em;
}
.details-box h3 {
color: white;
}
.details-box p {
margin-top: 0.5em;
} details {
border: 2px solid rgba( 242, 81, 70, 0.3 );
}
.ab-block-accordion .ab-accordion-title {
background: white;
}
details summary {
color: rgb( 242, 81, 70 );
}
details summary:hover {
box-shadow: 0 0 15px rgba( 0, 0, 0, 0.25 );
cursor: pointer;
} fieldset {
border: none;
padding: 0;
margin: 1em 0 2em;
}
legend {
font-weight: 500;
padding-top: 1em;
}
label {
display: block;
font-weight: 500;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="url"],
textarea,
select {
font-family: 'Mitr', Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: inherit;
color: rgb( 61, 55, 55 );
padding: 0.4em 0.6em;
line-height: 1.6;
margin-bottom: 0.2em;
border: none;
background-color: white;
border: 2px solid rgba( 0, 113, 188, 0.6 );
border-radius: 0.2em;
outline: none;
width: 100%;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
transition: border 500ms;
}
textarea.small {
height: 5em;
}
select {
background: white url(//eade.uk.com/wp-content/themes/jameseade/images/select-chevron.png) center right no-repeat;
background-size: 27px 9px;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="url"]:hover,
textarea:hover,
select:hover {
border-color: rgb( 0, 113, 188 );
transition: border 200ms;
}
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,
select:focus,
textarea:focus {
border-color: rgb( 201, 31, 0 );
}
input[type="file"] {
display: block;
} .ginput_container_creditcard {
position: relative;
margin: 0.5em 0;
background: rgb( 204, 227, 242 );
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: rgb(0, 67, 111);
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: rgb(0, 67, 111);
}
.StripeElement {
background: white;
border: 2px solid rgba(0, 113, 188, 0.6) !important;
padding: 0.6em 0.8em;
border-radius: 4px;
} .gchoice,
.ginput_container_consent {
display: flex;
align-items: center;
}
input[type="checkbox"] {
appearance: none;
border: 2px solid rgb( 0, 113, 188 );
background: white;
width: 1em;
height: 1em;
display: inline-block;
position: relative;
vertical-align: middle;
border-radius: 5px;
margin: 0;
margin-right: 0.3em;
}
input[type="checkbox"]:checked {
border-color: rgb( 0, 113, 188 );
}
input[type="checkbox"]:checked::before {
content: '';
color: rgb( 0, 113, 188 );
position: absolute;
top: calc( 50% - 0.5em );
left: calc( 50% - 0.2em );
font-weight: 700;
font-size: 80%;
width: 0.25em;
height: 0.6em;
border-bottom: 0.15em solid rgb( 0, 113, 188 );
border-right: 0.15em solid rgb( 0, 113, 188 );
transform: rotate( 45deg ) skew( 10deg );
}
input[type="radio"] {
appearance: none;
border: 2px solid rgb( 0, 113, 188 );
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;
}
input[type="radio"]:checked {
background: rgb( 0, 113, 188 );
border-color: rgb( 0, 113, 188 );
box-shadow: inset 0 0 0 0.2em white;
}
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-weight: 400;
}
input:focus,
select:focus,
textarea:focus {
outline: none;
box-shadow: 0 0 0 2px rgb( 0, 113, 188 );
}
input[type="radio"]:checked:focus {
box-shadow: 0 0 0 2px rgb( 0, 113, 188 ), inset 0 0 0 0.2em white;
}
input[value="gf_other_choice"]:not(:checked) + label + br + input {
display: none;
} .gform_body {
margin-top: 1em;
}
.gform_fields {
margin-left: 0;
padding-left: 0;
margin-bottom: 2em;
}
.gfield {
list-style-type: none;
margin-left: 0;
margin-bottom: 1.5em;
padding-left: 0;
}
.gfield_radio,
.gfield_checkbox {
margin-left: 0;
padding-left: 0;
}
.gfield_radio li,
.gfield_checkbox li {
list-style-type: none;
margin-left: 0;
margin-bottom: 0.2em;
padding-left: 0;
}
.ginput_complex label {
font-size: 85%;
font-weight: normal;
color: rgb( 61, 55, 55 );
margin: 0.1em 0.5em;
}
.ginput_total {
font-size: 160% !important;
background: none !important;
border: none !important;
padding: 0 !important;
}
.gfield_description {
font-size: 90%;
color: rgb( 61, 55, 55 );
margin: 0.2em 0;
}
.gf_left_half {
display: inline-block;
width: 49%;
margin-right: 2%;
}
.gf_right_half {
display: inline-block;
width: 49%;
}
.name_prefix {
display: inline-block;
width: 13%;
margin-right: 2%;
}
.name_first {
display: inline-block;
width: 39%;
margin-right: 2%;
}
.name_last {
display: inline-block;
width: 39%;
margin-right: 2%;
}
.address_city {
display: inline-block;
width: 49%;
margin-right: 2%;
}
.address_zip {
display: inline-block;
width: 49%;
}
.gform_validation_container {
display: none !important;
}
.gform_wrapper h2.gsection_title {
margin-top: 2em;
padding-bottom: 0.3em;
border-bottom-width: 2px;
border-bottom-style: solid;
}
.gfield.gfield_error {
border-left: 0.2em solid rgb( 242, 81, 70 );
padding: 0 0.5em;
}
.gfield_error .validation_message {
display: inline-block;
background: rgb( 242, 81, 70 );
color: white;
padding: 0.2em 0.4em;
}
.gfield_visibility_hidden {
display: none !important;
}
a.gform_anchor {
display: none;
}
.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;
}
.gf_progressbar {
background: rgba( 249, 127, 60, 0.2 );
margin-bottom: 1em;
}
.gf_progressbar_percentage span {
margin-left: 0.5em;
}
.gfield_label {
margin-bottom: 0.2em;
}
.gform_required_legend {
display: none;
}
.ginput_container_coupon {
display: flex;
gap: 0.5em;
} body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
display: none;
} .ui-datepicker {
background: white;
border: 2px solid rgba( 0, 113, 188, 0.4 );
border-radius: 0.5rem;
text-align: center;
}
.ui-datepicker-calendar {
margin-bottom: 0;
border: 0;
}
.ui-datepicker tr:last-child td:first-child {
border-bottom-left-radius: 0.4em;
}
.ui-datepicker tr:last-child td:last-child {
border-bottom-right-radius: 0.4em;
}
.ui-datepicker th {
text-align: center;
}
.ui-datepicker td {
padding: 0;
width: 2em;
}
.ui-datepicker td a {
display: block;
padding: 0.1em 0.3em;
text-decoration: none;
text-align: center;
border: 0;
}
.ui-datepicker td a.ui-state-active {
background: rgb( 0, 113, 188 );
color: white;
}
.ui-datepicker td a:hover {
background: rgba( 0, 113, 188, 0.5 );
color: white;
}
.ui-datepicker-prev {
float: left;
padding: 0.2em 0.3em;
margin: 0.1em;
border: 0;
border-radius: 0.4em;
}
.ui-datepicker-prev:hover {
cursor: pointer;
background: rgba( 0, 113, 188, 0.3 );
border: 0;
}
.ui-datepicker-prev::before {
content: '\f340';
font-family: 'dashicons';
}
.ui-datepicker-next {
float: right;
padding: 0.2em 0.3em;
margin: 0.1em;
border: 0;
border-radius: 0.4em;
}
.ui-datepicker-next:hover {
cursor: pointer;
background: rgba( 0, 113, 188, 0.3 );
border: 0;
}
.ui-datepicker-next::after {
content: '\f344';
font-family: 'dashicons';
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
display: none;
}
.ui-datepicker-title {
padding: 0.1em;
}
.ui-datepicker select {
width: auto;
border: 0;
padding-left: 0.5em;
} .gpnf-nested-entries {
background: white;
}
.gpnf-nested-entries th {
font-weight: 500;
}
.gpnf-nested-entries th,
.gpnf-nested-entries td {
padding: 0.4em 0.8em !important;
}
.gpnf-row-actions button {
border-radius: 5px;
box-shadow: none;
}
.gpnf-add-entry {
background: white;
color: rgb( 0, 113, 188 );
} .tribe-events-title-bar,
#tribe-events-bar,
.tribe-events-back,
#tribe-events-header,
#tribe-events-footer,
.events-list .tribe-events-ical {
display: none;
}
.tribe-events-cal-links {
margin-bottom: 0;
}
.single-tribe_events .tribe-events-event-meta {
margin-top: 0;
}
.tribe-events-meta-group-gmap {
margin-top: 1em;
}
.post-type-archive-tribe_events .type-tribe_events {
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px solid rgb( 204, 227, 242 );
}
.post-type-archive-tribe_events .tribe-events-venue-details {
font-size: 80%;
font-weight: 300;
margin-top: 0.5em;
}
.post-type-archive-tribe_events .tribe-events-content {
display: none;
} a.icon-link.no-text {
font-size: 150%;
}
a.icon-link:not(.no-text) span {
margin-right: 0.4em;
opacity: 0.6;
}
svg {
margin-right: 0.5em;
}
a.icon-link svg {
margin-right: 0;
} .multi-col {
column-count: 2;
}
.multi-col li {
margin-left: 1em;
} footer {
position: relative;
font-family: 'Mitr', Helvetica, Arial, sans-serif;
background: rgb( 204, 227, 242 );
margin: 0 0 2em;
}
footer p {
vertical-align: middle;
font-size: 80%;
margin: 0.2em 0;
}
footer a.button,
footer a.key-button {
margin-bottom: 0;
} .contact-details {
display: inline-block;
list-style-type: none;
margin: 0 0 0.5em;
padding: 0;
}
.contact-detail {
display: inline-block;
margin: 0 1em 0 0;
padding: 0.4em 0 0.4em 1.6em;
position: relative;
color: rgb( 0, 113, 188 );
font-size: 95%;
}
.contact-detail span {
position: absolute;
top: 0.7em;
left: 0;
opacity: 0.6;
} .social-icons {
display: inline-block;
list-style-type: none;
margin: 0 0 0.5em;
padding: 0;
}
.social-icon {
display: inline-block;
margin: 0 1em;
}
.social-icon:first-child {
margin-left: 0;
}
.social-icon:last-child {
margin-right: 0;
} .footer-menu,
.footer-menu-buttons {
margin: 1em 0;
}
.footer-menu a,
.footer-menu-buttons a {
font-size: 120%;
}  @media screen and (min-width: 360px) { .logo-image {
width: 150px;
margin-top: 8px;
}
.home .logo-image {
width: 180px;
}
.strapline {
font-size: 8.6px;
} .top-menu > ul > li > a {	
font-size: 14px;
}
} @media screen and (min-width: 600px) { .top-menu > ul > li > a {	
font-size: 16px;
} .box-link,
.box-link-container::after {
width: calc( 33.3% - 1em ); }
.box-link.flex-spacer {
margin-left: 1em !important;
margin-right: 1em !important;
}
.box-item,
.box-item-container::after {
width: calc( 50% - 1em ); } .wp-block-image .alignleft {
float: left;
clear: left;
max-width: 50%;
height: auto;
margin-top: 2em;
margin-right: 2em;
}
.wp-block-image .alignright {
float: right;
clear: right;
max-width: 50%;
height: auto;
margin-top: 2em;
margin-left: 2em;
} .contact-detail {
margin-right: 2em;
} .gfield--width-half {
display: inline-block;
vertical-align: top;
width: calc( 50% - 0.5rem );
margin-right: 1rem;
}
.gfield--width-half + .gfield--width-half {
margin-right: 0;
}
} @media screen and (min-width: 768px) {
body,
p {
font-size: 18px;
} .top-menu,
.top-menu-buttons {
display: block;
float: right;
clear: none;
margin-right: 0.4em;
}
.top-menu li {
display: inline-block;
}
.top-menu-buttons a {
font-size: 16px;
padding: 0.4em 0.8em;
background: white;
}
.top-menu li.menu-item-has-children > a:hover {
text-decoration: none;
}
.top-menu li.menu-item-has-children > a:after {
content: '\f078';
font-family: 'Font Awesome 6 Pro';
font-weight: 900;
margin-left: 0.5em;
font-size: 80%;
opacity: 0.7;
}
.top-menu li:hover .sub-menu,
.top-menu .sub-menu li,
.top-menu .sub-menu a {
display: block;
}
.top-menu .sub-menu {
display: none;
background: rgb( 0, 113, 188 );
position: absolute;
box-shadow: 0 5px 8px rgba( 0, 0, 0, 0.2 );
}
.top-menu .sub-menu a {
font-size: 16px;
width: 12em;
text-align: left;
padding-left: 1em;
padding-right: 1em;
}
.top-menu .sub-menu .current-menu-item {
border: none;
background: rgba( 255, 255, 255, 0.3 );
}
.top-menu .sub-menu li:hover {
border: none;
}
header .search-box {
margin-top: 3em;
} article {
max-width: 60%;
} .sidebar {
float: right;
width: 35%;
width: 35%;
} .page-slideshow {
height: 288px;
} .footer-menu li {
display: inline-block;
}
.footer-menu a {
font-size: 16px;
}
.footer-menu-buttons a {
font-size: 16px;
padding: 0.4em 0.8em;
}
} @media screen and (min-width: 900px) { .logo-image {
width: 240px;
}
.home .logo-image {
width: 300px;
}
.strapline {
font-size: 14.4px;
} .top-menu {
margin-right: 1em;
}
a.icon-button {
padding: 0.4em;
} .home .top-menu,
.home .top-menu-buttons,
.home .site-links {
margin-top: 0.5em;
} .page-slideshow {
height: 288px;
} .box-link,
.box-link-container::after {
width: calc( 25% - 1em ); }
.box-item,
.box-item-container::after {
width: calc( 33.3% - 1em ); }
.box-link h3 a {
font-size: 90%;
} article .box-item {
width: calc( 50% - 1em );
}
} @media screen and (min-width: 1260px) { .multi-col {
column-count: 3;
} article {
max-width: 50rem;
} .sidebar {
width: calc( 100% - 50rem - 3rem);
}
} @media screen and (min-width: 1440px) {
.inner {
width: 1360px;
}
} @page {
size: A4 portrait;  
margin: 17mm;
}
@media print { .logo-image-print {
display: block;
width: 6cm;
} .logo-image,
.parent-link,
.site-links,
.top-menu,
.top-menu-buttons,
.page-slideshow,
.related-pages-section,
.footer-menu,
.footer-menu-buttons,
.wp-block-button,
a.button-link,
a.key-button-link {
display: none;
} p.has-background {
border: 0.5px solid #ccc;
} .box-item {
width: 45%;
min-width: 45%;
border: 0.5px solid #ccc;
}
}