/*
Theme Name: Willow Creek 2021
Theme URI: https://plainjoestudios.com/
Author: PlainJoe Studios
Author URI: https://plainjoestudios.com/
Description: Custom WordPress theme for Willow Creek Community Church 2021.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.plainjoestudios.com/
Text Domain:
*/

:root {
  --main-color:#FB4621; /*orange*/
  --main-color-darker:#f3340d; /*darker orange - button hover state*/
  --main-hover:#111;

  /*text colors*/
  --txt-color-0:#0C2340; /*dark blue*/
  --txt-color-1:#000;
  --txt-color-2:#fff;
  --txt-color-3:#00A9E0; /*light blue*/
  --txt-color-4:#0A3F59; /*blue-gray*/
  --txt-color-5:#F8A02D; /*yellow*/
  --txt-color-6:#111; /*dark gray*/
  --txt-color-7:#D5D5D5; /*light gray*/

  /*background colors*/
  --bg-color-0:#0C2340; /*dark blue*/
  --bg-color-1:#fff;
  --bg-color-2:#00A9E0; /*light blue*/
  --bg-color-3:#0A3F59; /*blue-gray*/
  --bg-color-4:#e4e4e4; /*light gray*/
  --bg-color-5:#FFF9F1; /*beige*/
  --bg-color-6:#F8A02D; /*yellow*/

  /*misc colors*/
  --divider-color-0:#707070; /*gray color*/
  --divider-color-1:#fff;
  --nav-bars:#011A31; /*dark blue*/
  --locitems-icons:#FB4621; /*orange*/
  --locitems-icons-hover:#011A31; /*dark blue*/
  --alt2-hover:#e5880f; /*dark yellow*/
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html, body {width:100%; min-height:100%; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, ul, ol, li {margin:0; padding:0;}
form {margin:0 auto; padding:0;}
p {margin:0 0 25px 0;}
p:last-child {margin-bottom:0;}
div {width:auto; height:auto; margin:0 auto;}

a, .a {color:var(--main-color); text-decoration:none; transition:all .25s ease;}
a:hover, .a:hover {color:var(--main-hover); text-decoration:none;}
img {border:0; outline:none; max-width:100%; height:auto;}
object, embed {outline:none; display:block;}
input, textarea, select, button {font-family:'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; outline:none;}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select {width:100%; font-size:1.6rem; padding:10px; border:1px solid #464646; background:var(--bg-color-1); border-radius:0; margin-bottom:15px;}
input[type="search"] {width:100%; font-size:1.6rem; padding:10px; border:1px solid #464646; background:var(--bg-color-1); border-radius:0; margin:10px 0 20px;}
textarea {width:100%; height:150px; font-size:1.6rem; padding:10px; border:1px solid #464646; background:var(--bg-color-1); border-radius:0; resize:none;}
input[type="submit"], button {cursor:pointer; transition:all .25s ease; -webkit-appearance:none; outline:none;}
ul {list-style:disc; margin:0 0 15px 20px; text-align:left;}
ol {margin:0 0 15px 20px;}
ul ul, ul ol, ol ol, ol ul {margin-bottom:0;}
li:last-child, ul.children {margin-bottom:0;}
iframe {height:100vh;width:100%;max-width:100%; max-height:100%; display:block; margin:0 auto;}
blockquote {font-size:115%; background:#f5f5f5; padding:25px; margin:0 0 25px;}
strong, b {font-weight:700;}
hr {height:1px; background:#000; clear:both; border:0; outline:0;}

::-moz-selection{background:var(--bg-color-0); color:var(--txt-color-2); text-shadow:none;}
::selection {background:var(--bg-color-0); color:var(--txt-color-2); text-shadow:none;}

::-webkit-input-placeholder {color:#969696;}
:-moz-placeholder {color:#969696; opacity:1;}
::-moz-placeholder {color:#969696; opacity:1;}
:-ms-input-placeholder {color:#969696;}
:placeholder-shown {color:#969696;}

html {font-size:62.5%;}
body {font-size:2rem; line-height:3.2rem; font-family:'Montserrat', Arial, Helvetica, sans-serif; font-weight:400; color:var(--txt-color-0); background:var(--bg-color-1);}
h1, h2, h3, h4, h5, h6 {font-family:'Source Serif Pro', serif; font-weight:700; line-height:1; color:var(--txt-color-0); text-transform:none;}
h1 {font-size:9rem;}
h2 {font-size:5rem;}
h3 {font-size:2.2rem;}
h4 {font-size:2rem;}
h5 {font-size:1.7rem;}
@media (min-width:2000px) {
  body {font-size:2.4rem; line-height:3.5rem;}
}
@media (max-width:1600px) {
  h1 {font-size:8rem;}
  h2 {font-size:4rem;}
}
@media (max-width:1200px) {
  h1 {font-size:7rem;}
}
@media (max-width:767px) {
  body {font-size:1.6rem; line-height:2.2rem;}
	h1 {font-size:4rem;}
  h2 {font-size:3rem;}
}
@media (max-width:374px) {
  body {font-size:1.4rem;}
  h1 {font-size:3.6rem;}
  h2 {font-size:2.8rem;}
}

/*general styles*/
.la {text-align:left;}
.ra {text-align:right;}
.mid {text-align:center;}
.pjs-btns {padding-top:40px; display:flex; flex-wrap:wrap;}
  .pjs-btns > a, .pjs-btns > .a, input[type="submit"], input[type="button"], form button, .button {min-width:280px; display:flex; align-items:center; justify-content:center; background:var(--main-color); border-radius:35px; border:0; padding:24px 24px; color:var(--txt-color-2); font-size:2rem; line-height:1; font-weight:400; text-transform:uppercase; margin:0 25px 10px 0; letter-spacing:0; overflow:hidden; position:relative; text-align:center; box-shadow:1px 1px 2px 1px rgba(0,0,0,0.1), 2px 2px 4px 2px rgba(0,0,0,0.1), 4px 4px 8px 4px rgba(0,0,0,0.1), 8px 8px 16px 8px rgba(0,0,0,0.1); transition:all 0.25s ease; outline:none;}
  .pjs-btns.alt > a, .pjs-btns.alt > .a {background:var(--bg-color-3);}
  .pjs-btns.alt2 > a, .pjs-btns.alt2 > .a {background:var(--bg-color-6);}
  .pjs-btns > a:last-child, .pjs-btns > .a:last-child, input[type="submit"]:last-child, input[type="button"]:last-child, form button:last-child {margin-right:auto;}
  .pjs-btns > a:hover, .pjs-btns > .a:hover, input[type="submit"]:hover, input[type="button"]:hover, form button:hover {background-color:var(--main-color-darker); color:var(--txt-color-2); box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2), 2px 2px 4px 2px rgba(0,0,0,0.2), 4px 4px 8px 4px rgba(0,0,0,0.2), 8px 8px 16px 8px rgba(0,0,0,0.2);}
  .pjs-btns.alt2 > a:hover, .pjs-btns.alt2 > .a:hover {background:var(--alt2-hover);}

  .mid .pjs-btns a {margin-left:auto; margin-right:auto;}
  .ra .pjs-btns a {margin-left:auto; margin-right:0;}
  .la .pjs-btns a {margin-left:0; margin-right:auto;}

  .pjs-btns .at-icon-wrapper {display:none !important;}

	@media (min-width:3000px) {
		.pjs-btns > a, .pjs-btns > .a, .btn, input[type="submit"], input[type="button"], form button {font-size:2.5rem;}
	}
  @media (max-width:1600px) {
    .pjs-btns > a, .pjs-btns > .a, .btn, input[type="submit"], input[type="button"], form button {font-size:1.8rem;}
  }
  @media (max-width:980px) {
    .pjs-btns > a, .pjs-btns > .a, .btn, input[type="submit"], input[type="button"], form button {font-size:1.6rem;}
  }
  @media (max-width:767px) {
    .pjs-btns > a, .pjs-btns > .a, input[type="submit"], input[type="button"], form button {min-width:160px; padding:15px 20px; font-size:1.6rem; margin-left:auto; margin-right:auto;}
  }

#preLoaderContainer{
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 35%; 
}
@media (min-width:768px) {
  #preLoaderContainer{
    padding: 15%; 
  }
}

	#videoPreloader {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;}
  @keyframes pjs-preloader-g64tejqccj4 {
    0% {top: 55.199999999999996px; left: 55.199999999999996px; width: 0; height: 0; opacity: 1;}
    100% {top: 4.6px; left: 4.6px; width: 101.19999999999999px; height: 101.19999999999999px; opacity: 0;}
  }
  .pjs-preloader-g64tejqccj4 div {position: absolute; border-width: 2.3px; border-style: solid; opacity: 1; border-radius: 50%; animation: pjs-preloader-g64tejqccj4 1s cubic-bezier(0,0.2,0.8,1) infinite;}
  .pjs-preloader-g64tejqccj4 div:nth-child(1) {border-color: #fb4621; animation-delay: 0s;}
  .pjs-preloader-g64tejqccj4 div:nth-child(2) {border-color: #fb4621; animation-delay: -0.5s;}
  .pjs-preload-anim {width: 115px; height: 115px; display: inline-block; overflow: hidden; background: none;}
  .pjs-preloader-g64tejqccj4 {width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(1); backface-visibility: hidden; transform-origin: 0 0;}
  .pjs-preloader-g64tejqccj4 div { box-sizing: content-box;}
  /* generated by https://loading.io/ */

	.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; position:relative; z-index:1;}
	.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; line-height:1; color:var(--txt-color-0);}
				.num-nav ul > li > a {height:40px; display:flex; justify-content:center; align-items:center; color:var(--txt-color-2); border-radius:50%; transition:all .25s ease; padding:0; border:1px solid transparent;}
        .num-nav ul > li:not(.next-link):not(.prev-link) > a {width:40px;}
        .num-nav ul > li.next-link > a {padding-left:15px;}
        .num-nav ul > li.prev-link > a {padding-right:15px;}
        .num-nav ul > li > a:hover {color:var(--main-color);}
        .num-nav ul > li.active > a {border-color:var(--main-color);}

  .w-lines {width:553px; position:absolute; left:-2%; z-index:25; transition:all 0.25s ease;}
  body.home .w-lines {opacity:0; top:10%; transition:opacity 0.3s ease-in, transform 0.25s ease;}
    .w-lines svg {max-width:100%;}
  @media (max-width:1700px) {
    .w-lines {width:415px;}
  }
  @media (max-width:1500px) {
    .w-lines {width:285px;}
  }
  @media (max-width:980px) {
    .w-lines {width:225px;}
  }
  @media (max-width:767px) {
    .w-lines {width:148px;}
  }

/*modals*/
	.modal-bg {width:100%; height:100%; background:rgba(44,44,44,0.99); 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-menu {background:rgba(44,44,44,0.99); left:0; right:0; overflow:hidden; opacity:0;}
		.modal-menu .inner {width:100vw; height:100vh; position:absolute; left:0; top:0; right:0;}
			.modal-menu .content {position:relative;}
				.modal-menu .menu {position:relative; z-index:2;}
					.modal-menu .scroll {overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; position:relative;}
            .modal-menu a {color:var(--txt-color-2);}
            .modal-menu a:hover {color:var(--main-color);}
            .modal-menu ul li a {display:block;}
            .modal-menu .w-lines {left:-170px; bottom:70px; z-index:-1; opacity:0.15;}

            .modal-menu .mm-top {display:flex; align-items:center; flex-wrap:wrap; padding:15px 4% 15px 7%; border-bottom:1px solid var(--divider-color-0);}
              .modal-menu .mm-top .mm-logo {max-width:234px; margin:0;}
                .modal-menu .mm-top .mm-logo a {display:block;}
                  .modal-menu .mm-top .mm-logo svg {max-width:100%; display:block;}
              .modal-menu .mm-top .mm-main {margin:0 0 0 5%; padding-right:2%;}
                .modal-menu .mm-top .mm-main ul {list-style:none; margin:0 auto; display:flex; justify-content:center;}
                  .modal-menu .mm-top .mm-main ul li {font-size:1.8rem; line-height:1; font-weight:700; text-transform:uppercase; margin:0 25px;}
                    .modal-menu .mm-top .mm-main ul li a {text-align:center;}
              .modal-menu .close-btn {color:var(--txt-color-2); z-index:3; cursor:pointer; padding:0 5px; position:fixed; right:88px; top:18px;}
              .modal-menu .close-btn:hover {border-color:var(--main-color); color:var(--main-color);}
                .modal-menu .close-btn span {font-size:3.5rem; line-height:1; display:block; transition:all 0.25s ease;}
            .modal-menu .mm-search {padding:35px 7% 0;}
              .modal-menu .mm-search form {position:relative;}
                .modal-menu .mm-search input[type="text"] {background:transparent; color:var(--txt-color-2); font-size:3rem; border:0; border-bottom:1px solid var(--bg-color-1); padding:0 0 15px 8px;}
                .modal-menu .mm-search button {min-width:10px; padding:0; background:transparent; border-radius:0; box-shadow:initial; position:absolute; right:5px; bottom:26px;}
            .modal-menu .mm-cols {display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; padding:0 7% 35px;}
              .modal-menu .mm-cols .mm-col {width:75%; margin:0;}
              .modal-menu .mm-cols .mm-col:last-child {width:17%;}
                .modal-menu .mm-cols .mm-col .mm-nav-items {display:flex; align-items:stretch; flex-wrap:wrap; padding:30px 0 0; margin-left:-1%;}
                  .modal-menu .mm-cols .mm-col .mm-nav-group {width:23%; margin:0 1%;}
                  .modal-menu .mm-cols .mm-col .mm-nav-group.mob {width:48%; display:none;}
                    .modal-menu .mm-cols .mm-col .mm-nav-group .mm-nav-group-inner {padding-bottom:30px;}
                      .modal-menu .mm-cols .mm-col .mm-nav-group .group-title {color:var(--txt-color-3); font-family:'Source Serif Pro',serif; font-size:3rem; line-height:1; font-weight:700; padding:0 0 10px;}
                        .modal-menu .mm-cols .mm-col .mm-nav-group .group-title a {color:var(--txt-color-3);}
                        .modal-menu .mm-cols .mm-col .mm-nav-group .group-title a:hover {color:var(--txt-color-2);}
                      .modal-menu .mm-cols .mm-col .mm-nav-group.mob ul.main ~ .group-title {padding-top:40px;}
                      .modal-menu .mm-cols .mm-col .mm-nav-group ul {list-style:none; margin:0; padding-top:5px;}
                        .modal-menu .mm-cols .mm-col .mm-nav-group ul li {color:var(--txt-color-2); margin:0 0 10px; line-height:1.2;}
                        .modal-menu .mm-cols .mm-col .mm-nav-group ul.sub {padding-top:10px;}
                          .modal-menu .mm-cols .mm-col .mm-nav-group ul.sub li {padding-left:15px; font-size:90%;}
                .modal-menu .mm-cols .mm-col .pjs-btns {padding-top:30px;}
                  .modal-menu .mm-cols .mm-col .pjs-btns a {width:100%; min-width:200px; margin:0;}
                  .modal-menu .mm-cols .mm-col .pjs-btns a:hover {color:var(--txt-color-2); background:var(--main-color-darker);}
                .modal-menu .mm-cols .mm-col .mm-locs {padding-top:30px;}
                  .modal-menu .mm-cols .mm-col .mm-locs ul {list-style:none; margin:0;}
                    .modal-menu .mm-cols .mm-col .mm-locs ul li {padding:0;}
                      .modal-menu .mm-cols .mm-col .mm-locs ul li a {font-size:2.2rem; line-height:1; font-weight:700; text-transform:uppercase; padding:10px 5px 10px 36px; position:relative;}
                      .modal-menu .mm-cols .mm-col .mm-locs ul li.selected a, .modal-menu .mm-cols .mm-col .mm-locs ul li a:hover {color:var(--txt-color-5);}
                      .modal-menu .mm-cols .mm-col .mm-locs ul li.selected a::before {content:url(../svg/icon-loc-sml.svg); width:24px; height:34px; position:absolute; left:0; top:50%; transform:translateY(-50%);}
  @media (max-width:1600px) {
    .modal-menu .mm-top {padding-top:5px; padding-bottom:5px;}
      .modal-menu .mm-top .mm-logo {max-width:180px;}
    .modal-menu .mm-search {padding-top:10px;}
      .modal-menu .mm-search input[type="text"] {padding-bottom:10px;}
      .modal-menu .mm-search button {bottom:15px;}
    .modal-menu .mm-cols .mm-col {width:70%;}
    .modal-menu .mm-cols .mm-col:last-child {width:22%;}
      .modal-menu .mm-cols .mm-col .mm-nav-items {padding-top:20px;}
      .modal-menu .mm-cols .mm-col .mm-nav-group ul li {margin-bottom:8px;}
  }
  @media (max-width:1350px) {
    .modal-menu .mm-top .mm-main ul li {font-size:1.6rem; margin:0 20px;}
    .modal-menu .mm-cols .mm-col {width:65%;}
    .modal-menu .mm-cols .mm-col:last-child {width:32%;}
      .modal-menu .mm-cols .mm-col .mm-nav-group {width:31%;}
        .modal-menu .mm-cols .mm-col .mm-nav-group .group-title {font-size:2.8rem;}
  }
  @media (max-width:1023px) {
    .modal-menu .mm-cols .mm-col .mm-nav-group {width:48%;}
    /*.modal-menu .mm-cols .mm-col .mm-nav-group.dt {display:none;}
    .modal-menu .mm-cols .mm-col .mm-nav-group.mob {display:block;}*/
  }
  @media (max-width:980px) {
    .modal-menu .mm-top {align-items:flex-start; flex-direction:column;}
      .modal-menu .mm-top .mm-main {padding:25px 0 5px; margin:0;}
        .modal-menu .mm-top .mm-main ul li:first-child {margin-left:0;}
      .modal-menu .close-btn {right:30px;}
  }
  @media (max-width:767px) {
    .modal-menu .close-btn {top:37px;}
    .modal-menu .mm-top .mm-logo svg {width:163px;}
    .modal-menu .mm-top .mm-main {margin:0;}
      .modal-menu .mm-top .mm-main ul {flex-wrap:wrap; padding-top:0;}
        .modal-menu .mm-top .mm-main ul li {width:100%; margin:0 0 15px;}
          .modal-menu .mm-top .mm-main ul li a {text-align:left;}
    .modal-menu .mm-search input[type="text"] {font-size:2rem;}
    .modal-menu .mm-cols .mm-col, .modal-menu .mm-cols .mm-col:last-child {width:100%;}
    .modal-menu .mm-cols .mm-col .pjs-btns {padding-top:5px;}
    .modal-menu .mm-cols .mm-col .mm-locs ul li {padding-bottom:0;}
  }
  @media (max-width:540px) {
    .modal-menu .mm-cols .mm-col .mm-nav-group, .modal-menu .mm-cols .mm-col .mm-nav-group.mob {width:100%;}
  }

/*main styles*/
.pjs-main-container {width:100%; min-width:300px; min-height:100vh; margin-top:110px; display:flex; flex-direction:column; position:relative;}
body.logged-in .pjs-main-container {margin-top:78px;}
.pjs-main-container.mobile {margin-top:63px;}
body.logged-in .pjs-main-container.mobile {margin-top:36px;}
@media (max-width:782px) {
  body.logged-in .pjs-main-container.mobile {margin-top:22px;}
}

	.pjs-main-header {width:100%; background:var(--bg-color-1); text-align:center; position:fixed; left:0; top:0; right:0; z-index:500; box-shadow:none; transition:all .25s ease;}
/*	.pjs-main-header {width:100%; background:var(--bg-color-1); text-align:center; position:fixed; left:0; top:0; right:0; z-index:500; box-shadow:1px 1px 2px rgb(0 0 0 / 5%), 2px 2px 4px rgb(0 0 0 / 5%), 4px 4px 8px rgb(0 0 0 / 5%), 8px 8px 16px rgb(0 0 0 / 5%); transition:all .25s ease;}*/


    .pjs-main-header .pjs-inner {padding:15px 0; background:var(--bg-color-1); display:flex; justify-content:space-between; align-items:center; transition:all .25s ease;}
    .pjs-main-container.headroom--not-top .pjs-main-header .pjs-inner {padding:10px 0;}
      .pjs-main-header .logo {margin:0; transition:all 0.25s ease;}
        .pjs-main-header .logo a {width:424px; display:block; padding:6px 30px 6px 160px;}
        .pjs-main-container.headroom--not-top .pjs-main-header .logo a, .pjs-main-container.mobile .pjs-main-header .logo a {width:163px; padding:4px 15px 0 18px;}
          .pjs-main-header .logo svg {max-width:100%; display:block;}
            .pjs-main-header .logo svg .fillpath {fill:#fff;}
            .pjs-main-container.headroom--not-top .pjs-main-header .logo svg .fillpath {fill:#1A1A1A;}
      .pjs-main-header .header-main-nav {margin:0 auto 0 2%; padding-right:2%;}
        .pjs-main-header .header-main-nav ul {list-style:none; margin:0 auto; display:flex; justify-content:center;}
          .pjs-main-header .header-main-nav ul li {font-size:1.8rem; line-height:1; font-weight:700; text-transform:uppercase; margin:0 25px;}
            .pjs-main-header .header-main-nav ul li a {color:var(--txt-color-0); text-align:center;}
            .pjs-main-header .header-main-nav ul li a:hover {color:var(--main-color);}
      .pjs-main-header .items {display:flex; justify-content:flex-start; align-items:stretch; margin:0 0 0 auto;}
        .pjs-main-header .countdown-timer {padding:18px 45px 10px;}
        .pjs-main-container.headroom--not-top .pjs-main-header .countdown-timer, .pjs-main-container.mobile .pjs-main-header .countdown-timer {padding:5px 16px 0 10px;}
          .pjs-main-header .countdown-timer a {line-height:1;}
          .pjs-main-header .countdown-timer a.manual {display:none; line-height:1;}
            .pjs-main-header .countdown-timer .txt {display:block; font-size:2rem; text-transform:uppercase; color:var(--txt-color-1);}
            .pjs-main-container.headroom--not-top .pjs-main-header .countdown-timer .txt, .pjs-main-container.mobile .pjs-main-header .countdown-timer .txt {font-size:1.3rem;}
            .pjs-main-header .countdown-timer .livenow {text-transform:uppercase; display:none;}
            .pjs-main-header .countdown-timer .timer {display:flex; justify-content:space-between; color:var(--main-color); font-size:2.6rem;}
              .pjs-main-header .countdown-timer .timer .live {width:100%; text-align:center;}
            .pjs-main-container.headroom--not-top .pjs-main-header .countdown-timer .timer, .pjs-main-container.mobile .pjs-main-header .countdown-timer .timer {font-size:1.7rem;}
              .pjs-main-header .countdown-timer .timer .secs {display:none;}
            .pjs-main-header .countdown-timer .time-labels {font-size:1.2rem; color:var(--txt-color-1); display:flex; justify-content:space-around;}
            .pjs-main-container.headroom--not-top .pjs-main-header .countdown-timer .time-labels, .pjs-main-container.mobile .pjs-main-header .countdown-timer .time-labels {font-size:1rem;}
              .pjs-main-header .countdown-timer .time-labels .label {display:block; margin:0;}
        .pjs-main-header .mega-menu-btn {border-right:1px solid var(--divider-color-0);}
        .pjs-main-header .countdown-timer ~ .mega-menu-btn {border-left:1px solid var(--divider-color-0);}
          .pjs-main-header .mega-menu-btn .hamburger-menu {padding:32px 45px 15px; cursor:pointer;}
          .pjs-main-container.headroom--not-top .pjs-main-header .mega-menu-btn .hamburger-menu, .pjs-main-container.mobile .pjs-main-header .mega-menu-btn .hamburger-menu {padding:14px 20px 3px;}
            .pjs-main-header .mega-menu-btn .hamburger-menu div {width:41px; height:4px; background:var(--nav-bars); border-radius:2px; margin:0 0 10px 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-container.headroom--not-top .pjs-main-header .mega-menu-btn .hamburger-menu div, .pjs-main-container.mobile .pjs-main-header .mega-menu-btn .hamburger-menu div {width:35px; height:3px; margin-bottom:8px;}
            .pjs-main-header .mega-menu-btn .hamburger-menu:hover div {background:var(--main-color);}
            .pjs-main-header .mega-menu-btn .hamburger-menu.close div:nth-child(1) {transform:rotate(-45deg); margin-top:8px;}
            .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:41px; transform:rotate(45deg); margin-top:-16px;}
            .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:35px;}
        .pjs-main-header .loc-items {display:flex; align-items:center;}
          .pjs-main-header .loc-items .loc-icon {padding:10px 180px 10px 45px; cursor:pointer; transition:all .25s ease;}
          .pjs-main-container.headroom--not-top .pjs-main-header .loc-items .loc-icon, .pjs-main-container.mobile .pjs-main-header .loc-items .loc-icon {padding:6px 19px 0 24px;}
          .pjs-main-container.loc-used .pjs-main-header .loc-items .loc-icon {display:none;}
          .pjs-main-container.loc-used.mobile .pjs-main-header .loc-items .loc-icon {display:block;}
            .pjs-main-header .loc-items .loc-icon svg {transition:all 0.25s ease; transform-origin:bottom center;}
            .pjs-main-header .loc-items .loc-icon:hover svg {transform:rotate(-10deg);}
            .pjs-main-container.headroom--not-top .pjs-main-header .loc-items .loc-icon svg, .pjs-main-container.mobile .pjs-main-header .loc-items .loc-icon svg {width:22px !important; height:31px !important;}
              .pjs-main-header .loc-items .loc-icon .element {fill:var(--locitems-icons); transition:all 0.25s ease;}
            .pjs-main-header .loc-items .loc-icon:hover .element {fill:var(--locitems-icons-hover);}
          .pjs-main-header .loc-items .loc-selected {width:400px; justify-content:space-between; align-items:center; padding:17px 28px 15px 50px; display:none;}
          .pjs-main-container.headroom--not-top .pjs-main-header .loc-items .loc-selected, .pjs-main-container.mobile .pjs-main-header .loc-items .loc-selected {padding:0 28px 0 20px;}
          .pjs-main-container.loc-used .pjs-main-header .loc-items .loc-selected {display:block;}
          .pjs-main-container.loc-used.mobile .pjs-main-header .loc-items .loc-selected {display:none;}
            .pjs-main-header .loc-items .loc-selected a {width:100%; display:flex; justify-content:flex-start; align-items:center;}
              .pjs-main-header .loc-items .loc-selected .icon-home {width:35px; height:49px; margin:0;}
              .pjs-main-container.headroom--not-top .pjs-main-header .loc-items .loc-selected .icon-home, .pjs-main-container.mobile .pjs-main-header .loc-items .loc-selected .icon-home {width:26px; height:36px;}
                .pjs-main-header .loc-items .loc-selected .icon-home .element {fill:var(--locitems-icons);}
                .pjs-main-header .loc-items .loc-selected .icon-home svg {width:35px; height:49px;}
                .pjs-main-container.headroom--not-top .pjs-main-header .loc-items .loc-selected .icon-home svg, .pjs-main-container.mobile .pjs-main-header .loc-items .loc-selected .icon-home svg {width:26px; height:36px;}
              .pjs-main-header .loc-items .loc-selected .loc-txt {color:var(--txt-color-6); font-size:1.8rem; line-height:1; text-transform:uppercase; margin:0 auto 0 0; padding-left:20px;}
              .pjs-main-header .loc-items .loc-selected .icon-arrow {height:29.25px; margin:0 0 0 auto; transition:all 0.25s ease;}
              .pjs-main-header .loc-items .loc-selected.open .icon-arrow {transform:rotate(180deg);}
                .pjs-main-header .loc-items .loc-selected .icon-arrow .element {fill:var(--locitems-icons);}

          .pjs-main-header .loc-items .loc-options {width:100%; max-width:542px; position:absolute; right:0; top:116px; z-index:100; display:none;}
          .pjs-main-header .loc-items .loc-options.has-height {overflow:hidden; overflow-y:auto;}
          .pjs-main-container.headroom--not-top .pjs-main-header .loc-items .loc-options, .pjs-main-container.mobile .pjs-main-header .loc-items .loc-options {top:70px;}
            .pjs-main-header .loc-items .loc-options .loc-sub {height:70px; display:block; font-size:1.8rem; line-height:2.4rem; background:var(--main-color); color:var(--txt-color-2); border-bottom:1px solid rgba(255,255,255,0.2);}
            .pjs-main-header .loc-items .loc-options .loc-sub:last-child {border:0;}
            .pjs-main-header .loc-items .loc-options .loc-sub:hover {background:var(--bg-color-3);}
              .pjs-main-header .loc-items .loc-options .loc-sub .loc-txt {height:100%; display:block; padding:0 35px 0 15px; display:flex; flex-direction:column; justify-content:center; align-items:flex-end; text-align:left;}
                .pjs-main-header .loc-items .loc-options .loc-sub .loc-name {display:block; text-transform:uppercase;}
                .pjs-main-header .loc-items .loc-options .loc-sub .addy {display:block; font-size:1.3rem; line-height:1.1;}
  @media (max-width:1700px) {
    .pjs-main-header .logo a {width:284px; padding-left:28px;}
  }
  @media (max-width:1600px) {
    .pjs-main-header .header-main-nav {margin-left:0;}
      .pjs-main-header .header-main-nav ul li {margin:0 15px;}
    .pjs-main-header .countdown-timer, .pjs-main-header .mega-menu-btn .hamburger-menu, .pjs-main-header .loc-items .loc-icon {padding-left:25px; padding-right:25px;}
    .pjs-main-header .loc-items .loc-selected {width:350px; padding-left:25px;}
  }
  @media (max-width:1400px) {
    .pjs-main-header .logo a {width:250px;}
    .pjs-main-header .header-main-nav ul li {font-size:1.6rem;}
  }
  @media (max-width:1225px) {
    .pjs-main-header .pjs-inner {padding:10px 0;}
      .pjs-main-header .logo a {width:220px;}
      .pjs-main-header .icons .icon a {margin-right:0;}
      .pjs-main-header .icons .menu-btn {padding-right:13px;}
  }
  @media (max-width:880px) {
    .pjs-main-header .header-main-nav {display:none;}
  }
  @media (max-width:767px) {
    .pjs-main-header .main-nav, .pjs-main-header .icons .loc-icon {display:none;}
    .pjs-main-container.headroom--not-top .pjs-main-header .loc-items .loc-options, .pjs-main-container.mobile .pjs-main-header .loc-items .loc-options {top:70px;}
  }
  @media (max-width:560px) {
    .pjs-main-container.headroom--not-top .pjs-main-header .logo a, .pjs-main-container.mobile .pjs-main-header .logo a {width:135px;}
  }
  @media (max-width:413px) {
    .pjs-main-container.headroom--not-top .pjs-main-header .logo a, .pjs-main-container.mobile .pjs-main-header .logo a {width:125px;}
  }
  @media (max-width:374px) {
    .pjs-main-container.headroom--not-top .pjs-main-header .logo a, .pjs-main-container.mobile .pjs-main-header .logo a {width:88px; padding-right:10px; padding-left:8px;}
  }

/*sections*/
	.pjs-content-sections {width:100%; clear:both;}
  .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(--bg-color-1); margin:0 auto;}
    .pjs-section.gray-bg {background:var(--bg-color-4);}
			.pjs-section .pjs-inner {position:relative;}
				.pjs-section header {margin:0 0 30px;}
          .pjs-section header h1, .pjs-section header h2 {color:var(--txt-color-0); font-size:9rem; line-height:1;}
          .pjs-section header hr {width:100%; max-width:840px; background:var(--bg-color-1); display:block; margin:20px auto 30px;}
      .pjs-section h1:not(:where(header *)) {font-size:7rem; margin-bottom:20px;}
      .pjs-section h2:not(:where(header *)) {font-size:4rem; margin-bottom:8px;}
  @media (max-width:1600px) {
    .pjs-section header h1, .pjs-section header h2 {font-size:8rem;}
      .pjs-section h1:not(:where(header *)) {font-size:6rem;}
  }
  @media (max-width:1200px) {
    .pjs-section header h1, .pjs-section header h2 {font-size:7rem;}
      .pjs-section h1:not(:where(header *)) {font-size:5rem;}
  }
  @media (max-width:767px) {
    .pjs-section header h1, .pjs-section header h2 {font-size:4rem;}
    .pjs-section h1:not(:where(header *)) {font-size:3.5rem;}
    .pjs-section h2:not(:where(header *)) {font-size:2.8rem;}
  }

  .pjs-notifications {width:100%; max-width:633px; position:absolute; right:30px; top:43px; z-index:10; transition:all 0.25s;}
  .pjs-notifications.is-closed {right:0; left:auto;}
  .pjs-main-container.mobile .pjs-notifications {top:24px;}
    .pjs-notifications .pjs-notif-item {width:100%; height:70px; border-radius:10px; margin-bottom:10px; background:rgba(255,255,255,1); opacity:0; transition:all 0.5s ease; box-shadow:0 0 1px 0 rgba(0,0,0,0.1), 1px 1px 2px 1px rgba(0,0,0,0.1), 2px 2px 4px 2px rgba(0,0,0,0.1), 4px 4px 8px 4px rgba(0,0,0,0.1);}
    .pjs-notifications .pjs-notif-item.off {display:none; opacity:0;}
    .pjs-notifications .pjs-notif-item.is-closed {width:80px; cursor:pointer; border-top-right-radius:0; border-bottom-right-radius:0;}
    .pjs-notifications .pjs-notif-item {position:absolute; right:0; z-index:3; overflow:hidden;}
    .pjs-notifications .pjs-notif-item-2 {transform:scale(0.96); top:6px; z-index:2;}
    .pjs-notifications .pjs-notif-item-3 {transform:scale(0.92); top:12px; z-index:1;}
    .pjs-notifications .pjs-notif-item:hover {background:rgba(255,255,255,1);}
      .pjs-notifications .pjs-notif-item-inner {position:relative;}
        .pjs-notifications .pjs-notif-item .close-btn {background:var(--bg-color-1); position:absolute; right:20px; top:50%; transform:translateY(-50%); z-index:1; display:flex; cursor:pointer; opacity:1; transition:opacity 2s;}
        .pjs-notifications .pjs-notif-item.is-closed .close-btn {opacity:0; transition:opacity 0s;}
          .pjs-notifications .pjs-notif-item .close-btn .element {stroke:var(--txt-color-1);}
          .pjs-notifications .pjs-notif-item .close-btn:hover .element {stroke:var(--main-color);}
        .pjs-notifications .pjs-notif-item .closed-btn {height:70px; line-height:1; position:absolute; display:none;}
            .pjs-notifications .pjs-notif-item .closed-btn .cb-inner {width:80px; height:70px; display:flex; justify-content:center; align-items:center; padding:0 0 0 24px; position:relative;}
            .pjs-notifications .pjs-notif-item .closed-btn .cb-inner::before {content:''; width:7px; height:52px; display:block; background:var(--main-color); border-radius:8px; position:absolute; left:15px; top:50%; transform:translateY(-50%);}
            .pjs-notifications .pjs-notif-item .closed-btn .num {width:36px; height:36px; display:flex; justify-content:center; align-items:center; border-radius:50%; border:1px solid var(--main-color); color:var(--main-color); font-size:1.8rem;}
        .pjs-notifications .pjs-notif-item a {width:100%; min-width:450px; height:70px; display:block; opacity:1;}
        .pjs-notifications .pjs-notif-item a.disabled {cursor:initial; pointer-events:none;}
        .pjs-notifications .pjs-notif-item.is-closed a {display:none; opacity:0; transition:opacity 1s;}
          .pjs-notifications .pjs-notif-item .pjs-notif-inner {height:100%; padding:9px 60px 9px 15px; display:flex; align-items:center;}
            .pjs-notifications .pjs-notif-item .pjs-notif-inner .txt {height:100%; line-height:1; display:flex; align-items:center; color:var(--txt-color-1); text-transform:uppercase; padding:0 0 0 48px; transition:all 0.25s ease;}
            .pjs-notifications .pjs-notif-item a:hover .pjs-notif-inner .txt {color:var(--main-color);}
            .pjs-notifications .pjs-notif-item .pjs-notif-inner .txt::before {content:''; width:7px; height:52px; display:block; background:var(--main-color); border-radius:8px; position:absolute; left:15px; top:50%; transform:translateY(-50%);}
  @media (max-width:767px) {
    .pjs-notifications {width:90%; left:19px; right:19px;}
    .pjs-notifications.is-closed {right:0; left:auto;}
      .pjs-notifications .pjs-notif-item .pjs-notif-inner .txt {padding-left:25px;}
  }
  @media (max-width:500px) {
    .pjs-notifications .pjs-notif-item a {min-width:300px;}
  }

  .banner {width:100%; clear:both; text-align:center; position:relative; zoom:1;}
  .banner.home.services {display:none;}
    .banner .pjs-inner {height:calc(100vh - 113px);}
    .banner.sub .pjs-inner {height:auto;}
    .banner.sub:not(.loc) .pjs-inner {max-height:68vh; overflow:hidden;}
    .banner.sub.event-detail .pjs-inner {max-height:none;}
    .banner.sub.watch-online .pjs-inner {min-height:90vh;}
      .banner.sub.watch-online .watch-banner.live-now {display:none;}

      .banner .play-btn {max-width:20%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2;}
      .banner .banner-txt {width:90%; max-width:990px; color:var(--txt-color-2); position:absolute; left:50%; bottom:10%; transform:translateX(-50%); z-index:8; text-shadow:0 0 10px rgba(0,0,0,0.5);}
      .banner.sub .banner-txt {bottom:auto; top:50%; transform:translate(-50%,-50%); opacity:0;}
      .banner .banner-txt.v2, .banner .banner-txt.v3 {bottom:auto; top:50%; transform:translate(-50%,-50%);}
        .banner.sub .banner-txt .lrg-txt {color:var(--txt-color-2); font-family:'Source Serif Pro',serif; font-size:10.5rem; line-height:1; font-weight:700; text-transform:none; position:relative;}
          .banner.sub .banner-txt .lrg-txt .w-lines {position:absolute; left:50%; top:60%; transform:translate(-50%,-50%); opacity:0; z-index:-1; transition:opacity 0.3s ease-in, top 0.25s ease;}
        .banner .banner-txt .sml-txt {line-height:2.7rem;}
        .banner .pjs-btns {justify-content:center; padding:55px 0 0; margin:0 auto;}
          .banner.home .pjs-btns.btn-only a {margin:0 auto;}
          .banner .pjs-btns > .a {background:transparent; position:relative; overflow:initial; cursor:pointer; margin:0 0 10px 24px; box-shadow:initial;}
            .banner .pjs-btns > .a .mob {display:none;}
            .banner .pjs-btns > .a ul {width:0; max-height:200px; list-style:none; overflow:hidden; overflow-y:auto; margin:0; background:var(--bg-color-1); text-transform:none; padding:10px 0; position:absolute; left:100%; bottom:0; z-index:10; display:none;}
            .pjs-main-container.mobile .banner .pjs-btns > .a ul {width:100%; height:0; left:0; bottom:100%;}
              .banner .pjs-btns > .a ul li {margin:0;}
                .banner .pjs-btns > .a ul li a {display:block; line-height:1; padding:8px 20px; background:transparent; color:var(--txt-color-0); text-shadow:none;}
                .banner .pjs-btns > .a ul li a:hover {color:var(--main-color); background:var(--bg-color-4);}

        /*homepage countdown banner*/
        .banner .countdown-txt {line-height:1; color:var(--txt-color-2); text-transform:uppercase;}
          .banner .countdown-txt .ct-top {font-family:'Source Serif Pro',serif; font-size:6.1rem; font-weight:700; text-transform:none;}
          .banner .countdown-txt .ct-timer {max-width:720px; display:flex; flex-direction:column; padding:35px 0 0;}
          .banner.watch-online .countdown-txt .ct-timer {max-width:850px;}
            .banner .countdown-txt .ct-timer .ct-times {display:flex; justify-content:space-between; font-size:12.4rem; font-weight:700; margin:0;}
              .banner .countdown-txt .ct-timer .ct-times .time {width:30%; padding:0 34px; margin:0;}
              .banner.watch-online .countdown-txt .ct-timer .ct-times .time {width:23%; padding:0 25px;}
                .banner.home .countdown-txt .ct-timer .ct-times .time.days {display:none;}
              .banner .countdown-txt .ct-timer .ct-times .live {width:100%; text-align:center;}
            .banner .countdown-txt .ct-timer .ct-labels {display:flex; justify-content:space-between; color:var(--main-color); font-size:3.1rem; padding:20px 0 0; margin:0;}
              .banner .countdown-txt .ct-timer .ct-labels div {width:30%; margin:0; text-align:center;}
              .banner.watch-online .countdown-txt .ct-timer .ct-labels div {width:23%;}
          .banner .countdown-txt .ct-mid {font-size:5rem; padding:40px 0 0;}
          .banner .countdown-txt .pjs-btns {padding-top:50px;}
            .banner .countdown-txt .pjs-btns a {margin-left:15px; margin-right:15px;}
          .banner .countdown-txt .ct-btm-txt {font-size:3.4rem; font-weight:300;padding:38px 0 0;}

        /*live now banner*/
        .banner .live-now-content {color:var(--txt-color-2);}
          .banner .live-now-content .vidframe {max-width:842px; padding-bottom:46.75%;}
          .banner .live-now-content .ln-title {font-family:'Source Serif Pro',serif; font-size:7.5rem; line-height:1; font-weight:700; padding:20px 0 0;}
          .banner .live-now-content .ln-txt {max-width:590px; font-size:2.5rem; line-height:3.4rem; font-weight:300; letter-spacing:0.02em; text-transform:uppercase;}
          .banner .live-now-content .pjs-btns {padding-top:35px;}
            .banner .live-now-content .pjs-btns a {margin-left:15px; margin-right:15px;}

      .banner.sub .pjs-banner-txt {width:90%; max-width:800px; color:var(--txt-color-2); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:8; text-shadow:0 0 10px rgba(0,0,0,0.5); opacity:0;}
        .banner.sub .pjs-banner-txt .lrg-txt {font-size:7rem; line-height:5.9rem; font-weight:900; text-transform:uppercase; letter-spacing:0.03em;}

      /*event detail banner*/
      .banner.event-detail{
        background-color: var(--txt-color-4);
      }
      .banner.event-detail .pjs-inner{
        display: flex;
        flex-direction: column-reverse;
      }

      @media (min-width:768px) {
        .banner.event-detail .pjs-inner{
          flex-direction: row;
        }
      }
      .banner.event-detail .pjs-banner-txt {
        width:50%; 
        max-width:1080px;
        position:relative;
        left:auto;
        top:auto;
        bottom:auto;
        padding:40px 7% 60px;
        margin:0;
        transform:none;
        text-align:left;
      }
      @media (min-width:768px) {
        .banner.event-detail .pjs-banner-txt {      
          padding:100px 7%;
        }
      }


        .banner.event-detail .pjs-banner-txt a {color:var(--txt-color-2);}
        .banner.event-detail .pjs-banner-txt a:hover {text-decoration:underline;}
        .banner.event-detail .pjs-banner-txt h1 {font-size:6.7rem; color:var(--txt-color-2);}
        .banner.event-detail .pjs-banner-txt .info {max-width:500px; line-height:3.5rem; padding:25px 0 0; margin:0;}
          .banner.event-detail .pjs-banner-txt .info .cols {display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
            .banner.event-detail .pjs-banner-txt .info .col {width:55%; margin:0 0 25px;}
            .banner.event-detail .pjs-banner-txt .info .col:last-child {width:40%;}
              .banner.event-detail .pjs-banner-txt .info .col a {display:block;}
        .banner.event-detail .pjs-banner-txt .pjs-btns {padding:0; justify-content:flex-start;}
          .banner.event-detail .pjs-banner-txt .pjs-btns a {min-width:190px; margin-left:0; margin-right:25px;}
          .banner.event-detail .pjs-banner-txt .pjs-btns a:hover {text-decoration:none;}
          .banner.event-detail .pjs-banner-txt .pjs-btns a.btn-circle{min-width:0!important; width:70px; height:70px; padding:0; display:flex; justify-content:center; align-items:center;}
        .banner.event-detail .pjs-banner-txt .contact {padding:40px 0 0;}
          .banner.event-detail .pjs-banner-txt .contact .sep {display:inline-block; vertical-align:top; margin:0 15px;}

  /**********************************************
    Location Page Banner
  **********************************************/
      .banner.loc .pjs-banner-txt {max-width:1680px; display:flex; align-items:stretch; flex-wrap:wrap; top:auto; bottom:-80px; transform:translateX(-50%); font-size:1.6rem; line-height:2.4rem;}
        .banner.loc .pjs-banner-txt .main-content {width:38%; margin:0 auto 0 0; padding:0 0 80px; display:flex; flex-direction:column; justify-content:flex-end; text-align:left;}
          .banner.loc .pjs-banner-txt .main-content .lrg-txt {font-family:'Source Serif Pro',serif; font-size:6.7rem; line-height:1; text-transform:none;}
          .banner.loc .pjs-banner-txt .main-content a {color:var(--txt-color-2);}
          .banner.loc .pjs-banner-txt .main-content a:hover {color:#b9b9b9;}
          .banner.loc .pjs-banner-txt .main-content .loc-info {width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; padding:25px 0 32px; text-transform:none;}
            .banner.loc .pjs-banner-txt .main-content .loc-info .col {width:48%; margin:0; text-align:left;}
              .banner.loc .pjs-banner-txt .main-content .loc-info .col-title {text-transform:uppercase; font-weight:700;}
          .banner.loc .pjs-banner-txt .main-content .pjs-links {margin:0; padding:0 0 25px; display:flex; align-items:center;}
            .banner.loc .pjs-banner-txt .main-content .pjs-links .pjs-btns {padding:0; margin:0;}
              .banner.loc .pjs-banner-txt .main-content .pjs-links .pjs-btns a {min-width:315px; margin:0;}
              .banner.loc .pjs-banner-txt .main-content .pjs-links .pjs-btns a:hover {color:var(--txt-color-2);}
            .banner.loc .pjs-banner-txt .main-content .pjs-links .social-links {margin:0; padding:0 0 0 30px;}
              .banner.loc .pjs-banner-txt .main-content .pjs-links .social-links ul {list-style:none; margin:0; display:flex; justify-content:space-evenly;}
                .banner.loc .pjs-banner-txt .main-content .pjs-links .social-links ul li {font-size:3rem; line-height:1; margin:0 5px;}
                  .banner.loc .pjs-banner-txt .main-content .pjs-links .social-links ul li a {color:var(--txt-color-2); display:block; padding:0 5px; position:relative; overflow:hidden;}
                  .banner.loc .pjs-banner-txt .main-content .pjs-links .social-links ul li a:hover {color:var(--main-color);}
                    .banner.loc .pjs-banner-txt .main-content .pjs-links .social-links ul li a .icon {display:block;}
                      .banner.loc .pjs-banner-txt .main-content .pjs-links .social-links ul li a .txt {position:absolute; left:-9999px; z-index:-1; opacity:0;}
          .banner.loc .pjs-banner-txt .main-content .loc-contact {margin:0; padding-bottom:45px;}
            .banner.loc .pjs-banner-txt .main-content .loc-contact .div {display:inline-block; vertical-align:top; margin:0 10px;}
        .banner.loc .pjs-banner-txt .vid-content {width:58%; margin:auto 0 0 auto;}
          .banner.loc .pjs-banner-txt .vid-content .vid-img {position:relative;}
            .banner.loc .pjs-banner-txt .vid-content .vid-img img {width:auto; display:block; transition:all 0.5s ease;}
            .banner.loc .pjs-banner-txt .vid-content .vid-img a {max-width:100%; display:block; position:relative; overflow:hidden;}
            .banner.loc .pjs-banner-txt .vid-content .vid-img a .main-img {width:100%;}
            .banner.loc .pjs-banner-txt .vid-content .vid-img a:hover .main-img {transform:scale(1.08,1.08);}
              .banner.loc .pjs-banner-txt .vid-content .vid-img a .play-btn {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}


        .banner.sub .banner-img-container {background:var(--bg-color-3); position:relative; opacity:0;}



        .banner.sub.event-detail .banner-img-container {
          position:relative;
          padding: 60px 7% 0;
          width: 100%;
        }

        @media (min-width:768px) {
         .banner.sub.event-detail .banner-img-container {
            padding: 100px 7%  100px 0;
            width: 50%;
          }
        }

          .banner.sub .banner-img {width:100%; height:auto; min-height:0; max-width:100%; display:block; mix-blend-mode:normal;opacity:.45;}
          .banner.sub .banner-img.full {mix-blend-mode:initial;}

        .banner.sub.event-detail .banner-img {
          width:100%;
          height: auto;
          min-width:unset;
          max-width:none;
          min-height:unset;
          position:relative;
          left:unset;
          top:unset;
          transform:unset;
          opacity: 1;
          box-shadow: 0px 10px 50px rgba(0,0,0,.75);      
        }


        .banner.sub .watch-banner {width:100%;}
				.banner .home-banner-video, .banner .swiper-container {height:100%; overflow:hidden;}
					.banner .swiper-slide {background-position:center; background-repeat:no-repeat; z-index:2; opacity:0;}
					.banner .swiper-slide-active {z-index:3;}

        .banner .swiper-button-next, .banner .swiper-button-prev {width:46px; height:46px; display:block; bottom:47px; left:auto; top:auto; margin-top:0;}
        .banner .swiper-button-next {right:304px;}
        .banner .swiper-button-prev {right:360px;}
        .banner .swiper-button-next:after, .banner .swiper-button-prev:after {opacity:0;}
        .banner .swiper-button-next svg > g > g, .banner .swiper-button-prev svg > g > g {transition:all 0.25s ease;}
        .banner .swiper-button-next:hover svg > g > g, .banner .swiper-button-prev:hover svg > g > g {stroke:var(--txt-color-2);}

        .banner .swiper-pagination-progressbar {background:rgba(255,255,255,0.3);}
          .banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:var(--bg-color-1);}
        .banner .swiper-horizontal>.swiper-pagination-progressbar, .banner .swiper-pagination-progressbar.swiper-pagination-horizontal {width:90px; top:auto; bottom:68px; left:auto; right:132px;}
        .banner .swiper-nums {color:var(--txt-color-2); font-family:'Roboto',sans-serif; font-size:1.4rem; line-height:1; font-weight:700; position:absolute; bottom:63px; z-index:10;}
        .banner .swiper-current {right:239px;}
        .banner .swiper-total {right:98px;}

				.banner .bg-video {width:100%;height:100%;position:relative;z-index:1; transition:height 999999s;}
					.banner .bg-video .bg-video-inner {width:100%;height:100%;position:absolute;z-index:-1; transition:height 999999s;}
						.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;}
				#videoPreloader {position:absolute;left:50%;top:50%; z-index:4; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
				.banner.sub.tall .social-share {bottom:60px;}
  @media (min-width:1200px) {
		.banner.sub .watch-banner {height:90vh;}
			.banner.sub .watch-banner .banner-img-container {height:100%; overflow:hidden;}
				.banner.sub .watch-banner .banner-img-container .full {min-width:100%; width:auto; max-width:initial; min-height:100%;position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
	}
  @media (min-width:2000px) {
    /*.banner .banner-txt.v3 {bottom:20%;}*/
  }
  @media (min-width:3000px) {
    .banner .banner-txt.v2, .banner .banner-txt.v3 {max-width:1300px;}
      .banner .live-now-content .vidframe {max-width:100%; padding-bottom:56.25%;}
  }
  @media (max-height:1080px) and (orientation:landscape) {
    /*.banner .banner-txt.v3 {bottom:5%;}*/
      .banner .live-now-content .vidframe {max-width:720px; padding-bottom:42%;}
  }
  @media (max-height:860px) and (orientation:landscape) {
    /*.banner .banner-txt.v3 {bottom:auto; top:52%; transform:translate(-50%,-50%);}*/
    .banner .countdown-txt .ct-top {font-size:4.5rem;}
    .banner .countdown-txt .ct-timer {max-width:570px; padding-top:20px;}
      .banner .countdown-txt .ct-timer .ct-times {font-size:9rem;}
      .banner .countdown-txt .ct-timer .ct-labels {font-size:2.1rem; padding-top:10px;}
    .banner .countdown-txt .ct-mid {font-size:3rem; padding-top:30px;}
    .banner .countdown-txt .ct-btm-txt {font-size:3.2rem; padding-top:15px;}
    .banner .countdown-txt .pjs-btns {padding-top:30px;}
    .banner .live-now-content .vidframe {max-width:600px; padding-bottom:33%;}
    .banner .live-now-content .ln-title {font-size:6.2rem;}
    .banner .live-now-content .ln-txt {font-size:2.4rem; line-height:3.2rem;}
  }
  @media (max-height:768px) and (orientation:landscape) {
    .banner .live-now-content .vidframe {max-width:500px; padding-bottom:28%;}
    .banner .live-now-content .ln-title {font-size:4.3rem;}
    .banner .live-now-content .ln-txt {font-size:2rem;}
  }
  @media (max-width:1750px) {
    .banner.loc .pjs-banner-txt .main-content .lrg-txt {font-size:5rem;}
  }
  @media (max-width:1600px) {
    .banner.sub .banner-txt .lrg-txt {font-size:9.5rem;}
  }
  @media (min-width:1440px) {
    .banner.sub .pjs-inner {max-height:75vh;}
  }
  @media (max-width:1440px) {
    .banner.loc .pjs-banner-txt {bottom:-50px;}
      .banner.loc .pjs-banner-txt .main-content {padding-bottom:20px;}
        .banner.loc .pjs-banner-txt .main-content .lrg-txt {font-size:4rem;}
        .banner.loc .pjs-banner-txt .main-content .pjs-links .pjs-btns a {min-width:280px;}
      .banner.loc .pjs-banner-txt .vid-content {width:50%;}
  }
  @media (max-width:1200px) {
    .banner.sub:not(.loc):not(.event-detail) .pjs-inner {max-height:40vh;}
    .banner.sub .banner-txt .lrg-txt {font-size:8.5rem;}
    .banner.loc {overflow:hidden;}
      .banner.sub.loc .banner-img {width:auto; min-width:101%; max-width:225%; height:auto; min-height:101%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1;}
      .banner.loc .pjs-banner-txt {width:100%; position:relative; bottom:auto; left:auto; transform:none; padding-top:50px;}
        .banner.loc .pjs-banner-txt .main-content {width:86%; margin:0 auto; padding-bottom:0;}
          .banner.loc .pjs-banner-txt .main-content .loc-info {width:50%; margin:0;}
        .banner.loc .pjs-banner-txt .vid-content {width:100%; margin:0 auto;}
      .banner.loc .banner-img-container {position:absolute; left:0; top:0; right:0; bottom:0;}
    /*.banner .banner-txt.v3 {bottom:auto; top:55%; transform:translate(-50%,-50%);}*/
    .banner .countdown-txt .ct-top {font-size:4.5rem;}
    .banner .countdown-txt .ct-timer {max-width:570px; padding-top:20px;}
      .banner .countdown-txt .ct-timer .ct-times {font-size:9rem;}
      .banner .countdown-txt .ct-timer .ct-labels {font-size:2.1rem; padding-top:10px;}
    .banner .countdown-txt .ct-mid {font-size:3rem; padding-top:30px;}
    .banner .countdown-txt .ct-btm-txt {font-size:3.2rem; padding-top:15px;}
    .banner .countdown-txt .pjs-btns {padding-top:30px;}
    .banner .live-now-content .vidframe {max-width:760px;}
    .banner .live-now-content .ln-title {font-size:6.2rem;}
    .banner .live-now-content .ln-txt {font-size:2.4rem; line-height:3.2rem;}
    .banner.event-detail .pjs-banner-txt h1 {font-size:5rem;}
  }
  @media (max-width:1080px) {
    .banner .pjs-btns > .a ul {left:96%;}
  }
  @media (max-width:896px) {
    .banner.sub:not(.loc):not(.event-detail) .pjs-inner {max-height:32vh;}
    .banner.loc .pjs-banner-txt .main-content .loc-info {width:80%;}
    .banner .live-now-content .vidframe {max-width:100%; padding-bottom:56.25%;}
    .banner.sub.loc .banner-img {max-width:250%;}
  }
  @media (max-width:896px) and (orientation:landscape) {
    .banner .pjs-btns, .banner .countdown-txt .pjs-btns {padding-top:20px;}
      .banner .pjs-btns a {min-width:160px; padding:15px 20px; font-size:1.6rem;}
    .banner .banner-txt .sml-txt {font-size:1.6rem; line-height:2.2rem; text-shadow:0 0 5px rgba(0,0,0,0.8);}
    .banner .live-now-content .ln-title {font-size:4.3rem;}
    .banner .live-now-content .ln-txt {font-size:1.9rem; line-height:3rem;}
    .banner .live-now-content .vidframe, .banner .swiper-button-next, .banner .swiper-button-prev {display:none;}
    .banner .swiper-nums {bottom:20px;}
    .banner .swiper-current {right:160px;}
    .banner .swiper-total {right:17px;}
    .banner .swiper-horizontal>.swiper-pagination-progressbar, .banner .swiper-pagination-progressbar.swiper-pagination-horizontal {bottom:25px; right:52px;}
    .banner .countdown-txt .ct-mid {padding-top:10px; font-size:2.2rem;}
    .banner .countdown-txt .ct-timer {max-width:375px; padding-top:5px;}
      .banner .countdown-txt .ct-timer .ct-times {font-size:4rem;}
      .banner .countdown-txt .ct-timer .ct-labels {font-size:1.6rem; padding-top:5px;}
    .banner .countdown-txt .ct-btm-txt {font-size:2.4rem;}
    .banner .countdown-txt .ct-btm-txt {padding-top:5px;}
  }
  @media (max-width:767px) {
    .banner .banner-notif {width:90%; left:50%; right:auto; transform:translateX(-50%);}
    .banner .banner-txt {width:90%; text-shadow:0 0 5px rgba(0,0,0,0.8);}
    /*.banner .banner-txt.v2 {width:100%; max-width:100%; top:auto; bottom:5%;}*/
      .banner .banner-txt .lrg-txt {font-size:3.3rem; line-height:3.5rem; font-weight:700;}
      .banner .banner-txt .sml-txt {padding-top:25px; font-size:1.4rem; line-height:2.2rem;}
      .banner.sub .banner-txt .lrg-txt {font-size:5.5rem;}
      .banner .live-now-content .ln-title, .banner .live-now-content .ln-txt, .banner .live-now-content .pjs-btns {padding-left:5%; padding-right:5%;}
      .banner .live-now-content .ln-title {font-size:3.6rem;}
      .banner .live-now-content .ln-txt {font-size:1.9rem; line-height:3rem;}
    .banner.loc .pjs-banner-txt .main-content .loc-info {width:100%;}
      .banner.loc .pjs-banner-txt .main-content .loc-info .col {width:100%;}
      .banner.loc .pjs-banner-txt .main-content .loc-info .col:first-child {padding-bottom:25px;}
    .banner.loc .pjs-banner-txt .main-content .pjs-links {display:block;}
      .banner.loc .pjs-banner-txt .main-content .pjs-links .social-links {padding:25px 0 0;}
        .banner.loc .pjs-banner-txt .main-content .pjs-links .social-links ul {justify-content:center;}
    .banner.loc .pjs-banner-txt .main-content .loc-contact .div {display:block; opacity:0; font-size:1rem; line-height:0;}
    .banner.sub:not(.loc):not(.event-detail) .pjs-inner {max-height:50vh;}
    .banner.sub:not(.event-detail) .banner-img-container {height:50vh; overflow:hidden;}
    .banner.sub.loc .banner-img-container {height:100%;}
      .banner.sub .banner-img-container img, .banner.sub.loc .banner-img-container img {width:auto; min-width:101%; max-width:none; min-height:101%; max-height:101%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
    .banner .pjs-btns, .banner .live-now-content .pjs-btns {padding-top:20px;}
      .banner .pjs-btns a, .banner .pjs-btns > .a {margin-left:0; margin-right:0;}
      .banner .pjs-btns > .a .mob {display:block;}
      .banner .pjs-btns > .a .dt, .banner .swiper-button-next, .banner .swiper-button-prev {display:none;}
    .banner .swiper-nums {bottom:20px;}
    .banner .swiper-current {right:160px;}
    .banner .swiper-total {right:17px;}
    .banner .swiper-horizontal>.swiper-pagination-progressbar, .banner .swiper-pagination-progressbar.swiper-pagination-horizontal {bottom:25px; right:52px;}
    .banner .countdown-txt .ct-timer .ct-times {font-size:4rem;}
    .banner .countdown-txt .ct-timer .ct-labels {font-size:1.8rem;}
    .banner .countdown-txt .ct-btm-txt {font-size:2.4rem;}
    .banner .countdown-txt .ct-timer {max-width:375px;}
    .banner.watch-online .countdown-txt .ct-timer {max-width:400px;}
    .banner.event-detail .pjs-banner-txt {width:100%;}
      .banner.event-detail .pjs-banner-txt h1 {font-size:4rem; line-height:1.1;}
  }
  @media (max-width:767px) and (orientation:landscape) {
    .banner.sub .banner-img-container {height:100vh;}
  }
  @media (max-width:500px) {
    .banner.watch-online .countdown-txt .ct-timer .ct-times {font-size:3.6rem;}
      .banner.watch-online .countdown-txt .ct-timer .ct-times .time {padding:0 10px;}
      .banner.watch-online .countdown-txt .ct-timer .ct-labels {font-size:1.5rem;}
  }
  @media (max-width:413px) {
    .banner .banner-txt {bottom:6%;}
  }
  @media (max-width:374px) {
    .banner.sub .banner-txt .lrg-txt {font-size:4rem;}
    .banner .countdown-txt .ct-top {font-size:4rem;}
    .banner .countdown-txt .ct-timer .ct-labels {font-size:1.4rem;}
    .banner .countdown-txt .ct-mid {font-size:2rem;}
    .banner .countdown-txt .pjs-btns {padding-top:25px;}
  }



/*site panels*/

  .pjs-sections-group {background:var(--bg-color-2); margin-bottom:-2px;}

  /**********************************************
    homepage panel 1
  **********************************************/
  .home-1 {background:transparent; z-index:1;}
  .pjs-sections-group.alt .home-1 {z-index:2;}
    .home-1 .pjs-inner {padding:56px 7% 0;}
      .home-1 .pjs-cols {max-width:1640px; display:flex; justify-content:space-between; flex-wrap:wrap;}
        .home-1 .txt-col {width:47%; margin:0; padding:150px 0 0;}
          .home-1 .txt-col header h1, .home-1 .txt-col header h2 {padding-left:135px;}
          .home-1 .txt-col .pjs-content {/*max-height:46%; overflow:hidden; overflow-y:auto;*/ color:var(--txt-color-0); padding:0 0 200px 135px;}
            .home-1 .txt-col .pjs-content a {color:var(--txt-color-2);}
            .home-1 .txt-col .pjs-content a:hover {color:var(--main-hover);}
        .home-1 .img-col {width:49%; margin:0;}
          .home-1 .img-col .img-container {width:100%; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:0.5fr 1fr; column-gap:20px; row-gap:20px;}
            .home-1 .img-col .img {width:100%; transition:margin 0.25s ease;}
            .home-1 .img-col .img:first-child {padding-top:55px; grid-column-start:1; grid-row-start:1; grid-row-end:span 2;}
              .home-1 .img-col .img:last-child {grid-column-start:2; grid-row-start:2; grid-row-end:span 2;}
              .home-1 .img-col .img img {display:block; box-shadow:2px 2px 10px 5px rgba(0,0,0,0.2);}
  @media (max-width:1400px) {
    .home-1 .txt-col header h1, .home-1 .txt-col header h2 {font-size:6rem;}
    .home-1 .txt-col header h1, .home-1 .txt-col header h2, .home-1 .txt-col .pjs-content {padding-left:50px;}
  }
  @media (max-width:1200px) {
    .home-1 .txt-col .pjs-content {padding-bottom:150px;}
  }
  @media (max-width:980px) {
    .home-1 .pjs-inner {padding-left:0;}
    .pjs-sections-group.alt .home-1 .pjs-inner {padding-bottom:40px;}
      .home-1 .txt-col {padding-top:60px;}
        .home-1 .txt-col header {padding-left:0;}
        .home-1 .txt-col .pjs-content {padding-bottom:0;}
        .home-1 .txt-col header h1, .home-1 .txt-col header h2, .home-1 .txt-col .pjs-content {padding-left:16%;}
      .home-1 .img-col .img-container {column-gap:10px; row-gap:10px;}
  }
  @media (max-width:767px) {
    .home-1 .txt-col header h1, .home-1 .txt-col header h2 {font-size:4rem;}
    .home-1 .img-col {margin-top:-25px;}
  }
  @media (max-width:450px) and (orientation:portrait) {
    .home-1 .txt-col .pjs-content {width:145%;}
    .home-1 .img-col .img:first-child {padding-top:40px;}
  }
  @media (max-width:374px) {
    .home-1 .txt-col header h1, .home-1 .txt-col header h2 {font-size:3.6rem;}
  }

  /**********************************************
    homepage panel 2
  **********************************************/
  .home-2 {background:transparent; margin-top:-290px; z-index:0;}
  .pjs-sections-group.alt .home-2 {z-index:1;}
    .home-2 .pjs-inner {padding:244px 0 0;}
      .home-2 .pjs-quote-item {width:37%; max-width:605px; color:var(--txt-color-2); font-family:'Source Serif Pro', serif; font-weight:700; position:absolute; left:7%; top:0;}
      .home-2 .pjs-quote-item .pjs-quotation {color:var(--txt-color-0); font-size:20rem; line-height:1; margin-bottom:-110px;}
      .home-2 .pjs-quote-item .pjs-quote-txt {font-size:4rem; line-height:1.2;}

      .home-2 .pjs-main-box {width:55%; background:var(--bg-color-0); padding:120px 135px 65px 118px; margin:0 0 0 auto; position:relative;}
      .pjs-sections-group.alt .home-2 .pjs-main-box {width:88%;}
        .home-2 .pjs-main-box header h2 {color:var(--txt-color-2); padding-right:135px; text-align:right;}
        .home-2 .pjs-main-box header hr {background:var(--bg-color-2); margin-right:0;}
        .home-2 .pjs-main-box .pjs-content {color:var(--txt-color-2); padding:0 135px 0 20px; margin-right:0; text-align:right;}
        .pjs-sections-group.alt .home-2 .pjs-main-box .pjs-content {max-width:55.5%;}
          .home-2 .pjs-main-box .pjs-content .pjs-btns a {margin-left:auto; margin-right:0;}

      .home-2 .pjs-img-item {max-width:50%; position:absolute; left:-45%; bottom:6%; z-index:1;}
      .pjs-sections-group.alt .home-2 .pjs-img-item {max-width:52%; left:-12%;}
        .home-2 .pjs-img-item figure {display:block; position:relative; margin:0;}
        .home-2 .pjs-img-item figcaption {position:absolute; right:108%; bottom:50%; color:var(--txt-color-2); text-transform:uppercase; line-height:3rem;}
        .home-2 .pjs-img-item img {display:block; margin:0;}

      .home-2 .pjs-logo-txt {width:100%; min-height:548px; background:var(--bg-color-1); padding:15px 0 4px; margin-top:-290px; overflow:hidden;}
        .home-2 .pjs-logo-txt .plt-item {display:none;}
          .home-2 .pjs-logo-txt img {width:110%; max-width:110%; margin-left:-5%;}
          .home-2 .pjs-logo-txt object {width:110%; max-width:110%; margin-left:-5%;}
  @media (min-width:1921px) {
    .home-2 .pjs-img-item {max-width:38%; left:-35%;}
      .home-2 .pjs-img-item figcaption {bottom:60%;}
  }
  @media (min-width:2500px) {
    .home-2 .pjs-img-item {max-width:36%; left:-33%; bottom:6%;}
      .home-2 .pjs-img-item figcaption {bottom:55%;}
    .home-2 .pjs-logo-txt {min-height:732px;}
  }
  @media (min-width:3600px) {
    .home-2 .pjs-img-item {left:-22%;}
      .home-2 .pjs-img-item figcaption {bottom:65%;}
    .home-2 .pjs-logo-txt {min-height:1100px;}
  }
  @media (max-width:1800px) {
    .home-2 .pjs-img-item {bottom:10%;}
      .home-2 .pjs-img-item figcaption {bottom:40%;}
    .home-2 .pjs-main-box {padding-right:80px;}
      .home-2 .pjs-main-box header h2, .home-2 .pjs-main-box .pjs-content {padding-right:50px;}
  }
  @media (max-width:1700px) {
    .home-2 .pjs-img-item figcaption {bottom:50%;}
  }
  @media (max-width:1600px) {
    .home-2 .pjs-quote-item {top:12%;}
      .home-2 .pjs-quote-item .pjs-quotation {font-size:15rem; margin-bottom:-80px;}
      .home-2 .pjs-quote-item .pjs-quote-txt {font-size:3rem;}
    .home-2 .pjs-img-item figcaption {bottom:55%;}
    .home-2 .pjs-logo-txt {min-height:456px;}
  }
  @media (max-width:1400px) {
    .home-2 .pjs-main-box header h2 {font-size:6rem;}
    .home-2 .pjs-quote-item .pjs-quotation {font-size:14rem; padding-top:10px;}
    .home-2 .pjs-quote-item .pjs-quote-txt {font-size:2.4rem;}
    .home-2 .pjs-logo-txt {min-height:388px;}
  }
  @media (max-width:1279px) {
    .home-2 .pjs-quote-item .pjs-quotation {padding-top:20px;}
    .home-2 .pjs-logo-txt {min-height:362px;}
    .home-2 .pjs-img-item {bottom:22%;}
  }
  @media (max-width:1100px) {
    .home-2 .pjs-logo-txt {min-height:296px;}
  }
  @media (max-width:980px) {
    .home-2 {margin-top:0}
      .home-2 .pjs-inner {padding-top:0;}
        .pjs-sections-group.alt .home-2 .pjs-img-item {display:none;}
        .pjs-sections-group.alt .home-2 .pjs-main-box {width:100%;}
          .pjs-sections-group.alt .home-2 .pjs-main-box .pjs-content {max-width:100%;}
        .home-2 .pjs-quote-item {width:55%; position:relative; left:auto; top:0; padding:25px 0 0 7%; margin:0 0 15px;}
        .home-2 .pjs-main-box {width:68%;}
        .home-2 .pjs-img-item {top:12%; bottom:auto;}
          .home-2 .pjs-img-item figcaption {display:none;}
  }
  @media (max-width:767px) {
    .home-2 .pjs-main-box {padding:50px 35px 70px 55px;}
      .home-2 .pjs-main-box header h2 {font-size:4rem; padding:0;}
      .home-2 .pjs-main-box .pjs-content {padding:0;}
        .home-2 .pjs-main-box .pjs-content .pjs-btns {padding-top:10px;}
          .home-2 .pjs-main-box .pjs-content .pjs-btns a {margin-right:auto;}
    .home-2 .pjs-quote-item .pjs-quote-txt {font-size:1.8rem; line-height:2rem;}
    .home-2 .pjs-logo-txt {padding-bottom:100px;}
  }
  @media (max-width:413px) {
    .home-2 .pjs-logo-txt {padding-bottom:115px;}
  }
  @media (max-width:374px) {
    .home-2 .pjs-main-box header h2 {font-size:3.6rem;}
    .home-2 .pjs-logo-txt {padding-bottom:130px;}
  }

  /**********************************************
    homepage panel 3
  **********************************************/
  .home-3 .pjs-inner {padding:95px 7% 0; text-align:center;}
    .home-3 header hr {background:var(--bg-color-2);}
    .home-3 .pjs-content {max-width:812px;}
    .home-3 .pjs-cols-container {background:rgba(180,180,181,0.25); margin:115px auto 0; padding:0 0 55px;}
      .home-3 .pjs-cols {max-width:1400px; display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap;}
        .home-3 .pjs-col {width:27.3333%; display:flex; flex-direction:column; align-items:center; margin:-55px 3% 75px; text-align:center;}
          .home-3 .pjs-col .img {width:100%; height:0; padding-top:81%; position:relative; overflow:hidden; box-shadow:1px 1px 2px rgba(0,0,0,0.1), 2px 2px 4px rgba(0,0,0,0.1), 4px 4px 8px rgba(0,0,0,0.1), 8px 8px 16px rgba(0,0,0,0.1);}
            .home-3 .pjs-col .img img {width:auto; min-width:101%; max-width:120%; min-height:101%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
          .home-3 .pjs-col .txt {padding:50px 0; font-size:1.8rem; line-height:3.2rem;}
            .home-3 .pjs-col .txt .title {height:115px; display:flex; justify-content:center; align-items:center; font-size:4rem; line-height:1; font-weight:700; font-family:'Source Serif Pro',serif; padding:0 50px;}
            .home-3 .pjs-col .txt hr {width:85%; max-width:290px; background:var(--divider-color-0); margin:15px auto 30px;}
          .home-3 .pjs-col .pjs-btns {margin:auto auto 0; padding-top:0;}
            .home-3 .pjs-col .pjs-btns a {min-width:220px; padding:15px 25px;}
      .home-3 .pjs-btns a {margin-left:auto; margin-right:auto;}
      .home-3 .pjs-btns.full-panel-btn {padding-top:0; margin-top:-35px;}
  @media (max-width:1500px) {
    .home-3 .pjs-col .txt .title {height:95px; font-size:3.5rem;}
  }
  @media (max-width:980px) {
    .home-3 .pjs-col .txt .title {font-size:2.8rem; padding:0 10px;}
    .home-3 .pjs-col .pjs-btns a {min-width:180px;}
  }
  @media (max-width:767px) {
    .home-3 .pjs-inner {padding-left:3%; padding-right:3%;}
      .home-3 header, .home-3 .pjs-content {padding-left:4%; padding-right:4%;}
      .home-3 .pjs-cols-container {padding-left:7%; padding-right:4%;}
        .home-3 .pjs-col {width:90%; margin:0 auto 50px;}
        .home-3 .pjs-col:first-child {margin-top:-55px;}
          .home-3 .pjs-col .txt {padding:30px 0; font-size:1.6rem; line-height:2.2rem;}
            .home-3 .pjs-col .txt .title {height:auto; font-size:3rem; padding:0 10px;}
            .home-3 .pjs-col .txt hr {width:95%; margin:10px auto 25px;}
      .home-3 .pjs-btns.full-panel-btn {margin-top:0;}
  }

  /**********************************************
    homepage panel 4
  **********************************************/
  .home-4 {background:url(../png/bg-wpattern2.png) top center repeat;}
    .home-4 .pjs-inner {padding:218px 7% 110px;}
      .home-4 header {text-align:center; margin-bottom:110px;}
        .home-4 header h2 {display:inline-block; background:var(--bg-color-1); padding:30px 160px 10px;}
        .home-4 header hr {background:var(--bg-color-2);}
      .home-4 .pjs-items {padding:40px 0 0;}
        .home-4 .pjs-item {width:100%; display:grid; grid-template-columns:repeat(5, 1fr); grid-row:1; padding-bottom:160px; transition:all 0.25s ease;}
          .home-4 .pjs-item .img-col {grid-column-start:1; grid-column-end:span 2; grid-row-start:1; grid-row-end:span 1; padding:40px 0 70px; margin:0 0 0 auto; position:relative; z-index:1;}
            .home-4 .pjs-item .img-col img {display:block; box-shadow:0 1px 2px 0 rgba(0,0,0,0.1), 1px 2px 4px 1px rgba(0,0,0,0.1), 2px 4px 8px 2px rgba(0,0,0,0.1), 4px 8px 16px 4px rgba(0,0,0,0.1);}
          .home-4 .pjs-item.alt .img-col {grid-column-start:4; grid-column-end:span 5; margin:0 auto 0 0;}
          .home-4 .pjs-item .empty-col {width:100%; background:var(--bg-color-2); grid-column-start:2; grid-column-end:span 2; grid-row-start:1; grid-row-end:span 1;}
          .home-4 .pjs-item.alt .empty-col {grid-column-start:4; grid-column-end:4;}
          .home-4 .pjs-item .txt-col {padding:115px 110px 65px 0; background:var(--bg-color-2); margin-right:8%; grid-column-start:3; grid-column-end:span 5; grid-row-start:1; grid-row-end:span 1;}
          .home-4 .pjs-item.alt .txt-col {padding:115px 0 65px 110px; margin-right:auto; margin-left:8%; grid-column-start:1; grid-column-end:span 3;}
            .home-4 .pjs-item .txt-col .title {color:var(--txt-color-0); font-family:'Source Serif Pro',serif; font-size:6rem; line-height:1; font-weight:700; padding-left:120px;}
            .home-4 .pjs-item.alt .txt-col .title {padding:0 120px 0 0;}
            .home-4 .pjs-item .txt-col hr {background:var(--bg-color-1); margin:15px auto 45px 0;}
            .home-4 .pjs-item.alt .txt-col hr {margin:15px 0 45px auto;}
            .home-4 .pjs-item .txt-col .pjs-content {padding-left:120px;}
            .home-4 .pjs-item.alt .txt-col .pjs-content {padding:0 120px 0 0;}
              .home-4 .pjs-item .txt-col .pjs-content a {color:var(--txt-color-2);}
              .home-4 .pjs-item .txt-col .pjs-content a:hover {color:var(--main-hover);}
              .home-4 .pjs-item .txt-col .pjs-btns {padding-top:60px;}
                .home-4 .pjs-item .txt-col .pjs-btns a {margin-left:auto; margin-right:auto;}
                .home-4 .pjs-item .txt-col .pjs-btns a:hover {color:var(--txt-color-2);}
  @media (max-width:1600px) {
    .home-4 header h2 {padding:30px 180px 10px;}
  }
  @media (max-width:1500px) {
    .home-4 .pjs-item .txt-col .title {font-size:3.5rem;}
  }
  @media (max-width:1300px) {
    .home-4 .pjs-item .txt-col .title, .home-4 .pjs-item .txt-col .pjs-content {padding-left:60px;}
    .home-4 .pjs-item.alt .txt-col .title, .home-4 .pjs-item.alt .txt-col .pjs-content {padding-right:60px;}
  }
  @media (max-width:1200px) {
    .home-4 header h2 {padding:30px 140px 10px;}
  }
  @media (max-width:980px) {
    .home-4 {background-image:url(../png/bg-wpattern-mobile.png);}
      .home-4 .pjs-inner {padding:90px 7% 0;}
        .home-4 header h2 {padding:10px 70px;}
        .home-4 header hr {max-width:190px; margin-top:0; margin-bottom:45px;}
        .home-4 .pjs-item {display:block; position:relative;}
          .home-4 .pjs-item .img-col {width:33%; padding:0; position:absolute; left:-16px; top:-20px; z-index:1;}
          .home-4 .pjs-item.alt .img-col {left:auto; right:-16px;}
          .home-4 .pjs-item .empty-col {display:none;}
          .home-4 .pjs-item .txt-col {padding:75px 0 50px; margin-right:auto;}
          .home-4 .pjs-item.alt .txt-col {padding:75px 0 50px; margin-left:auto;}
            .home-4 .pjs-item .txt-col .title {width:48%; font-size:3rem; line-height:1.2; padding:0 30px 0 0; margin:0 0 0 auto;}
            .home-4 .pjs-item.alt .txt-col .title {padding:0 0 0 30px; margin:0 auto 0 0;}
            .home-4 .pjs-item .txt-col hr {width:48%; margin:15px 0 130px auto;}
            .home-4 .pjs-item.alt .txt-col hr {margin:15px auto 130px 0;}
            .home-4 .pjs-item .txt-col .pjs-content, .home-4 .pjs-item.alt .txt-col .pjs-content {padding:0 30px;}
  }
  @media (max-width:767px) {
    .home-4 .pjs-item .txt-col hr, .home-4 .pjs-item.alt .txt-col hr {margin-bottom:125px;}
    .home-4 .pjs-item .txt-col .pjs-btns {padding-top:25px;}
  }
  @media (max-width:600px) {
    .home-4 .pjs-item .img-col {width:42%;}
    .home-4 .pjs-item .txt-col hr, .home-4 .pjs-item.alt .txt-col hr {margin-bottom:45px;}
  }

  /**********************************************
    homepage panel 5
  **********************************************/
  .home-5 {background:transparent; z-index:2;}
    .home-5 .pjs-inner {padding:75px 7% 0;}

      .home-5 .pjs-logo-txt {width:100%; position:absolute; left:0; top:190px; z-index:0; opacity:0.58; overflow:hidden;}
        .home-5 .pjs-logo-txt img {width:110%; max-width:110%; margin-left:-5%;}

      .home-5 .pjs-cols {max-width:1366px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative; z-index:1;}
        .home-5 .title-col {width:49%; margin:0;}
          .home-5 .title-col header {margin-bottom:0;}
            .home-5 .title-col header h2 {color:var(--txt-color-5);}
            .home-5 .title-col header hr {background:var(--bg-color-3); margin-bottom:0;}
        .home-5 .txt-col {width:48%; margin:0;}
          .home-5 .txt-col .pjs-content {padding-right:35px; color:var(--txt-color-4);}
          .home-5 .pjs-cols:first-child .txt-col .pjs-content {padding-bottom:20px;}
          .home-5 .txt-col .pjs-btns {padding-top:10px;}
            .home-5 .txt-col .pjs-btns a {margin-left:auto; margin-right:auto;}
      .home-5 .pjs-items {max-width:1366px; padding:85px 0 0; position:relative; z-index:1;}
        .home-5 .pjs-items .items-label {display:flex; justify-content:center; align-items:center; padding:0 0 28px;}
          .home-5 .pjs-items .items-label .icon {display:block; margin:0; animation:icon-bounce 5s ease infinite;}
          @keyframes icon-bounce {
            0%, 12.5%, 27.5%, 37.5%, 45%{
						transform: translateY(0);
            }
            22.5%{
              transform: translateY(-10px);
            }
            32.5%{
              transform: translateY(-5px);
            }
            42.5%{
              transform: translateY(-2px);
            }
          }
          .home-5 .pjs-items .items-label .txt {color:var(--txt-color-4); font-size:1.6rem; line-height:1; text-transform:uppercase; margin:0 30px;}
        .home-5 .pjs-items .pjs-cols-items {display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
          .home-5 .pjs-items .pjs-cols-items-pad {height:250px;}
          .home-5 .pjs-items .pjs-cols-item {width:48%; margin:0 auto; background:var(--bg-color-3); padding:56px 7.5% 36px; display:flex; flex-direction:column; justify-content:space-between; color:var(--txt-color-2);}
            .home-5 .pjs-items .pjs-cols-item .title {width:100%; font-family:'Source Serif Pro',serif; font-size:3.5rem; line-height:1; font-weight:700; padding:0 0 12px; border-bottom:1px solid var(--bg-color-2);}
            .home-5 .pjs-items .pjs-cols-item .txt {padding:20px 0 0;}
            .home-5 .pjs-items .pjs-cols-item .pjs-btns {margin:auto auto 0;}
              .home-5 .pjs-items .pjs-cols-item .pjs-btns a {margin-left:auto; margin-right:auto;}
    .pjs-btm-pad {width:100%; height:74px; background:var(--bg-color-2); position:absolute; left:0; bottom:0; right:0; z-index:0;}
  @media (max-width:1080px) {
    .home-5 .title-col header h2 {font-size:6rem;}
    .home-5 .pjs-items .pjs-cols-item .title {font-size:2.5rem;}
    .home-5 .pjs-items .pjs-cols-item .pjs-btns a {min-width:210px;}
  }
  @media (max-width:767px) {
    .home-5 .title-col {width:100%; margin:0 auto 25px;}
      .home-5 .title-col header h2 {font-size:4rem;}
    .home-5 .txt-col {width:100%; margin:0 auto;}
    .home-5 .pjs-items {padding-top:20px;}
      .home-5 .pjs-items .items-label .icon svg {width:16px !important; height:16px !important;}
      .home-5 .pjs-items .items-label .txt {font-size:1.4rem; margin:0 15px;}
      .home-5 .pjs-items .pjs-cols-item {width:100%; margin-bottom:40px;}
        .home-5 .pjs-items .pjs-cols-item .title {font-size:3rem;}
    .pjs-btm-pad {height:50%;}
  }

  /**********************************************
    homepage panel 6
  **********************************************/
  .home-6 {background:transparent; z-index:1;}
    .home-6 .pjs-bg {background-position:center; background-repeat:no-repeat; position:absolute; left:0; top:-74px; right:0; bottom:280px; z-index:0;}
    .home-6 .pjs-inner {padding:325px 7% 0;}
      .home-6 .pjs-col {width:80%; max-width:1075px;}
        .home-6 .pjs-col-inner {padding:13px; background:var(--bg-color-1); box-shadow:0 1px 2px 0 rgba(0,0,0,0.1), 1px 2px 4px 1px rgba(0,0,0,0.1), 2px 4px 8px 2px rgba(0,0,0,0.1), 4px 8px 16px 4px rgba(0,0,0,0.1);}
          .home-6 .pjs-col .img {width:100%; height:0; padding-top:56.25%; position:relative; overflow:hidden;}
            .home-6 .pjs-col .img img {width:auto; min-width:101%; max-width:110%; min-height:101%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
          .home-6 .pjs-col .pjs-content {padding:44px 8% 37px; color:var(--txt-color-4); text-align:center;}
            .home-6 .pjs-col .pjs-content .label {font-size:3.1rem; line-height:1; text-transform:uppercase; letter-spacing:0.05em;}
            .home-6 .pjs-col .pjs-content .title {font-family:'Source Serif Pro',serif; font-size:5rem; line-height:1; font-weight:900; letter-spacing:0.02em; padding:10px 10px 26px; border-bottom:1px solid var(--bg-color-2);}
            .home-6 .pjs-col .pjs-content .subtitle {font-size:1.6rem; line-height:1; text-transform:uppercase; padding:30px 0 0;}
            .home-6 .pjs-col .pjs-content .txt {padding:35px 5% 0;}
            .home-6 .pjs-col .pjs-content .pjs-btns {padding-top:30px;}
              .home-6 .pjs-col .pjs-content .pjs-btns a {min-width:298px; margin-left:auto; margin-right:auto;}
  @media (max-width:767px) {
    .home-6 .pjs-bg {top:-8%; bottom:75%;}
    .home-6 .pjs-inner {padding-top:265px;}
      .home-6 .pjs-col {width:100%;}
        .home-6 .pjs-col .pjs-content {padding-left:5%; padding-right:5%;}
          .home-6 .pjs-col .pjs-content .txt {padding-left:0; padding-right:0;}
            .home-6 .pjs-col .pjs-content .label {font-size:1.6rem;}
            .home-6 .pjs-col .pjs-content .title {font-size:3rem; padding-left:0; padding-right:0;}
            .home-6 .pjs-col .pjs-content .pjs-btns a {min-width:160px;}
  }

  /**********************************************
    Call To Action panel
    .v2 version has media icons instead of regular buttons
  **********************************************/
  .pjs-cta-panel {background-position:center; background-repeat:no-repeat;}
  .pjs-cta-panel.v2 .pjs-inner {padding:190px 7% 200px;}
    .pjs-cta-panel.v2 .pjs-logo-txt {width:100%; position:absolute; left:-5%; top:-7%; right:-5%; overflow:hidden;}
      .pjs-cta-panel.v2 .pjs-logo-txt img {width:110%; max-width:110%; margin-left:-5%; opacity:0.5;}
    .pjs-cta-panel .pjs-bg-overlay {width:100%; height:100%; background:var(--bg-color-0); opacity:0.4; position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;}
    .pjs-cta-panel .pjs-inner {max-width:1600px; padding:160px 7% 130px; position:relative; z-index:1;}
      .pjs-cta-panel.white-txt .pjs-content header h2 {color:var(--txt-color-2);}
      .pjs-cta-panel.v2 .pjs-content header h2 {color:var(--txt-color-5); font-size:8.2rem;}
      .pjs-cta-panel .pjs-content header hr {max-width:674px; background:var(--bg-color-2); margin-left:0;}
      .pjs-cta-panel.ra .pjs-content header hr {margin-right:0;}
      .pjs-cta-panel.mid .pjs-content header hr {margin-left:auto; margin-right:auto;}
      .pjs-cta-panel .pjs-content .txt {width:80%; max-width:900px; color:var(--txt-color-0);}
      .pjs-cta-panel.v2 .pjs-content .txt {line-height:4.2rem; padding-top:20px;}
      .pjs-cta-panel.ra .pjs-content .txt {margin-right:0;}
      .pjs-cta-panel.la .pjs-content .txt {margin-left:0;}
      .pjs-cta-panel.white-txt .pjs-content .txt {color:var(--txt-color-2);}
      .pjs-cta-panel.ra .pjs-content .pjs-btns {justify-content:flex-end;}
      .pjs-cta-panel.la .pjs-content .pjs-btns a {margin-left:0; margin-right:10px;}
      .pjs-cta-panel.ra .pjs-content .pjs-btns a {margin-left:10px; margin-right:0;}
      .pjs-cta-panel.mid .pjs-content .pjs-btns a {margin-left:auto; margin-right:auto;}
      .pjs-cta-panel .cta-links {padding:50px 0 0; display:flex;}
      .pjs-cta-panel.ra .cta-links {justify-content:flex-end;}
      .pjs-cta-panel.mid .cta-links {justify-content:center;}
        .pjs-cta-panel .cta-links .item {margin:0 50px 0 0; text-shadow:0 0 10px rgba(0,0,0,0.2);}
        .pjs-cta-panel.ra .cta-links .item {margin:0 0 0 50px;}
        .pjs-cta-panel.mid .cta-links .item {margin:0 25px;}
          .pjs-cta-panel .cta-links .item a {display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--txt-color-0);}
          .pjs-cta-panel.white-txt .cta-links .item a {color:var(--txt-color-2);}
          .pjs-cta-panel .cta-links .item a:hover {color:var(--main-color);}
            .pjs-cta-panel .cta-links .item a .icon {display:block; font-size:7.5rem; line-height:1;}
            .pjs-cta-panel .cta-links .item a .link-txt {display:block; font-size:1.6rem; text-transform:uppercase; padding-top:10px;}
  @media (max-width:1200px) {
    .pjs-cta-panel.v2 .pjs-logo-txt {top:-4%;}
    .pjs-cta-panel.v2 .pjs-content .txt {line-height:3.2rem;}
  }
  @media (max-width:980px) {
    .pjs-cta-panel.v2 .pjs-inner {padding:120px 7% 65px;}
      .pjs-cta-panel.v2 .pjs-logo-txt {top:50%; left:0; right:0; transform:translateY(-50%);}
        .pjs-cta-panel.v2 .pjs-logo-txt img {width:200%; max-width:200%; margin-left:-50%;}
  }
  @media (max-width:767px) {
    .pjs-cta-panel .pjs-inner {padding:60px 5%;}
      .pjs-cta-panel .pjs-content header {text-align:center;}
        .pjs-cta-panel.v2 .pjs-content header h2 {font-size:4rem;}
        .pjs-cta-panel .pjs-content header hr, .pjs-cta-panel.ra .pjs-content header hr, .pjs-cta-panel.mid .pjs-content header hr {margin-left:auto; margin-right:auto;}
      .pjs-cta-panel .pjs-content .txt {width:100%; text-align:center;}
      .pjs-cta-panel.la .pjs-content .txt, .pjs-cta-panel.ra .pjs-content .txt {margin:0 auto;}
      .pjs-cta-panel.v2 .pjs-content .txt {line-height:2.2rem;}
      .pjs-cta-panel .pjs-content .pjs-btns, .pjs-cta-panel.la .pjs-content .pjs-btns, .pjs-cta-panel.ra .pjs-content .pjs-btns {justify-content:center;}
        .pjs-cta-panel .pjs-content .pjs-btns a, .pjs-cta-panel.la .pjs-content .pjs-btns a, .pjs-cta-panel.ra .pjs-content .pjs-btns a:last-child {margin-left:5px; margin-right:5px;}
      .pjs-cta-panel .cta-links, .pjs-cta-panel.ra .cta-links {justify-content:center;}
        .pjs-cta-panel .cta-links .item, .pjs-cta-panel.ra .cta-links .item, .pjs-cta-panel.mid .cta-links .item {margin:0 15px;}
          .pjs-cta-panel .cta-links .item a .icon {font-size:5rem;}
  }

  /**********************************************
    Hero banner rotating panel
  **********************************************/
  .pjs-hero-banners.overlap {margin-top:-288px; margin-bottom:-25px; z-index:0;}
    .pjs-hero-banners .pjs-items {width:100%; height:100%; position:relative; overflow:hidden;}
      .pjs-hero-banners .pjs-items .swiper-wrapper {align-items:stretch;}
      .pjs-hero-banners .pjs-items .swiper-slide {height:auto; background-position:center; background-repeat:no-repeat; padding:418px 0 202px;}
        .pjs-hero-banners .pjs-items .swiper-slide .pjs-content {max-width:1600px; margin:0 10%; color:var(--txt-color-2);}
          .pjs-hero-banners .pjs-items .swiper-slide .pjs-content-inner {max-width:540px; margin:0;}
            .pjs-hero-banners .pjs-items .swiper-slide .pjs-content .title {font-family:'Source Serif Pro',serif; font-size:9rem; line-height:1; font-weight:700; text-shadow:0 0 10px rgba(0,0,0,0.2);}
            .pjs-hero-banners .pjs-items .swiper-slide .pjs-content .txt {padding:45px 0 0; text-shadow:0 0 10px rgba(0,0,0,0.2);}
            .pjs-hero-banners .pjs-items .swiper-slide .pjs-content .pjs-btns {padding-top:32px;}
            .pjs-hero-banners .pjs-items .swiper-slide .pjs-content .name {font-size:2.5rem; line-height:1; text-transform:uppercase; letter-spacing:0.05em; padding:70px 0 16px; border-bottom:1px solid var(--bg-color-1); text-shadow:0 0 10px rgba(0,0,0,0.2);}

      .pjs-hero-banners .swiper-button-next, .pjs-hero-banners .swiper-button-prev {width:46px; height:46px; display:block; bottom:112px; right:auto; top:auto; margin-top:0;}
        .pjs-hero-banners .swiper-button-next {left:calc(10% + 65px);}
        .pjs-hero-banners .swiper-button-prev {left:10%;}
        .pjs-hero-banners .swiper-button-next:after, .pjs-hero-banners .swiper-button-prev:after {opacity:0;}

        .pjs-hero-banners .swiper-pagination-progressbar {background:rgba(255,255,255,0.3);}
          .pjs-hero-banners .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:var(--bg-color-1);}
        .pjs-hero-banners .swiper-horizontal>.swiper-pagination-progressbar, .pjs-hero-banners .swiper-pagination-progressbar.swiper-pagination-horizontal {width:90px; top:auto; bottom:135px; left:calc(10% + 208px);}
        .pjs-hero-banners .swiper-nums {color:var(--txt-color-2); font-family:'Roboto',sans-serif; font-size:1.4rem; line-height:1; font-weight:700; position:absolute; bottom:129px; z-index:10;}
        .pjs-hero-banners .swiper-current {left:calc(10% + 174px);}
        .pjs-hero-banners .swiper-total {left:calc(10% + 316px);}
  @media (max-width:1600px) {
    .pjs-hero-banners .pjs-items .swiper-slide .pjs-content .title {font-size:8rem;}
  }
  @media (max-width:1200px) {
    .pjs-hero-banners .pjs-items .swiper-slide .pjs-content .title {font-size:7rem;}
  }
  @media (max-width:767px) {
    .pjs-hero-banners .pjs-items .swiper-slide .pjs-content .pjs-btns a {margin-left:0;}
    .pjs-hero-banners .pjs-items .swiper-slide .pjs-content .title {font-size:4rem;}
    .pjs-hero-banners .pjs-items .swiper-slide .pjs-content .name {font-size:1.5rem;}
  }
  @media (max-width:414px) {
    .pjs-hero-banners .swiper-button-next {left:calc(10% + 55px);}
    .pjs-hero-banners .swiper-total {left:auto; right:10%;}
    .pjs-hero-banners .swiper-current {left:auto; right:calc(10% + 128px);}
    .pjs-hero-banners .swiper-horizontal>.swiper-pagination-progressbar, .pjs-hero-banners .swiper-pagination-progressbar.swiper-pagination-horizontal {left:auto; right:calc(10% + 28px);}
  }

  /**********************************************
    Grid panel (display events, etc)
  **********************************************/

.pjs-section.standard-full.blog-landing {
  padding-bottom: 4rem;
}
  .pjs-pagination {text-align:right; margin:0 0 0 auto;}
    .pjs-pagination-inner {max-width:1636px; display:flex; justify-content:flex-end;}
      .pjs-pagination .num-nav {padding:0; margin:0;}
        .pjs-pagination .num-nav ul {text-align:right; margin:0 !important;}
        .blog-landing .num-nav ul > li > a {color:var(--txt-color-0);}
        .blog-landing .num-nav ul > li > a:hover {color:var(--main-color);}

  .pjs-grid-filters {background:var(--bg-color-3);}
  .pjs-grid-filters.blog {background:var(--bg-color-1);}
    .pjs-grid-filters .pjs-inner {color:var(--txt-color-2); padding:68px 7% 0;}
      .pjs-grid-filters .pjs-grid-inner {max-width:1636px; display:flex; align-items:center; flex-wrap:wrap;}
        .pjs-grid-filters .pjs-pagination {min-width:30%; width:30%; flex: 1 1 auto;margin-bottom: 18px;}
        .pjs-grid-filters .pjs-btns.sml {padding:0;}
          .pjs-grid-filters .pjs-btns.sml a {min-width:150px; padding:16px 15px; box-shadow:1px 1px 2px 1px rgb(0 0 0 / 10%), 2px 2px 4px 2px rgb(0 0 0 / 10%), 4px 4px 8px 4px rgb(0 0 0 / 10%);}
          .pjs-grid-filters .pjs-btns.sml a:hover {box-shadow:1px 1px 2px 1px rgb(0 0 0 / 20%), 2px 2px 4px 2px rgb(0 0 0 / 20%), 4px 4px 8px 4px rgb(0 0 0 / 20%);}
        .pjs-grid-filters .pjs-filter-dropdowns {width:25%; margin:0 24px 18px 0; flex: 1 1 auto;}
          .pjs-grid-filters .filter-dropdown-group {max-width:447px; font-size:1.5rem; line-height:1; position:relative; margin:0;}
            .pjs-grid-filters .filter-dropdown-group .filter-btn {width:100%; display:flex; justify-content:space-between; align-items:center; background:var(--main-color); border-radius:12px; padding:12px 13px 12px 30px; margin:0; position:relative; cursor:pointer; transition:all 0.9s ease;}
            .pjs-grid-filters .filter-dropdown-group.open .filter-btn {border-bottom-left-radius:0; border-bottom-right-radius:0; transition:all 0.1s ease;}
              .pjs-grid-filters .filter-dropdown-group .filter-selected {margin:0; color:var(--txt-color-2); text-transform:uppercase;}
              .pjs-grid-filters .filter-dropdown-group .icon {width:29px; margin:0; transition:all 0.25s ease;}
              .pjs-grid-filters .filter-dropdown-group.open .icon {transform:rotate(180deg);}
            .pjs-grid-filters .filter-dropdown-group .dropdown-items {width:100%; position:absolute; left:0; top:100%; z-index:2; display:none;}
              .pjs-grid-filters .filter-dropdown-group .dropdown-items ul {max-height:280px; list-style:none; margin:0; overflow:hidden; overflow-y:auto; background:var(--main-color); padding:10px 0; box-shadow:1px 2px 2px rgba(0,0,0,0.1), 2px 4px 4px rgba(0,0,0,0.1), 4px 8px 8px rgba(0,0,0,0.1), 8px 16px 16px rgba(0,0,0,0.1);}
                .pjs-grid-filters .filter-dropdown-group .dropdown-items ul li {margin:0;}
                  .pjs-grid-filters .filter-dropdown-group .dropdown-items ul li a {color:var(--txt-color-2); display:block; padding:5px 15px 5px 30px;}
                  .pjs-grid-filters .filter-dropdown-group .dropdown-items ul li a:hover {background:var(--bg-color-3);}

  @media (max-width:1023px) {
    .pjs-grid-filters.blog .pjs-grid-inner{display: flex;}
    .pjs-grid-filters.blog .pjs-grid-inner > div {width:calc(43% - 24px);}
  }
  @media (max-width:1023px) {
/*    .pjs-grid-filters .pjs-grid-inner {display:block;}*/
      .pjs-pagination {margin:35px 0 0;}
        .pjs-pagination-inner {justify-content:flex-start;}
  }
  @media (max-width:767px) {
    .pjs-grid-filters .filter-dropdown-group {max-width:100%; margin-right:0;}
    .pjs-grid-filters .pjs-filter-dropdowns{margin-right: 0;}
    .pjs-grid-filters.blog .pjs-grid-inner > div {width: 100%;}
    #blogFilterReset{width:25%;padding: 12px 12px 12px 0; margin-bottom: 0;}
    .pjs-grid-filters.blog .pjs-pagination{width: 68%!important; min-width: unset;margin: 0;border-left: 2px solid #ddd;
    padding-left: 24px;}
  }

  .pjs-grid {background:var(--bg-color-3);}
    .pjs-grid .pjs-inner {padding:65px 7% 120px;}
      .pjs-grid .pjs-logo-txt {width:100%; position:absolute; left:0; top:150px; z-index:0; opacity:0.3; overflow:hidden;}
        .pjs-grid .pjs-logo-txt img {width:110%; max-width:110%; margin-left:-5%;}
      .pjs-grid .pjs-items {max-width:1660px; min-height:480px; display:flex; justify-content:space-evenly; align-items:stretch; flex-wrap:wrap; position:relative; z-index:1;}
        .pjs-grid .pjs-item {width:31.3333%; margin:0 auto 90px;}
          .pjs-grid .pjs-item a {display:block;}
            .pjs-grid .pjs-item .img {width:100%; height:0; display:block; padding-bottom:54.25%; position:relative; overflow:hidden;}
              .pjs-grid .pjs-item .img .pjs-btns {width:100%; padding:0; justify-content:center; align-items:center; background:rgba(251,70,33,0.9); position:absolute; left:0; top:0; right:0; bottom:0; z-index:1; transition:all 0.25s ease; opacity:0;}
              .pjs-grid .pjs-item:hover .img .pjs-btns {opacity:1;}
                .pjs-grid .pjs-item .img .pjs-btns .a {max-width:80%; min-width:220px; background:var(--bg-color-3); margin-left:auto; margin-right:auto;}
                .pjs-grid .pjs-item .img .pjs-btns .a:hover {background:var(--bg-color-0);}
              .pjs-grid .pjs-item .img img {width:auto; min-width:100%; max-width:115%; min-height:100%; max-height:101%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
            .pjs-grid .pjs-item .txt {display:block; color:var(--txt-color-2); line-height:1.2; padding:32px 0 0;}
              .pjs-grid .pjs-item .txt .title {display:block; color:var(--txt-color-5); font-family:'Source Serif Pro',serif; font-size:3rem; line-height:1;}
              .pjs-grid .pjs-item .txt .details {display:block; opacity:0.8; padding-top:5px;}
              .pjs-grid .pjs-item .txt .sep {display:inline-block; vertical-align:top; margin:0 15px; opacity:0.8;}
  @media (max-width:1400px) {
    .pjs-grid .pjs-item .txt .title {font-size:2.4rem;}
  }
  @media (max-width:980px) {
    .pjs-grid .pjs-item {width:48%;}
  }
  @media (max-width:560px) {
    .pjs-grid .pjs-item {width:100%;}
  }

/* TOGGLE FILTERS */
#blogFilterContainer{
  display: none;
  padding:2rem 0;
}  
#blogFilterToggle {
  display: block;
  font-size: 14px;
  width: 100%;
  background: #eee;
  box-shadow: none;
  color: #666;
  padding: 18px;
}

@media (min-width:768px) {
  #blogFilterContainer{
    display: block!important;
  }
  #blogFilterToggle{
    display: none;
  }
}

/* BLOG SEARCH */
form#blogSearch{
  display: flex;
}
form#blogSearch div.form-group:first-child{
  width:80%;
}
form#blogSearch div.form-group:last-child{
  width:20%;
}
#blogSearchInput{
  padding: 18.625px 13px 18.625px 30px;
  line-height: 1;
  margin: 0;
  border: 0;
  background-color: #eee;
  border-radius: 12px 0 0 12px;
  text-transform: uppercase;
}
form#blogSearch div.form-group button{
  width: 100%;
  display: block;
  min-width: unset;
  border-radius: 0 12px 12px 0;
  padding: 19.25px;
  line-height: 1;
  margin: 0;
  box-shadow: none;
  position: relative;
  height: 100%;  
}
form#blogSearch div.form-group button i.fa-search{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

#blogFilterReset{
  flex: fit-content;
}
#blogFilterReset > a{
  text-transform: uppercase;
  color: #666;
  cursor: pointer;
}

  /**********************************************
    event detail panel
  **********************************************/
  .event-content {background:var(--bg-color-5);}
    .event-content .pjs-inner {padding:85px 7% 170px;}
      .event-content .pjs-logo-txt {width:100%; position:absolute; left:0; top:120px; z-index:0; opacity:0.3; overflow:hidden;}
        .event-content .pjs-logo-txt img {width:110%; max-width:110%; margin-left:-5%;}
      .event-content .pjs-content {max-width:1635px; min-height:320px; display:flex; justify-content:space-between; flex-wrap:wrap; position:relative; z-index:1;}
        .event-content .pjs-content .txt-col {/*width:50%;*/ margin:0; color:var(--txt-color-4); line-height:4rem;}
          .event-content .pjs-content .txt-col h1 {font-size:4rem;}
          .event-content .pjs-content .txt-col h2 {font-size:3.2rem;}
        .event-content .pjs-content .img-col {width:40%; margin:0;}
          .event-content .pjs-content .img-col .img-items {width:100%; display:flex; flex-wrap:wrap;}
            .event-content .pjs-content .img-col .img-item {width:45%; height:0; padding-top:45%; margin:0 15px 15px 0; position:relative; overflow:hidden;}
              .event-content .pjs-content .img-col .img-item img {width:auto; min-width:101%; max-width:120%; min-height:101%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
  @media (max-width:870px) {
    .event-content .pjs-content .img-col .img-items {justify-content:center;}
  }
  @media (max-width:767px) {
    .event-content .pjs-inner {padding:50px 7% 90px;}
      .event-content .pjs-content .txt-col {width:100%;}
      .event-content .pjs-content .img-col {width:100%; padding-top:50px;}
  }

  /**********************************************
    app panel
  **********************************************/
  .app-panel {background:var(--bg-color-5);}
    .app-panel .pjs-inner {padding:0 7% 110px;}
      .app-panel .pjs-cols {max-width:1260px; display:flex; justify-content:center; align-items:stretch; position:relative; z-index:2;}
        .app-panel .app-img {width:35%; margin:0 auto 0 0; padding:70px 0 0;}
        .app-panel .pjs-content {width:51%; margin:0 0 0 auto;}
          .app-panel .pjs-content .txt {padding:85px 0 30px; color:var(--txt-color-2);}
            .app-panel .pjs-content .txt .subtitle {color:var(--txt-color-7); font-weight:700; padding-bottom:22px;}
            .app-panel .pjs-content .txt .title {width:75%; font-family:'Source Serif Pro',serif; font-size:7rem; line-height:1; font-weight:700; margin:0;}
            .app-panel .pjs-content .txt .list {list-style:none; margin:0; padding:45px 0 60px;}
              .app-panel .pjs-content .txt .list li {min-height:43px; padding-left:66px; position:relative; font-family:'Roboto','Montserrat',Arial,Helvetica,sans-serif; font-size:3rem; line-height:1.2; font-weight:300; margin:0 0 28px;}
              .app-panel .pjs-content .txt .list li::before {content:''; width:43px; height:43px; background:url(../svg/icon-checkmark.svg) no-repeat; position:absolute; left:0; top:-4px;}
          .app-panel .pjs-content .app-img-mob {padding:15px 0 10px; text-align:center; display:none;}
            .app-panel .pjs-content .app-btns-mob a {display:inline-block; vertical-align:top; margin:0 25px 10px 0;}
            .app-panel .pjs-content .app-btns-mob a:last-child {margin-right:auto;}
          .app-panel .pjs-content .app-btns {padding:65px 0 0 10%;}
            .app-panel .pjs-content .app-btns a {max-width:45%; display:inline-block; vertical-align:top; margin:0 2% 10px;}
            .app-panel .pjs-content .app-btns a:last-child {margin-right:auto;}
    .app-panel .app-bg {width:100%; background:var(--bg-color-3) url(../png/bg-w-repeat.png) top center repeat; position:absolute; left:0; top:0; right:0; z-index:1;}
  @media (max-width:1300px) {
    .app-panel .pjs-content .txt .title {font-size:5rem;}
    .app-panel .pjs-content .txt .list li {font-size:2.8rem;}
  }
  @media (max-width:767px) {
    .app-panel .pjs-inner {padding-bottom:80px;}
      .app-panel .pjs-cols {display:block;}
        .app-panel .app-img {display:none;}
        .app-panel .pjs-content {width:100%; margin:0 auto;}
          .app-panel .pjs-content .txt {padding:30px 0 0;}
            .app-panel .pjs-content .txt .title {width:100%; font-size:4rem;}
            .app-panel .pjs-content .txt .list {padding-bottom:30px;}
              .app-panel .pjs-content .txt .list li {font-size:2rem;}
          .app-panel .pjs-content .app-img-mob {display:block;}
          .app-panel .pjs-content .app-btns {text-align:center; padding-left:0;}
            .app-panel .pjs-content .app-btns a {max-width:none; display:block;}
  }
  @media (max-width:374px) {
    .app-panel .pjs-content .txt .list li {font-size:1.8rem;}
  }

  /**********************************************
    Stay Connected bar
  **********************************************/
  .pjs-connect-bar {background:var(--main-color); overflow:hidden;}
    .pjs-connect-bar .w-lines {left:0; bottom:auto; top:-17px; z-index:0; opacity:0.6;}
    .pjs-connect-bar .pjs-connect-bar-inner {max-width:1900px; padding:25px 4% 27px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; position:relative; z-index:1;}
      .pjs-connect-bar .title {margin:0; color:var(--txt-color-2); font-family:'Source Serif Pro',serif; font-size:4.7rem; line-height:1; font-weight:700;}
      .pjs-connect-bar .signup-form {width:810px; margin:0; padding:0 25px;}
        .pjs-connect-bar .signup-form form {display:flex; justify-content:space-evenly; align-items:center;}
          .pjs-connect-bar .signup-form label {width:90%; max-width:475px; display:inline-block; vertical-align:middle; margin:0 40px 0 0;}
          .pjs-connect-bar .signup-form input[type="email"] {padding:20px 15px; border-radius:12px; border:0; color:var(--txt-color-0); font-size:1.8rem; text-transform:uppercase; margin-bottom:0;}
          .pjs-connect-bar .signup-form input[type="email"]::-webkit-input-placeholder {color:var(--txt-color-4);}
          .pjs-connect-bar .signup-form input[type="email"]:-moz-placeholder {color:var(--txt-color-4);}
          .pjs-connect-bar .signup-form input[type="email"]::-moz-placeholder {ccolor:var(--txt-color-4);}
          .pjs-connect-bar .signup-form input[type="email"]:-ms-input-placeholder {color:var(--txt-color-4);}
          .pjs-connect-bar .signup-form input[type="email"]:placeholder-shown {color:var(--txt-color-4);}
          .pjs-connect-bar .signup-form input[type="submit"] {display:inline-block; vertical-align:middle; margin:0; background:var(--bg-color-3); border:0; font-size:1.8rem; padding:15px 35px 17px;}
      .pjs-connect-bar .social-links {margin:0;}
        .pjs-connect-bar .social-links ul {list-style:none; margin:0; display:flex; justify-content:space-between; align-items:center;}
          .pjs-connect-bar .social-links ul li {display:block; margin:0 15px;}
            .pjs-connect-bar .social-links ul li a {display:block; color:var(--txt-color-2); font-size:4rem; line-height:1; position:relative; overflow:hidden;}
            .pjs-connect-bar .social-links ul li a:hover {color:var(--txt-color-4);}
              .pjs-connect-bar .social-links ul li a .icon {display:block;}
                .pjs-connect-bar .social-links ul li a .icon .txt {position:absolute; left:-9999px; z-index:-1; opacity:0;}
  @media (max-width:1600px) {
    .pjs-connect-bar .signup-form {width:650px;}
      .pjs-connect-bar .signup-form label {max-width:310px;}
  }
  @media (max-width:1400px) {
    .pjs-connect-bar .title {font-size:4rem;}
      .pjs-connect-bar .signup-form label {margin-right:15px;}
  }
  @media (max-width:1300px) {
    .pjs-connect-bar .title {font-size:3.5rem;}
    .pjs-connect-bar .social-links ul li {margin:0 10px;}
      .pjs-connect-bar .social-links ul li a {font-size:3rem;}
  }
  @media (max-width:980px) {
    .pjs-connect-bar .w-lines {width:553px; left:-40%; top:auto; bottom:-10px;}
    .pjs-connect-bar .title {width:100%; margin:0 auto; font-size:4rem; text-align:center;}
    .pjs-connect-bar .signup-form {width:100%; margin:0 auto; padding:25px 0 0;}
      .pjs-connect-bar .signup-form form {flex-direction:column; justify-content:center;}
        .pjs-connect-bar .signup-form label {margin:0 auto 10px;}
        .pjs-connect-bar .signup-form input[type="submit"] {width:100%; max-width:310px;}
    .pjs-connect-bar .social-links {width:100%; max-width:320px; margin:0 auto; padding:25px 0 0;}
      .pjs-connect-bar .social-links ul {justify-content:center;}
				.pjs-connect-bar .social-links ul li a {font-size:4rem;}
  }
  @media (max-width:767px) {
    .pjs-connect-bar .w-lines {width:100%; opacity:0.2;}
  }

  /**********************************************
    two column: title/text in left column, text in right
  **********************************************/
  .two-col-title-txt {background:var(--bg-color-5);}
    .two-col-title-txt .pjs-inner {padding:220px 7% 140px;}
      .two-col-title-txt .pjs-logo-txt {width:100%; position:absolute; left:0; top:180px; z-index:0; opacity:0.3; overflow:hidden;}
        .two-col-title-txt .pjs-logo-txt img {width:110%; max-width:110%; margin-left:-5%;}
      .two-col-title-txt .pjs-cols {max-width:1440px; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; color:var(--txt-color-4); line-height:4rem; position:relative; z-index:1;}
        .two-col-title-txt .title-col {width:43%; margin:0; font-size:2.4rem;}
          .two-col-title-txt .title-col header h2 {text-align:left; color:var(--txt-color-5);}
          .two-col-title-txt .title-col header hr {background:var(--bg-color-3); margin-left:0; opacity:0.5;}
        .two-col-title-txt .txt-col {width:49%; margin:0;}
      .two-col-title-txt .pjs-btns {padding-top:45px;}
  @media (max-width:1200px) {
  .two-col-title-txt .pjs-inner {padding-top:130px;}
    .two-col-title-txt .pjs-logo-txt {top:100px;}
  }
  @media (max-width:767px) {
    .two-col-title-txt .pjs-inner {padding-top:80px; padding-bottom:80px;}
      .two-col-title-txt .txt-col {width:100%;}
      .two-col-title-txt .title-col {width:100%; font-size:1.6rem;}
      .two-col-title-txt .pjs-cols:last-child .title-col {display:none;}
      .two-col-title-txt .pjs-cols {line-height:2.2rem;}
        .two-col-title-txt .title-col .pjs-content {padding-bottom:25px;}
  }

  /**********************************************
    two column: title/text in left column, grid of images with text on right
  **********************************************/
  .two-col-txt-w-grid .pjs-inner {padding:110px 7% 60px;}
    .two-col-txt-w-grid .pjs-logo-txt {width:100%; position:absolute; left:0; top:160px; z-index:0; opacity:0.3; overflow:hidden;}
      .two-col-txt-w-grid .pjs-logo-txt img {width:110%; max-width:110%; margin-left:-5%;}
    .two-col-txt-w-grid .pjs-cols {max-width:1600px; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; position:relative; z-index:1;}
      .two-col-txt-w-grid .txt-col {width:36%; margin:0; padding-bottom:60px;}
        .two-col-txt-w-grid .txt-col header h2 {font-size:7.1rem;}
          .two-col-txt-w-grid .txt-col .pjs-content {color:var(--bg-color-3);}
      .two-col-txt-w-grid .grid-col {width:59%; margin:0; display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap;}
        .two-col-txt-w-grid .grid-col .grid-item {width:31.3333%; margin:0 1% 15px; position:relative;}
          .two-col-txt-w-grid .grid-col .grid-item a {display:block;}
            .two-col-txt-w-grid .grid-col .grid-item .img {width:100%; height:0; padding-top:100%; display:block; position:relative; overflow:hidden;}
              .two-col-txt-w-grid .grid-col .grid-item .img .bg-gradient {background:rgb(10,63,89); background:linear-gradient(325deg, rgba(10,63,89,0.1) 0%, rgba(10,63,89,0.2) 100%); position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
              .two-col-txt-w-grid .grid-col .grid-item .img img {width:auto; min-width:101%; max-width:110%; min-height:101%; max-height:110%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.25s ease;}
              .two-col-txt-w-grid .grid-col .grid-item:hover .img img {transform:translate(-50%,-50%) scale(1.08);}
            .two-col-txt-w-grid .grid-col .grid-item .txt {width:90%; display:block; text-align:center; color:var(--txt-color-2); font-family:'Source Serif Pro',serif; font-size:2.9rem; line-height:3.6rem; font-weight:700; position:absolute; left:50%; bottom:10%; transform:translateX(-50%); z-index:2;}
  @media (max-width:1200px) {
    .two-col-txt-w-grid .pjs-inner {padding-top:70px;}
      .two-col-txt-w-grid .txt-col header h2 {font-size:6rem;}
      .two-col-txt-w-grid .grid-col .grid-item .txt {font-size:2.2rem; line-height:2.8rem;}
  }
  @media (max-width:1060px) {
    .two-col-txt-w-grid .grid-col .grid-item {width:48%;}
  }
  @media (max-width:767px) {
    .two-col-txt-w-grid .pjs-inner {padding-top:50px; padding-bottom:45px;}
      .two-col-txt-w-grid .txt-col header h2 {font-size:4rem;}
      .two-col-txt-w-grid .txt-col {width:100%; padding-bottom:40px;}
      .two-col-txt-w-grid .grid-col {width:100%;}
        .two-col-txt-w-grid .grid-col .grid-item {width:31.3333%;}
  }
  @media (max-width:650px) {
    .two-col-txt-w-grid .grid-col .grid-item {width:48%;}
  }
  @media (max-width:530px) {
    .two-col-txt-w-grid .grid-col .grid-item .txt {line-height:1;}
  }

  /**********************************************
    two column: slides/media and text
    .two-col-slides-txt will show slides on left and text on right
    .two-col-slides-txt.alt will show text on left and slides on right
  **********************************************/
  .two-col-slides-txt .pjs-inner {width:100%; max-width:1600px; padding:80px 7% 80px;}
    .two-col-slides-txt .pjs-cols {width:100%; display:flex; justify-content:space-between; align-items:center;}
      .two-col-slides-txt .media-col {width:48%; margin:0 auto 0 0;}
      .two-col-slides-txt.alt .media-col {margin:0 0 0 auto; order:2; position:relative;}
        .two-col-slides-txt .media-col .swiper-container {width:100%; position:relative; overflow:hidden;}
        .two-col-slides-txt .media-col 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 .main-img {width:100%;}
          .two-col-slides-txt .media-col a:hover .main-img {transform:scale(1.08,1.08);}
            .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 .swiper-pagination-bullet {width:24px; height:24px; background:var(--bg-color-0); border-radius:50%; margin:0 5px; opacity:1; transition:all 0.25s ease;}
        .two-col-slides-txt .swiper-pagination-bullet:hover, .two-col-slides-txt .swiper-pagination-bullet-active {background:var(--bg-color-2);}
      .two-col-slides-txt .txt-col {width:44%; margin:0 0 0 auto;}
      .two-col-slides-txt.alt .txt-col {margin:0 auto 0 0; order:1;}
        .two-col-slides-txt .txt-col header h2 {font-size:8rem;}
  @media (max-width:980px) {
    .two-col-slides-txt .media-col a .play-btn {max-width:20%;}
  }
  @media (max-width:1025px) {
    .two-col-slides-txt .pjs-cols {display:block;}
      .two-col-slides-txt .media-col {width:100%; margin:0 auto;}
      .two-col-slides-txt .txt-col, .two-col-slides-txt.alt .txt-col {width:100%; margin:60px auto 0;}
        .two-col-slides-txt .txt-col header {text-align:center;}
          .two-col-slides-txt .txt-col header h2 {font-size:4rem;}
        .two-col-slides-txt .txt-col .pjs-btns a, .two-col-slides-txt.alt .txt-col .pjs-btns a {margin-left:auto; margin-right:auto;}
  }
  @media (max-width:767px) {
    .two-col-slides-txt .txt-col .pjs-btns a, .two-col-slides-txt.alt .txt-col .pjs-btns {flex-direction:column;}
  }

  /**********************************************
    two column: header title and text
    .two-col-header-txt will show header/title on left and text on right
    .two-col-header-txt.alt will show text on left and header/title on right
    .two-col-header-txt.white-txt will show white text
  **********************************************/
  .two-col-header-txt {background-position:center; background-repeat:no-repeat;}
    .two-col-header-txt .pjs-inner {max-width:1600px; padding:80px 7%;}
      .two-col-header-txt .pjs-content {display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
        .two-col-header-txt .pjs-content .title-txt {width:32%; margin:0 auto 0 0; order:1;}
        .two-col-header-txt.alt .pjs-content .title-txt {margin:0 0 0 auto; order:2;}
          .two-col-header-txt .pjs-content .title-txt header h2 {font-size:8rem;}
          .two-col-header-txt.white-txt .pjs-content .title-txt header h2 {color:var(--txt-color-2); text-shadow:0 0 10px rgba(0,0,0,0.2);}
        .two-col-header-txt .pjs-content .txt {width:60%; margin:0 0 0 auto; order:2; text-align:left;}
        .two-col-header-txt.alt .pjs-content .txt {margin:0 auto 0 0; order:1; text-align:right;}
        .two-col-header-txt.white-txt .pjs-content .txt {color:var(--txt-color-2); text-shadow:0 0 10px rgba(0,0,0,0.2);}
  @media (max-width:1200px) {
    .two-col-header-txt .pjs-content .title-txt header h2 {font-size:6rem;}
  }
  @media (max-width:767px) {
    .two-col-header-txt .pjs-inner {padding:100px 7%;}
      .two-col-header-txt .pjs-content .title-txt, .two-col-header-txt.alt .pjs-content .title-txt {width:100%; margin:0 auto; order:1;}
        .two-col-header-txt .pjs-content .title-txt header {text-align:center;}
          .two-col-header-txt .pjs-content .title-txt header h2 {font-size:4rem;}
      .two-col-header-txt .pjs-content .txt, .two-col-header-txt.alt .pjs-content .txt {width:100%; margin:10px auto 0; order:2; text-align:left;}
  }

  /**********************************************
    three columns: 3 boxes with image and content
  **********************************************/
  .three-boxes-img-txt .pjs-inner {max-width:1600px; padding:100px 7% 50px;}
    .three-boxes-img-txt header {text-align:center;}
      .three-boxes-img-txt header hr {margin-left:auto; margin-right:auto;}
      .three-boxes-img-txt .items {padding-bottom:22px;}
        .three-boxes-img-txt .swiper-container {width:100%; position:relative; overflow:hidden;}
        .three-boxes-img-txt .swiper-wrapper.dt {display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap;}
          .three-boxes-img-txt .item {width:31%; margin:0 1% 50px; background:#ebebeb; display:flex; flex-direction:column;}
          .three-boxes-img-txt .swiper-wrapper.dt .swiper-slide {height:auto;}
            .three-boxes-img-txt .item .img {width:100%; height:0; padding-top:54%; position:relative; overflow:hidden;}
              .three-boxes-img-txt .item .img img {width:auto; min-width:101%; max-width:115%; height:auto; min-height:101%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
            .three-boxes-img-txt .item .txt-content {height:100%; padding:45px 25px 35px; color:var(--txt-color-0); font-size:1.6rem; line-height:3rem; text-align:center;}
              .three-boxes-img-txt .item .txt-content .title {font-family:'Source Serif Pro',serif; font-size:2.4rem; line-height:1.2; font-weight:700;}
              .three-boxes-img-txt .item .txt-content .subtitle {text-transform:uppercase; line-height:1.2; padding:10px 0 0;}
              .three-boxes-img-txt .item .txt-content .txt {padding:25px 0 0;}
            .three-boxes-img-txt .item .pjs-btns {flex-direction:column; margin:auto auto 0; padding:0 0 25px;}
              .three-boxes-img-txt .item .pjs-btns a {min-width:220px; margin:auto auto 10px; padding-left:20px; padding-right:20px;}
          .three-boxes-img-txt .swiper-pagination {bottom:0 !important;}
            .three-boxes-img-txt .swiper-pagination-bullet {width:24px; height:24px; background:var(--bg-color-0); border-radius:50%; margin:0 5px; opacity:1; transition:all 0.25s ease;}
            .three-boxes-img-txt .swiper-pagination-bullet:hover, .three-boxes-img-txt .swiper-pagination-bullet-active {background:var(--bg-color-2);}
  @media (max-width:1600px) {
    .three-boxes-img-txt header h2 {font-size:9rem;}
  }
  @media (max-width:1200px) {
    .three-boxes-img-txt header h2 {font-size:7rem;}
    .three-boxes-img-txt .item {width:48%;}
  }
  @media (max-width:767px) {
    .three-boxes-img-txt .pjs-inner {padding:60px 7%;}
      .three-boxes-img-txt header h2 {font-size:4rem;}
      .three-boxes-img-txt .item {width:100%; margin:0 auto 30px;}
  }

  /**********************************************
    Two Columns / title, text, button
  **********************************************/
  .two-col-text-content .pjs-inner {width:100%; max-width:1600px; padding:30px 7% 40px;}
    .two-col-text-content .pjs-cols {display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
      .two-col-text-content .pjs-col {width:43%; margin:0 auto 0 0; padding:0 0 70px;}
      .two-col-text-content .pjs-col:last-child {margin:0 0 0 auto;}
  @media (max-width:767px) {
    .two-col-text-content .pjs-inner {padding-bottom:0;}
      .two-col-text-content .pjs-col {width:100%; margin:0 auto;}
      .two-col-text-content .pjs-col:last-child {margin:0 auto;}
  }

  /**********************************************
    Standard full width panel
  **********************************************/
  .standard-full .pjs-inner {max-width:1655px; padding:120px 7%;}
  .standard-full .pjs-grid-filters.blog .pjs-inner {padding:60px 0 40px;}
    .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 .page-header h2 {font-size:9rem;}
          .standard-full.sitemap ul {padding-left:15px;}

      .standard-full .pjs-content .txt h3, .standard-full .pjs-content .txt h4, .standard-full .pjs-content .txt h5, .standard-full .pjs-content .txt h6, .standard-full .pjs-content .post h3, .standard-full .pjs-content .post h4, .standard-full .pjs-content .post h5, .standard-full .pjs-content .post h6 {margin-bottom:20px;}

      .standard-full article .entry-summary {font-size:1.6rem; line-height:2.4rem;margin-bottom: 16px;}
      .standard-full article .searchLink {display:block; font-size:1.4rem;}
      .standard-full .post-result.left {width:45%;}
      .standard-full .post-result.right {width:50%; text-align:left;}
      .searchform label.screen-reader-text {display:none;}
      .sssriContent h2 {font-size:4rem;}
      .pjs-blog-items {display:flex; align-items:stretch; flex-wrap:wrap; padding-top:50px;flex-direction: row;grid-column-gap: calc((100% - (31.3333%*3))/2);}
        .pjs-blog-items > article {width:31.3333%; margin:0 0 60px;}
          .pjs-blog-items > article .entry-header {padding:10px 0 12px;}
            .pjs-blog-items > article .entry-header h2 {font-size:3rem;}
          .pjs-blog-items > article .thmb {display:block; overflow:hidden; margin-bottom:15px;}
            .pjs-blog-items > article .thmb img {display:block; transition:all 0.25s ease;}
            .pjs-blog-items > article .thmb:hover img {transform:scale(1.2);}

.pjs-blog-item {
/*  border: 1px solid #ddd;*/
  border-radius: 12px;
  overflow: hidden;
  box-shadow:0 2px 3px rgba(0,0,0,.2);
}
        .pjs-blog-items .pjs-blog-item a {color:var(--txt-color-0);}
          .pjs-blog-items .pjs-blog-item .img {width:100%; height:0; display:block; padding-top:54.25%; position:relative; overflow:hidden;
/*            box-shadow:0 0 2px 2px rgb(0 0 0 / 5%), 1px 1px 4px 4px rgb(0 0 0 / 5%), 2px 2px 8px 5px rgb(0 0 0 / 5%), 4px 4px 16px 5px rgb(0 0 0 / 5%);*/
}
            .pjs-blog-items .pjs-blog-item .img img {width:auto; min-width:101%; max-width:110%; min-height:100%; max-height:101%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.25s ease;}
            .pjs-blog-items .pjs-blog-item a:hover .img img {transform:translate(-50%,-50%) scale(1.2);}
            .pjs-blog-items .pjs-blog-item .card-content{
              padding:32px;
/*
              border-radius:0 0 12px 12px;
              border:1px solid #ddd;
              border-top:none;
*/
            }
          .pjs-blog-items .pjs-blog-item h2 {font-size:3rem; padding:0px;}
          .pjs-blog-items .pjs-blog-item .post-meta {font-size:1.3rem; padding-bottom:0px;line-height: 1.8;}
            .pjs-blog-items .pjs-blog-item .post-meta span {display:inline; padding-left:5px; padding-right:5px;}
          .featured-img {padding:35px 0 0;}
      .blog-post header h2 {font-size:9rem;}
      .blog-post .featured-img {padding:35px 0 0;}
      .blog-post .content {padding:35px 0 0;}
      .blog-post .blog-next-prev {width:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; padding:10px 0; border-bottom:1px solid var(--divider-color-0); border-top:1px solid var(--divider-color-0); margin:50px 0 20px;}
        .blog-post .blog-next-prev a {width:45%; display:block; margin:0; line-height:1.2;}
        .blog-post .blog-next-prev a:nth-child(2) {text-align:right;}

  .standard-full.ce .pjs-content .txt {padding-bottom:30px;}
  .standard-full.cpt-detail .pjs-inner {padding-top:120px;}
  body.logged-in .standard-full.cpt-detail .pjs-inner {padding-top:100px;}
    .standard-full.cpt-detail article header {margin-bottom:40px;}
    .standard-full.cpt-detail .vidframe {margin-top:45px;}
    .standard-full.cpt-detail .btns {padding-top:45px;}
      .standard-full.cpt-detail .btns a {margin-left:auto;}
  @media (max-width:1600px) {
    .standard-full .pjs-content header h2 {font-size:8rem;}
  }
  @media (max-width:1200px) {
    .standard-full .pjs-content header h2, .blog-post header h2 {font-size:7rem;}
    .pjs-blog-items .pjs-blog-item h2 {font-size:2.6rem;}
  }
  @media (max-width:980px) {
    .pjs-blog-items {justify-content:space-between;}
      .pjs-blog-items > article {width:48%;}
  }
  @media (max-width:767px) {
    .standard-full .page-header h2, .standard-full .pjs-content header h2, .blog-post header h2 {font-size:4rem;}
    .pjs-blog-items > article .entry-header h2, .pjs-blog-items .pjs-blog-item h2 {font-size:2.6rem;}
    .sssriContent h2 {font-size:3rem;}
  }
  @media (max-width:560px) {
    .pjs-blog-items > article {width:100%;}
  }

  /**********************************************
    Standard title/text panel with four columns below
  **********************************************/
  .standard-with-4col {background:#efefef;}
    .standard-with-4col .pjs-inner {max-width:1600px; padding:85px 7% 50px;}
      .standard-with-4col .main .main-txt {max-width:900px;}
      .standard-with-4col .pjs-cols {display:flex; justify-content:space-between; align-items:stretch; padding:75px 0 0; flex-wrap:wrap;}
        .standard-with-4col .pjs-col {width:24%; margin:0 0 50px; border-right:1px solid #fff;}
        .standard-with-4col .pjs-col:last-child {border-right:0;}
          .standard-with-4col .pjs-col .col-inner {padding:0 30px 4px 35px;}
            .standard-with-4col .pjs-col h3 {font-size:3.7rem; line-height:1; font-weight:400; color:#146235; text-align:center;}
            .standard-with-4col .pjs-col .txt {color:#7e7e7e; padding:25px 0 0;}
  @media (max-width:1279px) {
    .standard-with-4col .pjs-col h3 {font-size:3rem;}
  }
  @media (max-width:1125px) {
    .standard-with-4col .pjs-col .col-inner {padding:0 25px 4px 20px;}
      .standard-with-4col .pjs-col h3 {font-size:2.8rem;}
  }
  @media (max-width:767px) {
    .standard-with-4col .pjs-col {width:100%; border-right:0;}
      .standard-with-4col .pjs-col .col-inner {padding:0;}
  }

  /**********************************************
    Video panel with optional text
  **********************************************/
  .pjs-video-panel .pjs-inner {padding:100px 7% 120px;}
    .pjs-video-panel .pjs-content header {margin-bottom:75px; text-align:center;}
    .pjs-video-panel .pjs-content .txt {max-width:1200px; padding:50px 0 0;}
  @media (max-width:1600px) {
    .pjs-video-panel .pjs-content header h2 {font-size:9rem;}
  }
  @media (max-width:1200px) {
    .pjs-video-panel .pjs-content header h2 {font-size:7rem;}
  }
  @media (max-width:767px) {
    .pjs-video-panel .pjs-inner {padding:60px 7%;}
      .pjs-video-panel .pjs-content header {margin-bottom:55px;}
        .pjs-video-panel .pjs-content header h2 {font-size:4rem;}
  }

  /**********************************************
    Accordion panel
  **********************************************/
  .pjs-accordion .pjs-inner {min-height:0; padding:60px 7% 20px; overflow:hidden;}
    .pjs-accordion .pjs-inner header {max-width:1600px; margin:0 auto 40px; text-align:center;}
      .pjs-accordion .pjs-inner header hr {margin-left:auto; margin-right:auto;}
    .pjs-accordion .main-content {max-width:900px;}
    .pjs-accordion .items {max-width:1600px; padding:40px 7% 60px; text-align:left; display:block;}
      .pjs-accordion .group-title {width:100%; max-width:1600px; font-size:3rem; padding:45px 60px 20px 22px;}
      .pjs-accordion .group-title:first-child {padding-top:0;}
      .pjs-accordion .item {width:100%; background:var(--bg-color-6); margin:0 0 5px; border-radius:10px;}
        .pjs-accordion .item .title {width:100%; max-width:1600px; color:var(--txt-color-2); position:relative; padding:15px 60px 15px 22px; cursor:pointer;}
          .pjs-accordion .item .title span {position:absolute; right:25px; top:50%; transform:translateY(-50%); display:block; color:var(--txt-color-2);}
          .pjs-accordion .item .title .fa-chevron-up {opacity:0;}
          .pjs-accordion .item .content.open .title .fa-chevron-down {opacity:0;}
          .pjs-accordion .item .content.open .title .fa-chevron-up {opacity:1;}
        .pjs-accordion .item .desc {background:var(--bg-color-5); color:var(--bg-color-3); display:none;}
          .pjs-accordion .item .desc-content {max-width:1600px; padding:28px 22px 30px;}
  @media (max-width:1600px) {
    .pjs-accordion .pjs-inner header h2 {font-size:9rem;}
  }
  @media (max-width:1200px) {
    .pjs-accordion .pjs-inner header h2 {font-size:7rem;}
  }
  @media (max-width:767px) {
    .pjs-accordion .pjs-inner {padding-top:50px;}
      .pjs-accordion .pjs-inner header h2 {font-size:4rem;}
      .pjs-accordion .group-title {font-size:2.2rem;}
  }

  /**********************************************
    Accordion panel for Location landing pages
  **********************************************/
  .loc-accordion {background:var(--bg-color-2);}
    .loc-accordion .pjs-inner {padding:160px 5% 170px;}
      .loc-accordion .pjs-cols {display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap;}
        .loc-accordion .main-content {width:42%; margin:0 auto 0 0; color:var(--txt-color-4);}
        .loc-accordion .main-content a {color:var(--txt-color-2);}
        .loc-accordion .main-content a:hover {color:var(--main-hover);}
        .loc-accordion .items {width:46%; margin:0 0 0 auto;}
          .loc-accordion .item {width:100%; background:var(--bg-color-6); margin:0 0 5px; border-radius:10px;}
            .loc-accordion .item .title {width:100%; max-width:1200px; color:var(--txt-color-2); position:relative; padding:15px 28px 15px 22px; cursor:pointer;}
              .loc-accordion .item .title span {position:absolute; right:15px; top:50%; transform:translateY(-50%); display:block; color:var(--txt-color-2);}
              .loc-accordion .item .title .fa-chevron-up {opacity:0;}
              .loc-accordion .item .content.open .title .fa-chevron-down {opacity:0;}
              .loc-accordion .item .content.open .title .fa-chevron-up {opacity:1;}
            .loc-accordion .item .desc {background:var(--bg-color-5); color:var(--bg-color-3); display:none;}
              .loc-accordion .item .desc-content {max-width:1200px; padding:28px 22px 30px;}
  @media (max-width:1200px) {
    .loc-accordion .pjs-inner {padding-top:80px; padding-bottom:100px;}
    .loc-accordion .items {width:52%;}
  }
  @media (max-width:880px) {
    .loc-accordion .main-content {width:100%; margin:0 auto;}
    .loc-accordion .items {width:100%; margin:35px auto 0;}
  }
  @media (max-width:767px) {
    .loc-accordion .pjs-inner {padding-top:60px; padding-bottom:70px;}
  }

  /**********************************************
    News / Upcoming Events panel
  **********************************************/
  .news-events-panel .pjs-cols {display:flex; align-items:stretch; flex-wrap:wrap;}
    .news-events-panel header h2 {font-size:2.8rem;}
      .news-events-panel header h2 span {font-size:3.3rem;}
    .news-events-panel .col-news {width:34%; margin:0; background:var(--bg-color-0); color:var(--txt-color-2); line-height:4rem; padding:90px 5% 0 4%;}
      .news-events-panel .col-news header {margin-bottom:25px;}
        .news-events-panel .col-news header h2 {color:var(--txt-color-3); font-size:6rem;}
      .news-events-panel .col-news .swiper-container {padding-bottom:75px; position:relative; overflow:hidden;}
        .news-events-panel .col-news .pjs-btns {padding-top:10px;}
        .news-events-panel .col-news .swiper-pagination {bottom:20px !important; text-align:left;}
          .news-events-panel .col-news .swiper-pagination .swiper-pagination-bullet {width:24px; height:24px; background:var(--bg-color-1); opacity:1; margin:0 16px 0 0;}
          .news-events-panel .col-news .swiper-pagination .swiper-pagination-bullet:last-child {margin-right:0;}
          .news-events-panel .col-news .swiper-pagination .swiper-pagination-bullet-active {background:var(--bg-color-2);}
    .news-events-panel .col-events {width:66%; margin:0; position:relative; padding:70px 0 0 0;}
      .news-events-panel .col-events .header-content {display:flex; align-items:flex-end;}
        .news-events-panel .col-events header {padding-bottom:110px; margin:0;}
          .news-events-panel .col-events header h2 {color:var(--txt-color-4); font-size:6rem; padding-left:80px;}
        .news-events-panel .col-events .event-btn {margin:0 auto 0 40px; padding-bottom:114px;}
          .news-events-panel .col-events .event-btn a {text-decoration:underline; color:var(--txt-color-5);}
          .news-events-panel .col-events .event-btn a:hover {color:var(--main-hover);}
      .news-events-panel .col-events .events {width:100%; position:relative; overflow:hidden;}
      .news-events-panel .col-events .events.dt {overflow:initial;}
        .news-events-panel .col-events .events.dt .swiper-wrapper {display:flex; justify-content:space-evenly; align-items:stretch; flex-wrap:wrap; background:var(--bg-color-4); margin-bottom:60px;}
          .news-events-panel .col-events .event {width:25.3333%; margin:-50px 0 50px 0; display:flex; flex-direction:column;}
            .news-events-panel .col-events .event .img {width:100%; height:0; padding-top:76%; position:relative; overflow:hidden; box-shadow:1px 1px 2px 1px rgba(0,0,0,0.1), 2px 2px 4px 2px rgba(0,0,0,0.1), 4px 4px 8px 4px rgba(0,0,0,0.1), 8px 8px 16px 8px rgba(0,0,0,0.1);}
              .news-events-panel .col-events .event .img img {width:auto; min-width:101%; max-width:115%; height:auto; min-height:101%; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.5s ease;}
              .news-events-panel .col-events .event:hover .img img {transform:translate(-50%,-50%) scale(1.08);}
            .news-events-panel .col-events .event .txt-content {color:var(--txt-color-0); padding:45px 0 0;}
              .news-events-panel .col-events .event .txt-content .title {text-transform:uppercase; font-size:1.8rem; line-height:1.2; font-weight:700;}
              .news-events-panel .col-events .event .txt-content .subtitle {font-size:1.8rem; line-height:1.2; padding:4px 0 0;}
              .news-events-panel .col-events .event .txt-content .txt {padding:20px 0 0; line-height:3.2rem;}
          .news-events-panel .col-events .swiper-pagination .swiper-pagination-bullet {width:24px; height:24px; background:var(--bg-color-1); opacity:1; margin:0 16px 0 0;}
          .news-events-panel .col-events .swiper-pagination .swiper-pagination-bullet:last-child {margin-right:0;}
          .news-events-panel .col-events .swiper-pagination .swiper-pagination-bullet-active {background:var(--bg-color-2);}
  @media (max-width:1700px) {
    .news-events-panel .col-news header h2, .news-events-panel .col-events header h2 {font-size:3rem;}
  }
  @media (min-width:1201px) {
    .news-events-panel.hideLeft .col-news {width: 10%;}
    .news-events-panel.hideLeft .col-events {width: 90%;}
  }
  @media (max-width:1200px) {
    .news-events-panel .col-news {width:100%; margin:0 auto; padding-left:5%; padding-right:5%; line-height:3.2rem;}
    .news-events-panel .col-events {width:100%; margin:0 auto; padding:70px 5% 0;}
    .news-events-panel .col-news header h2, .news-events-panel .col-events header h2 {font-size:7rem;}
    .news-events-panel .col-events header h2 {padding-left:0;}
  }
  @media (max-width:767px) {
    .news-events-panel .col-news, .news-events-panel .col-events {padding-left:7%; padding-right:7%; line-height:2.2rem;}
      .news-events-panel .col-news header h2, .news-events-panel .col-events header h2 {font-size:4rem;}
      .news-events-panel .col-events {background:var(--bg-color-4);}
        .news-events-panel .col-events .event {width:100%; margin:0 auto 50px;}
        .news-events-panel .col-events .header-content {display:block;}
          .news-events-panel .col-events header {padding:0 0 5px;}
            .news-events-panel .col-events header h2 {padding-left:0;}
          .news-events-panel .col-events .event-btn {padding-bottom:50px; margin-left:0;}
          .news-events-panel .col-events .event .img {box-shadow:none;}
          .news-events-panel .col-events .event .txt-content .txt {line-height:2.2rem;}
  }




  /**********************************************
    Subpage blog panel
  **********************************************/
  .pjs-blog-panel {background:var(--bg-color-1); overflow:hidden;}
  .pjs-blog-panel.lblue {background:var(--bg-color-2);}
  .pjs-blog-panel.dblue {background:var(--bg-color-3);}
  .pjs-blog-panel.beige {background:var(--bg-color-5);}
    .pjs-blog-panel .pjs-inner {max-width:1655px; padding:120px 7%;}
      .pjs-blog-panel .pjs-inner .meta {display:flex; flex-flow:row wrap; align-items:baseline; max-width:1655px;}
        .pjs-blog-panel .pjs-inner .meta h2 {flex:0 0 auto; color:var(--txt-color-4);}
        .pjs-blog-panel.dblue .pjs-inner .meta h2 {color:var(--txt-color-5);}
        .pjs-blog-panel.beige .pjs-inner .meta h2 {color:var(--main-color);}
        .pjs-blog-panel .pjs-inner .meta .view-all {flex:1 1 auto; margin:0 0 0 40px;}
          .pjs-blog-panel .pjs-inner .meta .view-all a {color:var(--txt-color-3); border-bottom:1px solid var(--txt-color-3);}
          .pjs-blog-panel.beige .pjs-inner .meta .view-all a {color:var(--txt-color-4); border-bottom:1px solid var(--txt-color-4);}
          .pjs-blog-panel.lblue .pjs-inner .meta .view-all a, .pjs-blog-panel.dblue .pjs-inner .meta .view-all a {color:var(--txt-color-2); border-bottom:1px solid var(--txt-color-2);}
          .pjs-blog-panel .pjs-inner .meta .view-all a:hover {color:var(--main-color); border-bottom:1px solid var(--main-color);}
          .pjs-blog-panel.lblue .pjs-inner .meta .view-all a:hover {color:var(--txt-color-5); border-bottom:1px solid var(--txt-color-5);}
        .pjs-blog-panel .pjs-inner .meta .swiper-btns {flex:0 0 auto; display:flex; flex-flow:row nowrap;}
          .pjs-blog-panel .pjs-inner .meta .swiper-btns .swiper-button-next, .pjs-blog-panel .pjs-inner .meta .swiper-btns .swiper-button-prev {width:46px; height:46px; position:relative; left:auto; right:auto; top:auto; margin:0;}
          .pjs-blog-panel .pjs-inner .meta .swiper-btns .swiper-button-prev {margin-right:10px;}
          .pjs-blog-panel .pjs-inner .meta .swiper-btns .swiper-button-next:after, .pjs-blog-panel .pjs-inner .meta .swiper-btns .swiper-button-prev:after {display:none;}

          .pjs-blog-panel .pjs-inner .meta .swiper-btns .swiper-button-next:hover svg path, .pjs-blog-panel .pjs-inner .meta .swiper-btns .swiper-button-prev:hover svg path, .pjs-blog-panel .pjs-inner .meta .swiper-btns .swiper-button-next:hover svg g, .pjs-blog-panel .pjs-inner .meta .swiper-btns .swiper-button-prev:hover svg g {transition:all .3s ease;}
          .pjs-blog-panel.lblue .pjs-inner .meta .swiper-btns .swiper-button-next:hover svg g, .pjs-blog-panel.lblue .pjs-inner .meta .swiper-btns .swiper-button-prev:hover svg g {stroke:var(--txt-color-5);}
          .pjs-blog-panel:not(.dblue) .pjs-inner .meta .swiper-btns .swiper-button-next svg path, .pjs-blog-panel:not(.dblue) .pjs-inner .meta .swiper-btns .swiper-button-prev svg path {fill:var(--txt-color-1);}
          .pjs-blog-panel:not(.dblue) .pjs-inner .meta .swiper-btns .swiper-button-next svg g, .pjs-blog-panel:not(.dblue) .pjs-inner .meta .swiper-btns .swiper-button-prev svg g	{stroke:rgba(3,3,3,0.2);}

          .pjs-blog-panel .pjs-inner .meta .swiper-btns .swiper-button-next:hover svg path, .pjs-blog-panel .pjs-inner .meta .swiper-btns .swiper-button-prev:hover svg path {fill:var(--main-color);}
          .pjs-blog-panel.lblue .pjs-inner .meta .swiper-btns .swiper-button-next:hover svg path, .pjs-blog-panel.lblue .pjs-inner .meta .swiper-btns .swiper-button-prev:hover svg path {fill:var(--txt-color-5);}
          .pjs-blog-panel .pjs-inner .meta .swiper-btns .swiper-button-next:hover svg g, .pjs-blog-panel .pjs-inner .meta .swiper-btns .swiper-button-prev:hover svg g	{stroke:var(--main-color);}

      .pjs-blog-panel .pjs-inner .swiper {padding-top:60px; overflow:visible;}
      .pjs-blog-panel .pjs-inner .swiper .card {margin:0;}
        .pjs-blog-panel .pjs-inner .swiper .card .container {position:relative;}
          .pjs-blog-panel .pjs-inner .swiper .card .container .image {padding-top:54.25%; position:relative;}
          .pjs-blog-panel .pjs-inner .swiper .card .container .image .tint {width:100%; height:100%; opacity:0; background:var(--main-color); position:absolute; top:0; left:0; z-index:2;}
          .pjs-blog-panel.lblue .pjs-inner .swiper .card .container .image .tint {background:var(--bg-color-6);}
          .pjs-blog-panel .pjs-inner .swiper .card .container .image .tint:hover {opacity:.75;}
        .pjs-blog-panel .pjs-inner .swiper .card .details {padding-top:30px;}
          .pjs-blog-panel .pjs-inner .swiper .card .details h3 {font-size:3rem;}
            .pjs-blog-panel .pjs-inner .swiper .card .details h3 a {color:var(--txt-color-4);}
            .pjs-blog-panel.dblue .pjs-inner .swiper .card .details h3 a {color:var(--txt-color-5);}
            .pjs-blog-panel.beige .pjs-inner .swiper .card .details h3 a {color:var(--main-color);}
            .pjs-blog-panel .pjs-inner .swiper .card .details h3 a:hover {color:var(--main-color);}
            .pjs-blog-panel.beige .pjs-inner .swiper .card .details h3 a:hover {color:var(--txt-color-3);}
            .pjs-blog-panel.lblue .pjs-inner .swiper .card .details h3 a:hover {color:var(--txt-color-5);}
          .pjs-blog-panel .pjs-inner .swiper .card .details p {opacity:.75; color:var(--txt-color-3);}
          .pjs-blog-panel.lblue .pjs-inner .swiper .card .details p, .pjs-blog-panel.dblue .pjs-inner .swiper .card .details p {color:var(--txt-color-2);}
          .pjs-blog-panel.beige .pjs-inner .swiper .card .details p {color:var(--txt-color-4);}

          .pjs-blog-panel .card .image .pjs-btns {width:100%; padding:0; justify-content:center; align-items:center; background:rgba(251,70,33,0.9); position:absolute; left:0; top:0; right:0; bottom:0; z-index:3; transition:all 0.25s ease; opacity:0;}
          .pjs-blog-panel.lblue .card .image .pjs-btns {background:rgba(248,160,45,0.9);}
          .pjs-blog-panel .card .image:hover .pjs-btns {opacity:1;}
            .pjs-blog-panel .card .image .pjs-btns .a {max-width:80%; min-width:220px; background:var(--bg-color-3); margin-left:auto; margin-right:auto;}
            .pjs-blog-panel .card .image .pjs-btns .a:hover {background:var(--bg-color-0);}

	@media(max-width:960px) {
		.pjs-blog-panel .pjs-inner {padding:60px 7%;}
      .pjs-blog-panel .pjs-inner .swiper {padding-top:40px;}
	}
	@media(max-width:760px) {
		.pjs-blog-panel .pjs-inner .meta .view-all {margin-left:0; text-align:right;}
		.pjs-blog-panel .pjs-inner .meta .swiper-btns {display:none;}
	}

  /**********************************************
    Subpage locations footer panel
  **********************************************/
  .subpage-loc-footer {background:var(--bg-color-2); color:var(--txt-color-4);}
    .subpage-loc-footer .pjs-inner {padding:80px 7%;}
      .subpage-loc-footer .slf-top {max-width:1600px; position:relative;}
        .subpage-loc-footer .slf-top .slf-current-loc {font-size:3.1rem; line-height:1; text-transform:uppercase; letter-spacing:0.05em;}
        .subpage-loc-footer .slf-top .slf-loc-dd {position:absolute; right:0; top:0; z-index:5; cursor:pointer;}
          .subpage-loc-footer .slf-top .slf-loc-dd-inner {max-width:340px; background:var(--bg-color-6); color:var(--txt-color-2); border-radius:12px; position:relative; transition:all 0.9s ease;}
          .subpage-loc-footer .slf-top .slf-loc-dd.open .slf-loc-dd-inner {border-bottom-left-radius:0; border-bottom-right-radius:0; transition:all 0.1s ease;}
            .subpage-loc-footer .slf-top .slf-loc-dd .slf-loc-dd-main {width:340px; display:flex; justify-content:space-between; align-items:center; border-radius:12px; padding:12px 13px 12px 30px; margin:0; position:relative; cursor:pointer;}
              .subpage-loc-footer .slf-top .slf-loc-dd .slf-loc-dd-main .txt {font-size:1.5rem; line-height:1; text-transform:uppercase; margin:0; white-space:nowrap;}
              .subpage-loc-footer .slf-top .slf-loc-dd .slf-loc-dd-main .icon {width:20px; margin:0;}
                .subpage-loc-footer .slf-top .slf-loc-dd .slf-loc-dd-main .icon span {display:block;}
            .subpage-loc-footer .slf-top .slf-loc-dd .slf-loc-dd-items {width:100%; max-height:300px; background:var(--bg-color-6); color:var(--txt-color-2); overflow:hidden; overflow-y:auto; padding:10px 0; position:absolute; left:0; top:100%; z-index:5; display:none;}
              .subpage-loc-footer .slf-top .slf-loc-dd .slf-loc-dd-items ul {width:100%; list-style:none; margin:0;}
                .subpage-loc-footer .slf-top .slf-loc-dd .slf-loc-dd-items ul li {font-size:1.6rem; line-height:1.2;}
                  .subpage-loc-footer .slf-top .slf-loc-dd .slf-loc-dd-items ul li a {display:block; padding:5px 15px; color:var(--txt-color-2);}
                  .subpage-loc-footer .slf-top .slf-loc-dd .slf-loc-dd-items ul li a:hover {background:var(--bg-color-3);}
        .subpage-loc-footer .slf-top .slf-nav-container {padding:35px 0 0 10px; border-bottom:1px solid var(--bg-color-3);}
          .subpage-loc-footer .slf-top .slf-nav-container .slf-nav {display:none;}
          .subpage-loc-footer .slf-top .slf-nav-container .slf-nav:first-child {display:block;}
            .subpage-loc-footer .slf-top .slf-nav-container .slf-nav ul {list-style:none; margin:0; display:flex; justify-content:flex-start; align-items:flex-end; overflow:hidden;}
              .subpage-loc-footer .slf-top .slf-nav-container .slf-nav ul li {width:auto !important; margin:0 25px 0 0;}
                .subpage-loc-footer .slf-top .slf-nav-container .slf-nav ul li a {display:block; padding:0 0 5px; border-bottom:5px solid transparent; color:var(--txt-color-2); font-size:1.8rem; line-height:1; font-weight:700; white-space:nowrap;}
                .subpage-loc-footer .slf-top .slf-nav-container .slf-nav ul li.selected a {border-color:var(--txt-color-5); color:var(--bg-color-0);}
                .subpage-loc-footer .slf-top .slf-nav-container .slf-nav ul li a:hover {color:var(--bg-color-0);}
      .subpage-loc-footer .slf-content-container {max-width:1600px; padding:50px 0 0;}
        .subpage-loc-footer .slf-content-container .slf-content {display:none;}
          .subpage-loc-footer .slf-content-container .slf-content-tab {width:80%; margin:0; display:none;}
          .subpage-loc-footer .slf-content-container .slf-content-tab:first-child {display:block;}
            .subpage-loc-footer .slf-content-container .slf-content-tab .slf-title {padding:0 0 35px 0; font-family:'Source Serif Pro',serif; font-size:6rem; line-height:1; font-weight:700;}
            .subpage-loc-footer .slf-content-container .slf-content-tab .slf-txt {padding:0;}
              .subpage-loc-footer .slf-content-container .slf-content-tab .slf-txt a {color:var(--txt-color-2);}
              .subpage-loc-footer .slf-content-container .slf-content-tab .slf-txt a:hover {color:var(--txt-color-0);}
  @media (max-width:1200px) {
    .subpage-loc-footer .slf-top .slf-nav-container {margin:0 -7%;}
  }
  @media (max-width:900px) {
    .subpage-loc-footer .slf-top .slf-loc-dd {position:relative; right:auto; top:auto;}
      .subpage-loc-footer .slf-top .slf-loc-dd-inner {margin:25px 0 0;}
    .subpage-loc-footer .slf-content-container .slf-content-tab {width:100%;}
      .subpage-loc-footer .slf-content-container .slf-content-tab .slf-title {font-size:4rem;}
  }
  @media (max-width:767px) {
    .subpage-loc-footer .slf-top .slf-loc-dd .slf-loc-dd-main {width:100%;}
    .subpage-loc-footer .slf-top .slf-loc-dd-inner {max-width:95%;}
  }

  /**********************************************
    Footer styles
  **********************************************/
  .pjs-footer {width:100%; background:var(--bg-color-0); margin:auto auto 0; display:block; clear:both; position:relative;}
    .pjs-footer .main {max-width:1350px; display:flex; justify-content:space-between; flex-wrap:wrap; padding:70px 15px 50px;}
      .pjs-footer .main .content {padding:10px 10px 0; font-size:1.4rem; line-height:3.5rem; text-transform:uppercase; letter-spacing:0.05em;}
        .pjs-footer .main .content p {margin-bottom:40px;}
        .pjs-footer .main .content ul {list-style:none; margin:0;}
        .pjs-footer .main .content a.addy {display:block;}
      .pjs-footer .main .group {padding:0 0 25px;}
        .pjs-footer .main .group .title {width:100%; font-family:'Source Serif Pro',serif; font-size:1.8rem; line-height:1; font-weight:700; text-transform:none; border-bottom:1px solid rgba(255,255,255,0.1); padding:0 0 10px; margin:0 0 12px; text-align:center;}
        .pjs-footer .main .group ul {list-style:none; margin:0; display:flex; justify-content:space-between; align-items:center;}
          .pjs-footer .main .group ul li {display:block; margin:0;}
            .pjs-footer .main .group ul li a {display:block; color:var(--txt-color-3); font-size:4rem; line-height:1; position:relative; overflow:hidden;}
            .pjs-footer .main .group ul li a:hover {color:var(--txt-color-2);}
              .pjs-footer .main .group ul li a .fab {display:block;}
                .pjs-footer .main .group ul li a .fab .txt {position:absolute; left:-9999px; z-index:-1; opacity:0;}
      .pjs-footer .main .group .links img {max-width:98px; margin:0 8px;}
      .pjs-footer .main .col {margin:0; text-transform:uppercase; color:var(--txt-color-2);}
        .pjs-footer .main .col1 .logo {width:253px;}
        .pjs-footer .main .col a {color:var(--text-color-2);}
        .pjs-footer .main .col2 a:hover, .pjs-footer .main .col3 a:hover {text-decoration:underline;}
      /*.pjs-footer .main .col4 {margin-right:16%;}*/

  @media (min-width:2000px) {
    .pjs-footer .main {max-width:1600px;}
      .pjs-footer .main .col ul li {font-size:2.5rem;}
  }
  @media (max-width:1650px) {
    .pjs-footer .main {max-width:1150px;}
  }
  @media (max-width:1400px) {
    .pjs-footer .main {max-width:1025px;}
  }
  @media (max-width:1279px) {
    .pjs-footer .main {max-width:1000px; justify-content:space-around;}
      .pjs-footer .main .col {width:45%; margin:0;}
      .pjs-footer .main .col1, .pjs-footer .main .col3 {width:40%;}
      .pjs-footer .main .col2 {margin-top:0; margin-bottom:20px;}
      .pjs-footer .main .col4 {margin-top:0; text-align:center;}
      .pjs-footer .main .col3 .content ul {text-align:center;}
      .pjs-footer .main .col4 .group {max-width:420px; margin:0;}
        .pjs-footer .main .group ul {justify-content:space-around;}
  }
  @media (max-width:767px) {
    .pjs-footer .main .col {width:90%; margin:0 auto; text-align:center;}
      .pjs-footer .main .content ul {text-align:center;}
      .pjs-footer .main .group {padding-bottom:40px;}
      .pjs-footer .main .col4 .group {margin:0 auto;}
        .pjs-footer .main .group .title {font-size:2.6rem;}
      .pjs-footer .main .col2, .pjs-footer .main .col4 {margin-top:60px; margin-bottom:0;}
  }
  @media (max-width:374px) {
    .pjs-footer .main .title {font-size:1.3rem;}
  }

/* added element to /wp-content/themes/wc2021/footer.php */
/* Moved from WP Custom CSS on 10/12/24 by Jacob A */

.footer-w
{
	height: 28px;
	top: 0px;
	position: relative;
}

.footer-w:hover
{
	filter: brightness(0) invert(1);
}



.calendar-menu {width:100%; height:100vh; background:rgba(0,0,0,.95); opacity:0; visibility:hidden; position:fixed; top:0; left:0; z-index:100;}
.calendar-menu.no-clock {height:calc(100% - 108px); top:108px;}
.calendar-menu.open {opacity:1; visibility:initial;}
	.calendar-menu .wrapper {width:calc(100% - 40px); padding:0 20px; position:absolute; top:50%; transform:translateY(-50%); text-align:center;}
		.calendar-menu .wrapper .title {color:var(--txt-color-2); font-family:'Source Serif Pro',serif; font-size:5rem; line-height:6rem;}
		.calendar-menu .wrapper ul {margin:0; padding:20px 0 0 0; list-style:none; text-align:center;}
			.calendar-menu .wrapper ul li {padding:0 10px; color:var(--txt-color-2); font-size:1.6rem; line-height:4.7rem; text-align:center; display:inline-block;}
				.calendar-menu .wrapper ul li a {height:47px; width:47px; color:var(--txt-color-1); font-size:20px; background:var(--bg-color-1); border-radius:47px; display:inline-block;}
				.calendar-menu .wrapper ul li:nth-child(1) a:hover {color:var(--txt-color-2); background:#4285f4;}
				.calendar-menu .wrapper ul li:nth-child(2) a:hover {color:var(--txt-color-2); background:#4d00ae;}
				.calendar-menu .wrapper ul li:nth-child(3) a:hover {color:var(--txt-color-2); background:#808080;}
				.calendar-menu .wrapper ul li:nth-child(4) a:hover {color:var(--txt-color-2); background:#0078d7;}
  .calendar-menu .close-menu {color:var(--txt-color-2); font-size:2.8rem; position:absolute; top:125px; right:100px; z-index:100;}
    .calendar-menu .close-menu a {color:var(--txt-color-2);}

.menu-closer {width:100%; height:100%; background:rgba(0,0,0,0); opacity:0; visibility:hidden; position:fixed; top:0; left:0; z-index:40;}
.menu-closer.open {opacity:1; visibility:initial;}

.calendar-share {max-width:480px; width:100%; margin:0 auto; font-weight:600; font-size:1.3rem; line-height:2.8rem; text-transform:uppercase; text-align:center; display:block;}
	.calendar-share .wrapper {width:100%; margin:0 auto; padding:0; display:inline-block;}
		.calendar-share .wrapper .addToCalendar {width:calc(48% - 50px); margin-top:20px; display:inline-block; float:left; cursor:pointer;}
		.calendar-share .wrapper .addToCalendar.open {background:#00a0e3;}
			.calendar-share .wrapper .addToCalendar.open a {color:var(--txt-color-2);}
		.calendar-share .wrapper .share {width:calc(48% - 50px); margin-top:20px; display:inline-block; float:right; cursor:pointer;}

    .event-details.groups .calendar-share {max-width:480px;}
      .event-details.groups .calendar-share .wrapper .share {width:calc(100% - 40px); float:none; text-align:center; font-size:16px;}
        .event-details.groups .calendar-share .wrapper .share span {display:inline-block;}
  @media (max-width:580px) {
    .calendar-share .wrapper .addToCalendar, .calendar-share .wrapper .share {width:calc(100% - 40px); max-width:55%; display:block; margin:20px auto 0; float:none;}
  }
#at20mc {display:none;}

html.sr .sr {visibility:hidden;}

/*MISC*/
.clear {clear:both;}
.hide, .hidden {display:none;}
.center {text-align:center;}
.footnote {font-size:85%; font-weight:700;}
.noselect {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.trans {transition:all .25s ease;}

img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {max-width:100%; height:auto;}
.alignleft, img.alignleft, img.img-left {display:inline; float:left; margin:5px 50px 30px 0;}
.alignright, img.alignright, img.img-right {display:inline; float:right; margin:5px 0 30px 50px;}
.aligncenter, img.aligncenter {clear:both; display:block; margin:5px auto 30px; text-align:center;}
.navigation, #nav-single, #nav-below, #nav-above, .nav-single, .nav-below {min-height:60px; margin:40px 0 20px; clear:both; overflow:hidden;}
	.nav-previous {float: left; width:45%; padding:10px 0 0; font-weight:bold;}
	.nav-next {float: right; text-align: right; width:45%; padding:10px 0 0; font-weight:bold;}
.assistive-text {margin:0 !important; padding:20px 0 0;}

#at-expanded-menu-host .at-expanded-menu-round .at-expanded-menu-service-list button, #at-expanded-menu-host .at-expanded-menu-round .at-expanded-menu-service-list li {text-align:center;}
#at-expanded-menu-filter-form {display:none;}



/*
######################################################################################################
####################################### ADDED BY TODD FERGUSON #######################################
######################################################################################################
*/


/* added element to /wp-content/themes/wc2021/footer.php */
.footer-w
{
	height: 28px;
	top: 0px;
	position: relative;
}



/*
######################################################################################################
####################################### ADDED BY JACOB AJJARAPU ######################################
######################################################################################################
*/

/* TYPOGRAPHY */

small {
  display: block;
  font-family: 'Montserrat';
  text-transform: uppercase;
  font-size: 24px;
  color: #999;
  margin-bottom: 12px;
}

/* Only used in the playlist panel as o 4/28/23 */
h2.title.large{font-size: 8rem;}
h2.title.xl{font-size: 9rem;}

/* FONTAWESOME */
.fa-ul {
  list-style-type: none;
  margin-left: 0.25em!important;
  padding-left: 1em!important;
}
.fa-li {
  left: -1.5em!important;
  width: 1em!important;
}

.fa-ul.alt > li {
  position: relative;
  padding-left: 10px;
}
ul.fa-ul.alt > li > i {
  position: absolute;
  left: -20px;
  top: 5px;
}

/* RESPONSIVE VIDEO EMBED */

div.flex-video{
  position:relative;
  width:100%;
  height:auto;
  padding-bottom:56.25%;
}
div.flex-video iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

/* GLOBAL STYLES */
.text-center{
  text-align: center;
}
/* GRID */
div.grid{
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  justify-content:center;
  flex-wrap: wrap;
}	
div.grid > div[class*=col]{
  flex-direction: column;
  display: flex;  
/*  align-items: center;*/
  margin-bottom: 16px;
}
div.grid > .col-4 {
  flex:calc(50% - 20px);
  max-width: 50%;
}
@media (min-width: 768px){
  div.grid > .col-3 {
    flex:calc(25% - 20px);
    max-width: 25%;
  }
  div.grid > div.col-4{
    flex:calc(33.3333% - 20px);
    max-width: 33.3333%;
  }  
  div.grid > .col-6{
    flex:calc(50% - 20px);
    max-width: 50%;
  }  
  div.grid > .col-8{
    flex:calc(66.6666% - 20px);
    max-width: 66.6666%;
  }  
}


/* ---------------------- */
/*   BLOG - SINGLE    */
/* ---------------------- */

body.single-post .pjs-content-sections .pjs-inner {
  max-width: 55em;
}


/* ---------------------- */
/*   BLOG - ARCHIVE    */
/* ---------------------- */
.pjs-blog-items .pjs-blog-item .img img {
  width:102%; 
  min-width:unset; 
  max-width:unset;
  min-height:unset; 
  max-height:unset; 
  height: auto;
  display:block; 
  position:absolute; 
  left:50%; top:50%; 
  transform:translate(-50%,-50%); 
  transition:all 0.25s ease;}


/* ---------------------- */
/*   PAGE MENU NAV BAR    */
/* ---------------------- */
  
#page_navbar  {
overflow: hidden;
background-color: #eee;
z-index: 100;
text-align: center;
position: relative;  
}
#page_navbar  ul{
  display: block;
text-align:center;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  margin: 0 10px 0 0;
}
  
#page_navbar ul::after {
  content: '';
  display: block;
  position: absolute;
  width: 100px;
  height: 100%;
  top: 0;
  right: 0;
  background: #000;
  background: rgb(238,238,238);
  background: linear-gradient(90deg, rgba(238,238,238,0) 35%, rgb(238, 238, 238) 100%);
}
#page_navbar  ul li{
  display: inline-block;
}
#page_navbar ul li a {
  display: inline-block;
  text-align: center;
  padding: 10px;
  color: #000;
  opacity: .5;
  font-size: 14px;
  font-weight:600;
  text-transform: uppercase;
  transition: 200ms all ease-in-out;
  -moz-transition: 200ms all ease-in-out;
  -webkit-transition: 200ms all ease-in-out;
  -o-transition: 200ms all ease-in-out;
}
#page_navbar ul li a:hover {
	opacity: 1;
}

.sticky {
  position: fixed!important;
  top: 70px;
  width: 100%;
}

.sticky + .content {
  padding-top: 50px;
}


.local_nav {
height: 1px;
width: 1px;
display: block;
position: relative;
top:-100px;
}
@media (min-width: 768px){
	#page_navbar ul li a {
    font-size: 16px;
	}
}






/* ---------------------- */
/*  MESSAGE LANDING PAGE  */
/* ---------------------- */

.pjs-mm-related .wrapper{
  max-width: 1600px;
}

.pjs-mm-related .wrapper .series-details .desc h3,
.pjs-mm-related .wrapper .series-details .desc h4{
	color:var(--txt-color-2);
  margin-bottom: 1rem;
}

/* ---------------------------------- */
/*  SWIPER MODS + VIDEO PLAYLIST PANEL*/
/* ---------------------------------- */

body.tax-pjs-mm-series .pjs-blog-panel .pjs-inner .meta,
section.weekend-series.video-playlist .inner .meta{
  justify-content: space-between;
}
.meta.flex-end{
  justify-content: flex-end!important;
}
body.tax-pjs-mm-series .pjs-blog-panel .pjs-inner .meta .swiper-btns,
section.weekend-series.video-playlist .inner .meta .swiper-btns{
  margin: 0;
}

section.video-playlist .content {
  padding-top: 2rem;
}
@media (min-width: 1200px){
  section.video-playlist .content {
    width:75%;
    margin: 0;
  }
}
@media (min-width: 1400px){
  section.video-playlist .content {
    width:65%;
    margin: 0;
  }
}
section.video-playlist  .video-thumbnail-link{
  display: block;
  line-height: 0;
  position: relative;
}
section.video-playlist .details{
  background:var(--bg-color-4);
  color:var(--txt-color-1);
  padding-top: 30px;
  padding: 30px;
  font-size: 16px;
  line-height: 1.5;  
}
section.video-playlist .details h3{
  margin-bottom: 12px;
}
section.video-playlist .details p{
  color: inherit!important;
}

.play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
}

/* ---------------------- */
/*  SERIES LANDING PAGE   */
/* ---------------------- */

/* Series Header */
#series-hero{
  display: none;
  width:100%;
}
@media (min-width: 768px){
  #series-hero{
    display: block;
  }
  #series-wide{
    display: none;
  }
}


.pjs-mm-related.series{
  background-color:white;
  color: var(--wp--preset--color--black);
}
.pjs-mm-related.series .wrapper .series-details h2,
.pjs-mm-related.series .wrapper .series-details .desc h3,
.pjs-mm-related.series .wrapper .series-details .desc h4{
	color:inherit;
}

@media (max-width: 767px){
.pjs-mm-related.series .wrapper .series-details .desc {
  font-size: 1.6rem;
  line-height: 2.2rem;  
}
}
@media (min-width: 768px){
  body.tax-pjs-mm-series .pjs-blog-panel .pjs-inner .meta h2{
    font-size: 5rem;
  }  
}


/* ---------------------- */
/*  GIVE LANDING PAGE   */
/* ---------------------- */

body.page-id-453 section.banner.sub .pjs-btns > a {
  margin: 0 auto; 
}





/* ----------------------- */
/*  LOCATION LANDING PAGE  */
/* ----------------------- */

/* LOCATION HEADER LIVESTREAM */

/* Countdown Timer */

#countdown-notification{
  display: none;
}

#countdown {
  margin-left: 8px;
}

body.page-template-location #notif-txt i[class*='fa-angle-double']{
  margin-left: 4px;
}


/* Livestream Embeds */

body.page-template-location #livestream{
  display: none;
}

body.page-template-location #livestream,
body.page-template-location #cp-video{
  position: relative;
}

a#livestream::before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
  content: '';
}

body.page-template-location #livestream,
body.page-template-location #cp-video,
body.page-template-location #ondemand-embed {
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.5);
}

