/*
Theme Name: Pivotal Canvas WP
Theme URI:
Author: Phil Hatfield
Author URI:
Description: The 2018 theme for WordPress built on Bootstrap.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pivotalcanvaswp
CSS and actions to maintain
***************************
1. Soliloquy Slider
2. Mega menu
3. Parallax -
4. Parallax -
5. Smooth Scroll
6. Blog Header and post headers
Colours:
Light Blue: #81b5c7
Blue: #059acc
Footer Blue: #0085b2
Dark Blue (Hover): #045b79
Grey: #8c8f9f
Yellow: #fff901;
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');
@import url('https://fonts.googleapis.com/css?family=Muli:400,600,800');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@600;700&display=swap');
html {
font-family: 'Muli', sans-serif;
font-size: 16px;
}
body {
font-family: 'Muli', sans-serif;
font-size: 1rem;
line-height: 1.4rem;
color: #666;
}
h1, h2, h3, h4, h5 {font-family: 'Comfortaa', sans-serif;}
h1 {
font-size: 2.5rem;
font-weight: 600;
}
h2 {
font-size: 2.25rem;
font-weight: 600;
margin: 0 0 30px 0;
}
h2 span {color:#ec6b09; }
h3 {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 600;
margin: 25px 0;
color: #059acc;
}
h4 {
font-size: 1.5rem;
font-weight: 600;
color: #000;
}
h5 {
font-size: 1rem;
}
h6 {
font-size: 0.875rem;
}
p,
ul,
ol {
font-size: 1rem;
line-height: 1.4rem;
color: #444;
margin: 0 0 20px 0;
}
ul li {
color: #444;
padding: 0 0 5px 10px;
list-style: disc;
}
ul ul li {
color: #222;
padding: 0 0 5px 10px;
list-style: circle;
}
ul#menu-sidebar {
margin: 0 0 0 50px;
padding: 0;
}
ul#menu-sidebar li {
color: #ff6600;
font-size: 1.25rem;
padding: 0 0 3px 10px;
margin: 0;
list-style: square;
}
ul#menu-sidebar li a {
text-decoration: underline;
color: #222;
font-size: 1rem;
}
p.drop-cap:first-letter {
margin: 0em 0 -0.05em 0;
padding: 0 0.065em 0 0;
font-size: 5em;
line-height: 0.85em;
float: left;
}
.fa-envelope {
margin-left: 15px;
}
a {
color: #059acc;
text-decoration: none;
}
a:hover {
color: #8c8f9f;
text-decoration: none;
}
.fl,
.alignleft {
float: left;
margin-right: 20px;
}
.fr,
.alignright {
float: right;
margin-left: 20px;
}
.fn,
.alignnone {
float: none;
}
.clear {
clear: both;
}
.pull-right {
text-align: right;
}
hr {
display: block;
border: none;
height: 13px;
width: 350px;
margin-top: 30px;
margin-bottom: 30px;
background-repeat: repeat;
background-position: left;
background-image: url('/wp-content/uploads/2019/03/dark-blue-hr.png');
display: block;
margin-left: auto;
margin-right: auto;
}
hr.hr-footer {
display: block;
border: none;
height: 13px;
width: 180px;
margin-top: -35px;
margin-bottom: 15px;
background-repeat: no-repeat;
background-position: left;
background-image: url('/wp-content/uploads/2019/03/hr-footer.png');
display: block;
margin-left: auto;
margin-right: auto;
}
hr.hr-full {
width: 100%;
}
blockquote {
background: #f9f9f9;
border-left: 10px solid #059acc;
margin: 1.5em 10px;
padding: 0.5em 10px;
}
blockquote:before,
blockquote:after {
content: '\201C';
font-family: 'Sanchez';
color: #4d91b3;
}
blockquote p {
display: inline;
}
.nopadding {
padding: 0;
}
.center {
text-align: center;
}
h3.home-four {
margin: 20px 0;
text-align: center;
}
.white-text {
color: #fff;
}
img {
max-width: 100%;
height: auto;
}
.border-radius5 {
border-radius: 5px;
}
.border-radius50 {
border-radius: 50%;
}
.container-fluid {
padding: 0;
}
.container {
max-width: 100% !important;
width: 1270px;
}
section {
padding: 40px 0;
}
.light-blue-bg {
background: #059acc52;
margin-bottom: -40px;
}
#custom_html-2 {
background: #fff;
}
.profile-header {
margin-top: 30px
}
.page-padding-left {
padding-left: 60px;
}
.page-padding-right {
padding-right: 60px;
}
.image-container {
position: relative;
text-align: center;
color: white;
}
.image-container h3 {
color: #fff;
text-shadow: 2px 2px 8px #212121;
}
.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
.mh200 {
max-height: 200px;
width: auto;
padding: 20px;
}
.home-circles {
border-radius: 50%;
border: 5px solid #059acc;
max-width: 200px;
}
.homecats {
padding: 30px;
background: #efefef;
border-radius: 20px;
margin-bottom: 20px;
}
button.centered.btn-default {
padding: 10px 20px;
font-size: 1rem;
border-radius: 5px;
margin-bottom: 20px;
}
.btn-default {
width: auto;
border-radius: 5px;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
border: 0px;
padding: 20px;
background: #059acc;
color: #fff;
font-size: 1.2rem;
}
.btn-default:hover {
background: #f1f1f1;
color: #059acc;
}
.btn-white {
clear: left;
color: #13a5dc;
text-transform: uppercase;
font-size: 1.25rem;
background-color: #FFFFFF;
border: 1px solid #13a5dc !important;
padding: 5px 15px;
}
.btn-white:hover {
color: #fff;
background: #059acc;
}
.btn-purple {
clear: left;
color: #372a9f;
text-transform: uppercase;
font-size: 1.5rem;
background-color: #FFFFFF;
border: 1px solid #372a9f !important;
padding: 5px 15px;
}
.btn-purple:hover {
color: #fff;
background: #372a9f;
}
.btn-soliloquy {
width: auto;
border-radius: 5px;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
padding: 10px;
background: #059acc;
color: #efefef;
font-size: 1.2rem;
}
.btn-soliloquy:hover {
background: #efefef;
color: #059acc;
cursor: pointer;
}
.btn-soliloquy a {
color: #fff;
}
.btn-soliloquy a:hover {
color: #01587a;
}
.btn-soliloquy-covid {
background: #372a9f;
margin-left: 20px;
}
.btn-soliloquy-covid a:hover {
color: #372a9f;
}
.vol-btn {
border: none;
background: #0085b2;
color: #fff;
padding: 10px 20px;
border-radius: 15px;
width: max-content;
margin: 20px auto 0 auto;
display: block;
font-weight: 500;
}
.post-type-archive-dlssus_sheet .dlssus-tasktable-col-name {
display: none;
}
.post-type-archive-dlssus_sheet table.dls-sus-tasks {
border-bottom: none;
margin: 0 auto;
}
.post-type-archive-dlssus_sheet table.dls-sus-tasks th {
text-align: center;
vertical-align: top;
border: none!important;
}
.single-dlssus_sheet table.dls-sus-tasks {
background: #e1f7ff;
border: 10px solid #e1f7ff;
border-radius: 20px!important;
}
.single-dlssus_sheet p.dls-sus-sheet-date {
display: none;
}
.post-desc {
background: #e1f7ff;
padding: 20px 30px;
border-radius: 20px;
}
input.wpcf7-form-control.wpcf7-submit {
width: auto;
border-radius: 5px;
border: none;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
padding: 5px 20px;
background: #86bbd5;
color: #fff;
font-size: 1.2rem;
font-weight: 600;
display: block;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
}
input.wpcf7-form-control.wpcf7-submit:hover {
background: #f1f1f1;
color: #059acc;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {
margin-bottom: 10px;
padding: 0 5px;
}
select {
height: 30px;
}
.btn-contact {
width: auto;
border-radius: 5px;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
border: 0px;
padding: 10px;
background: #059acc;
color: #fff;
font-size: 1rem;
margin: 10px;
}
.btn-contact:hover {
background: #0579a0;
color: #fff;
}
.btn-blog {
width: auto;
border-radius: 5px;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
border: 0px;
padding: 10px;
background: #059acc;
color: #fff;
font-size: 1rem;
}
.btn-blog:hover {
background: #0579a0;
color: #fff;
}
.btn-sidebar {
width: auto;
border-radius: 5px;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
border: 0px;
padding: 5px 15px;
background: #059acc;
color: #fff;
font-size: 1rem;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.btn-sidebar:hover {
background: #0579a0;
color: #fff;
cursor: pointer;
}
.btn-foodbank, .page-template-foodbank li#mega-menu-item-614 a { display: none!important; }
.page-template-foodbank .btn-foodbank { display: block; }
.margin-t40 {
margin-top: 40px;
}
.margin-b15 {
margin-bottom: 15px;
}
.spacer20 {
height: 20px;
}
.spacer40 {
height: 40px;
}
.spacer80 {
height: 80px;
}
.padding10 {
padding: 10px 0;
}
.wp-post-image {
/* max-height: 250px;*/
object-fit: cover;
margin-bottom: 0;
display: block;
margin-right: auto;
margin-left: auto;
}
/************ header ************/
header {
padding: 0;
background: #fff;
z-index: 999;
/******************** Fixed Sticky header - for single line header and no Top Bar - See Sticky Menu below *******************/
/* overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
*/
}
.topbar {
background: #0085b2;
height: 5px;
}
.topbar p {
font-size: 12px;
}
.topbar a {
color: #fff;
margin-right: 15px;
font-weight: 600;
font-size: 12px;
line-height: 14px;
}
.header {
padding: 10px 0;
}
.header h1 {
text-align: center;
}
.custom-logo {
margin: 0;
transition: all .5s cubic-bezier(0, .5, .2, 1);
}
.blog-header-wrap {
text-align: center;
padding: 40px 50px;
object-fit: cover;
}
.header-wrap {
text-align: center;
padding: 130px 50px;
object-fit: cover;
}
.header-wrap h1.entry-title {
font-weight: 400;
color: #FFF;
font-size: 3em;
line-height: 1.2em;
text-shadow: 1px 1px 2px black;
font-size: 55px;
line-height: 70px;
text-shadow: 2px 2px 8px #212121;
color: #fff;
font-weight: 600;
}
.header-right {
float: right;
}
.header-right p {
color: #231f20;
text-transform: uppercase;
font-size: 14px;
line-height: 14px;
font-weight: 600;
padding: 0 20px;
text-align: right;
margin: 0;
}
.header-widget {
float: right;
width: auto;
background: #ebebeb;
margin-top: 5px;
padding: 5px;
}
.wpcf7-form-control-wrap {
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel,
textarea.wpcf7-form-control {
margin-bottom: -10px;
padding: 8px 10px;
border-radius: 8px;
border: 1px solid #efefef;
}
input[type=checkbox], input[type=radio] {
width: auto;
display: inline-block!important;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #fff;
width: 50%;
margin: 0 auto;
text-align: center;
color: red;
font-size: 1.25rem;
}
.contact a {
color: #231f20;
}
.contact {
float: right;
display: block;
}
.fab {
color: #fff;
font-size: 60px;
margin-top: 30px;
margin-right: 5px;
}
.fab:hover {
color: #ff6600;
}
.nomargin {
margin: 0;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
/* ==========================================
BRIGHOUSE CENTRAL HOMEPAGE
========================================== */
/* Change this one value later if we need
to fine-tune the exact church blue */
:root {
--central-blue: #2474a9;
--central-blue-dark: #18577f;
--central-blue-light: #eef6fb;
--central-border: #d8e5ee;
--central-text: #333333;
--central-muted: #666666;
}
/* ==========================================
WHOLE SECTION
========================================== */
.central-home-links {
background: #ffffff;
padding: 40px 0 65px;
}
/* ==========================================
WORSHIP
========================================== */
.worship-home {
text-align: center;
max-width: 820px;
margin: 0 auto;
padding:5px 25px 5px;
}
/* Worship cross */
.worship-icon {
font-size: 6rem;
line-height: 1;
color: var(--central-blue);
margin-bottom: 18px;
}
/* Worship heading */
.worship-home h2 {
font-size: 2.7rem;
font-weight: 600;
margin: 0 0 15px;
color: var(--central-text);
}
/* Main introductory line */
.worship-intro {
font-size: 1.35rem;
line-height: 1.5;
color: #444444;
margin-bottom: 10px;
}
/* Supporting wording */
.worship-text {
max-width: 650px;
margin: 0 auto;
font-size: 1.08rem;
line-height: 1.7;
color: var(--central-muted);
}
/* Worship button */
.worship-button {
display: inline-block;
margin-top: 25px;
padding: 12px 26px;
background: var(--central-blue);
color: #ffffff !important;
text-decoration: none !important;
border-radius: 5px;
font-size: 1.05rem;
font-weight: 600;
transition:
background 0.2s ease,
transform 0.2s ease,
box-shadow 0.2s ease;
}
.worship-button span {
margin-left: 6px;
transition: margin-left 0.2s ease;
}
.worship-button:hover,
.worship-button:focus {
background: var(--central-blue-dark);
color: #ffffff !important;
transform: translateY(-2px);
box-shadow: 0 5px 14px rgba(0,0,0,0.14);
}
.worship-button:hover span {
margin-left: 10px;
}
/* ==========================================
DIVIDER
========================================== */
.home-divider {
width: 70px;
height: 3px;
background: var(--central-blue);
margin: 0 auto 55px;
border-radius: 2px;
}
/* ==========================================
SECTION HEADING
========================================== */
.home-section-heading {
max-width: 680px;
margin: 0 auto 45px;
text-align: center;
}
.home-section-heading h2 {
margin: 0 0 12px;
font-size: 2.1rem;
font-weight: 600;
color: var(--central-text);
}
.home-section-heading p {
margin: 0;
color: var(--central-muted);
font-size: 1.08rem;
line-height: 1.65;
}
/* ==========================================
BOOTSTRAP CARD ROW
========================================== */
.home-card-row {
margin-left: -15px;
margin-right: -15px;
}
.home-card-column {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
/* ==========================================
FULL CARD LINK
========================================== */
.home-feature-link {
display: block;
height: 100%;
text-decoration: none !important;
color: inherit !important;
}
.home-feature-link:hover,
.home-feature-link:focus {
text-decoration: none !important;
color: inherit !important;
}
/* ==========================================
FEATURE CARDS
========================================== */
.home-feature-card {
position: relative;
height: 100%;
min-height: 325px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
background: #ffffff;
border: 1px solid var(--central-border);
border-radius: 12px;
padding: 38px 30px 0;
overflow: hidden;
box-shadow: 0 3px 12px rgba(0,0,0,0.06);
transition:
transform 0.25s ease,
box-shadow 0.25s ease,
border-color 0.25s ease;
}
/* Pale blue accent at top */
.home-feature-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 4px;
background: var(--central-blue);
}
/* Hover */
.home-feature-link:hover .home-feature-card {
transform: translateY(-6px);
border-color: #b8d2e4;
box-shadow: 0 12px 28px rgba(0,0,0,0.12);
}
/* ==========================================
ICONS
========================================== */
.home-card-icon {
font-size: 5.2rem;
line-height: 1;
color: var(--central-blue);
margin-bottom: 20px;
transition:
transform 0.25s ease,
color 0.25s ease;
}
.home-feature-link:hover .home-card-icon {
transform: scale(1.08);
color: var(--central-blue-dark);
}
/* ==========================================
CARD TITLES
========================================== */
.home-feature-card h3 {
margin: 0 0 14px;
color: var(--central-text);
font-size: 1.65rem;
font-weight: 600;
}
/* ==========================================
CARD WORDING
========================================== */
.home-feature-card p {
max-width: 420px;
margin: 0 auto 28px;
color: var(--central-muted);
font-size: 1.05rem;
line-height: 1.6;
flex-grow: 1;
}
/* ==========================================
CARD BOTTOM STRIP
========================================== */
.home-card-more {
width: calc(100% + 60px);
margin-left: -30px;
margin-right: -30px;
padding: 15px 20px;
background: var(--central-blue-light);
border-top: 1px solid var(--central-border);
color: var(--central-blue-dark);
font-size: 1rem;
font-weight: 600;
transition:
background 0.25s ease,
color 0.25s ease;
}
.home-card-more span {
margin-left: 5px;
transition: margin-left 0.2s ease;
}
.home-feature-link:hover .home-card-more {
background: var(--central-blue);
color: #ffffff;
}
.home-feature-link:hover .home-card-more span {
margin-left: 9px;
}
/* ==========================================
KEYBOARD ACCESSIBILITY
========================================== */
.home-feature-link:focus-visible,
.worship-button:focus-visible {
outline: 3px solid var(--central-blue);
outline-offset: 4px;
}
/* ==========================================
TABLET
========================================== */
@media (max-width: 991px) {
.worship-home {
padding-top: 25px;
}
.worship-icon {
font-size: 5.5rem;
}
}
/* ==========================================
MOBILE
========================================== */
@media (max-width: 767px) {
.central-home-links {
padding-top: 20px;
padding-bottom: 40px;
}
.worship-home {
padding:
25px
18px
42px;
}
.worship-icon {
font-size: 4.8rem;
margin-bottom: 15px;
}
.worship-home h2 {
font-size: 2.2rem;
}
.worship-intro {
font-size: 1.18rem;
}
.worship-text {
font-size: 1rem;
}
.home-divider {
margin-bottom: 42px;
}
.home-section-heading {
margin-bottom: 32px;
padding-left: 15px;
padding-right: 15px;
}
.home-section-heading h2 {
font-size: 1.85rem;
}
.home-card-column {
margin-bottom: 24px;
}
.home-feature-card {
min-height: 0;
padding-top: 30px;
}
.home-card-icon {
font-size: 4.5rem;
}
.home-feature-card h3 {
font-size: 1.5rem;
}
}
/* ==========================================
REDUCED MOTION ACCESSIBILITY
========================================== */
@media (prefers-reduced-motion: reduce) {
.home-feature-card,
.home-card-icon,
.home-card-more,
.home-card-more span,
.worship-button,
.worship-button span {
transition: none;
}
}
/* ==========================================================================
BRIGHOUSE CENTRAL HERITAGE TIMELINE
========================================================================== */
.heritage-page {
padding: 35px 0 70px;
background: #fff;
}
/* ---------- Introduction ---------- */
.heritage-intro {
max-width: 820px;
margin: 0 auto;
padding: 10px 25px 0;
text-align: center;
}
.heritage-intro-icon {
margin-bottom: 18px;
color: var(--central-blue, #059acc);
font-size: 4.8rem;
line-height: 1;
}
.heritage-intro h1 {
margin: 0 0 14px;
color: #333;
font-size: 2.7rem;
font-weight: 600;
}
.heritage-lead {
margin-bottom: 18px;
color: #444;
font-size: 1.35rem;
line-height: 1.5;
}
.heritage-intro > p:last-child {
max-width: 720px;
margin-right: auto;
margin-left: auto;
color: #666;
font-size: 1.05rem;
line-height: 1.7;
}
/* ==========================================================================
TIMELINE
========================================================================== */
.heritage-timeline {
position: relative;
max-width: 900px;
margin: 0 auto;
padding: 10px 25px 0;
}
/* Main vertical line */
.heritage-timeline::before {
content: "";
position: absolute;
top: 15px;
bottom: 25px;
left: 130px;
width: 2px;
background: #cfe6ef;
}
/* ---------- Individual timeline entry ---------- */
.heritage-item {
position: relative;
display: grid;
grid-template-columns: 105px 50px 1fr;
margin-bottom: 48px;
}
/* Date */
.heritage-date {
margin-bottom: 7px;
color: var(--central-blue-dark, #045b79);
font-size: 1rem;
font-weight: 700;
letter-spacing: .02em;
}
/* Marker column */
.heritage-marker {
position: relative;
grid-column: 2;
display: flex;
justify-content: center;
padding-top: 4px;
z-index: 2;
}
.heritage-marker span {
display: block;
width: 18px;
height: 18px;
border: 4px solid #fff;
border-radius: 50%;
background: var(--central-blue, #059acc);
box-shadow: 0 0 0 2px var(--central-blue, #059acc);
}
/* Content */
.heritage-content {
grid-column: 3;
min-width: 0;
padding-left: 15px;
}
.heritage-content h2 {
margin: 0 0 13px;
color: #333;
font-size: 1.65rem;
line-height: 1.3;
font-weight: 600;
}
.heritage-content p {
margin-bottom: 14px;
color: #555;
font-size: 1.02rem;
line-height: 1.65;
}
.heritage-content p:last-child {
margin-bottom: 0;
}
/* ==========================================================================
IMPORTANT MOMENTS
========================================================================== */
/*
A handful of particularly important dates get
a very subtle pale blue background.
*/
.heritage-feature-item .heritage-content {
padding: 25px 28px;
border-left: 4px solid var(--central-blue, #059acc);
border-radius: 0 8px 8px 0;
background: var(--central-blue-light, #eef9fc);
}
.heritage-feature-item .heritage-marker {
padding-top: 28px;
}
/* Fire */
.heritage-fire .heritage-marker span {
background: #777;
box-shadow: 0 0 0 2px #777;
}
/* ==========================================================================
TODAY
========================================================================== */
.heritage-today {
margin-bottom: 20px;
}
.heritage-today .heritage-marker span {
width: 22px;
height: 22px;
background: var(--central-blue-dark, #045b79);
box-shadow: 0 0 0 2px var(--central-blue-dark, #045b79);
}
.heritage-today .heritage-content {
padding: 28px;
border-radius: 8px;
background: #f5f9fb;
}
.heritage-closing {
margin-top: 22px !important;
padding-top: 20px;
border-top: 1px solid #cfe6ef;
color: #333 !important;
font-size: 1.08rem !important;
font-weight: 600;
}
/* ==========================================================================
TABLET
========================================================================== */
@media only screen and (max-width: 991px) {
.heritage-timeline {
max-width: 820px;
}
}
/* ==========================================================================
MOBILE
========================================================================== */
@media only screen and (max-width: 767px) {
.heritage-page {
padding: 20px 0 45px;
}
.heritage-intro {
padding: 5px 20px 0;
}
.heritage-intro-icon {
margin-bottom: 12px;
font-size: 3.8rem;
}
.heritage-intro h1 {
font-size: 2.15rem;
line-height: 1.2;
}
.heritage-lead {
font-size: 1.15rem;
line-height: 1.45;
}
.heritage-intro > p:last-child {
font-size: 1rem;
line-height: 1.6;
}
/* Move timeline line to left */
.heritage-timeline {
padding: 5px 20px 0 35px;
}
.heritage-timeline::before {
left: 21px;
}
/* One-column mobile timeline */
.heritage-item {
display: block;
margin-bottom: 38px;
}
.heritage-marker {
position: absolute;
top: 2px;
left: -23px;
display: block;
padding: 0;
}
.heritage-marker span {
width: 15px;
height: 15px;
border-width: 3px;
}
.heritage-content {
padding-left: 0;
}
.heritage-date {
margin-bottom: 6px;
font-size: .95rem;
}
.heritage-content h2 {
margin-bottom: 10px;
font-size: 1.4rem;
line-height: 1.3;
}
.heritage-content p {
font-size: 1rem;
line-height: 1.6;
}
/* Important timeline cards */
.heritage-feature-item .heritage-content {
padding: 20px;
border-left-width: 3px;
}
.heritage-feature-item .heritage-marker {
top: 23px;
left: -23px;
padding: 0;
}
/* Today's entry */
.heritage-today .heritage-content {
padding: 20px;
}
.heritage-today .heritage-marker span {
width: 18px;
height: 18px;
}
}
/* ==========================================================================
VERY SMALL PHONES
========================================================================== */
@media only screen and (max-width: 499px) {
.heritage-intro {
padding-right: 15px;
padding-left: 15px;
}
.heritage-timeline {
padding-right: 15px;
}
.heritage-feature-item .heritage-content,
.heritage-today .heritage-content {
padding: 18px;
}
}
/* =========================================================
SPECIAL OCCASIONS SIDEBAR
========================================================= */
.special-occasions {
background: #eef9fc;
border: 1px solid #d4edf5;
border-radius: 8px;
overflow: hidden;
margin-bottom: 30px;
}
/* Header */
.special-occasions-header {
padding: 24px 20px 18px;
text-align: center;
}
.special-occasions-header > i {
display: block;
color: #059acc;
font-size: 30px;
line-height: 1;
margin-bottom: 12px;
}
.special-occasions-header h3 {
color: #045b79;
font-size: 22px;
margin: 0 0 10px;
}
.special-occasions-header p {
color: #555;
font-size: 15px;
line-height: 1.5;
margin: 0;
}
/* Individual links */
.special-occasions-links {
background: #fff;
border-top: 1px solid #d4edf5;
border-bottom: 1px solid #d4edf5;
}
.special-occasions-links a {
display: flex;
align-items: center;
gap: 12px;
padding: 13px 18px;
color: #045b79;
font-size: 15px;
font-weight: 600;
text-decoration: none;
border-bottom: 1px solid #e6eef1;
transition: background-color 0.2s ease,
color 0.2s ease;
}
.special-occasions-links a:last-child {
border-bottom: none;
}
.special-occasions-links a i {
width: 22px;
flex: 0 0 22px;
color: #059acc;
font-size: 18px;
text-align: center;
}
.special-occasions-links a:hover,
.special-occasions-links a:focus {
background: #f4fbfd;
color: #059acc;
text-decoration: none;
}
/* Enquiry button */
.special-occasions-button {
display: block;
margin: 18px;
padding: 11px 14px;
background: #059acc;
color: #fff !important;
border-radius: 5px;
font-size: 14px;
font-weight: 600;
text-align: center;
text-decoration: none !important;
transition: background-color 0.2s ease;
}
.special-occasions-button i {
margin-left: 5px;
}
.special-occasions-button:hover,
.special-occasions-button:focus {
background: #045b79;
color: #fff !important;
}
/* Mobile */
@media (max-width: 767px) {
.special-occasions {
margin-top: 30px;
margin-bottom: 25px;
}
.special-occasions-header {
padding: 22px 18px 17px;
}
.special-occasions-links a {
padding: 14px 18px;
}
}
/* =========================================================
EVENTS PAGE
========================================================= */
.central-events {
margin-bottom: 40px;
}
/* INTRODUCTION
--------------------------------------------------------- */
.events-intro {
margin-bottom: 35px;
}
.events-intro h1 {
color: #045b79;
margin-bottom: 12px;
}
.events-intro p {
max-width: 700px;
color: #555;
font-size: 17px;
line-height: 1.65;
margin-bottom: 0;
}
/* SECTION HEADINGS
--------------------------------------------------------- */
.events-section-title {
color: #045b79;
font-size: 26px;
margin: 0 0 22px;
padding-bottom: 10px;
border-bottom: 2px solid #059acc;
}
/* INDIVIDUAL EVENT
--------------------------------------------------------- */
.event-item {
display: grid;
grid-template-columns: 78px 1fr;
gap: 24px;
margin-bottom: 22px;
padding: 24px;
background: #fff;
border: 1px solid #e0e7ea;
border-radius: 8px;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}
/* DATE BLOCK
--------------------------------------------------------- */
.event-date {
align-self: start;
background: #eef9fc;
border-top: 4px solid #059acc;
border-radius: 4px;
padding: 10px 5px;
text-align: center;
}
.event-day {
display: block;
color: #045b79;
font-size: 30px;
font-weight: 700;
line-height: 1;
}
.event-month {
display: block;
margin-top: 5px;
color: #059acc;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
}
/* EVENT CONTENT
--------------------------------------------------------- */
.event-details h2 {
color: #045b79;
font-size: 23px;
margin: 0 0 7px;
}
.event-details h3 {
color: #045b79;
font-size: 16px;
margin: 18px 0 8px;
}
.event-details p {
line-height: 1.6;
}
.event-details ul {
margin: 10px 0 15px 20px;
padding: 0;
}
.event-details li {
margin-bottom: 6px;
line-height: 1.5;
}
/* EVENT DATE / TIME TEXT */
.event-time {
color: #555;
font-size: 16px;
font-weight: 600;
margin-bottom: 12px;
}
/* OPTIONAL SECOND LINE UNDER TITLE */
.event-subtitle {
color: #555;
font-size: 17px;
font-style: italic;
margin: -2px 0 8px;
}
/* SMALL INTRODUCTION - eg WEST YORKSHIRE DISTRICT */
.event-small-heading {
color: #059acc;
font-size: 13px;
font-weight: 700;
letter-spacing: .5px;
margin: 0 0 4px;
}
/* IMPORTANT SHORT INFORMATION */
.event-highlight {
display: inline-block;
margin: 4px 0 0;
padding: 7px 13px;
background: #eef9fc;
color: #045b79;
border-radius: 4px;
font-weight: 700;
}
/* LINKS
--------------------------------------------------------- */
.event-link {
display: inline-block;
color: #059acc;
font-weight: 600;
text-decoration: none;
}
.event-link i {
margin-left: 4px;
}
.event-link:hover,
.event-link:focus {
color: #045b79;
text-decoration: none;
}
/* MAJOR FEATURE EVENTS
--------------------------------------------------------- */
.event-feature {
border-left: 4px solid #059acc;
}
/* CHRISTMAS TREE FESTIVAL */
.event-christmas {
background: #f5faf4;
border-left: 4px solid #5f8f55;
}
.event-christmas .event-date {
background: #edf6eb;
border-top-color: #5f8f55;
}
.event-christmas .event-month {
color: #5f8f55;
}
/* ROGER DAVIES CONCERT */
.event-concert {
background: #f7f5fa;
border-left: 4px solid #75649a;
}
.event-concert .event-date {
background: #f0edf6;
border-top-color: #75649a;
}
.event-concert .event-month {
color: #75649a;
}
/* PAST EVENTS
--------------------------------------------------------- */
.past-events {
margin-top: 50px;
padding-top: 5px;
}
.past-event-heading {
margin-bottom: 18px;
}
.past-event-heading h3 {
color: #045b79;
font-size: 21px;
margin-bottom: 4px;
}
.past-event-heading p {
color: #666;
}
/* MOBILE
--------------------------------------------------------- */
@media (max-width: 767px) {
.events-intro {
margin-bottom: 28px;
}
.events-intro p {
font-size: 16px;
}
.events-section-title {
font-size: 23px;
}
.event-item {
grid-template-columns: 62px 1fr;
gap: 16px;
padding: 18px 16px;
margin-bottom: 18px;
}
.event-day {
font-size: 25px;
}
.event-details h2 {
font-size: 20px;
}
.event-time {
font-size: 15px;
}
}
/* =========================================================
EVENT POSTER THUMBNAILS
========================================================= */
.event-with-image {
display: grid;
grid-template-columns: minmax(0, 1fr) 240px;
gap: 30px;
align-items: start;
}
.event-copy {
min-width: 0;
}
.event-thumbnail {
width: 240px;
text-align: center;
}
.event-thumbnail a {
display: block;
}
.event-thumbnail img {
display: block;
width: 100%;
height: auto;
border: 1px solid #d8e1e5;
border-radius: 6px;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.10);
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
}
.event-thumbnail a:hover img,
.event-thumbnail a:focus img {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}
.event-thumbnail span {
display: block;
margin-top: 7px;
color: #777;
font-size: 12px;
}
/* MOBILE */
@media (max-width: 767px) {
.event-with-image {
grid-template-columns: 1fr;
}
.event-thumbnail {
max-width: 280px;
margin: 10px auto 0;
}
}
/* =========================================================
GARDEN TRAIL
========================================================= */
.garden-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
margin-top: 18px;
}
.garden-gallery-image {
height: 190px;
overflow: hidden;
border-radius: 6px;
background: #eef3f5;
}
.garden-gallery-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* =========================================================
TABLET / MOBILE
========================================================= */
@media (max-width: 767px) {
.event-with-image {
grid-template-columns: 1fr;
gap: 20px;
}
.event-thumbnail {
width: 100%;
max-width: 300px;
margin: 5px auto 0;
}
.garden-gallery {
gap: 8px;
}
.garden-gallery-image {
height: 130px;
}
}
/* =========================================================
SMALL PHONES
========================================================= */
@media (max-width: 480px) {
.event-thumbnail {
max-width: 280px;
}
.garden-gallery {
grid-template-columns: 1fr;
gap: 12px;
}
.garden-gallery-image {
height: 220px;
}
}
/* =========================================================
WHAT TO EXPECT
========================================================= */
.what-to-expect-page {
margin-bottom: 45px;
}
/* INTRODUCTION
--------------------------------------------------------- */
.expect-intro {
margin-bottom: 30px;
}
.expect-intro h1 {
color: #045b79;
margin-bottom: 12px;
}
.expect-intro h2 {
color: #059acc;
font-size: 22px;
margin: 0 0 20px;
}
.expect-intro p {
color: #555;
font-size: 16px;
line-height: 1.7;
}
.expect-intro .expect-lead {
font-size: 18px;
line-height: 1.65;
color: #3f3f3f;
}
/* QUICK REASSURANCE
--------------------------------------------------------- */
.expect-reassurance {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin: 32px 0 42px;
}
.reassurance-item {
padding: 22px 18px;
background: #eef9fc;
border: 1px solid #d4edf5;
border-radius: 8px;
text-align: center;
}
.reassurance-item i {
display: block;
color: #059acc;
font-size: 28px;
line-height: 1;
margin-bottom: 12px;
}
.reassurance-item h3 {
color: #045b79;
font-size: 17px;
margin: 0 0 8px;
}
.reassurance-item p {
color: #555;
font-size: 14px;
line-height: 1.5;
margin: 0;
}
/* MAIN QUESTIONS
--------------------------------------------------------- */
.expect-section {
display: grid;
grid-template-columns: 52px minmax(0, 1fr);
gap: 18px;
padding: 25px 0;
border-top: 1px solid #dfe7ea;
}
.expect-section:last-of-type {
border-bottom: 1px solid #dfe7ea;
}
.expect-icon {
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
background: #eef9fc;
border-radius: 50%;
}
.expect-icon i {
color: #059acc;
font-size: 21px;
}
.expect-content h2 {
color: #045b79;
font-size: 21px;
margin: 2px 0 12px;
}
.expect-content p {
color: #555;
line-height: 1.65;
margin-bottom: 12px;
}
.expect-content p:last-child {
margin-bottom: 0;
}
.expect-answer {
color: #059acc !important;
font-size: 18px;
font-weight: 700;
margin-bottom: 7px !important;
}
/* FINAL WELCOME
--------------------------------------------------------- */
.expect-welcome {
display: flex;
align-items: center;
gap: 20px;
margin-top: 35px;
padding: 24px 26px;
background: #eef9fc;
border-left: 4px solid #059acc;
border-radius: 6px;
}
.expect-welcome > i {
flex: 0 0 auto;
color: #059acc;
font-size: 30px;
}
.expect-welcome h2 {
color: #045b79;
font-size: 21px;
margin: 0 0 6px;
}
.expect-welcome p {
color: #555;
line-height: 1.55;
margin: 0;
}
/* TABLET / MOBILE
--------------------------------------------------------- */
@media (max-width: 767px) {
.expect-reassurance {
grid-template-columns: 1fr;
gap: 10px;
margin: 25px 0 32px;
}
.reassurance-item {
padding: 18px;
}
.expect-section {
grid-template-columns: 42px minmax(0, 1fr);
gap: 14px;
padding: 22px 0;
}
.expect-icon {
width: 40px;
height: 40px;
}
.expect-icon i {
font-size: 18px;
}
.expect-content h2 {
font-size: 19px;
}
.expect-welcome {
align-items: flex-start;
padding: 20px;
}
}
/* SMALL PHONES
--------------------------------------------------------- */
@media (max-width: 480px) {
.expect-intro .expect-lead {
font-size: 17px;
}
.expect-section {
display: block;
}
.expect-icon {
margin-bottom: 12px;
}
.expect-welcome {
display: block;
}
.expect-welcome > i {
display: block;
margin-bottom: 10px;
}
}
/* =========================================================
ROOM HIRE PAGE
========================================================= */
.central-room-hire {
margin-bottom: 45px;
}
/* INTRODUCTION */
.room-hire-intro {
margin-bottom: 36px;
}
.room-hire-intro h1 {
color: #045b79;
margin-bottom: 16px;
}
.room-hire-intro p {
color: #555;
line-height: 1.7;
}
.room-hire-intro .room-hire-lead {
color: #045b79;
font-size: 19px;
font-weight: 600;
line-height: 1.55;
}
/* MAIN ROOM SECTIONS */
.hire-room {
padding: 30px 0 35px;
border-top: 1px solid #dfe7ea;
}
.hire-room-heading {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 15px;
}
.hire-room-heading h2 {
color: #045b79;
font-size: 25px;
margin: 0;
}
.hire-capacity {
display: inline-block;
padding: 7px 13px;
background: #eef9fc;
color: #045b79;
border-radius: 5px;
font-size: 14px;
font-weight: 700;
}
.hire-room > p,
.hire-small-room > p {
color: #555;
line-height: 1.65;
margin-bottom: 17px;
}
/* FACILITIES LIST */
.hire-features {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px 20px;
list-style: none;
margin: 0 0 25px;
padding: 0;
}
.hire-features li {
position: relative;
padding-left: 23px;
color: #555;
font-size: 15px;
line-height: 1.5;
}
.hire-features li::before {
content: "✓";
position: absolute;
left: 0;
top: 0;
color: #059acc;
font-weight: 700;
}
/* ROOM PHOTOGRAPHS */
.hire-photo-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
width: 100%;
}
.hire-photo-grid img {
display: block;
width: 100%;
max-width: none;
height: 220px;
margin: 0;
object-fit: cover;
object-position: center;
}
/* UPPER AND LOWER ROOMS */
.hire-smaller-rooms {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
padding-top: 30px;
border-top: 1px solid #dfe7ea;
margin-bottom: 35px;
}
.hire-small-room {
background: #f7fafb;
border: 1px solid #e0e9ec;
border-radius: 8px;
padding: 23px;
}
.hire-small-room .hire-room-heading {
align-items: flex-start;
}
.hire-small-room .hire-room-heading h2 {
font-size: 22px;
}
.hire-small-room .hire-features {
grid-template-columns: 1fr;
gap: 9px;
margin-bottom: 0;
}
.hire-access-note {
font-size: 14px;
font-style: italic;
margin-top: 18px;
}
/* BOOKING ENQUIRY */
.hire-enquiry {
display: flex;
gap: 20px;
align-items: flex-start;
padding: 28px;
background: #eef9fc;
border-left: 4px solid #059acc;
border-radius: 7px;
margin: 35px 0;
}
.hire-enquiry-icon {
color: #059acc;
font-size: 30px;
flex: 0 0 auto;
}
.hire-enquiry-content {
min-width: 0;
}
.hire-enquiry h2 {
color: #045b79;
font-size: 23px;
margin: 0 0 12px;
}
.hire-enquiry p {
color: #555;
line-height: 1.65;
margin-bottom: 20px;
}
.hire-enquiry-button {
display: inline-block;
padding: 12px 18px;
background: #059acc;
color: #fff !important;
border-radius: 5px;
font-weight: 600;
text-decoration: none !important;
transition: background-color .2s ease;
}
.hire-enquiry-button i {
margin-right: 7px;
}
.hire-enquiry-button:hover,
.hire-enquiry-button:focus {
background: #045b79;
color: #fff !important;
}
/* SPECIAL OCCASIONS */
.hire-special-occasions {
padding-top: 25px;
border-top: 1px solid #dfe7ea;
}
.hire-special-occasions h2 {
color: #045b79;
font-size: 23px;
margin-bottom: 14px;
}
.hire-special-occasions p {
color: #555;
line-height: 1.65;
}
/* TABLET */
@media (max-width: 991px) {
.hire-photo-grid img {
height: 190px;
}
.hire-features {
grid-template-columns: 1fr;
}
.hire-smaller-rooms {
grid-template-columns: 1fr;
}
}
/* MOBILE */
@media (max-width: 767px) {
.room-hire-intro .room-hire-lead {
font-size: 17px;
}
.hire-room {
padding: 25px 0;
}
.hire-room-heading h2 {
font-size: 22px;
}
.hire-photo-grid {
gap: 9px;
}
.hire-photo-grid img {
height: 160px;
}
.hire-enquiry {
padding: 22px;
gap: 14px;
}
.hire-enquiry h2 {
font-size: 21px;
}
}
/* SMALL PHONES */
@media (max-width: 480px) {
.hire-photo-grid {
grid-template-columns: 1fr;
gap: 12px;
}
.hire-photo-grid img {
height: 230px;
}
.hire-enquiry {
display: block;
}
.hire-enquiry-icon {
margin-bottom: 10px;
}
.hire-enquiry-button {
display: block;
text-align: center;
}
}
/* Room Hire - Bootstrap photo layout */
.central-room-hire .hire-photo-row {
margin-top: 22px;
margin-bottom: 15px;
}
.central-room-hire .hire-photo-row > div {
padding-left: 6px;
padding-right: 6px;
}
.central-room-hire .hire-photo-row img {
display: block;
width: 100%;
max-width: 100%;
height: 210px;
object-fit: cover;
margin: 0;
border-radius: 7px;
}
@media (max-width: 480px) {
.central-room-hire .hire-photo-row img {
height: 150px;
}
}
/************************** Smooth scroll instructions ****************************/
/* https://github.com/cferdinandi/smooth-scroll */
/* Functions.php to enqueue : wp_enqueue_script ("smooth-scroll", get_stylesheet_directory_uri()."/js/dist/js/smooth-scroll.js"); */
/* Footer script to include:
- See full script including speed of scroll in the footer.php of this theme */
/* Then add links to page: e.g. Anchor Link & Scroll End
*/
/* Upload the JS to /js/dist/js/smooth-scroll.js */
/************************** Menu bar + Sticky Menu ****************************/
.sticky {
position: fixed;
top: 0;
background: white;
z-index: 999;
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.16);
}
.sticky + .content {
padding-top: 100px;
}
.sticky .custom-logo {
height: 65px;
}
.sticky #mega-menu-wrap-max_mega_menu_1,
.sticky .navbar-default {
padding: 25px 0 0 0;
}
/************ Standard Menu Navigation ************/
.site-navigation {
background: transparent;
}
.main-navigation {
background-color: transparent;
}
ul.menu-header-menu {
float: right;
text-align: right;
}
ul.menu li.menu-item {
list-style: disc;
margin-left: 30px;
}
.sub-menu {
display: none;
position: absolute;
background-color: #ff6600;
width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
list-style: none;
padding: 0;
margin: 0;
z-index: 9999;
}
.sub-menu li {
background: green;
margin: 0;
padding: 0;
text-align: left;
}
.sub-menu > li > a {
color: black;
padding: 10px 5px;
margin: 0;
text-decoration: none;
display: block;
width: 160px;
}
li#mega-menu-item-614 a {
background: #0085b2 !important;
padding: 10px !important;
margin-left: 40px !important;
color: #fff !important;
}
li#mega-menu-item-614 a:hover {
background: #015976 !important;
color: #fff !important;
}
/************ Mega Menu Styling ************/
#mega-menu-wrap-max_mega_menu_1,
.navbar-default {
background: transparent;
border: 0px;
float: right;
padding: 30px 0 0 0;
transition: all .5s cubic-bezier(0, .5, .2, 1);
}
/************ Top Bar Styling - Hover ************/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
margin-top: -5px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
background: transparent;
color: #059acc;
font-weight: 500;
}
/************ Top Bar Styling - Active ************/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
color: #8b8f9f;
padding: 0 0 0 40px;
margin-bottom: 0;
line-height: 20px;
height: auto;
text-transform: none;
font-weight: 500;
font-size: 1.2rem;
}
/************ Dropdown Menu - Active ************/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
color: #059acc;
padding: 10px 20px;
margin: 0px;
background: #f1f1f1;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover {
color: #fff;
background: #059acc;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {
width: 250px;
margin-left: 30px;
}
/************ Dropdown Level 2 Menu - Active ************/
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {
width: 200px;
margin-left: 0px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
color: #231f20;
padding: 10px 20px;
margin: 0px;
background: purple;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
color: #231f20;
padding: 10px 20px;
margin: 0px;
background: #059acc;
}
img.custom-logo {
display: block;
height: 80px;
width: auto;
padding: 2px 0;
}
/************ slider ************/
.soliloquy-outer-container {
margin-top: 0;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
background: rgba(0, 0, 0, 0);
text-align: left;
margin: 100px 0 0 150px;
display: block;
max-width: 40%;
}
.soliloquy-caption h1 {
font-family: 'Comfortaa', cursive;
font-weight: 700;
font-size:4rem;
line-height:4rem;
color: #fff;
text-align: left;
margin: 0;
padding: 0;
text-shadow: 2px 2px 20px #797979;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h2 {
font-weight: 400;
font-size: 2.5rem;
line-height:3.5rem;
color: #fff;
text-align: left;
margin: 0;
padding: 0;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h3 {
font-weight: 800;
font-size: 1.75rem;
line-height:2.25rem;
color: #111;
text-shadow: 1px 1px #fff;
text-align: left;
margin:0 0 40px 0;
padding: 0;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h4 {
font-weight: 800;
font-size: 2rem;
line-height:2.5rem;
color: #888;
text-align: left;
margin: 0;
padding: 0;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h4 span {color: darkred;}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h4 span span {color: mediumpurple;}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside p {
font-weight: 100;
font-size: 1.5rem;
line-height:2rem;
color: #666;
text-align: left;
margin: 0;
padding: 0;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside ul li {
font-size: 1.5rem;
line-height:1.5rem;
color: #fff;
text-align: left;
margin: 0 0 15px 0;
padding: 0;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside ul li span { font-weight: 600; font-size: 1.25rem; color:#81b5c7;}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside ul li b { font-weight: 800; }
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside ul li li { margin-left: 25px; color:#666; line-height:1.75rem; }
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside .btn-soliloquy {
display: block;
margin-left: auto;
margin-right: auto;
}
.soliloquy-container .soliloquy-caption.soliloquy-caption-bottom {bottom:auto; top:0px;}
.soliloquy-id-433 .soliloquy-caption.soliloquy-caption-bottom {
top: 80px !important;
}
.bb h3 {
font-size: 2.5rem;
line-height: 3rem;
}
.icon1 {
display: inline-block;
margin-right: 20px;
}
.icon2 {
display: inline-block;
}
img.one {
max-height: 150px;
box-shadow: 2px 2px 20px #a7a7a7;
border-radius: 100%;
margin-bottom: 5px;
}
img.two {
max-height: 150px;
box-shadow: 2px 2px 20px #a7a7a7;
}
.page-title {
color: #222;
letter-spacing: 1px;
font: 700 40px/40px"Open Sans", sans-serif;
text-align: center;
width: 100%;
padding: 20px;
}
.featured-image {
width: 300px;
float: left;
margin: 5px 20px 0 0;
}
.featured-image img {
border: 1px solid #c0c0c0;
width: 300px;
}
/************ sidebar ***********/
#custom_html-2 p,
#custom_html-3 p,
#nav_menu-2 p,
#nav_menu-3 p,
#custom_html-2 a,
#custom_html-3 a,
#nav_menu-2 a,
#nav_menu-3 a,
#custom_html-2 li,
#custom_html-3 li,
#nav_menu-2 li,
#nav_menu-3 li,
#custom_html-8 {
font-size: .9rem;
}
#custom_html-2,
#custom_html-3,
#nav_menu-2,
#nav_menu-3,
#custom_html-8 {
background: #efefef;
border: 2px #c0c0c0 solid;
border-radius: 10px;
padding: 15px 0;
margin-bottom: 30px;
}
#custom_html-2 p,
#custom_html-3 p,
#nav_menu-2 p,
#nav_menu-3 p,
#custom_html-8 p {
text-align: center;
padding: 0 10px;
color: #000;
}
#custom_html-2 li,
#custom_html-3 li,
#nav_menu-2 li,
#nav_menu-3 li {
text-align: left;
color: #000;
}
#nav_menu-2 a,
#nav_menu-3 a,
#custom_html-2 a,
#custom_html-3 a,
#custom_html-8 a {
color: #059acc;
}
#nav_menu-2 a:hover,
#nav_menu-3 a:hover,
#custom_html-2 a:hover,
#custom_html-3 a:hover,
#custom_html-8 a:hover {
color: #026a8d;
}
#nav_menu-2 li,
#nav_menu-3 li {
margin-left: 0px;
}
/* .blog-sidebar-right li:hover , #custom_html-9.widget_text.sidebar-module.widget.widget_custom_html li:hover {
color: #059acc;
} */
/* .blog-sidebar-right ul li{
padding:0 0 0 20px; list-style: none; background:url(/wp-content/uploads/2019/03/bullet-blue.png) no-repeat top 8px left ;
} */
.blog-sidebar-right h4,
#nav_menu-2 h4,
#nav_menu-3 h4,
#custom_html-2 h4,
#custom_html-3 h4,
#custom_html-8 h4 {
font-size: 1.4rem;
line-height: 2rem;
font-weight: 600;
margin-bottom: 15px;
color: #059acc;
text-align: center;
}
#custom_html-3 blockquote {
background: #ddd;
color: #000;
font-size: .9rem;
}
#custom_html-9 {
background: #059acc;
padding: 20px 20px 35px 20px;
border-radius: 20px;
color: #fff;
}
#custom_html-9 p,
#custom_html-9 i {
color: #fff;
}
#custom_html-9 button {
background: #ffffff;
border: none;
padding: 8px 15px;
color: #059acc;
font-size: 1rem;
border-radius: 5px;
width: auto;
margin: 20px auto 0 auto;
display: block;
}
#custom_html-9 button:hover {
background: #04688a;
color: #fff;
cursor: pointer;
}
img.brigbuild {
max-height: 150px;
display: block;
margin: 0 auto;
}
.bb-icons {
text-align: center;
margin: 0 10px;
}
.bb-icons .fab {
margin-top: 10px;
}
.bb-icons i {
font-size: 2rem;
}
.bb-icons i:hover {
color: #04688a;
}
.bb-icons h4 {
margin: 0;
color: #fff;
}
/***** Volunteer *****/
.pta-sus-sheets.tasks {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.tasks .pta-sus.task-info-header,
.tasks .pta-sus-tasks-table {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
padding: 10px;
border-left: 5px solid #fff;
border-right: 5px solid #fff;
}
.pta-sus.task-info-header {
text-align: center;
background: #059acc;
color: #fff;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
.pta-sus-tasks-table {
background: #efefef;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
}
.date-header {
font-size: 1rem!important;
font-weight: 300;
}
.title-header {
font-size: 1.3rem;
font-weight: 500;
line-height: 1.8rem;
}
.column-date_start, .column-date_end, .column-open_spots {
display: none!important;
}
.pta-sus-sheet h2:nth-of-type(2) {
display: none!important;
}
/***** Blog Page *****/
.blog-page h4 {
text-align: center;
font-size: 1.5rem;
}
/************ Blog Main Folio *******/
.blog-main a {
color: #32699e;
text-decoration: none;
font-style: normal;
}
.blog-main a:hover {
color: #222;
text-decoration: underline;
}
.blog-main a p {
text-decoration: none;
}
.blog-main a p:hover {
color: #222;
text-decoration: none;
}
.blog-main h4 {
color: #32699e;
text-decoration: none;
font-style: normal;
}
.blog-main h4:hover,
.blog-main p:hover {
color: #222;
text-decoration: underline;
}
.blog-post-title img {
float: left;
margin: 0 20px 20px 0;
}
.blog-post-title h2 a {
font-size: 2rem;
}
.blog-post-title h2 a:hover {
text-decoration: none;
color: black;
}
.blog-post p:hover {
text-decoration: none;
}
/************ foodbank ************/
#mega-menu-item-717, #mega-menu-item-719 {
display: none!important;
}
.page-template-foodbank #mega-menu-item-717, .page-template-foodbank #mega-menu-item-719 {
display: inline-block!important;
}
.page-template-foodbank .fab {
float: right;
color: #3f99cc;
font-size: 30px;
margin-top: 5px;
margin-right: 5px;
}
.page-template-foodbank footer {
display: none;
}
.rafp {
background-color: #bddfef;
}
a.btn-rafp {
display: inline-block;
margin: 0 auto;
background: #059acc;
color: #fff!important;
border-radius: 15px;
padding: 14px 20px;
width: max-content;
}
a.btn-ltv {
display: inline-block;
margin: 0 auto;
background: #ec6b09;
color: #fff!important;
border-radius: 15px;
padding: 14px 20px;
width: max-content;
}
/************ footer ************/
.margin-bottom5 p {
margin-bottom: 0 !important;
}
#custom_html-6.widget_text.sidebar-module.widget.widget_custom_html a {
font-size: 14px;
}
.footer .fa-envelope {
margin-left: 0;
}
.post-date {
display: block;
font-size: 9px;
color: #fff901;
line-height: 10px;
margin-bottom: 5px;
}
div#recent-posts-3.sidebar-module.widget.widget_recent_entries h4 {
display: none;
}
.footer {
background: #0085b2;
padding: 25px 0;
font-size: 0.75rem;
}
.footer p,
.footer li {
color: #fff;
}
.footer h4 {
font-size: 1.25rem;
margin: 0 0 20px 0;
text-align: center;
padding-bottom: 20px;
color: #fff901;
font-style: normal;
font-weight: 400;
background: url(/wp-content/themes/pivotal-canvas-wp/assets/bg-underline.png) no-repeat bottom left;
}
#custom_html-7 {
margin-top: 0;
}
.footer strong {
color: #fff;
}
.footer-menus {
background-color: #646363;
padding: 35px 0;
}
.footer ul {
padding-inline-start: 10px;
}
.footer p {
padding-inline-start: 20px;
margin-bottom: 5px;
}
.footer ul li {
padding: 0 0 0 30px;
list-style: none;
background: url(/wp-content/uploads/2019/03/bullet.png) no-repeat top 8px left;
}
.footer a {
color: white;
margin: 0;
padding: 0;
line-height: 14px;
}
.footer a:hover {
color: #000;
}
label {
margin-bottom: -10px;
margin-top: -10px;
}
button,
input,
optgroup,
select,
textarea {
width: 100%;
}
textarea {
height: 155px;
padding: 0 5px;
}
.copyright {
background-color: #bddfef;
font-size: 0.75rem;
color: #000;
padding: 15px 0;
}
.copyright a {
color: #000;
font-size: 12px;
}
.copyright p {
line-height: 15px;
font-size: 11px;
margin-bottom: 0;
color: #000;
}
.copyright a:hover {
color: #0085b2;
}
.copyright-right {
text-align: right;
}
.copyright-left {
text-align: left;
}
.form-control {
margin-bottom: 10px;
font-size: 1rem;
}
/* ==========================================
BRIGHOUSE CENTRAL FOOTER
========================================== */
.central-footer {
background: #f4f8fb;
border-top: 4px solid var(--central-blue);
margin-top: 60px;
}
/* Main footer area */
.central-footer-main {
padding-top: 50px;
padding-bottom: 45px;
}
/* Headings */
.central-footer h3 {
margin-top: 0;
margin-bottom: 24px;
font-size: 1.35rem;
font-weight: 600;
color: var(--central-blue-dark);
}
/* ==========================================
Separater Divider
========================================== */
.central-divider {
width: 90%;
max-width: 1100px;
height: 1px;
margin: 45px auto;
background: #d8e5ee;
position: relative;
}
.central-divider::after {
content: "";
position: absolute;
left: 50%;
top: -1px;
transform: translateX(-50%);
width: 90px;
height: 3px;
background: var(--central-blue);
border-radius: 3px;
}
.central-divider-light {
width: 100%;
max-width: 100%;
height: 1px;
margin: 35px 0;
background: #d8e5ee;
}
/* ==========================================
QUICK LINKS
========================================== */
.footer-links-section {
padding-right: 30px;
}
.footer-links-section a {
display: block;
position: relative;
margin-bottom: 15px;
color: #444444 !important;
text-decoration: none !important;
font-size: 1.05rem;
transition:
color 0.2s ease,
padding-left 0.2s ease;
}
/* Small arrow */
.footer-links-section a::before {
content: "›";
color: var(--central-blue);
font-size: 1.3rem;
margin-right: 9px;
}
/* Hover */
.footer-links-section a:hover {
color: var(--central-blue) !important;
padding-left: 4px;
}
/* ==========================================
FACEBOOK AREA
========================================== */
.footer-facebook-section {
padding-left: 30px;
border-left: 1px solid #d4e1ea;
}
.footer-facebook-section h3 i {
margin-right: 8px;
color: var(--central-blue);
}
/* ==========================================
COPYRIGHT BAR
========================================== */
.footer-bottom {
padding: 20px 0;
border-top: 1px solid #d4e1ea;
color: #66727a;
font-size: 0.92rem;
}
.footer-bottom a {
color: var(--central-blue-dark) !important;
text-decoration: none !important;
}
.footer-bottom a:hover {
text-decoration: underline !important;
}
.footer-credit {
text-align: right;
}
/* ==========================================
MOBILE
========================================== */
@media (max-width: 767px) {
.central-footer {
margin-top: 40px;
}
.central-footer-main {
padding-top: 35px;
padding-bottom: 30px;
}
.footer-links-section {
padding-right: 15px;
margin-bottom: 35px;
}
.footer-facebook-section {
padding-left: 15px;
border-left: none;
border-top: 1px solid #d4e1ea;
padding-top: 30px;
}
.footer-credit {
text-align: left;
margin-top: 8px;
}
}
@media only screen and (max-width: 1500px) {
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
margin: 50px 0 0 100px;
max-width: 60%;
}
.soliloquy-caption h1 {
font-size:3rem;
line-height:4rem;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h2 {
font-weight: 400;
font-size: 2rem;
line-height:2.5rem;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h3 {
font-weight: 800;
font-size: 1.5rem;
line-height:1.75rem;
margin-bottom: 40px;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h4 {
font-weight: 800;
font-size: 1.5rem;
line-height:1.75rem;
}
}
@media only screen and (max-width: 1350px) {
.header {
padding: 10px 0 10px 5px;
}
}
@media only screen and (max-width: 1270px) {
.soliloquy-id-433 .soliloquy-caption.soliloquy-caption-bottom {
top: 50px !important;
}
}
@media only screen and (max-width: 1140px) {
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
margin-right: 30px;
margin: 70px 0 0 100px;
max-width: 60%;
}
}
.soliloquy-id-433 .soliloquy-caption.soliloquy-caption-bottom {
top: 35px !important;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
font-size: 1rem;
padding: 0 30px 0 0;
}
@media only screen and (max-width: 1040px) {
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
}
}
@media only screen and (max-width: 991px) {
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
padding: 0 5px;
font-size: .8rem;
}
.logo {
width: 100%;
text-align: center;
margin: 0 auto;
}
.custom-logo {
float: none;
}
.header-right {
float: none;
margin: 0 auto;
}
.soliloquy-caption h1 {
font-size:2rem;
line-height:4rem;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h2 {
font-weight: 400;
font-size: 1.5rem;
line-height:2rem;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h3 {
font-weight: 800;
font-size: 1.1rem;
line-height:1.25rem;
margin-bottom: 0px;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h4 {
font-weight: 800;
font-size: 1.15rem;
line-height:1.25rem;
color: white;
}
img.one,
img.two {
max-height: 100px;
}
footer .main-navigation {
background-color: transparent;
}
#mega-menu-wrap-max_mega_menu_1,
.navbar-default {
background-color: transparent;
}
}
@media only screen and (max-width: 893px) {
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
padding: 0 10px;
}
.soliloquy-caption h2 {
font-size: 25px;
line-height: 30px;
}
}
@media only screen and (max-width: 767px) {
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
margin: 20px 0 0 50px;
display: block;
max-width: 80%;
}
.tasks .pta-sus.task-info-header,
.tasks .pta-sus-tasks-table {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.left,
.right {
padding: 0 15px;
}
.custom-logo {
margin: auto;
float: none;
}
.header-right {
margin-top: 10px;
}
img.custom-logo {
margin-left: auto;
margin-right: auto;
display: block;
width: auto;
}
.main-navigation {
background: transparent;
border: 0px;
box-shadow: inset 0 0px 0px rgba(0, 0, 0, .1)
}
.tasks .pta-sus.task-info-header,
.tasks .pta-sus-tasks-table {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.copyright .col-xs-12 {
width: 50%;
}
.header-wrap {
padding: 60px 20px;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle,
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1:before,
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1:after {
background: transparent;
color: #222;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
text-align: right;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
padding: 0 25px 10px 0;
}
.copyright-left,
.copyright-right {
text-align: center;
}
}
@media only screen and (max-width: 668px) {
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
font-size: 12px;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h2 {
font-weight: 400;
text-align: center;
font-size: 1.25rem;
line-height:1.5rem;
margin-bottom: 20px;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h3 {
text-align: center;
font-size: 1rem;
line-height:1.25rem;
margin-bottom: 20px;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h4 {
font-weight: 800;
font-size: 1rem;
line-height:1.15rem;
color: white;
}
.mobile-btn { width:100%;text-align:center;}
.btn-default {
text-align: center;
width: auto;
padding: 5px 20px;
margin: 0 auto;
background: #059acc;
color: #fff;
font-size: 1rem;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside .btn-soliloquy {
display: block;
margin-left: auto;
margin-right: auto;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside p {
/* font-size: 0.85rem;*/
/* line-height: 0.9rem;*/
color: white;
}
h2 {font-size: 1.5rem;}
}
@media only screen and (max-width: 600px) {
#mega-menu-wrap-max_mega_menu_1,
.navbar-default {
padding: 10px 0 0 0;
}
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
margin: 10px 0 0 20px;
display: block;
max-width: 90%;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1 {
background: #efefef;
padding: 10px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
padding: 5px;
font-size: 12px;
}
li#mega-menu-item-440 a {
margin: 0 !important;
}
img.one,
img.two {
display: none;
}
iframe.centered {
width: 100%;
max-height: 400px;
}
.contact-center {
display: block;
margin: 0 auto;
text-align: center;
}
}
@media only screen and (max-width: 575px) {
.margintop-15 {
margin-top: -15px;
}
label {
display: block;
text-align: center;
}
.topbar {
text-align: center;
}
.pull-right {
text-align: center;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
padding: 10px 10px;
line-height: 1rem;
}
.banner .btn-default {
float: none;
}
.btn-soliloquy-covid {
margin-top: 20px
}
.header-wrap h1.entry-title {
font-size: 35px;
line-height: 40px;
}
.header-right {
text-align: center;
}
header {
position: relative;
}
.logo h2 {
font-size: 1.3rem;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
background: transparent;
z-index: 1;
}
.above-footer .left {
text-align: center;
}
.services .col-xs-12 {
width: 100%;
}
}
@media only screen and (max-width: 499px) {
.logo {
height: 40px;
}
.footer p {
text-align: center;
}
h1.center {
font-size: 2rem;
}
}
/* Room Hire - remove default bullets, keep blue ticks */
.central-room-hire ul.hire-features {
list-style: none !important;
padding-left: 0 !important;
margin-left: 0 !important;
}
.central-room-hire ul.hire-features li {
list-style: none !important;
list-style-type: none !important;
}
.central-room-hire ul.hire-features li::marker {
content: "" !important;
}
/* =====================================
WORSHIP WITH US - 2026
===================================== */
.central-worship {
color: #333;
line-height: 1.7;
}
.central-worship .worship-intro,
.central-worship .worship-section {
margin-bottom: 32px;
}
.central-worship h2,
.central-worship h3,
.central-worship h4 {
color: #045b79;
margin-bottom: 16px;
}
.central-worship p {
margin-bottom: 16px;
}
.central-worship .worship-service-card {
background: #eef9fc;
border-left: 4px solid #059acc;
border-radius: 5px;
padding: 24px 26px;
margin: 18px 0 26px;
}
.central-worship .worship-service-card h4 {
margin-top: 0;
}
.central-worship .worship-service-card p:last-child {
margin-bottom: 0;
}
/* Clean service lists */
.central-worship ul.worship-service-list {
list-style: none;
margin: 12px 0 22px;
padding: 0;
}
.central-worship ul.worship-service-list li {
list-style: none;
margin: 0;
padding: 10px 0 10px 20px;
border-bottom: 1px solid #e2edf2;
position: relative;
}
.central-worship ul.worship-service-list li::before {
content: "";
position: absolute;
left: 0;
top: 19px;
width: 7px;
height: 7px;
border-radius: 50%;
background: #059acc;
}
.central-worship ul.worship-service-list li:last-child {
border-bottom: none;
}
@media (max-width: 767px) {
.central-worship .worship-service-card {
padding: 20px 18px;
}
.central-worship .worship-intro,
.central-worship .worship-section {
margin-bottom: 26px;
}
}
/* ==========================================
WORSHIP WITH US - TIGHTER SPACING
========================================== */
.central-worship .worship-intro,
.central-worship .worship-section {
margin-bottom: 10px;
}
.central-worship .worship-section h2,
.central-worship .worship-section h3,
.central-worship .worship-section h4 {
margin-top: 0;
margin-bottom: 12px;
}
.central-worship p {
margin-bottom: 12px;
}
.central-worship .worship-service-card {
margin: 12px 0 18px;
padding: 20px 24px;
}
.central-worship ul.worship-service-list {
margin-top: 8px;
margin-bottom: 16px;
}
.central-worship ul.worship-service-list li {
padding-top: 7px;
padding-bottom: 7px;
}
.central-worship ul.worship-service-list li::before {
top: 16px;
}
@media (max-width: 767px) {
.central-worship .worship-intro,
.central-worship .worship-section {
margin-bottom: 18px;
}
}
/* ==========================================
ACTIVITIES - CONSISTENT BLUE BULLETS
========================================== */
ul.activities-list {
list-style: none;
margin: 10px 0 18px;
padding: 0;
}
ul.activities-list > li {
list-style: none;
position: relative;
margin: 0;
padding: 8px 0 8px 20px;
border-bottom: 1px solid #e2edf2;
}
ul.activities-list > li::marker {
content: "";
}
ul.activities-list > li::before {
content: "";
position: absolute;
left: 0;
top: 17px;
width: 7px;
height: 7px;
border-radius: 50%;
background: #059acc;
}
ul.activities-list > li:last-child {
border-bottom: none;
}
/* ==========================================
ACTIVITIES - WEEKLY SCHEDULE
========================================== */
.central-activities {
color: #333;
line-height: 1.7;
}
.central-activities > h2 {
color: #045b79;
margin-bottom: 16px;
}
.central-activities > h3 {
margin-bottom: 16px;
}
.central-activities > p {
margin-bottom: 22px;
}
.central-activities .activities-day {
margin-bottom: 20px;
}
.central-activities .activities-day h3 {
color: #045b79;
background: #eef9fc;
border-left: 4px solid #059acc;
padding: 10px 16px;
margin: 0 0 6px;
font-size: 1.15rem;
}
.central-activities ul.activities-schedule {
list-style: none !important;
margin: 0 0 8px !important;
padding: 0 !important;
}
.central-activities ul.activities-schedule li {
list-style: none !important;
position: relative;
margin: 0 !important;
padding: 8px 0 8px 20px !important;
border-bottom: 1px solid #e2edf2;
}
.central-activities ul.activities-schedule li::marker {
content: "" !important;
}
.central-activities ul.activities-schedule li::before {
content: "";
position: absolute;
left: 0;
top: 17px;
width: 7px;
height: 7px;
border-radius: 50%;
background: #059acc;
}
.central-activities ul.activities-schedule li:last-child {
border-bottom: none;
}
@media (max-width: 767px) {
.central-activities .activities-day {
margin-bottom: 16px;
}
.central-activities .activities-day h3 {
padding: 9px 12px;
}
}
/* ==========================================================
REDESIGNED PAGES — SECTION SPACING AND H2 HEADINGS
Preserve existing dividers, borders and blue bullets.
========================================================== */
/* Consistent section spacing */
.central-activities section.activities-day,
.central-worship section.worship-section,
section.lower-valley-cluster {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 30px;
}
/* Consistent H2 headings */
.central-worship .worship-intro > h2,
.central-worship .worship-section h2,
.central-room-hire .hire-room h2,
.central-room-hire .hire-small-room h2,
.central-events .events-section-title,
.central-activities > h2,
section.lower-valley-cluster > h2 {
font-family: 'Comfortaa', sans-serif;
font-size: 2rem;
line-height: 1.6;
font-weight: 600;
color: #045b79;
margin: 0 0 18px;
padding: 0;
}
/* ==========================================================
CONTACT US — 2026 PAGE STYLING
========================================================== */
.central-contact {
margin: 0;
}
.central-contact h2 {
font-family: 'Comfortaa', sans-serif;
font-size: 2rem;
line-height: 1.4;
font-weight: 600;
color: #045b79;
margin: 0 0 18px;
padding: 0;
}
.central-contact h3 {
font-family: 'Comfortaa', sans-serif;
font-size: 1.5rem;
line-height: 1.4;
font-weight: 600;
color: #045b79;
margin: 0 0 15px;
padding: 0;
}
.central-contact p {
margin: 0 0 15px;
}
.central-contact .contact-intro-row {
margin-bottom: 25px;
}
.central-contact .contact-details-row {
margin-bottom: 30px;
}
.central-contact .contact-panel {
background: #eef9fc;
border-left: 4px solid #059acc;
padding: 25px;
height: 100%;
}
.central-contact .contact-panel h3:not(:first-child) {
margin-top: 25px;
}
.central-contact .contact-address-panel {
display: flex;
align-items: center;
gap: 25px;
}
.central-contact .contact-church-image {
width: 150px;
height: 150px;
object-fit: cover;
border-radius: 50%;
flex-shrink: 0;
}
.central-contact .contact-travel-row {
margin-bottom: 30px;
}
.central-contact .central-divider {
margin-top: 40px;
margin-bottom: 40px;
}
/* Mobile layout */
@media (max-width: 767px) {
.central-contact .contact-intro-row > div,
.central-contact .contact-details-row > div,
.central-contact .contact-travel-row > div {
margin-bottom: 25px;
}
.central-contact .contact-details-row {
margin-bottom: 5px;
}
.central-contact .contact-address-panel {
flex-direction: column;
align-items: flex-start;
}
.central-contact .contact-church-image {
width: 130px;
height: 130px;
}
}