/*
Theme Name: LifeBridge 2026
Theme URI: https://lifebridgechurch.com/
Description: Custom WordPress theme for LifeBridge Church 2026.
Author: PlainJoe Studios
Author URI: https://www.plainjoe.net
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lb2026
Requires at least: 6.0
Requires PHP: 7.4
Tags: church, custom-post-types, advanced-custom-fields
*/
:root {
--color-0:#000;
--color-1:#fff;
--color-drk:#0d0d0d;
--color-drk2:#2d2926;
--color-drk3:#141414;
--color-lgray:#f4f3f2;
--color-lgray2:#f5f5f5;
--color-lgray3:#f7f7f7;
--color-gray:#7f7f7f;
--color-gray2:#9a9a9a;
--color-gray3:#dfdfdf;
--font-sourcesans:'Source Sans 3 Variable', sans-serif;
--font-dmserif:'DM Serif Display', serif;
--font-inter:'Inter Variable', sans-serif;
}
/* source-sans-3-latin-wght-normal */
@font-face {
font-family: 'Source Sans 3 Variable';
font-style: normal;
font-display: swap;
font-weight: 200 900;
src: url(https://cdn.jsdelivr.net/fontsource/fonts/source-sans-3:vf@latest/latin-wght-normal.woff2) format('woff2-variations');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* dm-serif-display-latin-400-normal */
@font-face {
font-family: 'DM Serif Display';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(https://cdn.jsdelivr.net/fontsource/fonts/dm-serif-display@latest/latin-400-normal.woff2) format('woff2'),
url(https://cdn.jsdelivr.net/fontsource/fonts/dm-serif-display@latest/latin-400-normal.woff) format('woff');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* inter-latin-wght-normal */
@font-face {
font-family: 'Inter Variable';
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format('woff2-variations');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
*, *::before, *::after {box-sizing: border-box; margin: 0; padding: 0;}
html, body {width:100%; min-height:100%; margin:0; padding:0;}
html {font-size: 62.5%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; scroll-behavior: smooth;}
body {font-size:1.8rem; line-height:1.4; letter-spacing:-0.43px; font-family:var(--font-sourcesans); color:var(--color-drk); background:var(--color-1); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}
h1, h2, h3, h4, h5, h6 {color:var(--color-drk);font-family:var(--font-dmserif); font-weight:400; line-height:1.2; margin:10px 0; padding:0;}
h1 {font-size:9.9rem; letter-spacing:-2.3px;}
h2 {font-size:9.6rem; letter-spacing:-2.4px; line-height:1;}
h3 {font-size:2.6rem;}
h4 {font-size:2.2rem;}
h5 {font-size:2.0rem;}
h6 {font-size:1.8rem;}
@media (max-width:767px) {
body {font-size:1.6rem;}
h1 {font-size:6.4rem;}
h2 {font-size:5.6rem;}
}
p {margin:0 0 25px;}
p:last-child {margin-bottom:0;}
a {color:inherit; text-decoration:none; background-color:transparent; transition:all 0.3s ease;}
a:hover, a:focus {color:var(--color-gray); text-decoration:underline;}
img, picture, video, canvas, svg {display: block; max-width: 100%; height: auto;}
button, input, select, textarea {font: inherit;color: inherit;font-size:1.6rem;}
input, select, textarea {border:1px solid var(--color-gray); border-radius:4px; padding:12px 15px;}
input[type="submit"], input[type="button"] {cursor:pointer;}
button {background: none; border: 0; cursor: pointer;}
ul {list-style:disc; margin:0 0 25px 20px; text-align:left;}
ol {margin:0 0 25px 20px;}
ul ul, ul ol, ol ol, ol ul, li:last-child, ul.children {margin-bottom:0;}
table {border-collapse: collapse; border-spacing: 0; width: 100%;}
hr {border: 0; border-top: 1px solid #e5e5e5;}
[hidden] { display: none !important; }
::-moz-selection{background:var(--color-drk2); color:var(--color-1); text-shadow:none;}
::selection {background:var(--color-drk2); color:var(--color-1); text-shadow:none;}
::-webkit-input-placeholder {color:var(--color-gray);}
:-moz-placeholder {color:var(--color-gray); opacity:1;}
::-moz-placeholder {color:var(--color-gray); opacity:1;}
:-ms-input-placeholder {color:var(--color-gray);}
:placeholder-shown {color:var(--color-gray);}
/* Accessibility helpers */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.skip-link {position: absolute; left: -9999px; top: 0; z-index: 100000; padding: 1rem 1.5rem; background: #000; color: #fff;}
.skip-link:focus {left: 0;}
/*general styles*/
.hide {display:none;}
.la {text-align:left;}
.ra {text-align:right;}
.mid {text-align:center;}
.pjs-btns {padding-top:42px; display:flex; flex-wrap:wrap;}
.pjs-btns.mid {justify-content:center;}
.pjs-btns.ra {align-items:flex-end;}
/*main button*/
.pjs-btns a, .pjs-btns .a, .pjs-btns button, .pjs-btns input[type="submit"], .pjs-btns input[type="button"] {min-width:170px; display:flex; justify-content:center; align-items:center; gap:20px; padding:17px 30px; border-radius:36px; border:solid 1px var(--color-0); background-color:transparent; position:relative; margin:0 10px 16px 0; font-size:2rem; font-weight:700; letter-spacing:-0.8px; color:var(--color-0); text-transform:lowercase; text-decoration:none; z-index:1; white-space:nowrap; transition:all 0.25s ease; cursor:pointer;}
.pjs-btns a:first-child, .pjs-btns .a:first-child {margin-left:0;}
.pjs-btns a:last-child, .pjs-btns .a:last-child {margin-right:auto;}
.pjs-btns a.sml, .pjs-btns .a.sml, .pjs-btns button.sml, .pjs-btns input[type="submit"].sml, .pjs-btns input[type="button"].sml {min-width:140px; padding:13px 44px 12px; font-size:1.7rem; justify-content:center;}
/*btn backgrounds*/
.pjs-btns a::before, .pjs-btns .a::before, .pjs-btns button::before, .pjs-btns input[type="submit"]::before, .pjs-btns input[type="button"]::before {content:''; width:100%; height:100%; background:var(--color-0); border-radius:36px; position:absolute; bottom:-6px; left:-5px; z-index:-1; opacity:0; transition:all 0.05s;}
.pjs-btns a.dark::before, .pjs-btns .a.dark::before, .pjs-btns button.dark::before, .pjs-btns input[type="submit"].dark::before, .pjs-btns input[type="button"].dark::before {background:var(--color-0);}
.pjs-btns a::after, .pjs-btns .a::after, .pjs-btns button::after, .pjs-btns input[type="submit"]::after, .pjs-btns input[type="button"]::after {content:''; width:100%; height:100%; background:var(--color-1); border-radius:36px; position:absolute; left:0; top:0; z-index:-1; transition:all 0.3s;}
.pjs-btns a.outline::after, .pjs-btns .a.outline::after, .pjs-btns button.outline::after, .pjs-btns input[type="submit"].outline::after, .pjs-btns input[type="button"].outline::after {background:transparent;}
/*black button*/
.pjs-btns a.dark, .pjs-btns .a.dark, .pjs-btns button.dark {background-color:var(--color-0); color:var(--color-1);}
.pjs-btns a.dark:not(.outline)::after, .pjs-btns .a.dark:not(.outline)::after, .pjs-btns button.dark::after {background-color:var(--color-0); color:var(--color-1);}
.pjs-btns a.dark:not(.outline):hover::after, .pjs-btns .a.dark:not(.outline):hover::after, .pjs-btns button.dark:hover::after {background-color:var(--color-1); color:var(--color-0);}
/*white outline button with arrow*/
.pjs-btns a.outline, .pjs-btns .a.outline, .pjs-btns button.outline, .pjs-btns input[type="submit"].outline, .pjs-btns input[type="button"].outline {border-color: var(--color-1); background-color:transparent; color:var(--color-1);}
.pjs-btns button.outline, .pjs-btns input[type="submit"].outline, .pjs-btns input[type="button"].outline {background:var(--color-0);}
/*black outline button with arrow*/
.pjs-btns a.outline.dark, .pjs-btns .a.outline.dark, .pjs-btns button.outline.dark, .pjs-btns input[type="submit"].outline.dark, .pjs-btns input[type="button"].outline.dark {border-color: var(--color-0); background-color:transparent; color:var(--color-0);}
.pjs-btns button.outline.dark, .pjs-btns input[type="submit"].outline.dark, .pjs-btns input[type="button"].outline.dark {background:var(--color-1);}
/*hover state for all buttons*/
.pjs-btns a:hover, .pjs-btns .a:hover, .pjs-btns button:hover, .pjs-btns input[type="submit"]:hover, .pjs-btns input[type="button"]:hover {color:var(--color-0); border-color:var(--color-0);}
.pjs-btns a:hover::before, .pjs-btns .a:hover::before, .pjs-btns button:hover::before, .pjs-btns input[type="submit"]:hover::before, .pjs-btns input[type="button"]:hover::before {opacity:1; transition:all 0.6s;}
.pjs-btns a.outline:hover::after, .pjs-btns .a.outline:hover::after, .pjs-btns button.outline:hover::after, .pjs-btns input[type="submit"].outline:hover::after, .pjs-btns input[type="button"].outline:hover::after {background:var(--color-1); transition:all 0.2s;}
.pjs-btns a.outline:hover, .pjs-btns .a.outline:hover, .pjs-btns button.outline:hover, .pjs-btns input[type="submit"].outline:hover, .pjs-btns input[type="button"].outline:hover, .pjs-btns a.outline.dark:hover, .pjs-btns .a.outline.dark:hover, .pjs-btns button.outline.dark:hover, .pjs-btns input[type="submit"].outline.dark:hover, .pjs-btns input[type="button"].outline.dark:hover {border-color:var(--color-0); background-color:transparent; color:var(--color-0);}
/*round button*/
.round-btn {width:70px; height:70px; border-radius:100%; border:1px solid var(--color-gray2); background-color:transparent; display:flex; justify-content:center; align-items:center; flex-shrink:0;}
/*arrow icon*/
.pjs-btns .arrow, .round-btn .arrow {width:32px; height:32px; display:inline-block; background-image:url('data:image/svg+xml,'); background-repeat:no-repeat; background-size:contain; margin:0 -12px 0 20px; transform:rotate(-45deg); transition:transform 0.25s;}
.round-btn .arrow {margin:0;}
.pjs-btns .arrow.white, .round-btn .arrow.white {background-image:url('data:image/svg+xml,');}
.pjs-btns a:hover .arrow, .pjs-btns .a:hover .arrow, .pjs-btns button:hover .arrow, .pjs-btns input[type="submit"]:hover .arrow, .pjs-btns input[type="button"]:hover .arrow, .round-btn:hover .arrow { background-image:url('data:image/svg+xml,'); transform:rotate(0);}
/*force btns to white when .txt-light applied to .pjs-section*/
.pjs-section.txt-light .pjs-btns a, .pjs-section.txt-light .pjs-btns .a, .pjs-section.txt-light .pjs-btns button, .pjs-section.txt-light .pjs-btns input[type="submit"], .pjs-section.txt-light .pjs-btns input[type="button"] {color:var(--color-1);}
.pjs-section.txt-light .pjs-btns a.outline, .pjs-section.txt-light .pjs-btns .a.outline, .pjs-section.txt-light .pjs-btns button.outline, .pjs-section.txt-light .pjs-btns input[type="submit"].outline, .pjs-section.txt-light .pjs-btns input[type="button"].outline {border-color:var(--color-1); color:var(--color-1);}
.pjs-section.txt-light .pjs-btns a.outline.dark, .pjs-section.txt-light .pjs-btns .a.outline.dark, .pjs-section.txt-light .pjs-btns button.outline.dark, .pjs-section.txt-light .pjs-btns input[type="submit"].outline.dark, .pjs-section.txt-light .pjs-btns input[type="button"].outline.dark {border-color:var(--color-1); color:var(--color-1);}
.pjs-section.txt-light .pjs-btns a.outline.dark:hover, .pjs-section.txt-light .pjs-btns .a.outline.dark:hover, .pjs-section.txt-light .pjs-btns button.outline.dark:hover, .pjs-section.txt-light .pjs-btns input[type="submit"].outline.dark:hover, .pjs-section.txt-light .pjs-btns input[type="button"].outline.dark:hover {color:var(--color-0);}
.pjs-section.txt-light .pjs-btns a:hover .arrow, .pjs-section.txt-light .pjs-btns .a:hover .arrow, .pjs-section.txt-light .pjs-btns button:hover .arrow, .pjs-section.txt-light .pjs-btns input[type="submit"]:hover .arrow, .pjs-section.txt-light .pjs-btns input[type="button"]:hover .arrow, .pjs-section.txt-light .round-btn:hover .arrow {background-image:url('data:image/svg+xml,'); transform:rotate(0);}
.pjs-btns.mid a:first-child, .pjs-btns.mid .a:first-child, .pjs-btns.ra a:first-child, .pjs-btns.ra .a:first-child {margin-left:auto;}
.pjs-btns.ra a:last-child, .pjs-btns.ra .a:last-child {margin-right:0;}
@media (max-width:992px) {
.round-btn {width:51px; height:51px;}
}
@media (max-width:767px) {
.pjs-btns a, .pjs-btns .a, .pjs-btns button, .pjs-btns input[type="submit"], .pjs-btns input[type="button"] {min-width:140px; gap:13px; font-size:1.6rem; letter-spacing:-0.32px; padding:12px 10px 13px 20px; margin-left:auto; margin-right:auto;}
.pjs-btns.la a, .pjs-btns.la .a, .pjs-btns.la button, .pjs-btns.la input[type="submit"], .pjs-btns.la input[type="button"] {margin-left:0;}
.pjs-btns.ra a, .pjs-btns.ra .a, .pjs-btns.ra button, .pjs-btns.ra input[type="submit"], .pjs-btns.ra input[type="button"] {margin-right:0;}
.pjs-btns .arrow {margin:0 0 0 auto;}
.round-btn .arrow {margin:0;}
}
@media (max-width:413px) {
.round-btn {width:42px; height:42px;}
}
#mainPreloader, #bannerPreloader, #bannerPreloader2 {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:1;}
.loader-animation {width:100%; text-align:center; display:none;}
.pjs-preload-anim {display: inline-block;position: relative; width: 80px; height: 80px;}
.pjs-preload-anim div {position: absolute; width: 6px; height: 6px; background:var(--color-drk2); border-radius: 50%; animation: pjs-preload-anim 1.2s linear infinite;}
.pjs-preload-anim.alt div {background:var(--color-1);}
.pjs-preload-anim div:nth-child(1) {animation-delay: 0s; top: 37px; left: 66px;}
.pjs-preload-anim div:nth-child(2) {animation-delay: -0.1s; top: 22px; left: 62px;}
.pjs-preload-anim div:nth-child(3) {animation-delay: -0.2s; top: 11px; left: 52px;}
.pjs-preload-anim div:nth-child(4) {animation-delay: -0.3s; top: 7px; left: 37px;}
.pjs-preload-anim div:nth-child(5) {animation-delay: -0.4s;top: 11px; left: 22px;}
.pjs-preload-anim div:nth-child(6) {animation-delay: -0.5s; top: 22px; left: 11px;}
.pjs-preload-anim div:nth-child(7) {animation-delay: -0.6s; top: 37px; left: 7px;}
.pjs-preload-anim div:nth-child(8) {animation-delay: -0.7s; top: 52px; left: 11px;}
.pjs-preload-anim div:nth-child(9) {animation-delay: -0.8s; top: 62px; left: 22px;}
.pjs-preload-anim div:nth-child(10) {animation-delay: -0.9s; top: 66px; left: 37px;}
.pjs-preload-anim div:nth-child(11) {animation-delay: -1s; top: 62px; left: 52px;}
.pjs-preload-anim div:nth-child(12) {animation-delay: -1.1s; top: 52px; left: 62px;}
@keyframes pjs-preload-anim {
0%, 20%, 80%, 100% {transform: scale(1);}
50% {transform: scale(1.5);}
}
.vidframe {height:0; position:relative; padding-bottom:56.25%; overflow:hidden;}
.vidframe iframe {width:100%; height:100%; position:absolute; top:0;}
.num-nav {padding:25px 15px 0;}
.num-nav:after {content:''; display:block; clear:both;}
.num-nav ul {list-style:none; margin:0 auto !important; text-align:center;}
.num-nav ul > li {display:inline-block; vertical-align:bottom; margin:0 8px; font-size:16px; line-height:1; color:var(--txt-color-0); letter-spacing:0.5pt;}
.num-nav ul > li > a {display:block; color:var(--color-1); transition:all .25s ease; padding:12px; border:1px solid transparent; border-radius:100%;}
.num-nav ul > li > a:hover {color:var(--main-hover);}
.num-nav ul > li.active > a {border-color:var(--link-color);}
/*modals*/
.modal-bg {width:100%; height:100%; background:rgba(0,0,0,0.88); position:fixed; left:0; top:0; right:0; bottom:0; z-index:1100; display:none;}
.modal {width:100%; position:fixed; top:0; bottom:0; z-index:1101; display:none; transition:all 0.25s ease;}
.modal .close-btn {position:absolute; right:30px; top:32px; z-index:1; cursor:pointer;}
.modal .close-btn span {font-size:2.5rem; line-height:1; color:var(--color-1); display:block; transition:all 0.25s ease;}
.modal .close-btn:hover span {color:var(--bg-color-5);}
.modal-menu {width:100%; background:var(--color-drk3); overflow:hidden; top:113px;}
body.has-notif-bar .modal-menu {top:165px;}
body.admin-bar .pjs-main-container .modal-menu {top:145px;}
body.admin-bar.has-notif-bar .pjs-main-container .modal-menu {top:197px;}
.modal-menu .pjs-inner {width:100%; height:100vh; position:absolute; right:-100%; box-shadow:-1px 0 15px 5px rgba(0,0,0,0.1);}
.pjs-main-container.mobile .modal-menu .pjs-inner {width:100%;}
.modal-menu .content {position:relative;}
.modal-menu .top {padding:24px 0 0 18px; clear:both;}
.modal-menu .top::after {content:''; display:block; clear:both;}
.modal-menu .menu {position:relative;}
.modal-menu .scroll {overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; position:relative;}
.modal-menu ul > li > a {padding-top:16px; padding-bottom:16px;}
.modal-menu .primary-menu {list-style:none; margin:0 0 10px; padding:25px 0 50px;}
.modal-menu .primary-menu.mobile {padding-bottom:10px; display:none;}
.pjs-main-container.mobile .modal-menu .primary-menu.mobile {display:block;}
.modal-menu .primary-menu li {font-size:1.6rem; line-height:1.5; font-weight:800; letter-spacing:0.8px; text-transform:lowercase;}
.modal-menu .primary-menu li > a {display:block; color:var(--color-1); padding:16px 5%; position:relative; text-decoration:none;}
.modal-menu .primary-menu li > a:hover {color:var(--color-1);}
.modal-menu .primary-menu li.highlight {padding:0 4%;}
.modal-menu .primary-menu li.highlight a {padding:22px 10px 23px; border-radius:3px; background:var(--color-1); color:var(--txt-color-2); font-family:var(--font-sourcesans); font-size:2rem; line-height:1; font-weight:700; text-transform:uppercase; text-align:center;}
.modal-menu .primary-menu li.highlight a:hover {background:var(--main-hover); color:var(--color-1);}
.modal-menu .sub-menu {width:100%; list-style:none; margin:0; padding:0 0 50px; overflow:hidden; overflow-y:auto; position:absolute; right:0; top:0; z-index:1; display:none;}
.modal-menu .sub-menu li {font-size:1.6rem; font-weight:400; text-transform:lowercase; padding:0 0 0 27px;}
.modal-menu .sub-menu li.back {width:100%; position:fixed; text-align:right;}
.modal-menu .sub-menu li > a {display:block; color:var(--color-1); font-family:var(--font-inter); text-decoration:none; padding-top:8px; padding-bottom:8px;}
.modal-menu .sub-menu li > a:hover {color:var(--color-1);}
.modal-menu .sub-menu li.back > a {padding:15px 38px 0 10px;}
.modal-menu .sub-menu li.back > a img {margin:0 0 0 auto;}
.modal-menu .sub-menu li.section-title {width:80%; color:var(--color-1); text-transform:none; margin-top:25px; padding-bottom:52px;}
.modal-menu .sub-menu li.section-title .lbl {font-family:var(--font-dmserif); font-size:6.4rem; line-height:1; font-weight:400; letter-spacing:-2.4px;}
.modal-menu .sub-menu li.section-title .desc {font-size:1.6rem; line-height:1.72; padding:16px 0 0;}
.modal-menu .sub-menu .heading {color:var(--color-1); font-size:1.6rem; font-weight:800; line-height:1.5; letter-spacing:0.8px; text-transform:lowercase; padding:28px 0 0 27px;}
.modal-menu .sub-menu .sub-group {list-style:none; margin:0; padding:20px 0 0;}
@media (max-width:782px) {
body.admin-bar .pjs-main-container .modal-menu {top:159px;}
body.admin-bar.has-notif-bar .pjs-main-container .modal-menu {top:211px;}
}
@media (max-width:374px) {
.modal-menu ul li > a, .modal-menu .sub-menu li.section-title > a {padding-left:20px;}
.modal-menu .sub-menu li > a, .modal-menu .sub-menu li.back > a {padding-left:40px;}
.modal-menu .sub-menu li.back > a i {left:20px;}
.modal-menu .connect .group {font-size:16px;}
}
@media (max-width:320px) {
.modal-menu .connect .group {font-size:15px;}
}
/*main styles*/
.pjs-main-container {width:100%; min-width:300px; /*min-height:100vh; display:flex; flex-direction:column;*/ position:relative;}
.notification-bar {width:100%; background:var(--color-1); position:fixed; top:0; left:0; z-index:2000;}
body.admin-bar .notification-bar {margin-top:32px;}
.notification-bar .notification-container {width:100%; height:52px; padding:17px 5% 16px; position:relative; overflow:hidden;}
.notification-bar .notification-container::before {content:''; width:33%; height:100%; background:linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.1) 100%); position:absolute; left:0; top:0; z-index:2;}
.notification-bar .notification-container::after {content:''; width:33%; height:100%; background:linear-gradient(to right, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,1) 100%); position:absolute; right:0; top:0; z-index:2;}
.notification-bar .notification-wrapper {display:flex; align-items:center; height:100%; will-change:transform;}
.notification-bar .swiper-slide {flex-shrink:0; width:fit-content; padding:0 90px;}
.notification-bar .swiper-slide a {display:block;}
.notification-bar .swiper-slide a:hover, .notification-bar .swiper-slide a:focus {text-decoration:none;}
.notification-bar .swiper-slide .notification-text {display:flex; justify-content:center; align-items:center; gap:15px; color:var(--color-drk); font-size:1.6rem; line-height:1.4; letter-spacing:0.8px; font-weight:600; font-family:var(--font-inter); text-transform:uppercase; border-bottom:1px solid transparent; white-space:nowrap; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; transition:border-color 0.25s;}
.notification-bar .swiper-slide a:hover .notification-text {border-color:var(--color-0);}
@media (max-width:992px) {
.notification-bar .notification-container::before, .notification-bar .notification-container::after {width:25%;}
}
@media (max-width:767px) {
.notification-bar .notification-container::before, .notification-bar .notification-container::after {width:8%;}
.notification-bar .swiper-slide {padding:0 30px;}
.notification-bar .swiper-slide .notification-text {gap:8px;}
}
/*header*/
.pjs-main-header {width:100%; height:101px; background:transparent; display:flex; justify-content:center; align-items:center; text-align:center; position:fixed; left:0; top:0; right:0; z-index:2000;transition:all .25s ease;}
.pjs-main-container.mobile .pjs-main-header {height:113px;}
body.has-notif-bar .pjs-main-header {top:52px;}
body.admin-bar .pjs-main-header {top:32px;}
body.admin-bar.has-notif-bar .pjs-main-header {top:84px;}
body:not(.heropinned) .pjs-main-container.headroom--not-top .pjs-main-header, .pjs-main-header.navopen, .pjs-main-header.sticky {background:var(--color-drk);}
.pjs-main-header .pjs-inner {width:100%; /*max-width:1272px;*/ margin:30px 5.5%; display:flex; justify-content:space-between; align-items:center; transition:all .25s ease;}
.pjs-main-header .logo {margin:0 4% 0 0; transition:all 0.25s ease;}
.pjs-main-header .logo a {color:var(--color-1); text-decoration:none; display:flex; align-items:center; text-transform:none;}
.pjs-main-header .logo a img {display:block;}
.pjs-main-container.headroom--not-top .pjs-main-header .logo .full {width:195px;}
.pjs-main-container.headroom--not-top .pjs-main-header .logo .bug {width:41px;}
.pjs-main-container.mobile .pjs-main-header .logo .bug {width:50px;}
body:not(.page-template-front-page) .pjs-main-header .logo .full, .pjs-main-header.navopen .logo .full, .pjs-main-container.mobile .pjs-main-header .logo .full, body.page-template-front-page .pjs-main-header .logo .bug {display:none;}
.pjs-main-header.navopen .logo .bug, .pjs-main-container.mobile .pjs-main-header .logo .bug {display:block !important;}
.pjs-main-header .header-main-nav {margin:0 0 0 auto;}
.pjs-main-container.headroom--not-top .pjs-main-header .header-main-nav {padding-top:0;}
.pjs-main-container.mobile .pjs-main-header .header-main-nav {display:none;}
.pjs-main-header .header-main-nav ul.main-group {list-style:none; margin:0 0 0 auto; display:flex; justify-content:flex-end;}
.pjs-main-header .header-main-nav ul.main-group > li {line-height:1; margin:0 18px;}
.pjs-main-header .header-main-nav ul.main-group > li:first-child {margin-left:0;}
.pjs-main-header .header-main-nav ul.main-group > li.highlight {margin-right:0;}
.pjs-main-header .header-main-nav ul.main-group > li > a {display:block; padding:8px 0; color:var(--color-1); font-family:var(--font-sourcesans); font-size:1.8rem; font-weight:700; text-transform:lowercase; letter-spacing:-0.9px; text-align:center; text-decoration:none; white-space:nowrap;}
.pjs-main-header .header-main-nav ul.main-group > li:first-child > a {margin-left:auto;}
.pjs-main-header .header-main-nav ul.main-group > li.highlight > a {padding:10px 23px; border-radius:36px; background:var(--color-1); color:var(--color-0); font-size:1.6rem; letter-spacing:-0.32px;}
.pjs-main-header .header-main-nav ul.main-group > li.highlight > a:hover {border-color:var(--color-0); background-color:var(--color-0); color:var(--color-1);}
.pjs-main-header .header-main-nav ul.main-group > li > a:hover, .pjs-main-header .header-main-nav ul.main-group > li.on > a {text-decoration:underline;}
/* .pjs-main-container.headroom--not-top .header-main-nav ul.main-group > li.highlight > a {background:var(--color-1); color:var(--txt-color-2);} */
.pjs-main-header .items {display:flex; justify-content:flex-start; align-items:stretch; margin:0 4% 0 0; display:none;}
.pjs-main-container.mobile .pjs-main-header .items {display:flex; margin:0 0 0 auto;}
.pjs-main-header .mega-menu-btn .hamburger-menu {padding:14px 10px 10px; cursor:pointer;}
.pjs-main-header .mega-menu-btn .hamburger-menu div {width:38px; height:5px; background:var(--color-1); border-radius:2px; margin:0 0 5px auto; transition:all 0.25s ease; text-indent:-9999px; overflow:hidden;}
.pjs-main-header .mega-menu-btn .hamburger-menu div:nth-child(3) {margin-bottom:0;}
.pjs-main-header .mega-menu-btn .hamburger-menu.close {padding-top:10px;}
.pjs-main-header .mega-menu-btn .hamburger-menu.close div {margin-bottom:6px;}
.pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(1) {transform:rotate(-45deg); margin-top:5px;}
.pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(2) {width:0; opacity:0;}
.pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(3) {width:18px; transform:rotate(45deg); margin-top:-14px;}
.pjs-main-container.headroom--not-top .pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(3), .pjs-main-container.mobile .pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(3) {width:18px;}
.pjs-main-header.navopen .mega-menu-btn .hamburger-menu div {display:none;}
.pjs-main-header .mega-menu-btn .hm-close {display:none;}
.pjs-main-header.navopen .mega-menu-btn .hm-close {display:block;}
/*header sub menu*/
.pjs-sub-nav {width:100%; min-height:410px; padding-top:32px; position:fixed; left:0; right:0; z-index:1500; display:none;}
.pjs-sub-nav .pjs-sub-nav-inner {background:var(--color-drk3); padding:82px 6% 128px;}
.pjs-sub-nav .pjs-sub-nav-group {width:100%; max-width:1272px; overflow:hidden; overflow-y:auto; display:flex; color:var(--color-1); margin:0 auto; position:relative;}
.pjs-sub-nav .btn-close {width:50px; height:50px; position:absolute; top:0; right:0; cursor:pointer;}
.pjs-sub-nav .btn-close .mn-close {display:block;}
.pjs-sub-nav .pjs-sub-nav-group .col-info {width:33%; margin:0 10% 0 0; padding-bottom:20px;}
.pjs-sub-nav .pjs-sub-nav-group .col-info .title {font-family:var(--font-dmserif); font-size:7rem; line-height:1.2; font-weight:700;}
.pjs-sub-nav .pjs-sub-nav-group .col-info .desc {font-size:1.6rem; line-height:2.6rem; padding-top:20px;}
.pjs-sub-nav .pjs-sub-nav-group .col-info .pjs-btns {padding-top:30px;}
.pjs-sub-nav .pjs-sub-nav-group .col-info .pjs-btns a {padding-top:15px; padding-bottom:15px;}
.pjs-sub-nav .pjs-sub-nav-group .col-links {width:48%; display:flex; gap:15%;}
.pjs-sub-nav .pjs-sub-nav-group .col-links .heading {width:100%; font-size:1.8rem; font-weight:700; text-transform:uppercase; padding:0 0 32px;}
.pjs-sub-nav .pjs-sub-nav-group .col-links .sub-group {list-style:none; margin:0 0 50px;}
.pjs-sub-nav .pjs-sub-nav-group .col-links .sub-group.multicol {columns:2; column-gap:10%;}
.pjs-sub-nav .pjs-sub-nav-group .col-links .sub-group li {font-size:1.6rem; margin:0 0 24px;}
.pjs-sub-nav .pjs-sub-nav-group .col-links .sub-group li a {color:var(--color-1); text-decoration:none;}
.pjs-sub-nav .pjs-sub-nav-group .col-links .sub-group li a:hover {color:var(--main-hover);}
@media (max-width:992px) {
.pjs-main-header .pjs-inner {padding-left:24px; padding-right:24px; margin:0;}
}
@media (max-width:782px) {
body.admin-bar .notification-bar {margin-top:46px;}
body.admin-bar .pjs-main-header {top:46px;}
body.admin-bar.has-notif-bar .pjs-main-header {top:98px;}
}
@media (max-width:767px) {
.pjs-main-header .logo a img {width:50px;}
}
@media (max-width:374px) {
.pjs-main-header .logo {padding-left:0;}
}
/**********************************************
Sections general styles
**********************************************/
#smooth-content {display:flow-root;}
.pjs-content-sections {width:100%; clear:both;}
.pjs-main-header.sticky ~ #smooth-wrapper .pjs-content-sections, body.admin-bar .pjs-main-header.sticky ~ #smooth-wrapper .pjs-content-sections {margin-top:101px;}
/*notif bar only showing*/
body.has-notif-bar .pjs-content-sections {margin-top:52px;}
body.has-notif-bar .pjs-main-header.sticky ~ #smooth-wrapper .pjs-content-sections {margin-top:153px;}
/*both notif and admin bar showing*/
body.admin-bar.has-notif-bar .pjs-content-sections {margin-top:85px;}
body.admin-bar.has-notif-bar .pjs-main-header.sticky ~ #smooth-wrapper .pjs-content-sections {margin-top:185px;}
.pjs-content-sections::after, section.pjs-section::after, .pjs-section .pjs-inner::after {content:''; display:block; clear:both;}
.pjs-section {width:100%; clear:both; position:relative; background:var(--color-1); margin:-1px auto 0; z-index:3;}
.pjs-section:first-child {margin-top:0;}
.home-coming-up-container {margin-top:-1px;}
.pjs-section.bg-dark {background-color:var(--color-0); color:var(--color-1);}
.pjs-section.txt-light {color:var(--color-1);}
.pjs-section .pjs-inner {padding:60px 4%; position:relative;}
.pjs-section header {margin:0 0 36px;}
.pjs-section .pjs-content header.la, .pjs-section .pjs-content header.mid, .pjs-section .pjs-content header.ra {margin-left:auto; margin-right:auto;}
.pjs-section header .label {font-family:var(--font-sourcesans); font-size:1.6rem; font-weight:700; line-height:1; letter-spacing:-0.32px; text-transform:uppercase; margin:0 0 14px;}
.pjs-section header .label.has-line {margin-left:36px; padding-left:16px; position:relative;}
.pjs-section header .label.has-line::before {content:''; width:var(--has-line-width, 0); height:1px; background:var(--color-drk); position:absolute; right:100%; top:50%; transform:translateY(-50%); z-index:1;}
.pjs-section header h1, .pjs-section header h2 {color:var(--color-drk); font-size:9.6rem; line-height:1;}
.pjs-section header h3 {color:var(--color-drk); font-family:var(--font-sourcesans); font-size:2.6rem; font-weight:400; line-height:1; letter-spacing:-0.5px; padding-top:15px;}
.pjs-section.bg-dark header h1, .pjs-section.bg-dark header h2, .pjs-section.bg-dark header h3, .pjs-section.bg-dark .pjs-content, .pjs-section.bg-dark .pjs-content h1, .pjs-section.bg-dark .pjs-content h2, .pjs-section.bg-dark .pjs-content h3, .pjs-section.txt-light header h1, .pjs-section.txt-light header h2, .pjs-section.txt-light header h3, .pjs-section.txt-light .pjs-content, .pjs-section.txt-light .pjs-content h1, .pjs-section.txt-light .pjs-content h2, .pjs-section.txt-light .pjs-content h3 {color:var(--color-1);}
@media (max-width:1600px) {
.pjs-section header h1, .pjs-section header h2 {font-size:8.2rem;}
}
@media (max-width:992px) {
.pjs-section header h1, .pjs-section header h2 {font-size:7.2rem;}
}
@media (max-width:782px) {
.pjs-main-header.sticky ~ .pjs-content-sections {margin-top:113px;}
body.has-notif-bar .pjs-main-header.sticky ~ .pjs-content-sections {margin-top:165px;}
body.admin-bar .pjs-main-header.sticky ~ .pjs-content-sections {margin-top:147px;}
body.admin-bar.has-notif-bar .pjs-content-sections {margin-top:52px;}
body.admin-bar.has-notif-bar .pjs-main-header.sticky ~ .pjs-content-sections {margin-top:165px;}
}
@media (max-width:767px) {
.pjs-section .pjs-inner {padding-left:24px; padding-right:24px;}
.pjs-section header h1, .pjs-section header h2 {font-size:6.4rem;}
.pjs-section header h3 {font-size:2.4rem;}
}
@media (max-width:600px) {
.pjs-section header h1, .pjs-section header h2 {font-size:4.8rem; letter-spacing:-2.4px;}
.pjs-section header h3 {font-size:2rem; letter-spacing:-0.4px;}
}
@media (max-width:374px) {
.pjs-section header h1, .pjs-section header h2 {font-size:4.6rem;}
}
/**********************************************
swiper styles
**********************************************/
.pjs-section .swiper-pagination-bullets.swiper-pagination-horizontal {list-style:none; width:100%; bottom:1px; left:50%; right:auto; transform:translateX(-50%); margin:0 auto;}
.pjs-section .swiper-pagination-bullets.swiper-pagination-horizontal.la {text-align:left;}
.pjs-section .swiper-pagination-bullets.swiper-pagination-horizontal.ra {text-align:right;}
.pjs-section .swiper-pagination-bullet {width:24px; height:24px; background:transparent; border-radius:50%; border:1px solid var(--color-0); margin:0 4px !important; opacity:1; transition:all 0.25s ease;}
.pjs-section .swiper-pagination.white .swiper-pagination-bullet, .pjs-section.txt-light .swiper-pagination .swiper-pagination-bullet {border-color:var(--color-1);}
.pjs-section .swiper-pagination.la .swiper-pagination-bullet:first-child {margin-left:0 !important;}
.pjs-section .swiper-pagination.ra .swiper-pagination-bullet:last-child {margin-right:0 !important;}
.pjs-section .swiper-pagination-bullet:hover {background:var(--color-0);}
.pjs-section .swiper-pagination.white .swiper-pagination-bullet:hover, .pjs-section.txt-light .swiper-pagination .swiper-pagination-bullet:hover {background:var(--color-1);}
.pjs-section .swiper-pagination-bullet-active {width:56px; background:var(--color-0); border-radius:48px;}
.pjs-section .swiper-pagination.white .swiper-pagination-bullet-active, .pjs-section.txt-light .swiper-pagination .swiper-pagination-bullet-active {background:var(--color-1);}
.pjs-section .swiper-button-prev, .pjs-section .swiper-button-next {width:49px; height:49px; background:transparent; border-radius:50%; border:1px solid var(--color-gray3); display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all 0.25s ease; position:relative; left:auto !important; right:auto !important; margin:0 !important;}
.pjs-section .swiper-button-prev::before, .pjs-section .swiper-button-next::before {content:'';}
.pjs-section .swiper-button-prev:hover, .pjs-section .swiper-button-next:hover {border-color:var(--color-gray2);}
.pjs-section .swiper-button-prev svg, .pjs-section .swiper-button-next svg {width:24px; height:24px; display:block;}
/**********************************************
homepage banner
**********************************************/
.pjs-home-banner {width:100%; height:100vh; background:var(--color-lgray); clear:both; position:relative; z-index:2; overflow:hidden;}
.notification-bar ~ #smooth-wrapper .pjs-home-banner {height:calc(100vh - 52px);}
body.admin-bar .notification-bar ~ #smooth-wrapper .pjs-home-banner {height:calc(100vh - 84px);}
.pjs-home-banner::after {content:''; display:block; clear:both;}
.pjs-home-banner .pjs-inner {height:100%; padding:0; transition:height 999999s; position:relative; z-index:1;}
.pjs-home-banner .pjs-banner-content {width:100%; height:100%; background:var(--color-0); position:relative; opacity:0; transition:opacity 0.25s;}
.pjs-home-banner .pjs-banner-content::before {content:''; width:100%; height:100%; background-position:center; background-repeat:no-repeat; position:absolute; inset:0; filter:grayscale(100%); z-index:0; opacity:var(--hero-bg-opacity, 1);}
.pjs-home-banner {--hero-bg-opacity: 1;}
.pjs-home-banner .scroll-expansion-hero {position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:center; pointer-events:none; overflow:hidden; opacity:0; transition:opacity 0.45s;}
.pjs-home-banner .media-box-scroll {width:min(39vw, 650px); height:min(65vh, 840px); position:relative; overflow:hidden; will-change:width, height;}
.pjs-home-banner .media-box-scroll .media-box-inner {width:100%; height:100%; background:var(--color-0); position:relative;}
.pjs-home-banner .media-box-scroll .vid-container {width:100%; height:100%; background:var(--color-0); position:absolute; inset:0;}
.pjs-home-banner .media-box-scroll img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}
.pjs-home-banner .media-box-scroll video {position:relative; width:100%; height:100%; object-fit:cover; display:block;}
.pjs-home-banner .content {width:100%; color:var(--color-1); line-height:1.2; margin:0 auto; padding:0 7% 0 5.5%; position:absolute; left:50%; bottom:64px; transform:translateX(-50%); z-index:5;}
.pjs-home-banner .content .cols {width:100%; /*max-width:1240px;*/ display:flex; justify-content:space-between; align-items:flex-end; margin:0 auto;}
.pjs-home-banner .content .txt-content {padding:0; transform:translateY(40px); opacity:0; transition:opacity 0.6s, transform 0.6s;}
.pjs-home-banner .content .txt-content.show {opacity:1; transform:translateY(0);}
.pjs-home-banner .content .txt-content h1 {color:var(--color-1); font-size:clamp(6.4rem,6vw,9.9rem); line-height:1.16; letter-spacing:-3.76px; text-transform:none; margin-bottom:0;}
.pjs-home-banner .content .txt-content h2 {color:var(--color-1); font-size:clamp(2rem,6vw,3.1rem); letter-spacing:-1.2px; padding:43px 0 0; margin:0;}
.pjs-home-banner .content .txt-content .bold-txt {font-size:clamp(1.6rem,6vw,2.1rem); font-weight:700; letter-spacing:-0.63px; padding:17px 0 0;}
.pjs-home-banner .content .txt-content .reg-txt {font-size:clamp(1.5rem,6vw,1.8rem); letter-spacing:-0.54px; padding:14px 0 0;}
.pjs-home-banner .content .media-content {width:52%; display:flex; justify-content:flex-end; align-items:center; gap:17px; position:relative;}
.pjs-home-banner .media-box {width:100%; aspect-ratio:644/745; overflow:hidden; position:absolute; right:0; bottom:-130px; display:none;}
.pjs-home-banner .media-box-inner {width:100%; height:100%; position:relative;}
.pjs-home-banner .media-box img {width:100%; height:100%; object-fit:cover;}
.pjs-home-banner .media-box video {width:100%; height:100%; object-fit:cover; position:absolute; inset:0; z-index:2;}
.pjs-home-banner .pjs-btns {padding-top:0; z-index:3;}
.pjs-home-banner .pjs-btns a {margin:0;}
/* "Explore LifeBridge" rotating circle around an icon. */
.lb-circle-cta {position:relative; display:inline-flex; align-items:center; justify-content:center; width:128px; height:128px; color:var(--color-1); text-decoration:none; margin:0 -9% 0 0; position:relative; z-index:3;}
.lb-circle-cta__ring {position:absolute; inset:0; width:100%; height:100%; animation:lb-circle-spin 20s linear infinite; transform-origin:50% 50%;}
.lb-circle-cta__text {font-family:var(--font-inter); font-size:1.8rem; font-weight:400; letter-spacing:2px; text-transform:uppercase; fill:currentColor;}
.lb-circle-cta__icon {position:relative; width:32px; height:32px; display:inline-flex; align-items:center; justify-content:center; color:currentColor;}
.lb-circle-cta__icon svg, .lb-circle-cta__icon img {width:100%; height:100%; object-fit:contain;}
.lb-circle-cta:hover .lb-circle-cta__icon {transform:translateY(2px); transition:transform .25s ease;}
@keyframes lb-circle-spin {to {transform:rotate(360deg);}}
@media (prefers-reduced-motion: reduce) {
.lb-circle-cta__ring {animation:none;}
}
.pjs-home-banner .bg-video {width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;z-index:3; transition:height 999999s;}
.pjs-home-banner .bg-video .bg-video-inner {width:100%;height:100%;z-index:-1; transition:height 999999s;}
.pjs-home-banner .bg-video .bg-video-inner video {min-width:100%;min-height:100%;position:absolute;left:50%;top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); object-fit:cover; transition:height 999999s;}
#mainPreloader {position:absolute;left:50%;top:50%; z-index:6; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
@media (max-width:1600px) {
.pjs-home-banner .media-box-scroll {width:min(38vw, 530px); height:min(65vh, 600px);}
}
@media (max-width:1200px) {
.pjs-home-banner .media-box-scroll {width:min(38vw, 460px); height:min(60vh, 600px);}
}
@media (max-width:992px) {
.pjs-home-banner {height:auto; min-height:100vh;}
.pjs-home-banner .media-box-scroll {width:min(35vw, 350px);}
.pjs-home-banner .content {position:relative; left:auto; top:auto; transform:none; padding:215px 24px 40px;}
.lb-circle-cta {margin-right:0;}
}
@media (max-width:767px) {
.pjs-home-banner .media-box-scroll {width:min(45vw, 188px); height:min(30vh, 245px);}
.pjs-home-banner .media-box-scroll img {opacity:0.7;}
.pjs-home-banner .content {padding-bottom:0;}
.pjs-home-banner .content .cols {flex-direction:column; align-items:flex-start;}
.pjs-home-banner .content .txt-content h1 {letter-spacing:-1.54px;}
.pjs-home-banner .content .txt-content h2 {letter-spacing:-0.4px;}
.pjs-home-banner .content .txt-content .bold-txt {letter-spacing:-0.32px;}
.pjs-home-banner .content .txt-content .reg-txt {letter-spacing:-0.3px;}
.pjs-home-banner .content .media-content {width:100%; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
/* .pjs-home-banner .content .media-box {position:relative; bottom:auto; right:auto; order:2; margin:80px 0 -15%;} */
.pjs-home-banner .pjs-btns {padding-top:32px; order:1;}
.lb-circle-cta {display:none;}
}
/* @media (max-width:600px) {
.pjs-home-banner .content .media-box {margin-bottom:-25%;}
} */
/**********************************************
subpage header banner
**********************************************/
.pjs-banner {width:100%; aspect-ratio:1920/800; clear:both; background:var(--color-0); text-align:center; position:relative; zoom:1; z-index:0;}
.pjs-banner.sub .pjs-inner {height:auto; min-height:50vh; display:flex; align-items:center; padding:200px 5.5% 150px; z-index:1;}
.pjs-banner.sub.detail .pjs-inner {height:100%; min-height:0; padding:0 5.5%;}
.pjs-banner.sub .sub-txt-line {width:0; height:1px; background:var(--color-1); position:absolute; left:0; z-index:2; display:none;}
.pjs-banner.sub .banner-content {width:100%; margin:0; text-align:left; position:relative; z-index:2; transform:translateY(40px); opacity:0; transition:transform 0.5s ease, opacity 0.5s ease;}
.pjs-banner.sub .banner-content.show {transform:translateY(0); opacity:1;}
.pjs-banner.sub .banner-txt {width:100%; max-width:990px; margin:0;}
.pjs-banner.sub .banner-txt header {margin-bottom:0;}
.pjs-banner.sub .banner-txt header h1 {color:var(--color-1); font-size:9.6rem; line-height:1.2; font-weight:400; letter-spacing:-2.3px; padding-bottom:5px;}
.pjs-banner.sub .banner-txt .sub-title {font-size:1.6rem; font-weight:700; letter-spacing:-0.38px; text-transform:uppercase; margin:0 0 0 52px;}
.pjs-banner.sub .banner-txt .desc {max-width:580px; padding-top:32px;}
.pjs-banner.sub .banner-txt .banner-cols {color:var(--color-1);}
.pjs-banner.sub .banner-txt .pjs-btns {padding-top:32px;}
/*detail page*/
.pjs-banner.sub.detail .sub-text-items {display:flex; align-items:center; padding:0 0 0 52px;}
.pjs-banner.sub.detail .sub-text-items .dot {display:inline-block; margin:0 14px;}
.pjs-banner.sub.detail .sub-text-items .item {display:flex; align-items:center; font-size:1.6rem; font-weight:700; letter-spacing:-0.38px; text-transform:uppercase;}
/*background*/
.pjs-banner.sub .bg-media {width:100%;height:100%;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0;right:0;z-index:0; transition:height 999999s, opacity 0.25s; opacity:0;}
.pjs-banner.sub .bg-video {width:100%;height:100%;background-repeat:no-repeat;background-position:center;position:absolute;left:0;top:0;right:0;z-index:0; transition:height 999999s, opacity 0.25s; opacity:0;}
.pjs-banner.sub .bg-video .bg-video-inner {width:100%;height:100%;/*position:fixed;*/z-index:-1; transition:height 999999s;}
.pjs-banner.sub .bg-video .bg-video-inner video {min-width:100%;min-height:100%;position:absolute;left:50%;top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); object-fit:cover; transition:height 999999s;}
/*no bg*/
.pjs-banner.sub.no-bg {background:transparent;}
.pjs-banner.sub.no-bg .pjs-inner {padding-top:46px; padding-bottom:80px;}
.pjs-banner.sub.no-bg .sub-txt-line {display:none;}
.pjs-banner.sub.no-bg .banner-content, .pjs-banner.sub.no-bg .banner-txt {text-align:center; margin:0 auto;}
.pjs-banner.sub.no-bg .banner-txt .sub-title {margin:0;}
.pjs-banner.sub.no-bg .banner-txt header h1, .pjs-banner.sub.no-bg .banner-txt .banner-cols {color:var(--color-drk);}
.pjs-banner.sub.no-bg .banner-txt .pjs-btns {justify-content:center;}
.pjs-banner.sub.no-bg .banner-txt .pjs-btns a {margin:0 5px;}
@media (max-width:992px) {
.pjs-banner.sub.detail {aspect-ratio:unset;}
.pjs-banner.sub.detail .pjs-inner {padding:120px 5.5% 80px;}
.pjs-banner.sub .banner-txt header h1 {font-size:7.4rem;}
}
@media (max-width:767px) {
.pjs-banner {aspect-ratio:unset;}
/* .pjs-banner.sub .pjs-inner {min-height:0; padding:150px 27px 60px;} */
.pjs-banner.sub.detail .pjs-inner {padding:150px 27px 60px;}
.pjs-banner.sub.no-bg .pjs-inner {padding-top:32px; padding-bottom:60px;}
.pjs-banner.sub .banner-txt header h1 {font-size:6.4rem; letter-spacing:-1.54px;}
.pjs-banner.sub.detail .sub-text-items {flex-wrap:wrap;}
}
@media (max-width:374px) {
.pjs-banner.sub .banner-txt header h1 {font-size:4.5rem;}
}
/**********************************************
subpage banner info box
**********************************************/
.pjs-info-box {width:100%; max-width:385px; height:381px; background:var(--color-drk); color:var(--color-1); position:absolute; right:0; top:0; z-index:5; opacity:0;}
.pjs-info-box .info-box-inner {padding:32px 0; position:relative;}
.pjs-info-box .close-btn {position:absolute; right:32px; top:32px; z-index:3; cursor:pointer;}
.pjs-info-box .info-box {height:317px; overflow:hidden; overflow-y:auto; padding:0 32px;}
.pjs-info-box .lbl {display:flex; align-items:center; font-size:1.5rem; font-weight:700; letter-spacing:0.75px; text-transform:uppercase;}
.pjs-info-box .lbl::before {content:''; width:22px; height:1px; background:var(--color-1); margin:0 10px 0 -32px; display:inline-block;}
.pjs-info-box h2 {color:var(--color-1); font-size:clamp(3.6rem,5vw,9.6rem); letter-spacing:-2.4px;}
.pjs-info-box .pjs-btns {padding-top:40px;}
.pjs-info-box .pjs-btns a {margin:0;}
@media (max-width:992px) {
.pjs-info-box {max-width:100%; height:auto; position:relative; right:auto; top:auto;}
}
/**********************************************
homepage panel 1
**********************************************/
.home-panel-1 .pjs-inner {padding-top:96px; text-align:center;}
.home-panel-1 .pjs-content {width:100%; max-width:843px; font-size:2.1rem; line-height:1.19; letter-spacing:-0.8px; margin:0 auto;}
.home-panel-1 header h2 {font-size:6.9rem; letter-spacing:-2.4px;}
.home-panel-1 .pjs-btns a {margin-left:auto;}
@media (max-width:767px) {
.home-panel-1 .pjs-content {font-size:1.6rem; line-height:1.5; letter-spacing:-0.38px;}
.home-panel-1 header h2 {font-size:4.8rem;}
.home-panel-1 header h3 {letter-spacing:-0.78px;}
}
/**********************************************
homepage coming up panel
**********************************************/
.home-coming-up .pjs-inner {padding:40px 0; display:flex; align-items:stretch;}
.home-coming-up .media {width:50%; flex:0 0 50%; overflow:hidden; order:1;}
.home-coming-up:nth-child(even) .media {order:2;}
.home-coming-up .media img {width:100%; display:block;}
.home-coming-up .pjs-content {width:50%; flex:0 0 50%; color:var(--color-1); padding:60px 6% 60px 4%; order:2;}
.home-coming-up:nth-child(even) .pjs-content {order:1;}
.home-coming-up header h2 {margin:0 0 18px;}
.home-coming-up header h3 {font-size:2.5rem; font-weight:400; line-height:1; letter-spacing:-0.75px; margin:0 0 18px; padding-top:10px;}
.home-coming-up .pjs-text {line-height:1.39; letter-spacing:-0.68px; max-width:553px;}
.home-coming-up .pjs-btns {padding-top:25px;}
@media (max-width:992px) {
.home-coming-up .pjs-inner {flex-direction:column;}
.home-coming-up .media, .home-coming-up .pjs-content {width:100%; flex:0 0 auto;}
.home-coming-up .media, .home-coming-up:nth-child(even) .media {order:1;}
.home-coming-up .pjs-content, .home-coming-up:nth-child(even) .pjs-content {order:2;}
.home-coming-up .pjs-content {padding:48px 24px 0;}
.home-coming-up header h2 {font-size:6.4rem; letter-spacing:-2.4px;}
.home-coming-up header h3 {font-size:2rem; letter-spacing:-0.4px;}
.home-coming-up .pjs-text {font-size:1.6rem; line-height:1.56; letter-spacing:-0.38px;}
}
/**********************************************
homepage four columns
**********************************************/
.home-four-cols .pjs-inner {display:flex; flex-direction:column; align-items:center; padding:164px 0 0; background-image:url(assets/images/home-bg-map.png); background-repeat:no-repeat; background-position:center 164px; background-size:cover;}
.home-four-cols .pjs-inner::after {content:''; width:100%; height:13%; background:var(--color-1); position:absolute; left:0; bottom:0; z-index:0;}
.home-four-cols .pjs-content {width:100%; max-width:1160px; line-height:1.39; letter-spacing:-0.68px; margin:0 11.8% 0 7.5%;}
.home-four-cols header h2 {font-size:8.7rem; letter-spacing:-3.31px;}
.home-four-cols .four-col-img-links {width:100%; max-width:1244px; display:flex; align-items:stretch; margin:70px 9.8% 0; position:relative; z-index:1; overflow:hidden;}
.home-four-cols .four-col-img-links .fcil-item {width:25%; aspect-ratio:311/668; position:relative;}
.home-four-cols .four-col-img-links .fcil-item .img {width:100%; height:100%; display:block; background:var(--color-0);}
.home-four-cols .four-col-img-links .fcil-item .img img {width:100%; height:100%; object-fit:cover; display:block; opacity:0.6; transition:opacity 0.25s;}
.home-four-cols .four-col-img-links .fcil-item:hover .img img {opacity:1;}
.home-four-cols .four-col-img-links .fcil-item .pjs-btns {position:absolute; left:50%; bottom:82px; transform:translateX(-50%); z-index:1;}
.home-four-cols .four-col-img-links .fcil-item .pjs-btns a {margin-bottom:0;}
.home-four-cols .swiper-pagination {display:none;}
@media (max-width:1280px) {
.home-four-cols .pjs-content {padding:0 5.5%;}
}
@media (max-width:992px) {
.home-four-cols .pjs-inner {padding-top:100px;}
.home-four-cols .pjs-content {font-size:1.6rem; line-height:1.5; letter-spacing:-0.38px; margin:0 auto; padding:0 24px;}
.home-four-cols header h2 {font-size:6.4rem; letter-spacing:-2.4px;}
.home-four-cols .four-col-img-links {margin:70px 5% 0; padding-bottom:60px;}
.home-four-cols .swiper-pagination {display:block;}
}
@media (max-width:767px) {
.home-four-cols .four-col-img-links .fcil-item {width:86%; aspect-ratio:339/417;}
}
/**********************************************
homepage scrolling panel
**********************************************/
.pjs-scrolling-panel .pjs-inner {padding:60px 7.2% 40px 0;}
.pjs-scrolling-panel .cols {width:100%; display:flex; justify-content:space-between;}
.pjs-scrolling-panel .img-col {width:49.5%; position:relative;}
.pjs-scrolling-panel .img-box {width:100%; aspect-ratio:7/6; position:relative; box-shadow:3px 4px 15px 0 rgba(0, 0, 0, 0.25); z-index:1;}
.pjs-scrolling-panel .img-box::after {content:''; width:97%; height:19px; background:var(--color-drk); position:absolute; left:0; bottom:-19px;}
.pjs-scrolling-panel .img-box img {width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0; opacity:0; z-index:-1; transition:opacity 0.25s;}
.pjs-scrolling-panel .img-box img.active {opacity:1; z-index:1;}
.pjs-scrolling-panel .content-col {width:41%; padding:50vh 0 0; position:relative;}
.pjs-scrolling-panel .content-group {padding:0 0 0 24px; margin:0 0 80px; border-left:2px solid var(--color-0); color:var(--color-0); letter-spacing:-0.68px; opacity:0.25;}
.pjs-scrolling-panel .content-group.active {opacity:1;}
.pjs-scrolling-panel .content-group h2 {font-size:4.7rem; line-height:1; letter-spacing:-2.4px; color:var(--color-0);}
.pjs-scrolling-panel .content-group .pjs-btns {padding-top:22px;}
@media (max-width:767px) {
.pjs-scrolling-panel .pjs-inner {padding:60px 24px 40px 28px;}
.pjs-scrolling-panel .cols {flex-direction:column;}
.pjs-scrolling-panel .img-col {display:contents;}
.pjs-scrolling-panel .img-box::after {width:calc(100% - 13px); height:98%; left:-13px; bottom:-3px;}
.pjs-scrolling-panel .content-col {width:100%; padding:10vh 0 0;}
.pjs-scrolling-panel .content-group .pjs-btns a {margin-left:0; margin-right:10px;}
}
/**********************************************
homepage series panel
**********************************************/
.home-series-panel .pjs-inner {padding:100px 11.7% 200px 12.6%;}
.home-series-panel .pjs-content {width:100%; max-width:1086px; position:relative; margin:0 auto;}
.home-series-panel header {padding-left:14px;}
.home-series-panel header .label {letter-spacing:-0.48px;}
.home-series-panel header h2 {font-size:9.7rem; letter-spacing:-3.69px;}
.home-series-panel header h3 {max-width:70%; font-size:2.6rem; font-weight:600; letter-spacing:-0.5px;}
.home-series-panel .series-meta {width:100%; padding:0 21px 0 14px; display:flex; justify-content:space-between; align-items:center; gap:10px; font-family:var(--font-dmserif); font-size:1.8rem; color:var(--color-1); letter-spacing:-0.54px;}
.home-series-panel .series-meta hr {flex:1; height:1px; background:var(--color-1); margin:0 auto;}
.home-series-panel .series-img {margin:82px 21px 0 0;}
.home-series-panel .series-img .img {width:100%; aspect-ratio:1920/800;}
.home-series-panel .series-img .img img {width:100%; height:100%; object-fit:cover;}
.home-series-panel .pjs-btns a {margin-bottom:0;}
@media (max-width:767px) {
.home-series-panel .pjs-inner {padding:56px 26px 62px;}
.home-series-panel header {padding-left:0;}
.home-series-panel header .label {letter-spacing:-0.32px;}
.home-series-panel header h2 {font-size:6.4rem; letter-spacing:-2.4px;}
.home-series-panel header h3 {max-width:100%; font-size:2rem; font-weight:400; letter-spacing:-0.4px;}
.home-series-panel .series-meta {padding:0 13px 0 0; letter-spacing:-0.43px;}
}
@media (max-width:374px) {
.home-series-panel header h2 {font-size:5.2rem; letter-spacing:-1.8px;}
.home-series-panel .series-meta {flex-direction:column; align-items:flex-start;}
.home-series-panel .series-meta hr {display:none;}
}
/**********************************************
home events panel
**********************************************/
.home-events {background-color:var(--color-lgray3);}
.home-events .pjs-inner {padding:138px 7% 76px;}
.home-events .pjs-content {width:100%; max-width:818px; text-align:center; margin:0 auto; letter-spacing:-0.68px;}
.home-events header h2 {font-size:8.7rem; letter-spacing:-3.31px;}
.home-events .event-container {width:100%; position:relative; overflow:hidden; padding:76px 0 94px;}
.home-events .event-container .swiper-slide {width:380px;}
.home-events .event-container .swiper-slide a:hover {text-decoration:none;}
.home-events .event-container .swiper-slide .img {width:100%; aspect-ratio:1920/1080; background:var(--color-drk2);}
.home-events .event-container .swiper-slide .img img {width:100%; height:100%; object-fit:cover; transition:opacity 0.25s;}
.home-events .event-container .swiper-slide a:hover .img img {opacity:0.6;}
.home-events .event-container .swiper-slide .content {padding:13px 0 0 2px;}
.home-events .event-container .swiper-slide .content h3 {font-family:var(--font-sourcesans); font-size:2.5rem; font-weight:400; letter-spacing:-0.75px; margin:0;}
.home-events .event-container .swiper-slide .content .sub {color:var(--color-0); padding:4px 0 0;}
.home-events .btm-content {width:100%; display:flex; justify-content:space-between; align-items:center; margin:0 auto; padding:48px 8.8% 0 5.5%;}
.home-events .btm-content .btm-nav {display:flex; align-items:center; gap:15px;}
.home-events .btm-content .pjs-btns {padding:0 46px 0 0;}
@media (max-width:992px) {
.home-events .pjs-inner {padding:40px 27px 0;}
.home-events .pjs-content {letter-spacing:-0.43px;}
.home-events header h2 {font-size:7.4rem; letter-spacing:-2.9px;}
.home-events .event-container {padding:16px 0 56px;}
.home-events .btm-content {padding-right:5.5%;}
.home-events .btm-content .pjs-btns {padding:16px 0 0;}
}
@media (max-width:767px) {
.home-events header h2 {font-size:6.4rem; letter-spacing:-2.4px;}
.home-events .event-container .swiper-slide {opacity:0.6;}
.home-events .event-container .swiper-slide-active {opacity:1;}
.home-events .event-container .swiper-slide .content h3 {font-size:2rem; letter-spacing:-0.4px;}
.home-events .event-container .swiper-slide .content .sub {font-size:1.5rem; letter-spacing:-0.36px;}
.home-events .btm-content {flex-direction:column; padding:24px 25px 0;}
.home-events .btm-content .btm-nav {margin:0 auto 0 0;}
}
@media (max-width:480px) {
.home-events .event-container .swiper-slide {width:86%;}
}
/**********************************************
Intro panel
**********************************************/
.intro-panel {background-color:var(--color-lgray2);}
.intro-panel .pjs-inner {padding-top:72px; padding-bottom:72px;}
.intro-panel .intro-items {width:100%; display:flex; justify-content:space-between; align-items:stretch; gap:1.5%; padding:72px 4% 0;}
.intro-panel .intro-item {width:32.333%;}
.intro-panel .intro-item .intro-item-img {width:100%; aspect-ratio:16/9;}
.intro-panel .intro-item .intro-item-img img {width:100%; height:100%; object-fit:cover;}
.intro-panel .intro-item .intro-item-txt h3 {font-family:var(--font-sourcesans); font-size:2.5rem; font-weight:400; letter-spacing:-0.5px;}
.intro-panel .pjs-btns {justify-content:flex-end; padding:32px 4% 0;}
.intro-panel .pjs-btns a {margin:0 0 0 auto;}
@media (max-width:992px) {
.intro-panel .pjs-inner {padding-top:80px; padding-bottom:32px;}
.intro-panel .intro-items {padding:32px 0 0;}
}
@media (max-width:767px) {
.intro-panel header h2 {font-size:6.4rem;}
.intro-panel .intro-items {flex-direction:column; gap:49px; padding-top:8px;}
.intro-panel .intro-item {width:100%;}
.intro-panel .intro-item .intro-item-txt {font-size:1.6rem; line-height:1.56; letter-spacing:-0.38px;}
.intro-panel .intro-item .intro-item-txt h3 {font-size:2rem; letter-spacing:-0.4px;}
.intro-panel .pjs-btns {justify-content:center;}
.intro-panel .pjs-btns a {margin:0 auto;}
}
@media (max-width:374px) {
.intro-panel header h2 {font-size:4.8rem;}
}
/**********************************************
Map panel
**********************************************/
.map-panel .pjs-inner {padding:125px 4.5% 188px;}
.map-panel .map-img {width:98%; margin:0 0 0 2%; aspect-ratio:1280/480;}
.map-panel .map-img img {width:100%; height:100%; object-fit:cover; display:block;}
.map-panel .map-img .mob {display:none;}
.inset-box {width:340px; height:288px; background:var(--color-drk); color:var(--color-1); position:relative; z-index:1; margin-top:-226px;}
.inset-box .inset-box-inner {padding:32px 36px 36px;}
.inset-box .lbl {display:flex; align-items:center; gap:9px; font-size:1.6rem; font-weight:700; letter-spacing:-0.36px; text-transform:uppercase;}
.inset-box .lbl::before {content:''; width:27px; height:1px; background-color:var(--color-1); display:block; margin-left:-36px;}
.inset-box .logo {width:100%; max-width:251px; margin:12px 0;}
.inset-box .pjs-btns {padding-top:12px;}
.inset-box .pjs-btns a {margin:0;}
@media (max-width:767px) and (orientation:portrait) {
.map-panel .pjs-inner {padding:40px 0 56px;}
.map-panel .map-img {width:100%; margin:0; aspect-ratio:393/480;}
.map-panel .map-img .dt {display:none;}
.map-panel .map-img .mob {display:block;}
.inset-box {width:76%; max-width:300px; height:285px; margin:-69px auto 0;}
.inset-box .lbl {font-size:1.5rem; font-weight:600; letter-spacing:-0.75px;}
.inset-box .logo {max-width:227px;}
.inset-box .addr {font-size:1.6rem; letter-spacing:0.8px;}
}
/**********************************************
Standard full width panel
**********************************************/
.standard-full {background-repeat:no-repeat; background-position:center;}
.standard-full .pjs-inner {min-height:400px; display:flex; flex-direction:column; justify-content:center;}
.standard-full.no-top-pad .pjs-inner {padding-top:0;}
.standard-full .pjs-content {width:100%; max-width:850px; text-align:center; margin:0 auto;}
.standard-full header h2 {font-size:6.9rem; margin:0 auto;}
.standard-full header h3 {font-family:var(--font-sourcesans); font-style:italic; margin:0 auto;}
.standard-full .pjs-content .pjs-text ul, .standard-full .pjs-content .pjs-text ol {text-align:left;}
.standard-full .pjs-content .pjs-btns {justify-content:center;}
.standard-full .pjs-content .pjs-btns a:first-child, .standard-full .pjs-content .pjs-btns .a:first-child {margin-left:auto;}
.standard-full.pw .pjs-content .post-password-form input[type="submit"] {margin:0 auto;}
.standard-full article {margin-bottom:25px;}
.standard-full article:after {content:''; display:block; clear:both;}
.standard-full article header {margin-bottom:0;}
.standard-full article header h3 {padding-top:20px;}
.standard-full article h1.entry-title {padding-bottom:0;}
.standard-full.sitemap ul {padding-left:15px;}
.standard-full article .entry-summary {font-size:1.5rem; line-height:2.3rem;}
.standard-full article .searchLink {display:block; font-size:1.4rem; overflow-wrap:break-word; word-wrap:break-word; word-break:break-word;}
.standard-full article.search-landing-result {display:flex;}
.standard-full .post-result.left {width:35%; margin:0;}
.standard-full .post-result.right {width:61%; text-align:left; margin:0 0 0 4%;}
/**********************************************
Accordion panel
**********************************************/
.pjs-accordion .pjs-inner {padding-top:120px; padding-bottom:120px;}
.pjs-accordion .pjs-content {width:100%; display:flex; justify-content:space-between;}
.pjs-accordion .txt-col {width:43.5%;}
.pjs-accordion .items-col {width:53%;}
.pjs-accordion .item {width:100%; margin:0 0 32px; padding:0 0 16px; border-bottom:1px solid var(--color-drk);}
.pjs-accordion .item .title {width:100%; position:relative; display:flex; align-items:center; font-size:1.8rem; cursor:pointer;}
.pjs-accordion .item:first-child .title {padding-top:0;}
.pjs-accordion .item .title .icon {width:50px; height:50px; display:flex; align-items:center; justify-content:center; margin:0 16px 0 0; flex-shrink:0; position:relative;}
.pjs-accordion .item .title .icon::before {content:''; width:100%; height:100%; background-color:transparent; position:absolute; left:0; top:0; transition:background-color 0.25s; z-index:0;}
.pjs-accordion .item .title:hover .icon::before {background-color:var(--color-drk);}
.pjs-accordion .item .title svg {display:block; position:relative; z-index:1;}
.pjs-accordion .item .content.open .title .close {display:block;}
.pjs-accordion .item .title .close, .pjs-accordion .item .content.open .title .open {display:none;}
.pjs-accordion .item .title .icon .open path:not(:first-child) {transition:fill 0.25s;}
.pjs-accordion .item .title:hover .icon .open path:not(:first-child) {fill:var(--color-1);}
.pjs-accordion .item .title .lbl {display:block; text-align:left;}
.pjs-accordion .item .desc {color:var(--color-drk); display:none;}
.pjs-accordion .item .desc-content {padding:16px 0;}
@media (max-width:1300px) {
.pjs-accordion .txt-col {width:33%;}
.pjs-accordion .items-col {width:63%;}
}
@media (max-width:992px) {
.pjs-accordion .pjs-inner {padding-top:80px; padding-bottom:80px;}
.pjs-accordion .pjs-content {flex-direction:column;}
.pjs-accordion .txt-col {width:100%;}
.pjs-accordion .items-col {width:100%; margin-top:40px;}
}
@media (max-width:767px) {
.pjs-accordion .pjs-inner {padding-top:60px; padding-bottom:60px;}
.pjs-accordion .txt-col .txt {font-size:1.6rem; letter-spacing:-0.38px;}
.pjs-accordion .item .desc-content {font-size:1.6rem; letter-spacing:0;}
}
@media (any-pointer:coarse) {
.pjs-accordion .item .content .title .icon::before {transform:scale(0);}
.pjs-accordion .item .content.open .title .icon::before {transform:scale(1);}
.pjs-accordion .item .content.open .title .close path {fill:var(--brand-gray); stroke:var(--brand-white);}
.pjs-accordion .item .content .title .open path {fill:var(--brand-gray);}
.pjs-accordion .item .title:hover .close path {stroke:var(--brand-gray);}
.pjs-accordion .item .title:hover .open path {fill:var(--brand-gray);}
}
/**********************************************
Call To Action panel
**********************************************/
.pjs-cta-panel.bg-dark {background-color:var(--color-drk);}
.pjs-cta-panel .pjs-inner {padding:80px 12.8%;}
.pjs-cta-panel.has-img .pjs-inner, .pjs-cta-panel.full-width-img .pjs-inner {padding-top:112px; padding-bottom:0;}
.pjs-cta-panel .pjs-content {width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.pjs-cta-panel header, .pjs-cta-panel header h2 {margin:0 auto; text-align:center;}
.pjs-cta-panel .main-content {width:100%; display:flex; justify-content:space-between; align-items:flex-end; padding:12px 0 0;}
.pjs-cta-panel .main-content.mid {flex-direction:column; justify-content:center; align-items:center;}
.pjs-cta-panel .main-content .pjs-text {width:75%; font-size:1.6rem; line-height:1.56; letter-spacing:-0.38px;}
.pjs-cta-panel .main-content .pjs-text.no-btn {width:100%; text-align:center;}
.pjs-cta-panel .main-content .pjs-btns {width:25%; padding:0; justify-content:flex-end; margin:0 0 0 auto;}
.pjs-cta-panel .main-content.mid .pjs-btns {padding-top:24px; justify-content:center; margin:0 auto;}
.pjs-cta-panel .main-content .pjs-btns.no-content {margin:0 auto; justify-content:center;}
.pjs-cta-panel .main-content .pjs-btns a {margin:0;}
.pjs-cta-panel .img {padding:32px 12.8% 80px;}
.pjs-cta-panel.full-width-img .img {padding-left:0; padding-right:0;}
.pjs-cta-panel.bg-dark.txt-drk header h1, .pjs-cta-panel.bg-dark.txt-drk header h2, .pjs-cta-panel.bg-dark.txt-drk header h3, .pjs-cta-panel.bg-dark.txt-drk .pjs-content, .pjs-cta-panel.bg-dark.txt-drk .pjs-content h1, .pjs-cta-panel.bg-dark.txt-drk .pjs-content h2, .pjs-cta-panel.bg-dark.txt-drk .pjs-content h3, .pjs-cta-panel.txt-light .pjs-btns a {color:var(--color-0);}
@media (max-width:992px) {
.pjs-cta-panel .pjs-inner {padding:60px 24px 48px;}
.pjs-cta-panel.has-img .pjs-inner, .pjs-cta-panel.full-width-img .pjs-inner {padding-top:60px;}
.pjs-cta-panel .main-content {flex-direction:column; align-items:center;}
.pjs-cta-panel .main-content .pjs-text {width:100%; text-align:center; padding:16px 0 0;}
.pjs-cta-panel .main-content .pjs-btns {width:100%; justify-content:center; padding:16px 0 0; margin:0 auto;}
.pjs-cta-panel .img {padding:32px 24px 48px;}
}
/**********************************************
Four image columns
**********************************************/
.four-img-col-panel .pjs-inner {display:flex; flex-direction:column; align-items:center; padding-top:65px; padding-bottom:112px;}
.four-img-col-panel .pjs-content {width:100%; max-width:1160px; line-height:1.39; letter-spacing:-0.68px; margin:0 11.8% 0 7.5%;}
.four-img-col-panel .four-col-img-links {width:100%; max-width:1242px; display:flex; align-items:stretch; margin:70px 18px 0 19px; position:relative; z-index:1; overflow:hidden;}
.four-img-col-panel .four-col-img-links .fcil-item {width:25%; aspect-ratio:311/668; position:relative;}
.four-img-col-panel .four-col-img-links .fcil-item .img {width:100%; height:100%; display:block; background:var(--color-0);}
.four-img-col-panel .four-col-img-links .fcil-item .img img {width:100%; height:100%; object-fit:cover; display:block; opacity:0.6; transition:opacity 0.25s;}
.four-img-col-panel .four-col-img-links .fcil-item:hover .img img {opacity:1;}
.four-img-col-panel .four-col-img-links .fcil-item .pjs-btns {position:absolute; left:50%; bottom:82px; transform:translateX(-50%); z-index:1;}
.four-img-col-panel .four-col-img-links .fcil-item .pjs-btns a {margin-bottom:0;}
.four-img-col-panel .swiper-pagination {display:none;}
@media (max-width:992px) {
.four-img-col-panel .pjs-inner {padding:64px 0;}
.four-img-col-panel .pjs-content {font-size:1.6rem; line-height:1.5; letter-spacing:-0.38px; margin:0 auto; padding:0 27px;}
.four-img-col-panel header h2 {font-size:6.4rem; letter-spacing:-2.4px;}
.four-img-col-panel .four-col-img-links {margin:20px 5% 0; padding-bottom:60px;}
.four-img-col-panel .swiper-pagination {display:block;}
}
@media (max-width:767px) {
.four-img-col-panel .four-col-img-links .fcil-item {width:86%; aspect-ratio:339/417;}
}
/**********************************************
Gallery panel
**********************************************/
.pjs-gallery-panel .pjs-inner {padding:80px 0; overflow:hidden;}
body.page-template-front-page .pjs-gallery-panel .pjs-inner {padding:164px 0;}
.pjs-gallery-panel .pg-grid {width:calc(100% + 18px); margin:0 0 0 -9px; position:relative;}
.pjs-gallery-panel .pg-grid::after {content:''; display:block; clear:both;}
.pjs-gallery-panel .pg-grid-sizer, .pjs-gallery-panel .pg-grid-item {width:calc(20% - 18px); float:left; margin:0 9px 30px; overflow:hidden;}
.pjs-gallery-panel .stamp {position:absolute;}
.pjs-gallery-panel .stamp1 {width:15%; height:46px; left:calc(40% + 18px); top:0;}
.pjs-gallery-panel .stamp2 {width:15%; height:80px; left:calc(20% + 18px); top:0;}
.pjs-gallery-panel .stamp3 {width:15%; height:116px; right:calc(20% + 18px); top:0;}
.pjs-gallery-panel .pg-grid-item img {width:100%; display:block;}
@media (max-width:992px) {
.pjs-gallery-panel .pg-grid-sizer, .pjs-gallery-panel .pg-grid-item {width:calc(20% - 18px); margin:0 9px 20px;}
}
@media (max-width:767px) {
.pjs-gallery-panel .pjs-inner, body.page-template-front-page .pjs-gallery-panel .pjs-inner {padding-top:40px; padding-bottom:40px;}
.pjs-gallery-panel .pg-grid-sizer, .pjs-gallery-panel .pg-grid-item {width:calc(50% - 18px);}
}
@media (max-width:600px) {
.pjs-gallery-panel .pg-grid-sizer, .pjs-gallery-panel .pg-grid-item {width:calc(100% - 18px);}
}
#sbi_lightbox .sbi_lb-outerContainer {max-width:70vw;}
/**********************************************
Instagram post modal (opened from .pjs-gallery-panel tiles via Fancybox).
Hosts an Instagram-rendered iframe at ~540px wide, variable height.
**********************************************/
.fancybox-container.lb-ig-fancybox .fancybox-content {width:100%; background:var(--color-0); text-align:center; overflow:hidden; transition:height .45s cubic-bezier(.22,1,.36,1);}
.fancybox-container.lb-ig-fancybox .fancybox-button svg path {fill:var(--color-1);}
.fancybox-container.lb-ig-fancybox iframe, .fancybox-container.lb-ig-fancybox .instagram-media, .instagram-media.instagram-media-rendered {margin:0 auto 12px!important;}
/* Arrows start hidden each time the content changes; JS adds .lb-ig-arrows-ready
once they're fully positioned for the current slide, fading them in. */
.fancybox-container.lb-ig-fancybox .fancybox-navigation .fancybox-button--arrow_left,
.fancybox-container.lb-ig-fancybox .fancybox-navigation .fancybox-button--arrow_right {width:37px; height:37px; padding:0; opacity:0; pointer-events:none;}
.fancybox-container.lb-ig-fancybox.lb-ig-arrows-ready .fancybox-navigation .fancybox-button--arrow_left,
.fancybox-container.lb-ig-fancybox.lb-ig-arrows-ready .fancybox-navigation .fancybox-button--arrow_right {opacity:0.5; pointer-events:auto; transition:opacity .25s;}
.fancybox-container.lb-ig-fancybox.lb-ig-arrows-ready .fancybox-navigation .fancybox-button--arrow_left:hover,
.fancybox-container.lb-ig-fancybox.lb-ig-arrows-ready .fancybox-navigation .fancybox-button--arrow_right:hover {opacity:1;}
.fancybox-container.lb-ig-fancybox .fancybox-navigation .fancybox-button {background:transparent; box-shadow:none; display:flex; align-items:center; justify-content:center;}
.fancybox-container.lb-ig-fancybox .fancybox-navigation .fancybox-button div {padding:0;}
.fancybox-container.lb-ig-fancybox .fancybox-navigation .fancybox-button svg {display:none;}
.fancybox-container.lb-ig-fancybox .fancybox-navigation .fancybox-button::after {content:''; display:block; box-sizing:border-box; width:26px; height:26px; border:solid var(--color-1); border-width:6px 6px 0 0;}
.fancybox-container.lb-ig-fancybox .fancybox-navigation .fancybox-button--arrow_left::after {transform:translateX(8px) rotate(-135deg);}
.fancybox-container.lb-ig-fancybox .fancybox-navigation .fancybox-button--arrow_right::after {transform:translateX(-8px) rotate(45deg);}
.lb-ig-modal {animation:lbIgFadeIn .45s ease both;}
@keyframes lbIgFadeIn {from {opacity:0;} to {opacity:1;}}
/**********************************************
Quote panel
**********************************************/
.pjs-quote-panel {background:linear-gradient(to bottom, #262626, #0d0d0d);}
.pjs-quote-panel .pjs-inner {padding:100px 10% 116px;}
.pjs-quote-panel .quote-container {width:100%; display:flex; flex-direction:column; align-items:center;}
.pjs-quote-panel .quote-icon {text-align:center;}
.pjs-quote-panel .quote-content {width:100%; text-align:center; position:relative; overflow:hidden; padding:16px 0 80px;}
.pjs-quote-panel .quote-content .swiper-slide {text-align:center;}
.pjs-quote-panel .quote-content .swiper-slide .pjs-size-txt {color:var(--color-0); font-family:var(--font-dmserif); font-size:clamp(2.8rem,5vw,6.9rem); line-height:1.1; letter-spacing:-2.4px;}
.pjs-quote-panel .quote-content .swiper-slide .quote-name {color:var(--color-0); font-size:clamp(2rem,4vw,2.4rem); font-weight:700; letter-spacing:-0.48px; padding:10px 0 0;}
.pjs-quote-panel.txt-light .quote-content .swiper-slide .pjs-size-txt, .pjs-quote-panel.txt-light .quote-content .swiper-slide .quote-name {color:var(--color-1);}
@media (max-width:992px) {
.pjs-quote-panel .pjs-inner {padding:60px 27px;}
}
/**********************************************
Two column: slides/media and text
**********************************************/
.two-col-slides-txt .pjs-inner {padding-left:0;}
.two-col-slides-txt.alt .pjs-inner {padding-left:5.5%; padding-right:0;}
.two-col-slides-txt .pjs-cols {width:100%; display:flex; justify-content:flex-start; align-items:center; gap:6%;}
.two-col-slides-txt.alt .pjs-cols {justify-content:space-between;}
.two-col-slides-txt.single-event .pjs-cols {align-items:flex-start;}
.two-col-slides-txt .media-col {width:50%; margin:0; position:relative;}
.two-col-slides-txt.alt .media-col {order:2;}
.two-col-slides-txt.has-swiper .media-col {padding-bottom:64px;}
.two-col-slides-txt .media-col .swiper {width:100%; aspect-ratio:721/409; position:relative; overflow:hidden;}
.two-col-slides-txt .media-col .swiper-wrapper {align-items:stretch;}
.two-col-slides-txt .media-col .swiper-slide {width:100%; height:100%;}
.two-col-slides-txt .media-col .swiper-slide img {width:100%; height:100%; object-fit:cover; display:block;}
.two-col-slides-txt .media-col .img-box {width:100%; overflow:hidden; position:relative;}
.two-col-slides-txt .media-col .img-box .vid iframe {width:100%!important;}
.two-col-slides-txt .media-col .img-box .main-img {width:100%; display:block;}
.two-col-slides-txt .media-col a img {width:auto; transition:all 0.5s ease;}
.two-col-slides-txt .media-col a {max-width:100%; display:block; position:relative; overflow:hidden;}
/* .two-col-slides-txt .media-col a .play-btn {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
.two-col-slides-txt .media-col a .play-btn .circle2 {transition:r 0.25s;}
.two-col-slides-txt .media-col a:hover .play-btn .circle2 {r:35;}
.two-col-slides-txt .media-col a .play-btn path {transition:fill 0.25s, stroke 0.25s;}
.two-col-slides-txt .media-col a:hover .play-btn path {fill:var(--brand-gray); stroke:var(--brand-gray);} */
.two-col-slides-txt .media-col a .play-btn-2 {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
.two-col-slides-txt .media-col a .play-btn-2 .pbpath {transition:fill 0.25s, opacity 0.25s;}
.two-col-slides-txt .media-col a:hover .play-btn-2 .pbpath {fill:var(--color-1); opacity:1;}
.two-col-slides-txt .media-col a .play-btn-2 .pbpath2 {transition:stroke 0.25s;}
.two-col-slides-txt .media-col a:hover .play-btn-2 .pbpath2 {stroke:var(--color-0);}
.two-col-slides-txt .txt-col {width:39%;}
.two-col-slides-txt.alt .txt-col {margin:0; order:1;}
.two-col-slides-txt header {margin-bottom:24px;}
.two-col-slides-txt header h3 {font-size:2.5rem; font-weight:400;}
@media (max-width:1300px) {
.two-col-slides-txt header h2 {font-size:7.2rem;}
}
@media (max-width:992px) {
.two-col-slides-txt.alt .pjs-inner, .two-col-slides-txt.alt .pjs-inner {padding-left:0;}
.two-col-slides-txt + .two-col-slides-txt .pjs-inner {padding-top:0;}
.two-col-slides-txt.has-swiper .pjs-inner {padding-left:0; padding-right:0;}
.two-col-slides-txt .pjs-cols {flex-direction:column; gap:0;}
.two-col-slides-txt .media-col {width:100%; margin:32px auto 0; padding:0 24px 24px; overflow:hidden; order:2;}
.two-col-slides-txt.has-swiper .media-col {margin-top:32px; padding:0 0 32px;}
.two-col-slides-txt.alt .media-col {margin-top:32px; order:2;}
.two-col-slides-txt .media-col .swiper {padding:12px 0 24px;}
.two-col-slides-txt .media-col .swiper-slide {width:88%; overflow:hidden;}
.two-col-slides-txt .media-col .main-img {width:100%; display:block;}
.two-col-slides-txt .txt-col, .two-col-slides-txt.alt .txt-col {width:100%; margin:0 auto; padding-left:24px; padding-right:24px; order:1;}
}
@media (max-width:980px) {
.two-col-slides-txt .media-col a .play-btn {max-width:20%;}
}
@media (max-width:767px) {
.two-col-slides-txt .txt-col {padding-top:0;}
.two-col-slides-txt .media-col .swiper {aspect-ratio:unset;}
.two-col-slides-txt header h2 {font-size:6.4rem;}
.two-col-slides-txt .media-col .swiper-slide {aspect-ratio:345/260;}
}
/**********************************************
Three image grid
**********************************************/
.three-img-grid .img-grid {display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; gap:16px 1.5%; padding:0 0 16px;}
.three-img-grid .img {width:30.333%; aspect-ratio:16/9;}
.three-img-grid .img a {width:100%; height:100%; display:block;}
.three-img-grid .img img {width:100%; height:100%; object-fit:cover;}
@media (max-width:767px) {
.three-img-grid .img-grid .img {width:47%;}
}
@media (max-width:480px) {
.three-img-grid .img-grid .img {width:100%;}
}
/**********************************************
Multi column panel
**********************************************/
.multi-col-panel .items {display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; gap:0 1.5%;}
.multi-col-panel .item {width:30.333%; margin:0 0 36px;}
.multi-col-panel .item.cols-4 {width:23.5%;}
.multi-col-panel .item a {text-decoration:none;}
.multi-col-panel .item a:hover {color:inherit;}
.multi-col-panel .item .img {width:100%; aspect-ratio:16/9; overflow:hidden; background:var(--color-drk2);}
.multi-col-panel .item .img img {width:100%; height:100%; object-fit:cover; transition:opacity 0.25s;}
.multi-col-panel .item a:hover .img img {opacity:0.6;}
.multi-col-panel .item .txt {width:100%;}
@media (max-width:1200px) {
.multi-col-panel .item.cols-4 {width:30.333%;}
}
@media (max-width:767px) {
.multi-col-panel .item, .multi-col-panel .item.cols-4 {width:47%; margin-bottom:56px;}
}
@media (max-width:480px) {
.multi-col-panel .item, .multi-col-panel .item.cols-4 {width:100%;}
}
/**********************************************
Other items block
**********************************************/
.other-items-block .pjs-inner {padding-bottom:0;}
.other-items-block .img-grid {width:100%; display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; gap:1px; padding:0 0 16px;}
.other-items-block .img {width:calc(25% - 1px); /*aspect-ratio:380/220;*/ aspect-ratio:16/9; background-color:var(--color-0);}
.other-items-block .img:first-child:not(:only-child) {width:25%;}
.other-items-block .img a {width:100%; height:100%; display:block;}
.other-items-block .img img {width:100%; height:100%; object-fit:cover; transition:opacity 0.25s;}
.other-items-block .img a:hover img {opacity:0.6;}
.other-items-block .img .item-name {width:100%; height:100%; display:flex; justify-content:center; align-items:center; color:var(--color-1); font-size:2.4rem; font-weight:700;}
@media (max-width:767px) {
.other-items-block .pjs-inner {padding-left:0; padding-right:0;}
.other-items-block header {padding-left:24px; padding-right:24px;}
.other-items-block .img-grid .img {width:100%;}
}
/**********************************************
Section title block
**********************************************/
.section-title-block {margin:20px 0;}
.section-title-block .pjs-inner {padding-top:66px; padding-bottom:66px;}
.section-title-block .pjs-content {width:100%; display:flex; justify-content:space-between; align-items:center; gap:11px;}
.section-title-block header {margin:0;}
.section-title-block header h2 {font-size:1.8rem; letter-spacing:-0.54px; margin:0;}
.section-title-block hr {width:auto; height:0.5px; background:var(--color-1); display:block; outline:0; border:0; flex-grow:1;}
@media (max-width:992px) {
.section-title-block .pjs-inner {padding-top:45px; padding-bottom:45px;}
.section-title-block header h2 {font-size:3rem; letter-spacing:-0.9px;}
}
/**********************************************
Video panel with optional text
**********************************************/
.pjs-video-panel .pjs-inner {padding-bottom:48px;}
.pjs-video-panel .pjs-content {width:100%; max-width:603px;}
.pjs-video-panel .vid-container {width:100%; aspect-ratio:1440/701; position:relative;}
.pjs-video-panel .vidimg {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;cursor:pointer;}
.pjs-video-panel .vidimg .play-btn {display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
.pjs-video-panel .vidimg .play-btn .pbpath {transition:fill 0.25s, opacity 0.25s;}
.pjs-video-panel .vidimg:hover .play-btn .pbpath {fill:var(--color-1); opacity:1;}
.pjs-video-panel .vidimg .play-btn .pbpath2 {transition:stroke 0.25s;}
.pjs-video-panel .vidimg:hover .play-btn .pbpath2 {stroke:var(--color-0);}
.pjs-video-panel .vidimg .vidimg-img {width:100%; height:100%; object-fit:cover;}
.pjs-video-panel .vidframe {width:100%; height:100%; opacity:0; transition:opacity 1s;}
.pjs-video-panel .vidframe.show {opacity:1;}
.pjs-video-panel .vidframe .vid {display:none;}
.pjs-video-panel .vidframe.show .vid {display:block;}
.pjs-video-panel .wp-video, .pjs-video-panel .wp-video-shortcode {width:100% !important; height:auto !important;}
.pjs-video-panel .vid video {width:100%; height:100%; object-fit:cover; display:block;}
.pjs-video-panel .overlay {width:100%; height:100%; position:absolute; top:0; left:0; background:var(--color-0); z-index:-1;}
.pjs-video-panel .overlay.play {z-index:3; animation:overlayFade 1.4s ease-in-out 1 forwards;}
@keyframes overlayFade {
0% {opacity:1;}
100% {opacity:0; z-index:-1;}
}
@media (max-width:767px) {
.pjs-video-panel .pjs-content {text-align:left; padding:0 5%;}
}
/**********************************************
Filter buttons
**********************************************/
.pjs-filters-mob-filters {width:100%; padding:0 0 41px; display:none;}
.pjs-filters-mob-filters button.mob-filter-btn {width:100%; font-size:1.6rem; font-weight:700; letter-spacing:-0.32px; line-height:1; color:var(--color-0); text-align:center; margin:0; padding:13px 30px; background:var(--color-1); border-radius:36px; border:1px solid var(--color-0); text-transform:lowercase;}
.mob-filter-options {width:90vw; height:50vh; background:var(--color-1);border:1px solid var(--color-gray3);border-radius:0.4rem;box-shadow:0 5px 12px rgba(0,0,0,0.1); padding:48px 32px 32px; position:fixed; left:50%; transform:translateX(-50%); z-index:2000; display:none;}
.mob-filter-options.is-open {display:block;}
.mob-filter-options .close-btn {background:var(--color-1); position:absolute; right:16px; top:16px; z-index:3; cursor:pointer;}
.mob-filter-options .filter-options-container {width:100%; height:calc(100% - 70px); overflow:hidden; overflow-y:auto; display:flex; flex-direction:column; gap:20px;}
.mob-filter-options .filter-group:first-child {padding:6px 0 0;}
.mob-filter-options .filter-group .filter-group-lbl {font-size:1.8rem; font-weight:700;}
.mob-filter-options .filter-group .filter-group-options {list-style:none; margin:0;}
.mob-filter-options .filter-group .filter-group-options li {margin:0;}
.mob-filter-options .pjs-btns {padding-top:12px;}
.pjs-filters.pjs-btns {width:fit-content; display:flex; align-items:center; gap:16px; padding:0 0 41px;}
.pjs-filters.pjs-btns button {min-width:95px; margin:0; padding-left:30px; padding-right:30px;}
.pjs-filters.pjs-btns .pjs-filter-btn {position:relative; display:inline-block;}
.pjs-filters.pjs-btns .pjs-filter-btn-trigger{background:var(--color-0);color:var(--color-1);display:inline-flex;align-items:center;gap:.8rem; margin:0;}
.pjs-filters.pjs-btns .pjs-filter-btn-trigger:hover{background:var(--color-0);color:var(--color-1);}
.pjs-filters.pjs-btns .pjs-filter-btn-trigger::after, .pjs-filters.pjs-btns .pjs-filter-btn-trigger::before {display:none;}
.pjs-filters.pjs-btns .pjs-filter-btn-caret{display:inline-block; margin:0 -12px 0 20px; transition:transform .2s ease;}
.pjs-filters.pjs-btns .pjs-filter-btn-trigger[aria-expanded="true"] .pjs-filter-btn-caret{transform:rotate(180deg);}
.pjs-filters.pjs-btns .pjs-filter-btn-options{max-height:168px; overflow:hidden; overflow-y:auto; position:absolute;top:87%;left:0;min-width:22rem;background:var(--color-1);border:1px solid var(--color-gray3);border-radius:0.4rem;box-shadow:0 5px 12px rgba(0,0,0,0.1);padding:.6rem 0;z-index:50;}
.pjs-filters.pjs-btns .pjs-filter-btn-options[hidden]{display:none}
.pjs-filters.pjs-btns .pjs-filter-btn-options li{list-style:none}
.pjs-filters.pjs-btns .pjs-filter-btn-options li button{width:100%; display:block; color:var(--color-drk);text-decoration:none; padding:5px 20px; font-size:1.6rem; line-height:1; border-radius:0; border:0; margin:0; text-align:left;}
.pjs-filters.pjs-btns .pjs-filter-btn-options li button::before, .pjs-filters.pjs-btns .pjs-filter-btn-options li button::after {display:none;}
.pjs-filters.pjs-btns .pjs-filter-btn-options button:hover,.pjs-filters.pjs-btns .pjs-filter-btn-options button:focus{background:var(--color-gray3);text-decoration:none;}
@media (max-width:767px) {
.pjs-filters-mob-filters {display:block;}
.pjs-filters.pjs-btns {display:none;}
}
/**********************************************
Filter search bar
**********************************************/
.pjs-search-bar {width:100%; padding:0;}
.pjs-search-bar .pjs-search-form {width:100%; max-width:420px; position:relative;}
.pjs-search-bar .pjs-search-input {width:100%; font-size:1.6rem; line-height:1; color:var(--color-drk); margin:0; padding:15px 84px 15px 24px; background:var(--color-1); border:1px solid var(--color-0); border-radius:36px; appearance:none; -webkit-appearance:none;}
.pjs-search-bar .pjs-search-input::placeholder {color:var(--color-gray); opacity:1;}
.pjs-search-bar .pjs-search-input:focus {outline:2px solid var(--color-0); outline-offset:2px;}
/* We render our own clear button, so hide the WebKit one. */
.pjs-search-bar .pjs-search-input::-webkit-search-cancel-button {display:none; -webkit-appearance:none;}
.pjs-search-bar .pjs-search-icon {color:var(--color-0); display:inline-flex; position:absolute; right:24px; top:50%; transform:translateY(-50%); pointer-events:none;}
.pjs-search-bar .pjs-search-clear {width:24px; height:24px; min-width:0; color:var(--color-0); margin:0; padding:0; background:transparent; border:0; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; position:absolute; right:56px; top:50%; transform:translateY(-50%); cursor:pointer;}
.pjs-search-bar .pjs-search-clear[hidden] {display:none;}
.pjs-search-bar .pjs-search-clear::before, .pjs-search-bar .pjs-search-clear::after {display:none;}
.pjs-search-bar .pjs-search-clear:hover, .pjs-search-bar .pjs-search-clear:focus {background:var(--color-gray3);}
@media (max-width:767px) {
.pjs-search-bar .pjs-search-form {max-width:none;}
}
/**********************************************
Grid block for cpt landing pages
**********************************************/
.pjs-grid-items .pjs-inner {min-height:500px; padding-top:32px; padding-bottom:75px;}
.pjs-grid-items .pjs-grid {width:100%; display:flex; align-items:stretch;}
.pjs-grid-items .pjs-grid .pjs-grid-reg {width:100%; display:flex; align-items:stretch; flex-wrap:wrap;}
.pjs-grid-items .pjs-grid-item {width:25%; border:1px solid rgba(0,0,0,0.1); margin-bottom:41px;}
.pjs-grid-items .pjs-grid-item a {display:block; text-decoration:none; color:inherit;}
.pjs-grid-items .pjs-grid-item .img {width:100%; aspect-ratio:16/9; overflow:hidden; background:var(--color-0);}
.pjs-grid-items .pjs-grid-item .img img {width:100%; height:100%; object-fit:cover; transition:opacity 0.25s;}
.pjs-grid-items .pjs-grid-item a:hover .img img {opacity:0.6;}
.pjs-grid-items .pjs-grid-item .txt {padding:32px;}
.pjs-grid-items .pjs-grid-item .txt h3 {font-family:var(--font-sourcesans); font-size:2rem; font-weight:700; letter-spacing:-0.4px; margin:0 0 7px;}
.pjs-grid-items .pjs-grid-item .btm {display:flex; justify-content:space-between; align-items:center; gap:8px; line-height:1.2;}
.pjs-grid-items .pjs-grid-lrg {width:50%;}
.pjs-grid-items .pjs-grid-lrg .pjs-grid-item {width:100%; height:calc(100% - 41px);}
.pjs-grid-items .pjs-grid-lrg .pjs-grid-item a {display:flex; flex-direction:column; height:100%; justify-content:space-between;}
.pjs-grid-items .pjs-grid-lrg .pjs-grid-item .txt {display:flex; flex-direction:column; justify-content:space-between; font-size:2rem; letter-spacing:-0.48px; flex-grow:1;}
.pjs-grid-items .pjs-grid-lrg .pjs-grid-item .txt h3 {font-family:var(--font-dmserif); font-size:clamp(2.8rem,4.5vw,4.7rem);}
.pjs-grid-items .pjs-grid-lrg .pjs-grid-item .pjs-btns {margin:auto 0 0;}
.pjs-grid-items .pjs-grid-top .pjs-grid-reg {width:50%;}
.pjs-grid-items .pjs-grid-top .pjs-grid-reg .pjs-grid-item {width:50%;}
.pjs-grid-items .pjs-grid-top .pjs-grid-reg .pjs-grid-item:nth-child(1):not(.nrml), .pjs-grid-items .pjs-grid-top .pjs-grid-reg .pjs-grid-item:nth-child(2):not(.nrml) {margin-bottom:0;}
.pjs-grid-items .pjs-btns {justify-content:center;}
.pjs-grid-items .pjs-btns button {margin:0 auto;}
@media (max-width:992px) {
.pjs-grid-items .pjs-grid {flex-direction:column;}
.pjs-grid-items .pjs-grid-lrg, .pjs-grid-items .pjs-grid-top .pjs-grid-reg {width:100%;}
.pjs-grid-items .pjs-grid-top .pjs-grid-reg .pjs-grid-item {width:25%;}
.pjs-grid-items .pjs-grid-top .pjs-grid-reg .pjs-grid-item:nth-child(1):not(.nrml), .pjs-grid-items .pjs-grid-top .pjs-grid-reg .pjs-grid-item:nth-child(2):not(.nrml) {margin-bottom:41px;}
.pjs-grid-items .pjs-grid-item .txt {font-size:1.4rem; padding:17px;}
.pjs-grid-items .pjs-grid-item .txt h3 {font-size:1.6rem; font-weight:600; letter-spacing:0;}
}
@media (max-width:767px) {
.pjs-grid-items .pjs-grid-item, .pjs-grid-items .pjs-grid-top .pjs-grid-reg .pjs-grid-item {width:50%;}
.pjs-grid-items .pjs-grid-item .txt {font-size:1.2rem; padding:17px;}
.pjs-grid-items .pjs-grid-lrg .pjs-grid-item .txt h3 {font-size:3.2rem;}
}
/**********************************************
Staff landing page leaders panel
**********************************************/
.staff-landing-leaders .pjs-inner {padding:80px 5.2% 40px 0;}
.staff-landing-leaders .pjs-grid-item {width:100%; display:flex; justify-content:space-between; gap:32px; margin-bottom:32px;}
.staff-landing-leaders .pjs-grid-item .img {width:50%; aspect-ratio:680/366;}
.staff-landing-leaders .pjs-grid-item .img img {width:100%; height:100%; object-fit:cover;}
.staff-landing-leaders .pjs-grid-item .txt {width:47%;}
.staff-landing-leaders header {margin-bottom:16px;}
.staff-landing-leaders header h3 {font-size:2.5rem; font-weight:400;}
.staff-landing-leaders .pjs-grid-item .txt .social-icons {list-style:none; margin:0 0 16px; padding:0; display:flex; align-items:center; gap:8px;}
@media (max-width:767px) {
.staff-landing-leaders .pjs-inner {padding:80px 27px 40px 0;}
.staff-landing-leaders .pjs-grid-item {flex-direction:column; gap:16px; margin-bottom:80px;}
.staff-landing-leaders .pjs-grid-item:last-child {margin-bottom:0;}
.staff-landing-leaders .pjs-grid-item .img {width:100%; aspect-ratio:366/212;}
.staff-landing-leaders .pjs-grid-item .txt {width:100%; padding:0 0 0 24px; font-size:1.6rem; line-height:1.72; letter-spacing:0;}
}
@media (max-width:600px) {
.staff-landing-leaders header h2 {font-size:6.4rem;}
}
@media (max-width:392px) {
.staff-landing-leaders header h2 {font-size:4.8rem;}
}
/**********************************************
Staff landing page team panel
**********************************************/
.staff-landing-team .pjs-inner {min-height:500px;}
.staff-landing-team .staff-grid {width:100%; display:flex; align-items:stretch; flex-wrap:wrap;}
.staff-landing-team .pjs-grid-item {width:25%; display:flex; flex-direction:column; border:1px solid rgba(0,0,0,0.1);}
.staff-landing-team .pjs-grid-item .img {width:100%; aspect-ratio:1;}
.staff-landing-team .pjs-grid-item .img img {width:100%; height:100%; object-fit:cover;}
.staff-landing-team .pjs-grid-item .txt {padding:32px;}
.staff-landing-team .pjs-grid-item .lbl {font-size:1.6rem; font-weight:700; letter-spacing:-0.32px; display:flex; align-items:center; gap:13px;}
.staff-landing-team .pjs-grid-item .lbl::before {content:''; width:20px; height:1px; background-color:var(--color-drk); margin-left:-32px;}
.staff-landing-team .pjs-grid-item h3 {font-family:var(--font-sourcesans); font-size:2.5rem; font-weight:700; letter-spacing:0; margin:8px 0;}
.staff-landing-team .pjs-grid-item .txt .social-icons {list-style:none; margin:8px 0 0; padding:0; display:flex; align-items:center; gap:8px;}
@media (max-width:767px) {
.staff-landing-team .pjs-inner {padding-top:40px;}
.staff-landing-team .staff-grid {flex-direction:column;}
.staff-landing-team .pjs-grid-item {width:100%;}
}
@media (max-width:600px) {
.staff-landing-team header h2 {font-size:6.4rem;}
}
@media (max-width:392px) {
.staff-landing-team header h2 {font-size:4.8rem;}
}
/**********************************************
Event/Serve/Group detail page
**********************************************/
.event-details-section .pjs-inner {padding:80px 0 115px 5.5%;}
.event-details-section .cols {width:100%; display:flex; justify-content:space-between; gap:5%;}
.event-details-section .col-txt {width:39%; letter-spacing:-0.68px; color:var(--color-0);}
.event-details-section header h2 {font-size:9.5rem; letter-spacing:-3.61px; color:var(--color-0);}
.event-details-section .col-media {width:53%;}
.event-details-section .col-media .img {width:100%;}
.event-details-section .col-media .img img {width:100%; display:block;}
.event-details-section .col-media .pjs-btns {padding-top:48px;}
.event-details-section .col-media .pjs-btns ul {top:87%; box-shadow:0 5px 12px rgba(0,0,0,0.1);}
.event-details-section .col-media .pjs-btns ul li a {padding:5px 20px; font-size:1.6rem; line-height:1; border-radius:0; margin:0; border:0;}
.event-details-section .col-media .pjs-btns ul li a::before, .event-details-section .col-media .pjs-btns ul li a::after {display:none;}
@media (max-width:1400px) {
.event-details-section header h2 {font-size:7.8rem; letter-spacing:-3.21px;}
}
@media (max-width:992px) {
.event-details-section header h2 {font-size:7.2rem; letter-spacing:-2.9px;}
}
@media (max-width:767px) {
.event-details-section .pjs-inner {padding:80px 0;}
.event-details-section .cols {flex-direction:column;}
.event-details-section .col-txt {width:100%; font-size:1.6rem; line-height:1.56; letter-spacing:-0.61px; padding:0 27px;}
.event-details-section header h2 {font-size:6.4rem; letter-spacing:-2.43px;}
.event-details-section .col-media {width:100%; margin:48px 0 0;}
.event-details-section .col-media .pjs-btns {padding:23px 24px 0;}
.event-details-section .col-media .pjs-btns a, .event-details-section .col-media .pjs-btns button, .event-details-section .col-media .pjs-btns .lb-add-to-calendar {width:100%;}
}
.event-details-black-bar {z-index:0;}
.event-details-black-bar .pjs-inner {padding:48px 5.6%;}
.event-details-black-bar .pjs-content {width:100%; display:flex; gap:24px 80px;}
.event-details-black-bar .col-title {padding:0 64px 0 0;}
.event-details-black-bar header {margin:0;}
.event-details-black-bar header h2 {font-size:4.2rem; line-height:1.2; letter-spacing:-1.26px; margin:0;}
.event-details-black-bar .col {font-size:1.6rem; letter-spacing:-0.32px;}
.event-details-black-bar .col h3 {font-family:var(--font-sourcesans); font-size:1.8rem; font-weight:700; letter-spacing:-0.36px; text-transform:uppercase; margin:0 0 6px;}
@media (max-width:1200px) {
.event-details-black-bar .col-title {padding-right:12px;}
}
@media (max-width:992px) {
.event-details-black-bar .pjs-content {flex-wrap:wrap; justify-content:center;}
.event-details-black-bar .col-title {width:100%; padding-right:0;}
.event-details-black-bar header {text-align:center;}
.event-details-black-bar .col {text-align:center;}
}
@media (max-width:767px) {
.event-details-black-bar .pjs-inner {padding:40px 27px;}
.event-details-black-bar .pjs-content {gap:16px;}
.event-details-black-bar header h2 {font-size:3.6rem; letter-spacing:-1.08px;}
.event-details-black-bar .col {width:45%;}
}
/**********************************************
Series landing page
**********************************************/
.series-detail .pjs-inner {padding:112px 0 80px;}
.series-detail .pjs-content {width:100%; display:flex; justify-content:space-between;}
.series-detail .series-detail-image {width:50%; /*aspect-ratio:16/9; overflow:hidden;*/}
/* .series-detail .series-detail-image img {width:100%; height:100%; object-fit:cover;} */
.series-detail .series-detail-content {width:41.5%; margin-right:4.5%;}
.series-detail header {margin:0;}
.series-detail header h1 {font-size:9.5rem; line-height:0.91; letter-spacing:-3.61px; margin:0;}
.series-detail header h2 {font-family:var(--font-sourcesans); font-size:2.5rem; line-height:1.2; letter-spacing:-0.5px; text-transform:uppercase; padding-top:16px; margin:0;}
.series-detail .series-detail-content .desc {letter-spacing:-0.68px; padding:8px 0 0;}
@media (max-width:992px) {
.series-detail .pjs-inner {padding:40px 28px;}
.series-detail .pjs-content {flex-direction:column;}
.series-detail .series-detail-image {width:100%; /*aspect-ratio:337/212;*/}
.series-detail .series-detail-content {width:100%; margin-right:0; padding:40px 0 0;}
}
@media (max-width:767px) {
.series-detail header h1 {font-size:6.4rem; line-height:1.1; letter-spacing:-2.43px;}
.series-detail header h2 {font-size:2rem; letter-spacing:-0.4px;}
}
/**********************************************
Messages detail page
**********************************************/
.message-info-section .pjs-inner {padding-top:32px; padding-bottom:80px;}
.message-info-section .pjs-content {width:100%; display:flex; justify-content:space-between;}
.message-info-section .message-meta {width:48%;}
.message-info-section header {margin:0;}
.message-info-section header h1 {font-size:9.5rem; line-height:0.91; letter-spacing:-3.61px;}
.message-info-section .meta-info {display:flex; align-items:center; font-size:2.4rem; font-weight:700; letter-spacing:-0.48px;}
.message-info-section .message-body {width:50%;}
.message-info-section .desc {letter-spacing:-0.68px;}
.lb-media-hero ~ .message-series-section {margin-top:85px;}
.message-series-section .pjs-inner {padding:0 9.3% 80px;}
.message-series-section header {margin-bottom:49px; align-items:center; position:relative;}
.message-series-section header::before {content:''; width:var(--has-line-width, 0); height:1px; background:var(--color-drk); display:inline-block; margin:0 16px 0 0; position:absolute; right:100%; top:50%; transform:translateY(-50%); z-index:1;}
.message-series-section header h2 {font-family:var(--font-sourcesans);font-size:1.5rem; font-weight:700; letter-spacing:-0.3px; text-transform:uppercase;}
.message-series-section .pjs-filters.pjs-btns {margin-left:-4%;}
.message-series-section .series-grid {width:100%; display:flex; align-items:stretch; gap:64px 1.5%; flex-wrap:wrap; padding:40px 0 0;}
.message-series-section .series-item {width:32.333%;}
.message-series-section .series-item a:hover {text-decoration:none;}
.message-series-section .series-item .img {width:100%; aspect-ratio:1920/800; background:var(--color-0); overflow:hidden;}
.message-series-section .series-item .img img {width:100%; height:100%; object-fit:cover; transition:opacity 0.25s;}
.message-series-section .series-item a:hover .img img {opacity:0.6;}
.message-series-section .series-item h3 {font-family:var(--font-sourcesans); font-size:2.4rem; letter-spacing:-0.58px; margin:10px 0 6px;}
.message-series-section .series-item .btm {font-size:1.5rem; letter-spacing:0.75px; text-transform:uppercase;}
.message-series-section .message-grid {width:100%; display:flex; align-items:stretch; gap:48px 1%; flex-wrap:wrap;}
.message-series-section .message-item {width:32.333%;}
.message-series-section .message-img {width:100%; aspect-ratio:1920/800; overflow:hidden;}
.message-series-section .message-img img {width:100%; height:100%; object-fit:cover;}
@media (max-width:1300px) {
.message-info-section header h1 {font-size:7.6rem; line-height:0.96; letter-spacing:-2.85px;}
}
@media (max-width:992px) {
.message-series-section .pjs-inner {padding:80px 30px 80px 25px;}
body.post-type-archive-media_player .message-series-section .pjs-inner {padding-top:0;}
.message-series-section header {margin-bottom:32px; margin-left:39px;}
.message-series-section .pjs-filters.pjs-btns {margin-left:0;}
.message-series-section .series-item, .message-series-section .message-item {width:49%;}
.message-info-section .pjs-inner {padding-bottom:0;}
.message-info-section .pjs-content {flex-direction:column;}
.message-info-section .message-meta, .message-info-section .message-body {width:100%;}
.message-info-section .desc {padding-top:16px;}
}
@media (max-width:767px) {
body.post-type-archive-media_player .message-series-section .pjs-inner {padding-top:24px;}
.lb-media-hero ~ .message-series-section {margin-top:0;}
.lb-media-hero ~ .message-series-section .pjs-inner {padding-top:0;}
.message-info-section .meta-info {font-size:2rem; letter-spacing:-0.4px;}
.message-info-section header h1 {font-size:6.4rem; line-height:1.1; letter-spacing:-2.43px;}
.message-info-section .message-body .pjs-btns {flex-direction:column;}
.message-info-section .message-body .pjs-btns a, .message-info-section .message-body .pjs-btns button {min-width:100%; padding-left:20px; padding-right:20px;}
}
@media (max-width:600px) {
.message-series-section .series-grid, .message-series-section .message-grid {gap:34px;}
.message-series-section .series-item, .message-series-section .message-item {width:100%;}
}
@media (max-width:374px) {
.message-info-section header h1 {font-size:5.2rem; letter-spacing:-2.1px;}
}
/**********************************************
Footer
**********************************************/
.pjs-footer {background:var(--color-0); margin:auto 0 0;}
.pjs-footer .socials {display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; right:52px; top:-46px; z-index:1;}
.pjs-footer .line {width:2px; height:77px; background:var(--color-0);}
.pjs-footer .socials ul {list-style:none; margin:0; padding:16px 0 0;}
.pjs-footer .socials ul li {margin:0 0 8px 0;}
.pjs-footer .socials ul li a, .pjs-footer .socials ul li img {display:block;}
.pjs-footer .pjs-inner {width:100%; display:flex; padding:0;}
.pjs-footer .pjs-footer-main {width:61%; color:var(--color-1); font-size:1.6rem; line-height:1.58; letter-spacing:-0.38px; padding:38px 10% 65px;}
.pjs-footer .pjs-footer-main .logo {padding:0 0 36px 17px;}
.pjs-footer .pjs-footer-main .cols {width:100%; display:flex; justify-content:space-between; gap:10%; border-top:2px solid var(--color-gray); padding:36px 10px;}
.pjs-footer .pjs-footer-main .col h3 {color:var(--color-1); font-family:var(--font-sourcesans); font-size:2rem; font-weight:700; line-height:1.4; letter-spacing:-0.48px; text-transform:lowercase; padding:0 0 12px;}
.pjs-footer .pjs-footer-main .col a {color:var(--color-1);}
.pjs-footer .pjs-footer-main .col ul {list-style:none; margin:0; padding:0;}
.pjs-footer .pjs-footer-main .col ul li {margin:0;}
.pjs-footer .pjs-footer-main .copyright {font-size:1.4rem; line-height:1.4; font-weight:500; letter-spacing:-0.34px; padding:0 10px;}
.pjs-footer .pjs-footer-form {width:39%; background:var(--color-lgray); font-size:1.6rem; line-height:1.56; letter-spacing:0.54px; padding:38px 5% 42px;}
.pjs-footer .pjs-footer-form h3 {font-family:var(--font-sourcesans); font-size:6rem; font-weight:700; line-height:0.9; letter-spacing:-0.06px; text-transform:lowercase; margin:0; padding:0 0 12px;}
.pjs-footer .pjs-footer-form .su-form {padding:16px 0 0;}
.pjs-footer .pjs-footer-form .su-form .group {width:100%; display:flex; justify-content:space-between; align-items:center; padding-top:12px;}
.pjs-footer .pjs-footer-form .su-form input[type="text"] {width:49%; height:68px; background:var(--color-1); border:1px solid var(--color-0); border-radius:36px; display:flex; align-items:center; color:var(--color-0); font-size:1.7rem; line-height:1; font-weight:700; letter-spacing:-0.41px; padding:30px;}
.pjs-footer .pjs-footer-form .su-form input[type="email"] {width:59%; height:68px; background:var(--color-1); border:1px solid var(--color-0); border-radius:36px; display:flex; align-items:center; color:var(--color-0); font-size:1.7rem; line-height:1; font-weight:700; letter-spacing:-0.41px; padding:30px;}
.pjs-footer .pjs-footer-form .su-form input::-webkit-input-placeholder {color:var(--color-0);}
.pjs-footer .pjs-footer-form .su-form input:-moz-placeholder {color:var(--color-0);}
.pjs-footer .pjs-footer-form .su-form input::-moz-placeholder {color:var(--color-0);}
.pjs-footer .pjs-footer-form .su-form input:-ms-input-placeholder {color:var(--color-0);}
.pjs-footer .pjs-footer-form .su-form input:placeholder-shown {color:var(--color-0);}
.pjs-footer .pjs-footer-form .pjs-btns {width:39%; padding-top:0;}
.pjs-footer .pjs-footer-form .pjs-btns button {width:100%; margin:0 0 0 auto;}
@media (max-width:1300px) {
.pjs-footer .pjs-footer-form h3 {font-size:5.2rem;}
}
@media (max-width:992px) {
.pjs-footer .pjs-inner {flex-direction:column;}
.pjs-footer .pjs-footer-main {width:100%; order:2; padding-left:6%; padding-right:6%;}
.pjs-footer .pjs-footer-form {width:100%; order:1;}
}
@media (max-width:767px) {
.pjs-footer .socials {right:27px;}
.pjs-footer .pjs-footer-main {padding:96px 32px;}
.pjs-footer .pjs-footer-main .logo {padding-left:0;}
.pjs-footer .pjs-footer-main .cols {flex-direction:column; gap:32px; padding:32px 0;}
.pjs-footer .pjs-footer-main .copyright {padding:0;}
.pjs-footer .pjs-footer-form {letter-spacing:-0.38px; padding:80px 32px;}
.pjs-footer .pjs-footer-form h3 {font-size:4.8rem; line-height:1; letter-spacing:-1.15px; padding-bottom:16px;}
.pjs-footer .pjs-footer-form .su-form input[type="email"] {padding:17px 20px;}
.pjs-footer .pjs-footer-form .pjs-btns {padding-top:16px;}
}
.nf-form-layout input[type="submit"]{min-width:150px;background:var(--color-1);color:var(--color-0);border-radius:36px;padding:17px 20px;font-size:1.7rem;line-height:1;font-weight:700;letter-spacing:-.41px;}
.pjs-section.txt-light input, .pjs-section.txt-light select, .pjs-section.txt-light textarea {color:var(--color-0);}
.fancybox-slide--html .fancybox-close-small {top:10px !important; right:10px !important;}