/* Live notice on embed */
/*
body.page-template-location #livestream h5 {
  position: absolute;
  z-index: 10;
  width: auto;
  top: 0;
  left: 0;
  padding: 1.5rem 2rem;
  color: #fff;
  font-size: 1.5rem;
  font-family: 'Montserrat', Arial, san-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: rgba(0,0,0,.75);
}
*/

body.page-template-location #notif-txt i.fa-circle{
  color:red;
  margin-right: 4px;
  animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}

/* WHEN SERVICE IS LIVE */


@media (max-width: 1200px) {
  body.page-template-location.live .banner.loc .pjs-banner-txt {
    padding-top: 120px;
  }
}
body.page-template-location.live #countdown-notification{
  display: block!important;
}

body.page-template-location.live #countdown{
  display: none;
}

body.page-template-location.live #livestream{
  display: block;  
}

body.page-template-location.live:not(.page-id-17061) #cp-video{
  display: none;  
}

body.page-template-location.live section#ondemand-service{
  
}


/*@media (min-width: 768px){
  body.page-template-location #livestream h5 {
    padding: 4rem 2rem;
    font-size: 2.5rem;
  }
}
@media (min-width: 1200px){
  body.page-template-location #livestream h5 {
    padding: 3rem 2rem;
    font-size: 2rem;
  }
}
@media (min-width: 1440px){
  body.page-template-location #livestream h5 {
    padding: 4rem 2rem;
    font-size: 2.5rem;
  }
}*/

