html {
margin: 0 !important;
padding: 0;
}
body {
position: relative;
font-family: 'Made Tommy', Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
color: black;
line-height: 1.6;
overflow-x: auto;
overflow-y: scroll; }
.inner {
width: 90%;
max-width: 1140px;
margin: 0 auto;
padding: 1em 0;
}
.inner.main-inner {
background: white;
padding-top: 0;
padding-bottom: 0;
}
.wp-block-group__inner-container {
max-width: 1140px;
margin: 0 auto;
}
.print-only {
display: none;
} header {
width: 100%;
padding: 0;
border: 0;
background: white;
overflow: hidden;
}
header .inner {
width: 94%;
display: flex;
justify-content: space-between;
align-items: center;
} .site-logo-link {
display: flex;
align-items: center;
width: 256px;
max-width: 80%;
border: none;
}
.site-logo {
width: 256px;
max-width: 80%;
}
.site-logo-link .site-logo {
width: 100%;
max-width: 100%;
height: auto;
}
.site-logo-link:hover,
.site-logo-link:focus,
.site-logo-link:active {
background: var( --red-10 );
padding: 10px;
margin: -10px;
border-radius: 10px;
}
.site-logo-link:focus,
.site-logo-link:active {
box-shadow: 0 0 0 4px var( --red );
} .site-links {
display: flex;
justify-content: flex-end;
align-items: center;
}
.site-links a {
display: inline-block;
background: var( --navy-10 );
color: var( --navy );
border-radius: 10px;
padding: 0.55em 1em;
margin-left: 0.2em;
text-transform: uppercase;
transition: none;
}
.site-links a:hover,
.site-links a:focus,
.site-links a:active {
background: var( --red );
color: white;
transition: none;
}
.site-links a:focus,
.site-links a:active {
box-shadow: 0 0 0 4px var( --red );
transition: none;
}
.site-links a.c-of-e-logo-link {
padding: 0;
background: none;
}
.site-links .c-of-e-logo {
display: none;
}
.site-links .button-text {
display: none;
} a.icon-button.home-button {
margin-right: 0;
border-radius: 0;
color: black;
transition: none;
}
a.icon-button.home-button:hover {
background: var( --navy-10 );
color: var( --navy );
transition: none;
}
a.icon-button.home-button:focus,
a.icon-button.home-button:active {
background: none;
color: var( --navy );;
box-shadow: inset 0 0 0 4px var( --navy-40 );
transition: none;
} header .social-icon {
display: none !important;
} .main-menu {
display: block;
margin: 0;
}
.main-menu .inner {
display: flex;
align-items: center;
width: 100%;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.main-menu ul {
display: flex;
align-items: stretch;
justify-content: space-between;
margin: 0;
padding: 0;
list-style-type: none;
}
.main-menu .inner > ul {
overflow: scroll;
-ms-overflow-style: none; scrollbar-width: none; }
.main-menu .inner > ul::-webkit-scrollbar {
display: none; }
.main-menu .inner > ul::after {
content: '\f054';
font-family: 'Font Awesome 5 Pro';
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 2em;
padding-left: 1em;
background: linear-gradient( to right, transparent, white 40% );
}
.main-menu .inner > ul > li {
display: inline-flex;
align-items: center;
border-left: 1px solid rgba( 255, 255, 255, 0.2 );
}
.main-menu .inner > ul > li:first-child {
border-left: 0;
}
.main-menu a {
display: block;
font-weight: 500;
font-size: min( 4vw, 16px );
color: black;
line-height: 1.2;
padding: 0.6em;
border: none;
border-radius: 0;
text-transform: uppercase;
text-align: center;
transition: none;
}
.main-menu a:hover {
background: var( --red );
color: white;
transition: none;
}
.main-menu a:focus,
.main-menu a:active {
outline: none; background: transparent;
box-shadow: inset 0 0 0 4px var( --red-40 );
color: var( --red );
}
.main-menu .inner > ul > .current-menu-item,
.main-menu .inner > ul > .current-menu-ancestor {
background: linear-gradient( var( --navy ) 90%, var( --navy-40 ) 90% );
}
.main-menu .inner > ul > .current-menu-item > a,
.main-menu .inner > ul > .current-menu-ancestor > a {
color: white;
}
.main-menu li:hover .sub-menu,
.main-menu .sub-menu li,
.main-menu .sub-menu a {
display: block;
z-index: 9999;
}
.main-menu .sub-menu li,
.main-menu .sub-menu a {
top: 0;
margin-top: 0;
}
.main-menu .sub-menu {
display: none;
background: var( --navy-10 );
position: absolute;
left: 0;
top: 3.3em;
width: 100vw;
box-shadow: 0 5px 10px rgba( 0, 0, 0, 0.1 );
}
.main-menu .sub-menu a {
margin-left: 0;
color: var( --navy );
font-size: 16px;
font-weight: 500;
text-align: left;
padding: 0.6em 1em;
border-radius: 0;
transition: none;
}
.main-menu .sub-menu a:hover {
color: white;
}
.main-menu .sub-menu a:focus,
.main-menu .sub-menu a:active {
box-shadow: none;
background: var( --red );
color: white;
transition: none;
}
.main-menu .sub-menu li:not(.current-menu-item) a:hover {
box-shadow: inset 0 0 0 4px var( --red-40 );
}
.main-menu .sub-menu .current-menu-item a:not(:hover) {
border-top: none;
border-left: 0.5em solid var( --navy );
background: var( --navy-10 );
padding-left: 0.5em;
font-weight: 500;
transition: none;
}
.main-menu .sub-menu .current-menu-item a:hover {
border-left: 0.5em solid var( --red );
transition: none;
}
.main-menu .sub-menu li:hover {
border: none;
}
a.icon-button {
display: inline-block;
margin: 0 0.5em 0 0;
padding: 0.3em 0.5em;
border: none;
border-radius: 0.2em;
color: white;
transition: all 500ms;
}
a.icon-button:last-child {
margin-right: 0;
}
a.icon-button:hover {
background-color: rgba( 255, 255, 255, 0.2 );
text-decoration: none;
transition: all 200ms;
}
a.icon-button:focus {
outline: none; box-shadow: 0 0 0 4px var( --navy );
background: transparent;
transition: all 200ms;
}
a.icon-button:active {
background-color: rgba( 255, 255, 255, 0.4 );
box-shadow: 0 0 0 4px var( --navy );
transition: all 200ms;
}
a.icon-button .label {
margin-left: 0.5em;
} .search-box {
clear: both;
width: 100%;
box-sizing: border-box;
padding: 0;
margin: 0.5em auto 1em;
background: white;
border: 2px solid var( --navy );
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 2px rgba( 0, 0, 0, 0.1 );
}
header .search-box-container {
display: none;
margin-bottom: 0;
}
.search-box input[type="text"] {
float: left;
text-align: left;
font-size: 120%;
width: 80%;
box-sizing: border-box;
padding: 0.5em;
background: none;
border: none;
margin-bottom: 0;
transition: all 500ms;
}
.search-box input[type="text"]:hover,
.search-box input[type="text"]:focus {
outline: none; border: none;
box-shadow: none;
background: transparent;
transition: all 200ms;
}
.search-box input[type="submit"] {
float: right;
height: calc( 2.85em - 8px );
width: auto;
box-sizing: border-box;
padding: 0.7em;
border: 0;
margin: 4px;
font-size: 110%;
box-shadow: none;
border-radius: 5px;
background: var( --navy-10 );
color: var( --navy );
}
.search-box input[type="submit"]:hover {
background: var( --red );
color: white;
border: 0;
cursor: pointer;
} .temporary-message {
background: var( --red );
color: white;
}
.temporary-message::before {
content: '\f06a';
font-family: 'Font Awesome 5 Pro';
font-weight: 400;
margin-right: 0.5em;
} main {
background: white;
overflow: hidden;
} .alignwide,
.alignfull {
width: 100vw;
box-sizing: border-box;
margin-left: 50%;
padding: 1em;
transform: translateX( -50% );
}
.alignfull .inner {
max-width: 1140px;
} h2.alignfull,
h3.alignfull,
h4.alignfull {
margin-top: 0;
margin-bottom: 0;
} .content p:last-child {
margin-bottom: 1em;
} a {
color: var( --navy );
text-decoration: none;
line-height: 1.6;
font-weight: 500;
border-bottom: 0.1em solid var( --navy-40 );
transition: all 500ms;
}
a:hover {
text-decoration: none;
color: var( --red );
border-color: var( --red );
}
a:focus,
a:active {
outline: none; background-color: var( --red-10 );
transition: all 200ms;
}
a.image-link {
display: inline-block;
border-bottom: 0;
border-radius: 0.2em;
}
a.image-link img {
border-radius: 0.2em;
}
a.image-link:active {
background: white;
border-bottom: 0;
}
a.image-link:focus {
outline: none; background: transparent;
box-shadow: 0 0 0 4px var( --red );
}
a.button-link,
.wp-block-button .wp-block-button__link,
.wp-block-file .wp-block-file__button {
display: inline-block;
background: white;
color: var( --navy );
border: 2px solid var( --navy );
box-shadow: 0 0 0 3px rgba( 255, 255, 255, 0.4 );
border-radius: 10px;
padding: 0.4em 0.8em;
margin-top: 0.8em;
margin-bottom: 0.8em;
line-height: normal;
height: auto;
text-align: center;
font-weight: 500;
font-size: inherit;
text-transform: uppercase;
transition: background 500ms;
}
a.button-link:hover,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:hover {
background-color: var( --red-10 );
border-color: var( --red );
color: var( --red );
transition: background 200ms;
}
a.button-link:focus,
.wp-block-button .wp-block-button__link:focus,
.wp-block-file .wp-block-file__button:focus {
outline: none; box-shadow: 0 0 0 4px var( --red );
}
a.button-link:active,
.wp-block-button .wp-block-button__link:active,
.wp-block-file .wp-block-file__button:active {
background-color: var( --red-40 );
}
a.button-link:last-child {
margin-right: 0;
}
.wp-block-file {
margin-bottom: 1em;
}
.wp-block-file .wp-block-file__button {
margin-bottom: 0;
}
.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover,
.wp-block-file a.wp-block-file__button:visited {
color: var( --red );
}
.wp-block-buttons.aligncenter {
justify-content: center;
} a.button-link.cta,
.wp-block-button.is-style-fill .wp-block-button__link {
background: var( --red );
border-color: white !important;
color: white;
transition: all 500ms;
}
a.button-link.cta:hover,
.wp-block-button.is-style-fill .wp-block-button__link:hover {
border-color: var( --red ) !important;
transition: all 200ms;
}
a.button-link.cta:focus,
.wp-block-button.is-style-fill .wp-block-button__link:focus {
outline: none; box-shadow: 0 0 0 4px var( --red );
}
a.button-link.cta:active,
.wp-block-button.is-style-fill .wp-block-button__link:active {
background: var( --red );
} a.icon-link {
display: inline-flex;
padding: 0.4em 0;
margin-right: 0.5em;
border-bottom: none;
}
a.icon-link span {
margin-right: 0.3em;
font-size: 160%;
}
a.icon-link:hover {
background: var( --red-10 );
border-radius: 5px;
}
span.icon {
display: inline-block;
vertical-align: center;
margin-right: 0.3em;
font-size: 160%;
}
.page-title a.icon-link {
color: white;
}
.page-title a.icon-link:hover {
color: var( --red );
} a[target="_blank"]:not(.image-link):not(.icon-link):not(.icon-only):not(.no-target-icon)::after {
display: inline-block;
content: "\f35d";
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
font-size: 70%;
margin-left: 0.5em;
opacity: 0.7;
position: relative;
top: -0.1em;
} h1,
h2,
h3,
h4 {
font-weight: 500;
clear: none;
margin: 1em 0 0.5em;
line-height: 1.3;
color: var( --blue );
}
h1 {
font-size: 180%;
}
h2 {
font-size: 150%;
}
h3 {
font-weight: 500;
font-size: 120%;
}
h4 {
font-weight: 500;
font-size: 100%;
}
h1 + h2,
h2 + h2,
h2 + h3,
h3 + h3,
h3 + h4,
h4 + h4 {
margin-top: -0.2em;
}
.wp-block-group h2:first-child,
.wp-block-group h3:first-child,
.wp-block-group h4:first-child {
margin-top: 0;
}
h1 a,
h2 a,
h3 a,
h4 a {
font-weight: 500;
} div + h2,
div + h3,
div + h4 {
margin-top: 1em;
} ::selection {
background: var( --red );
color: white;
text-shadow: none;
} iframe {
max-width: 100%;
} .success,
.warning,
.validation_error,
.tip {
display: inline-block;
position: relative;
padding: 0.4em 0.8em 0.6em 2.5em;
border-radius: 0.1em;
margin-top: 1em;
margin-bottom: 1em;
}
.success::before,
.warning::before,
.validation_error::before,
.tip::before {
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
font-size: 120%;
margin-right: 0.5em;
position: absolute;
top: 0.2em;
left: 0.5em;
color: white;
}
.success a,
.warning a,
.validation_error a {
color: white;
}
.tip a {
color: var( --black );
}
.success {
background: var( --success );
color: black;
}
.success::before {
content: '\f00c';
color: black;
}
.warning,
.validation_error,
.gfield_description.validation_message {
position: relative;
background: var( --warning );
color: white;
opacity: 1;
}
.warning::before,
.validation_error::before {
content: '\f06a';
}
.tip {
background: var( --turquoise );
color: black;
}
.tip::before {
content: '\f05a';
color: black;
} .meta {
margin: 0.2em 0;
}
.light {
opacity: 0.5;
}
.small {
font-size: 60%;
}
.has-small-font-size {
font-size: 85%;
}
.intro {
font-size: 120%;
}
.intro .key-button {
display: block;
margin-bottom: 0.4em;
}
p {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
p:first-child {
margin-top: 1em;
}
p:last-child {
margin-bottom: 1em;
}
.wp-block-group p:last-child {
margin-bottom: 0;
}
p + ul,
p + ol {
margin-top: 0;
}
p + p {
margin-top: 1.5em;
}
strong {
font-weight: 500;
} blockquote,
.wp-block-quote {
position: relative;
margin: 0.5em 0;
padding: 0;
border: none;
}
blockquote p,
.wp-block-quote p,
.wp-block-quote.is-large p {
background: var( --red-10 );
border-radius: 0.5em;
position: relative;
padding: 0.8em 2.8em 1.2em;
line-height: 1.6;
}
blockquote p::before {
content: '\f10d';
position: absolute;
top: 0.8em;
left: 1.2em;
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
color: var( --red-40 );
opacity: 0.5;
}
blockquote p::after {
content: '\f10e';
position: absolute;
bottom: 0.8em;
right: 1.2em;
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
color: var( --red-40 );
opacity: 0.5;
}
blockquote cite,
.wp-block-quote cite {
display: block;
position: relative;
margin-top: 0.3em;
padding: 0.2em 1.5em;
font-size: 90%;
color: black;
}
blockquote cite::before {
content: '\f0d7';
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
font-size: 40px;
position: absolute;
top: -1.25em;
left: 1.2em;
color: var( --red-10 );
}
blockquote em,
.wp-block-quote em {
font-style: normal;
} .wp-block-pullquote,
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
margin-top: 1em;
max-width: 100%;
padding: 0;
border-color: var( --red-40 );
}
.wp-block-pullquote blockquote {
margin: 0;
max-width: 100%;
}
.wp-block-pullquote blockquote p,
.wp-block-pullquote.alignleft blockquote p,
.wp-block-pullquote.alignright blockquote p {
background: white;
color: var( --red );
font-size: 120%;
padding-left: 2em;
padding-right: 2em;
}
.wp-block-pullquote blockquote p::before {
color: var( --red-40 );
left: 0;
}
.wp-block-pullquote blockquote p::after {
color: var( --red-40 );
right: 0;
} .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;
} .wp-block-table {
margin: 0 0 1em;
}
.wp-block-table table {
display: table;
border: 0;
max-width: 100%;
border: 1px solid var( --turquoise-40 );
border-spacing: 0;
border-collapse: collapse;
}
.wp-block-table thead {
border-bottom: none;
}
.wp-block-table th {
background: var( --turquoise );
border: 1px solid var( --turquoise );
font-weight: 500;
color: white;
}
.wp-block-table td {
background: var( --turquoise-5 );
padding: 0.5em 1em;
border: 0;
border-right: 1px solid var( --turquoise-40 );
max-width: 33%;
}
.wp-block-table td:last-child {
border-right: 0;
}
.wp-block-table tr:nth-child(2n) td {
background: var( --turquoise-10 );
}
.wp-block-table tr:last-child td {
border-bottom: 0;
} .post-type-info {
display: inline-block;
background: var( --blue );
color: white;
font-weight: 500;
padding: 0.3em 0.6em;
border-radius: 0.2em;
margin-bottom: 0.5em;
font-size: 80%;
text-transform: uppercase;
}
.box-item.search-result {
padding-bottom: 0;
}
.box-item.search-result.person {
text-align: left;
}
.person-card {
position: relative;
display: inline-block;
overflow: hidden;
}
.person-card__image {
display: block;
transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.person-card__image:hover {
opacity: 0.8;
transform: scale(1.1) rotate(4deg);
}
.person-card__name {
font-size: 0.9rem;
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: #fff;
padding: 3px 10px;
background-color: #E65E6B;
} .page-title {
overflow: hidden;
background: var( --navy );
border-bottom: 1px solid var( --turquoise-40 );
}
.page-title.has-featured-image {
height: 600px;
max-height: 80vw;
background-position: center center;
background-size: cover;
}
.page-title .inner {
overflow: hidden;
position: relative;
height: calc( 100% - 2em );
}
.page-title h1 {
background: var( --navy );
color: var( --turquoise );
margin: 0.4em 0 0;
font-weight: 500;
font-size: 200%;
}
.page-title.has-featured-image h1 {
position: absolute;
bottom: 1em;
left: 0;
display: inline-block;
padding: 0.2em 0.4em;
}
.page-title h2,
.page-title h3 {
color: white;
}
.page-title .related-pages-dropdown-button {
background: rgba( 255, 255, 255, 0.8 );
border-radius: 2px;
color: var( --navy );
float: right;
margin-left: 1em;
margin-right: 0;
padding: 0.2em 0.4em;
text-transform: uppercase;
position: relative;
top: -0.05em;
}
.page-title .related-pages-dropdown-button:hover {
background-color: var( --red );
color: white;
}
.page-title .related-pages-dropdown-button:focus {
box-shadow: none;
background: var( --red );
color: black;
}
.page-title .related-pages {
display: none;
text-align: right;
clear: both;
}
.page-title .related-pages-see-also {
display: none;
}
.page-title .related-pages a {
background: white;
padding: 0 0.4em;
} .parent-link {
display: inline-block;
padding: 0.2em 0.4em;
margin: 0;
border: none;
text-transform: uppercase;
background: rgba( 255, 255, 255, 0.8 );
border-radius: 2px;
}
.parent-link::before {
content: '\f060';
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
font-size: 80%;
margin-right: 0.4em;
position: relative;
top: -0.05em;
}
.parent-link:hover {
background-color: var( --red );
color: white;
}
.parent-link:focus,
.parent-link:active {
background-color: var( --red );
} .wp-block-image img {
height: auto;
}
.wp-block-image figcaption {
font-size: 85%;
text-align: left;
}
.wp-block-gallery {
width: 100vw;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
box-sizing: border-box;
font-size: 85%;
}
.wp-block-gallery:not(:first-child) {
margin-top: 1em;
} .wp-block-gallery:first-child li:nth-child(n+5) {
display: none;
}
figure {
margin: 0;
}
.wp-block-image {
margin: 1em 0;
}
.wp-block-image + h2 {
margin-top: -0.5em;
}
.wp-block-image:not(.dont-go-full-width) .alignleft,
.wp-block-image:not(.dont-go-full-width) .alignright {
float: none;
margin-right: 0;
margin-left: 0;
width: 100%;
height: auto;
}
.wp-block-image .alignleft img,
.wp-block-image .alignright img {
width: 100%;
height: auto;
}
.wp-post-image {
max-width: 100%;
height: auto;
} .whole-clickable:hover {
cursor: pointer;
} audio {
width: 100%;
margin: 1em 0;
} .box-item-container {
display: grid;
grid-template-columns: 100%;
grid-row-gap: 2em;
margin-bottom: 1em;
margin-top: 1em;
}
.box-item-container.alignfull {
padding-top: 0;
margin-top: 0;
grid-gap: 1em;
}
.box-item .featured-image {
width: 100%;
height: 50vw;
object-fit: cover;
}
.box-item.whole-clickable {
transition: all 500ms;
}
.box-item.whole-clickable:hover {
background: var( --navy-10 );
border-radius: 10px;
padding: 10px;
margin: -10px;
transition: all 200ms;
}
.has-red-background-color .box-item.whole-clickable:hover {
background: white;
}
.box-item.whole-clickable:focus,
.box-item.whole-clickable:active {
box-shadow: 0 0 0 4px var( --red );
}
.box-item p:first-child,
.box-item p + h3,
.box-item img + h3,
.box-item span + h3 {
margin-top: 0;
}
.box-item p:first-child {
margin-bottom: -0.2em;
font-size: 85%;
}
.box-item p:last-child {
margin-bottom: 0;
}
.box-item a {
font-size: 120%;
} .box-item.sticky::before {
content: '\f08d';
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
position: absolute;
top: 0.2em;
right: 0.5em;
color: var( --red );
transform: rotate( 30deg );
} .wp-block-columns {
justify-content: center;
}
.wp-block-column {
padding: 1em 0;
} .wp-block-cover {
height: calc( 100vh - 145px );
} .wp-block-latest-posts {
margin-right: -20px;
margin-bottom: 0;
}
.wp-block-latest-posts a {
font-size: 24px;
}
.wp-block-latest-posts li {
transition: all 500ms;
}
.wp-block-latest-posts li:hover {
background: var( --navy-10 );
border-radius: 4px;
transition: all 200ms;
}
.wp-block-latest-posts__featured-image img.wp-post-image {
width: 100%;
height: 200px;
object-fit: cover;
}
.wp-block-latest-posts__post-date {
text-transform: uppercase;
font-size: 16px;
margin-top: 0.2em;
} .wp-block-categories {
padding-left: 0;
list-style-type: none;
} label,
.gfield_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 {
color: black;
padding: 0.4em 0.6em;
line-height: 1.6;
margin-bottom: 0.2em;
border: none;
background-color: white;
border: 2px solid var( --navy );
border-radius: 5px;
outline: none;
width: 100%;
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
transition: all 500ms;
}
input[type="number"] {
width: auto;
}
textarea.small {
height: 5em;
}
select {
background-image: url(//allsaints.church/wp-content/themes/allsaints/images/chevron.svg);
background-repeat: no-repeat;
background-position: right 0.6em center;
background-size: 1em;
padding-right: 3em;
}
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 {
background-color: var( --navy-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,
select:focus,
textarea:focus {
outline: none; box-shadow: 0 0 0 4px var( --red );
transition: all 200ms;
}
input[type="file"] {
display: block;
}  input[type="checkbox"],
input[type="radio"] {
position: absolute;
left: -9999px;
} input[type="checkbox"] + label,
input[type="radio"] + label {
display: inline-block;
position: relative;
padding-top: 0.3em;
padding-right: 0.8em;
padding-left: 2.2em !important;
padding-bottom: 0.3em;
margin-left: 0 !important;
font-weight: 400;
border-radius: 0.5em;
transition: background 500ms;
} input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
background: var( --red-10 );
color: var( --red );
font-weight: 500;
line-height: 1.6;
} input[type="checkbox"] + label::before {
content: '\f0c8';
font-family: 'Font Awesome 5 Pro';
font-size: 120%;
position: absolute;
margin-top: auto;
margin-bottom: auto;
left: 0.4em;
top: calc( 50% - 0.75em);
width: 1.3em;
height: 1.3em;
} input[type="radio"] + label::before {
content: '\f111';
font-family: 'Font Awesome 5 Pro';
font-size: 120%;
position: absolute;
margin-top: auto;
margin-bottom: auto;
left: 0.4em;
top: calc( 50% - 0.75em);
width: 1.3em;
height: 1.3em;
} input:disabled + label::before {
display: none;
} input[type="checkbox"]:checked + label::before {
content: '\f14a';
font-weight: 400;
transition: all 200ms;
} input[type="radio"]:checked + label::before {
content: '\f192';
font-weight: 400;
transition: all 200ms;
} input:not(:disabled) + label:hover {
background: var( --red-10 );
cursor: pointer;
transition: background 200ms;
} .gform_body input:not(:disabled):focus + label {
outline: none; box-shadow: 0 0 0 4px var( --red );
transition: all 200ms;
} .screen-reader-text {
display: none;
}
.ui-datepicker {
background: white;
border: 2px solid var( --navy );
border-radius: 4px;
text-align: center;
margin-top: -2em;
box-shadow: 0 0 10px rgba( 0, 0, 0, 0.2 );
}
.ui-datepicker-calendar {
margin-bottom: 0;
border: 0;
}
.ui-datepicker tr:last-child td:first-child {
border-bottom-left-radius: 4px;
}
.ui-datepicker tr:last-child td:last-child {
border-bottom-right-radius: 4px;
}
.ui-datepicker th {
text-align: center;
}
.ui-datepicker td {
padding: 0;
width: 2em;
}
.ui-datepicker td a {
display: block;
padding: 0.3em 0.6em;
text-decoration: none;
text-align: center;
border: 0;
border-radius: 5px;
}
.ui-datepicker td.ui-state-disabled {
text-align: center;
opacity: 0.2;
}
.ui-datepicker td a.ui-state-active {
background: var( --red );
color: white;
}
.ui-datepicker td a:hover {
background: var( --red-10 );
}
.ui-datepicker-prev {
float: left;
padding: 0.4em 0.6em;
margin: 0.1em;
border: 0;
border-radius: 4px;
}
.ui-datepicker-prev:hover {
cursor: pointer;
background: var( --red-10 );
border: 0;
}
.ui-datepicker-prev::before {
content: '\f060';
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
}
.ui-datepicker-next {
float: right;
padding: 0.4em 0.6em;
margin: 0.1em;
border: 0;
border-radius: 4px;
}
.ui-datepicker-next:hover {
cursor: pointer;
background: var( --red-10 );
border: 0;
}
.ui-datepicker-next::after {
content: '\f061';
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
}
.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;
padding-right: 2em;
text-transform: uppercase;
} input[type="submit"] {
display: inline-block;
background: var( --red );
color: white;
border: 2px solid white;
box-shadow: 0 0 0 3px rgba( 255, 255, 255, 0.4 );
border-radius: 10px;
padding: 0.4em 0.8em;
margin-top: 0.2em;
margin-bottom: 0.8em;
line-height: normal;
height: auto;
text-align: center;
font-weight: 500;
font-size: inherit;
text-transform: uppercase;
transition: background 500ms;
}
input[type="submit"]:hover {
background-color: var( --red );
transition: background 200ms;
cursor: pointer;
}
input[type="submit"]:focus {
outline: none; box-shadow: 0 0 0 4px var( --red );
}
input[type="submit"]:active {
background-color: var( --red );
} .gform_wrapper {
margin-top: 1em;
margin-bottom: 1em;
}
.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;
border: none;
}
.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: 400;
color: black;
margin: 0.1em 0.5em;
}
.gfield_description {
font-size: 90%;
color: black;
opacity: 0.8;
margin: 0.2em 0;
}
.gfield_consent_description {
font-size: 100%;
opacity: 1;
}
.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: 21%;
margin-right: 2%;
}
.name_first {
display: inline-block;
width: 36%;
margin-right: 2%;
}
.name_last {
display: inline-block;
width: 36%;
margin-right: 0;
}
.gfield_time_hour,
.gfield_time_minute,
.gfield_time_ampm {
display: inline-block;
width: auto;
}
.address_city,
.address_zip {
display: inline-block;
width: 49%;
margin-right: 2%;
}
.address_state,
.address_country {
display: inline-block;
width: 49%;
}
.gform_validation_container {
display: none !important;
}
li.gfield.gfield_error {
border-left: 0.2em solid var( --warning );
padding: 0 0.5em;
}
.gfield_error .validation_message {
display: inline-block;
background: var( --warning );
padding: 0.2em 0.4em;
margin: 0.2em 0 0;
font-weight: 500;
}
.gfield_visibility_hidden {
display: none !important;
}
a.gform_anchor {
display: none;
}
.ginput_container_date {
display: inline-block;
margin-right: 0.5em;
}
.gfield_label {
margin-bottom: 0.2em;
}
.gform_required_legend {
display: none;
} body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label .gfield_required {
display: none;
} .highlighted {
background: var( --red-40 );
padding-top: 1em;
padding-bottom: 1em;
}
.meta-section {
background: var( --turquoise-10 );
border-top: 1px solid var( --turquoise-40 );
margin-top: 3em;
} .person-header {
display: flex;
align-items: center;
margin: 1em 0 0.5em;
}
.person-header .person-picture {
margin-right: 1em;
} .related-pages-container {
background: var( --navy-10 );
padding-top: 1em;
margin-top: 3em;
}
.related-pages,
.related-pages ul {
list-style-type: none;
padding-left: 0;
margin: 0 0 1em;
color: transparent;
}
.related-pages a {
display: inline-block;
margin: 0.4em 0;
font-size: 140%;
}
.related-pages-see-also {
margin-top: 0;
} footer {
overflow: auto;
color: white;
}
footer a:not(.button-link) {
color: white;
border-color: rgba( 255, 255, 255, 0.2 );
}
footer a:not(.button-link):hover {
color: white;
border-color: white;
}
footer a:not(.button-link):focus,
footer a:not(.button-link):active {
color: black;
border-color: black;
}
footer a.icon-link {
color: var( --turquoise );
border: none;
padding: 0.2em 0;
margin-bottom: 0.6em;
border-color: transparent;
}
footer a.icon-link:hover {
color: white;
background: var( --red );
border: none;
border-radius: 5px;
padding-left: 0.3em;
padding-right: 0.3em;
margin-left: -0.3em;
margin-right: 0.2em;
} .contact-details-container {
background-color: var( --navy );
color: white;
}
.contact-details-container h2,
.contact-details-container h3 {
color: white;
margin-top: 0;
}
.contact-details-container p:last-child {
margin-bottom: 0;
} .location-container {
background: var( --navy );
color: black;
}
.location-container h2 {
color: white;
margin-top: 0;
}
.google-map-container {
position: relative;
}
.google-map {
display: block;
max-width: 100%;
height: auto;
border-radius: 5px;
margin-bottom: 1em;
}
.google-map-container a {
position: absolute;
bottom: 2em;
left: 2em;
box-shadow: 0 0 10px 5px rgba( 0, 0, 0, 0.2 );
} .footer-bottom {
background: white;
color: black;
}
.footer-bottom a:not(.button-link) {
color: var( --navy );
border-color: var( --navy-40 );
}
.footer-bottom a:not(.button-link):hover {
color: var( --navy );
border-color: var( --navy );
} .affiliate-logos img {
margin-right: 1.5em;
margin-bottom: 0.5em;
height: 40px;
width: auto;
} .site-map ul {
list-style-type: none;
padding-left: 1.7em;
margin-bottom: 1em;
}
.site-map > ul {
margin-bottom: 2em;
}
.site-map li:not(.page_item_has_children) span {
display: none;
}
.site-map li.page_item_has_children {
position: relative;
}
.site-map li.page_item_has_children span {
position: absolute;
left: -1.5em;
top: 0.3em;
}
.site-map li.page_item_has_children .collapse-site-map {
display: none;
}
.site-map li.page_item_has_children ul {
display: none;
}
.site-map a:focus .collapse-site-map,
.site-map a:focus .expand-site-map {
color: var( --red );
} .footer-menu ul {
list-style-type: none;
margin: 1em 0;
padding: 0;
}
.footer-menu a {
color: white;
padding-top: 0.2em;
padding-bottom: 0.2em;
transition: all 500ms;
}
.footer-menu a:hover {
background-color: rgba( 255, 255, 255, 0.2 );
transition: all 200ms;
}
.footer-menu a:focus {
outline: none; background: transparent;
box-shadow: 0 0 0 4px var( --red );
}
.footer-menu a:active {
border-color: transparent;
border-top-width: 0.15em;
border-bottom-width: 0.15em;
}
.footer-menu > ul > li > a {
border-bottom: 0.1em solid rgba( 255, 255, 255, 0.4 );
}
.footer-menu > ul > li > a:hover {
border-bottom-color: white;
}
.footer-menu ul ul {
margin-top: 1em;
}
.footer-menu ul ul a {
display: block;
font-weight: 400;
border: none;
padding: 0.6em 1.2em;
border-radius: 0.2em;
}
.footer-menu ul ul li:last-child a {
border-right: none;
}  @media screen and ( min-width: 450px ) { .main-menu ul {
justify-content: flex-start;
}
.main-menu .inner > ul > li {
border: none;
}
.main-menu a {
padding: 0.8em 1em;
}
.main-menu .sub-menu {
top: 3.9em;
}
} @media screen and ( min-width: 550px ) {
body,
p {
font-size: 20px;
} .main-menu .sub-menu {
top: 3.1em;
} .alignleft,
.wp-block-image: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 {
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%;
} .box-item-container {
grid-template-columns: 48% 48%;
}
.box-item .featured-image {
height: 25vw;
}
} @media screen and ( min-width: 584px ) {
.main-menu .sub-menu {
top: 2.15em;
}
} @media screen and ( min-width: 768px ) { .inner {
width: 94%;
} .site-links a {
margin-left: 0.6em;
padding-left: 0.8em;
padding-right: 0.8em;
} .site-links .button-text {
display: inline;
}
.site-links .c-of-e-logo {
display: block;
width: 35px;
height: 46px;
} .main-menu li {
position: relative;
}
.main-menu .sub-menu {
width: 15em;
}
.main-menu .inner > ul {
overflow: visible;
} .wp-block-gallery:first-child li:nth-child(n+5) {
display: block;
} .wp-block-categories li {
display: inline-block;
}
.wp-block-categories li::after {
content: '|';
margin: 0 0.5em;
opacity: 0.4;
}
.wp-block-categories li:last-child::after {
content: '';
margin: 0;
} .box-item-container {
display: grid;
grid-template-columns: calc( 25% - 0.75em ) calc( 25% - 0.75em ) calc( 25% - 0.75em ) calc( 25% - 0.75em ); grid-gap: 1em;
grid-row-gap: 2em;
}
.box-item .featured-image {
height: 12.5vw;
}
.box-item a {
font-size: 120%;
} .footer-top {
display: flex;
align-items: stretch;
}
.contact-details-container,
.location-container {
width: 50%;
}
} @media screen and ( min-width: 1000px ) { .main-inner .gform_wrapper {
width: 80%;
} .main-menu .inner > ul::after {
display: none;
}
} @media screen and ( min-width: 1260px ) { header .social-icon {
display: inline-block !important;
color: var( --red );
background: none;
font-size: 24px;
padding-left: 0.6em;
padding-right: 0.6em;
margin-right: 0;
margin-left: 0.4em;
border-radius: 10px;
}
header .social-icon:hover {
background: var( --red-10 );
color: var( --red );
}
header .social-icon:focus,
header .social-icon:active {
color: var( --red );
} .main-menu .inner > ul,
.icon-button.home-button {
position: relative;
left: -0.8em;
}
body:not(.home) .main-menu .inner > ul {
left: -0.6em;
} .contact-details-container .inner {
max-width: calc( 570px - 1.5em ); margin-right: 1.5em;
}
.location-container .inner {
max-width: calc( 570px - 1.5em ); margin-left: 1.5em;
}
} @page {
size: A4 portrait;  
margin: 17mm;
}
@media print { nav,
a.icon-button,
a.parent-link,
.wp-block-button,
.wp-block-sf-multi-buttons-block-sf-multi-buttons,
a.button-link,
.related-pages-container,
.email-subscribe-form,
.footer-main {
display: none;
} body {
background: transparent;
}
header {
background: none;
border-color: black;
}
.footer-top {
background: none;
color: black;
border-top: 2px solid black;
}
.footer-top .inner,
.footer-top .contact-details,
.footer-top .contact-details-list {
margin-bottom: 0;
padding-bottom: 0;
}
.page-title {
background: none;
}
.page-title h1 {
color: black;
}
.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;
border: 2pt solid 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;
} a {
color: black;
border: none;
} .box-item {
width: 42%;
min-width: 42%;
padding-bottom: 200px;
}
.box-item .featured-image,
.box-item .featured-google-map {
bottom: 0;
}
.box-item-more-link {
display: none;
} .tip,
.success,
.warning {
background: none;
border: 1px solid black;
color: black;
} .featured-image {
width: 100%;
height: 8cm;
} .page-icon {
color: #999;
}
}