.fancybox-slide--iframe .fancybox-content{
  background:#000!important;
}

/* Location Ondemand - Latest Service */

section#ondemand-service{
  background-color:var(--bg-color-0);
}

section#ondemand-service header h2{
  color:var(--txt-color-3);
}

section#ondemand-service .pjs-inner {
  max-width: unset;
  padding: 6rem 5%;
}

@media (min-width: 1200px){
  section#ondemand-service .pjs-inner {
    max-width: unset;
    padding: 160px 5% 170px;
  }
  section#ondemand-service .pjs-content {
    flex-flow: row-reverse;
    align-items: center;
  }
  section#ondemand-service .pjs-content .txt {
    margin: 0;
  }
  section#ondemand-service .pjs-content .title-txt {
    margin: 0 0 0 auto;
  }
  section#ondemand-service header h2{
    font-size: 9rem;
  }
}


/* FEATURED EVENT SECTION */

section#featured-event .pjs-inner {
  max-width: unset;
  padding: 6rem 5%;
}
section#featured-event .pjs-content .left {
  order:1;
  margin-bottom: 2rem;
}
section#featured-event .pjs-content .left img{
 box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.5); 
}
section#featured-event .pjs-content .left .featured-event-img{
  display: none;
}

section#featured-event .pjs-content .right{
  order:2;
  text-align: center;
}
section#featured-event .pjs-content .right small.postheader{
  margin-top: 8px;
}
@media (min-width: 768px){
  section#featured-event .pjs-content .left {
    margin: 0;
    width:50%;
  }
  section#featured-event .pjs-content .right {
    margin: 0 0 0 auto;
    text-align: left;
    width:45%;
  }
}
@media (min-width: 1200px){
  section#featured-event .pjs-inner {
    max-width: unset;
    padding: 160px 5% 170px;
  }
  section#featured-event .pjs-content {
/*    flex-flow: row-reverse;*/
    align-items: center;
  }
  
  section#featured-event header h2{
    font-size: 9rem;
  }
}
@media (min-width: 1440px){
  section#featured-event .pjs-content .left {
    width: 60%;
  }
  section#featured-event .pjs-content .right {
    width: 32%;
  }
  section#featured-event .pjs-content .left .featured-event-img-mobile{
    display: none;
  }
  section#featured-event .pjs-content .left .featured-event-img{
    display: block;
  }  
}


/* LOCATION - NEWS/EVENTS SECTION */
/* Moved from WP Custom CSS on 10/12/24 by Jacob A */

.ar-16-9{
      width: 100%;
      height: 0;
      padding-bottom: 56.25%; /* (9 / 16) * 100% - This calculates the aspect ratio */
    
}

.news-events-panel .col-events .event .img {
    width: 100%;
    height: 0;
    padding-top: 0;
    position: relative;
    overflow: hidden;
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1), 2px 2px 4px 2px rgba(0,0,0,0.1), 4px 4px 8px 4px rgba(0,0,0,0.1), 8px 8px 16px 8px rgba(0,0,0,0.1);
}

.news-events-panel .col-events .event .img img {
    width: auto;
    min-width: 100%; 
     max-width: 100%; 
    height: auto;
    min-height: 101%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.5s ease;
}

.addtoany_no_icon .a2a_svg{
	display:none;
}


.standard-full .pjs-inner {
    padding: 26px 7%;
}

.pjs-content div.addtoany_share_save_container{
	display:none;
}

.pjs-btns.small span.check-loc a{
	  min-width: 160px;
    padding: 16px 24px;
    font-weight: 700 !important;
    font-size: 13px !important;
}


/* GUTENBURG PAGE TEMPLATE */
/* Added on 10/12/24 by Jacob A */
body.page-template-page-gutenburg{
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6{
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 3vw;
    letter-spacing: -2px;
    line-height:.9;
  }
  p{
    margin-bottom: 3vw;
  }
  
  .has-w-beige-background-color{
    background-color:#FFF9F1;
  }
  .has-w-orange-background-color{
    background-color:#fa4616;
  }
  .has-w-yellow-background-color{
    background-color:#f0b323;
  }
  .has-w-blue-background-color{
    background-color:#00a9e0;
  }
  .has-w-navy-background-color{
    background-color:#0c2340;
  }
  .has-w-beige-color{
    color:#FFF9F1;
  }
  .has-w-orange-color{
    color:#fa4616;
  }
  .has-w-yellow-color{
    color:#f0b323;
  }
  .has-w-blue-color{
    color:#00a9e0;
  }
  .has-w-navy-color{
    color:#0c2340;
  }
  .pin-spacer{
/*    margin:0!important;*/
    background-color: #00a9e0;
  }
  div.container{
    margin:0!important;
    padding:0!important;
    position: relative;
    overflow: visible;
  }
  section{
    position: relative;
  }
  section:not(.pjs-section.banner){
    overflow: visible;
    margin:0!important;
    padding:4rem 2rem;
  }
  @media (min-width:960px) {
    section:not(.pjs-section.banner){
      overflow: visible;
      margin:0!important;
      padding:4rem;
    }
  }
  section.panel{
    display: flex;
  }
  section.aligncenter {
    padding-right:20vw !important;
    padding-left:20vw !important;    
  }
  
  .position-absolute{
    position: absolute;
  }
  .position-relative{
    position: relative;
  }
  .img-md{
    width: 36vw;
  }
  .img-sm{
    width: 24vw;
  }
  figure > img{
    width: 100%;
  }

  /* RESPONSIVE VIDEO EMBED */
  .wp-embed-aspect-16-9 .wp-block-embed__wrapper {
    position: relative;
    height: auto;
    padding-bottom: 56.25%;
    width: 100%;
  }
  .wp-block-embed__wrapper iframe {
    max-width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
  }

  @media (min-width:960px) {
    /*  block grid */
    .three-block-grid .stk-block-column {
      min-width: 33.3% !important;
    }
    .two-block-grid .stk-block-column {
      min-width: 50% !important;
    }
  }
  @media (max-width:961px) {
    .mobile-width-100{
      width: 100%!important;
    }
  }
}

/* 2024 YEAR END PAGE - GSAP SCROLLTRIGGER STYLES*/
body.page-id-22273{
  
/*
  .pjs-main-header{
    position: relative!important;
  }
  .pjs-main-container{
    margin-top: 0!important;
  }
*/
  .pjs-content-sections{
    overflow: hidden;
  }
  
  section.banner.sub{
    .pjs-inner{
      max-height: 100vh!important;
    }
    h1#banner-txt-p{
      display: none;
    }
    img#header-title{
      
    }
  }
  
  #intro  section{
    z-index: 2;
    padding-top:0!important;
  }  

  
  blockquote {
    background: none;
    
    p:last-of-type{
      margin-bottom: 0;
    }
  }
  
  
  div.container.horizontal > .wp-block-group__inner-container {
    width: fit-content;
    height: 100%;
    display: block;
/*
    flex-wrap: nowrap;
    overflow: hidden;
*/
  }
  
  @media (min-width:1024px) {
    div.container.horizontal > .wp-block-group__inner-container {
      display: flex;
      flex-wrap: nowrap;
      overflow: hidden;
    }
  }
  
  div.container.horizontal section.panel{
    width: 100vw;
    height: auto;
  }
  
  @media (min-width:1024px) {
   div.container.horizontal section.panel{
      height: calc(100vh - 8rem + 11px);
      display: flex;
      flex-wrap: nowrap;
    }
    div.container.horizontal section.panel.alt{
      height: calc(100vh - 8rem - 50px);
    }
  }
  
  div.container.horizontal section.panel .wp-block-group__inner-container{
    width: 100%;
  }
  
  #nextgen > .wp-block-group__inner-container {
    width: 700%;
  }
  
}

/* COH VIRTUAL LOBBY - GSAP SCROLLTRIGGER STYLES*/
body.page-id-26717{
  
  font-size:1.8rem;
  
  @media (min-width:1600px) {
    font-size:2rem;
  }
  
/*
  .pjs-main-header{
    position: relative!important;
  }
  .pjs-main-container{
    margin-top: 0!important;
  }
*/
  
  section:not(.pjs-section.banner){
    overflow: visible;
    margin:0!important;
    padding:3em 3em;
  }
  @media (min-width:1024px) {
    section:not(.pjs-section.banner){
      overflow: visible;
      margin:0!important;
      padding:3em;
    }
  }
  .pjs-content-sections{
    overflow: hidden;
  }
  
  /* PAGE HEADER */
  section.banner.sub{
    .pjs-inner{
      max-height: 100vh!important;
    }
    h1#banner-txt-p{
      display: none;
    }
    img#header-title{
      width:75%;
    }
    @media (min-width:1600px) {
      img#header-title{
        width:100%;
      }
    }
    .banner-img-container::before {
      background: linear-gradient(to bottom, rgba(0, 169, 224, 0) 0%, rgb(0, 169, 224) 90%);
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;
      left: 0;
      position: absolute;
      z-index: 1;
      content: '';
    }
  }
  
  div.container.horizontal > .wp-block-group__inner-container {
    width: fit-content;
    height: 100%;
    display: block;
/*
    flex-wrap: nowrap;
    overflow: hidden;
*/
  }
  
  @media (min-width:1024px) {
    div.container.horizontal > .wp-block-group__inner-container {
      display: flex;
      flex-wrap: nowrap;
      overflow: hidden;
    }
  }
  
  div.container.horizontal section.panel{
    width: 100vw;
    height: auto;
  }
  
  @media (min-width:1024px) {
   div.container.horizontal section.panel{
      height: calc(100vh - 4em + 11px);
      display: flex;
      flex-wrap: nowrap;
    }
    div.container.horizontal section.panel.alt{
      height: calc(100vh - 4em - 50px);
    }
  }
  
  div.container.horizontal section.panel .wp-block-group__inner-container{
    width: 100%;
  }
  
  #partner_water > .wp-block-group__inner-container {
/*    width: 700%;*/
  }
  
}

/* Page Navbar - Flyout Menu */
body.page-id-26717 #page_navbar {
  display: block;
  position: fixed;
  bottom: 140px;
  right: 20px;
  padding: 10px;
  background: rgba(0,0,0,1);
  border-radius: 8px;
  transition: 200ms all ease-in-out;
  transform: scale(0%);
  transform-origin: bottom right;
}
body.page-id-26717 #page_navbar ul{
  margin: 0;
}

body.page-id-26717 #page_navbar.active{
  transform: scale(100%);
  transform-origin: bottom right;
}

body.page-id-26717 #page_navbar ul::after{
  display: none;
}

body.page-id-26717 #page_navbar ul > li{
  display:block;
  text-align: left;
}

body.page-id-26717 #page_navbar ul > li > a{
  color:#fff;
  display: block;
  text-align: left;
}
body.page-id-26717 #page_navbar ul > li > a:hover,
body.page-id-26717 #page_navbar ul > li > a.active{
  color: #fff;
  opacity: 1;
}

#page_navbar_toggle{
  display: block;
  width: 64px;
  height: 64px;
  position: fixed;
  bottom:60px;
  right: 20px;
  z-index: 2;
  background:rgba(0,0,0,1);
  border-radius: 8px;
}

#page_navbar_toggle > span,
#page_navbar_toggle > span::before,
#page_navbar_toggle > span::after{
  width: 32px;
  height: 3px;
  background-color: rgba(255,255,255,1);
  display: block;
  transition: 200ms all ease-in-out;
}
#page_navbar_toggle > span{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#page_navbar_toggle > span::before,
#page_navbar_toggle > span::after{
  content: '';
  position: absolute;
}
#page_navbar_toggle > span::before{
  transform: translateY(-10px);
}
#page_navbar_toggle > span::after{
  transform: translateY(10px);
}

#page_navbar_toggle.active{
  background: var(--main-color);  
}
#page_navbar_toggle.active > span{
  background-color: rgba(255,255,255,0);
}
#page_navbar_toggle.active > span::before{
  transform: rotate(-45deg);
  background-color: rgba(0,0,0,1);
}
#page_navbar_toggle.active > span::after{
  transform: rotate(45deg);
  background-color: rgba(0,0,0,1);
}

/* PAGE SHARE 
- Currently using AddToAnyService. Could replace service with anything.
- Added 11/22/24 by Jacob
*/
#page_share {
  display: none;
  position: fixed;
  z-index: 1000;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 960px){
  #page_share {
    display: block;
  }
}
#page_share .addtoany_shortcode .addtoany_list a.addtoany_share{
  padding: 2rem;
  font-size: 2rem!important;
  position: relative;
  margin: 0;
  background:#fff;
  box-shadow: none;
  color: var(--wp--preset--color--w-navy);
}
#page_share .addtoany_shortcode .addtoany_list a.addtoany_share:hover{
  background:var(--wp--preset--color--w-orange);
  color: #fff;
}
#page_share .addtoany_shortcode .addtoany_list a.addtoany_share span{
  width:0px;
  overflow: hidden;
  transition: width 100ms ease-in-out;
}
#page_share .addtoany_shortcode .addtoany_list a.addtoany_share i{
  transform: translateX(-2px);
}
#page_share .addtoany_shortcode .addtoany_list a.addtoany_share:hover span{
  width:80px;
  margin-left: 1rem;
}
/*
#page_share .addtoany_shortcode .addtoany_list a.addtoany_share i{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
*/


/* PASSWORD PROTECTED PAGE */
.pjs-content-sections .post-password-form{
  padding: 2rem;
  max-width: 768px;
}